:root{color-scheme:light;--bg:#edf6f9;--surface:#fcfeff;--field:#f3f8fb;--ink:#162b3d;--muted:#536b7c;--line:#dceaf0;--blue:#075da4;--amber:#ffc76e;--danger:#b7444d;--shadow:0 24px 70px rgba(39,87,115,.08)}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#0d1721;--surface:#14212d;--field:#1b2b38;--ink:#eff5f8;--muted:#a4b6c3;--line:#2b3e4c;--blue:#a1d0ff;--amber:#ffcc78;--danger:#ff9ba3;--shadow:0 24px 70px rgba(0,0,0,.16)}}
*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% -15%,rgba(46,177,216,.18),transparent 35%),radial-gradient(circle at 95% 80%,rgba(255,197,107,.1),transparent 30%),var(--bg);color:var(--ink);font:14px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;text-wrap:pretty}button,input,select{font:inherit}.hidden{display:none!important}.shell{max-width:1120px;margin:auto;padding:30px 24px 22px;min-height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:730;letter-spacing:-.04em}.brand img{width:47px;height:47px;border-radius:14px;box-shadow:0 8px 24px rgba(35,115,164,.12)}.brand small{margin-left:auto;font-size:11px;color:var(--muted);font-weight:500;letter-spacing:0}.shell main{flex:1;padding:48px 0 70px}.card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}#auth{max-width:460px;margin:38px auto}.eyebrow{margin:0;color:var(--blue);font-size:10px;letter-spacing:.18em;font-weight:780}h1{font-size:29px;line-height:1.2;letter-spacing:-.045em;margin:8px 0 8px}h2{font-size:19px;letter-spacing:-.025em;margin:0 0 5px}.muted{color:var(--muted);line-height:1.5;margin:0 0 22px;font-size:13px}form{display:grid;gap:15px}label{display:grid;gap:8px;color:var(--muted);font-size:12px}input,select{height:45px;width:100%;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:var(--field);color:var(--ink);outline:none}input:focus,select:focus{box-shadow:0 0 0 3px rgba(23,111,194,.12),inset 0 0 0 1px var(--blue)}.primary,.quiet{border:0;border-radius:12px;min-height:43px;padding:0 18px;cursor:pointer}.primary{background:var(--amber);color:#1b3040;font-weight:730;box-shadow:0 6px 18px rgba(236,167,67,.12)}.primary:active,.quiet:active{transform:scale(.985)}.quiet{background:var(--field);color:var(--ink)}button:disabled{opacity:.55;cursor:not-allowed}.error{min-height:16px;color:var(--danger);font-size:12px;margin:0}.heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin:14px 0 26px}.heading .muted{margin-bottom:0}.dashboard-grid{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:17px;align-items:start}.list-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.list-head .muted{margin-bottom:15px}.user-row{border-top:1px solid var(--line);padding:16px 0}.user-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.user-head strong{font-size:13px}.pill{font-size:10px;padding:5px 8px;border-radius:8px;background:var(--field);color:var(--blue)}.user-row small{display:block;margin:6px 0 0;color:var(--muted);font-variant-numeric:tabular-nums}.user-edit{display:grid;grid-template-columns:1fr 1fr auto auto;gap:8px;align-items:end;margin-top:12px}.user-edit input[type=checkbox]{width:17px;height:17px}.user-edit label.check{display:flex;align-items:center;height:45px}.user-edit button{height:45px}footer{color:var(--muted);font-size:11px;text-align:center}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:var(--ink);color:var(--surface);border-radius:10px;padding:10px 14px;transition:opacity .2s,transform .2s}#toast.show{transform:translate(-50%,0);opacity:1}@media(max-width:760px){.shell{padding:20px 15px}.shell main{padding:25px 0 60px}.card{padding:22px;border-radius:20px}#auth{margin:15px auto}.dashboard-grid{grid-template-columns:1fr}.user-edit{grid-template-columns:1fr 1fr}.user-edit button{grid-column:1/-1}.heading{align-items:center}}