:root{--bg:#eef1f5;--surface:#fff;--ink:#0f172a;--dim:#64748b;--line:#dde3eb;--head:#1e293b;--head-ink:#fff;--btn:#1e293b;--btn-ink:#fff;--accent:#b45309;--accent-tint:#fef3c7;--ok:#15803d;--ok-tint:#dcfce7;--off:#b91c1c;--off-tint:#fee2e2;--lv-view:#475569;--lv-view-tint:#e2e8f0;--lv-entry:#1d4ed8;--lv-entry-tint:#dbeafe;--lv-admin:#7c2d12;--lv-admin-tint:#fde4cf;--font:"IBM Plex Sans Thai", "Noto Sans Thai", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--r:12px}@media (prefers-color-scheme:dark){:root{--bg:#0d1117;--surface:#161c26;--ink:#e6ebf2;--dim:#94a3b8;--line:#2a3342;--head:#0a0f17;--head-ink:#e6ebf2;--btn:#cbd5e1;--btn-ink:#0d1117;--accent:#f59e0b;--accent-tint:#3a2a0b;--ok:#4ade80;--ok-tint:#12301e;--off:#f87171;--off-tint:#3a1515;--lv-view:#cbd5e1;--lv-view-tint:#273142;--lv-entry:#93c5fd;--lv-entry-tint:#172a4a;--lv-admin:#fdba74;--lv-admin-tint:#3b2213;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.55 var(--font);min-height:100dvh}a{color:inherit}input,select,button{font:inherit;color:inherit}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bar{background:var(--head);color:var(--head-ink);padding:14px 16px;padding-top:calc(14px + env(safe-area-inset-top,0px))}.bar-inner{justify-content:space-between;align-items:center;gap:10px;max-width:960px;margin:0 auto;display:flex}.bar b{font-size:16px;display:block}.bar small{opacity:.75;font-size:12.5px}.bar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.bar-btn{color:var(--head-ink);border:1px solid color-mix(in srgb, var(--head-ink) 35%, transparent);cursor:pointer;background:0 0;border-radius:8px;padding:5px 10px;font-size:13px;text-decoration:none}.page{gap:14px;max-width:960px;margin:0 auto;padding-block:16px 48px;padding-inline:16px;display:grid}.narrow{max-width:420px;padding-top:56px}.card{background:var(--surface);border-radius:var(--r);gap:12px;min-width:0;padding:18px;display:grid;box-shadow:0 1px 3px #0f172a14}.card h1,.card h2{margin:0;font-size:19px}.card h2{font-size:16px}.eyebrow{color:var(--dim);letter-spacing:.02em;font-size:12.5px;font-weight:600}label.f{color:var(--dim);gap:4px;font-size:13.5px;display:grid}.in{background:var(--surface);border:1px solid var(--line);border-radius:8px;width:100%;padding:9px 11px}.btn{background:var(--btn);color:var(--btn-ink);cursor:pointer;text-align:center;border:0;border-radius:8px;padding:10px 14px;font-weight:600;text-decoration:none}.btn:disabled{opacity:.55;cursor:default}.btn.ghost{color:var(--ink);border:1px solid var(--line);background:0 0;font-weight:500}.btn.sm{padding:6px 10px;font-size:13px}.btn.danger{color:var(--off);border:1px solid var(--off);background:0 0;font-weight:500}.err{color:var(--off);background:var(--off-tint);border-radius:8px;margin:0;padding:8px 10px;font-size:13.5px}.ok{color:var(--ok);background:var(--ok-tint);border-radius:8px;margin:0;padding:8px 10px;font-size:13.5px}.info{background:var(--accent-tint);border-radius:8px;margin:0;padding:8px 10px;font-size:13.5px}.hint{color:var(--dim);margin:0;font-size:12.5px}.code{font:600 18px var(--mono);letter-spacing:.08em}.tiles{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);align-content:start;justify-items:start;gap:4px;min-height:104px;padding:14px;text-decoration:none;display:grid}.tile:hover{border-color:var(--ink)}.tile b{font-size:15px}.lv{white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.lv.view{color:var(--lv-view);background:var(--lv-view-tint)}.lv.entry{color:var(--lv-entry);background:var(--lv-entry-tint)}.lv.admin{color:var(--lv-admin);background:var(--lv-admin-tint)}.pill{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:600}.pill.on{color:var(--ok);background:var(--ok-tint)}.pill.off{color:var(--off);background:var(--off-tint)}.pill.warn{color:var(--accent);background:var(--accent-tint)}.page .tabs{flex-wrap:wrap;gap:6px;display:flex}.page .tabs a{flex:1;min-width:110px}.page .tabs a[aria-current=page]{background:var(--btn);color:var(--btn-ink);border-color:var(--btn)}.list{gap:8px;display:grid}.row{background:var(--surface);border-radius:var(--r);gap:8px;padding:12px 14px;display:grid;box-shadow:0 1px 2px #0f172a0f}.row .top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.row code{font:500 12px var(--mono);color:var(--dim)}.row.disabled b{color:var(--dim);text-decoration:line-through}.acts{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.acts select{width:auto;padding:5px 8px;font-size:13px}.confirm{background:var(--accent-tint);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.tbl-wrap{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:9px 12px}tr:last-child td{border-bottom:0}th{color:var(--dim);font-size:12.5px;font-weight:600}td.num{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--dim)}.perm{gap:8px;display:grid}.perm .pr{grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:8px;display:grid}.perm select{padding:6px 8px;font-size:13px}.loading-screen{min-height:60dvh;color:var(--dim);justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}.loading-screen.dark{color:#8b95a1;background:#14181c;min-height:100dvh}.loading-spin{border:2px solid;border-top-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-spin{animation-duration:2s}}