:root{--bg:#f3f3f3;--surface:#fff;--alt:#e9e9e9;--text:#2b2b2b;--muted:#696969;--line:#dadada;--brand:#ff8901;--on-brand:#16182b;--err:#cf0f21;--err-soft:#fbd5d8;--ok:#12805c}@media (prefers-color-scheme:dark){:root{--bg:#0b0d1f;--surface:#14173a;--alt:#2a2f5e;--text:#e8eaf6;--muted:#a2a7cf;--line:#2a2f5e;--err-soft:#4a1220;--err:#ff8a94;--ok:#5fd3a8}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.45 -apple-system,Inter,system-ui,sans-serif}a{color:inherit}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.side{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:4px;padding:20px 14px;display:flex}.side h1{margin:0 0 14px 8px;font-size:17px}.side a{border-radius:8px;padding:9px 10px;text-decoration:none}.side a.on{background:var(--brand);color:var(--on-brand);font-weight:700}.main{max-width:1200px;padding:28px 32px}h2{margin:0 0 16px;font-size:22px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:16px;padding:16px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}button,.btn{background:var(--brand);color:var(--on-brand);cursor:pointer;border:0;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:700}button.sec{background:var(--alt);color:var(--text)}button.danger{background:var(--err-soft);color:var(--err)}button:disabled{opacity:.45;cursor:not-allowed}input,select{background:var(--alt);color:var(--text);border:1px solid #0000;border-radius:8px;padding:8px 10px;font-size:14px}.row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.err{background:var(--err-soft);color:var(--err);border-radius:8px;margin-bottom:12px;padding:10px 12px}.ok{color:var(--ok)}.muted{color:var(--muted)}.pill{background:var(--alt);border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.center{place-items:center;min-height:100vh;display:grid}.login{width:360px}@media (max-width:800px){.shell{grid-template-columns:1fr}.side{flex-flow:wrap}.main{padding:16px}}