:root{--bg:#080b12;--panel:#111827;--panel2:#172033;--text:#f8fafc;--muted:#94a3b8;--line:#263248;--accent:#8b5cf6;--accent2:#22d3ee;--danger:#fb7185;--ok:#34d399;--shadow:0 24px 80px #0008;--radius:20px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}
[data-theme=ocean]{--bg:#031525;--panel:#08243a;--panel2:#0c304b;--text:#e8f7ff;--muted:#8bb8cf;--line:#155070;--accent:#00a8e8;--accent2:#5eead4;--danger:#ff6b81;--ok:#2dd4bf}
[data-theme=forest]{--bg:#07140e;--panel:#10251a;--panel2:#173425;--text:#effff3;--muted:#91b89c;--line:#28573a;--accent:#4ade80;--accent2:#bef264;--danger:#fb7185;--ok:#86efac}
[data-theme=sunset]{--bg:#1b0d14;--panel:#321522;--panel2:#482032;--text:#fff6ed;--muted:#d5a4a0;--line:#683043;--accent:#fb7185;--accent2:#fbbf24;--danger:#f43f5e;--ok:#a3e635}
[data-theme=nord]{--bg:#242933;--panel:#2e3440;--panel2:#3b4252;--text:#eceff4;--muted:#aeb8c8;--line:#4c566a;--accent:#88c0d0;--accent2:#b48ead;--danger:#bf616a;--ok:#a3be8c}
[data-theme=cyber]{--bg:#050509;--panel:#111018;--panel2:#1b1725;--text:#f7f7ff;--muted:#a79bb5;--line:#3e2654;--accent:#f0f;--accent2:#00f5d4;--danger:#ff3864;--ok:#00f5a0}
[data-theme=light]{--bg:#eef2f8;--panel:#fff;--panel2:#f7f9fc;--text:#172033;--muted:#667085;--line:#d9e0ea;--accent:#4f46e5;--accent2:#0891b2;--danger:#e11d48;--ok:#059669;--shadow:0 20px 55px #29415d20;color-scheme:light}
[data-theme=slate]{--bg:#111315;--panel:#1c1f22;--panel2:#25292d;--text:#f1f3f5;--muted:#a2a8ae;--line:#383e44;--accent:#a3a3a3;--accent2:#f5f5f5;--danger:#ef4444;--ok:#22c55e}
[data-theme=royal]{--bg:#100b27;--panel:#1d1544;--panel2:#2a1d61;--text:#faf8ff;--muted:#b6a8dc;--line:#463385;--accent:#a78bfa;--accent2:#f0abfc;--danger:#fb7185;--ok:#6ee7b7}
[data-theme=havana]{--bg:#16211d;--panel:#22332d;--panel2:#30483f;--text:#fff8de;--muted:#c1b995;--line:#526b5e;--accent:#e8b44f;--accent2:#49b9a4;--danger:#e76f51;--ok:#7ac74f}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 36%),radial-gradient(circle at 92% 18%,color-mix(in srgb,var(--accent2) 12%,transparent),transparent 32%)}a{color:inherit;text-decoration:none}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));position:sticky;top:0;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);z-index:10}.brand{display:flex;align-items:center;gap:11px;font-weight:750}.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 8px 28px color-mix(in srgb,var(--accent) 35%,transparent)}.brand-mark.large{width:58px;height:58px;border-radius:18px;margin-bottom:20px;font-size:24px}.topbar nav{display:flex;align-items:center;gap:20px;font-size:14px}.topbar nav>a{color:var(--muted)}.topbar nav>a:hover{color:var(--text)}.topbar form{margin:0}.theme-form{display:flex;align-items:center;gap:8px;color:var(--muted)}select,input{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:11px 13px;outline:none}select:focus,input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.theme-form select{padding:7px 28px 7px 9px}.link-button{background:none;border:0;color:var(--muted);cursor:pointer;font:inherit}.shell{position:relative;max-width:1180px;margin:0 auto;padding:54px 24px 80px}.auth-shell{min-height:100vh;display:grid;place-items:center}.card{background:linear-gradient(155deg,var(--panel),color-mix(in srgb,var(--panel2) 82%,var(--panel)));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.login-card{width:min(440px,100%);padding:42px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;color:var(--accent2);margin:0 0 8px}h1{font-size:clamp(32px,4vw,52px);letter-spacing:-.045em;line-height:1.04;margin:0 0 13px}h2,h3{margin:0}.muted{color:var(--muted);line-height:1.65}.stack{display:grid;gap:17px;margin-top:28px}.stack label{display:grid;gap:8px;font-weight:650;font-size:13px}.stack small{color:var(--muted);font-weight:400}.button,button{border:0;border-radius:11px;padding:11px 15px;font:inherit;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 28%,transparent)}.subtle{background:var(--panel2);border:1px solid var(--line);font-size:13px}.danger{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);font-size:13px}.hero{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.hero h1{margin-bottom:8px}.hero p:last-child{margin:0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.metric{padding:22px;display:grid;gap:5px}.metric span,.metric small{color:var(--muted)}.metric strong{font-size:27px;letter-spacing:-.04em}.table-card{overflow:hidden}.section-title{display:flex;align-items:center;justify-content:space-between;padding:24px 26px;border-bottom:1px solid var(--line)}.pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent2);font-size:12px;font-weight:750}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.09em}th,td{padding:16px 24px;border-bottom:1px solid var(--line)}tbody tr:hover{background:color-mix(in srgb,var(--panel2) 50%,transparent)}.avatar{width:30px;height:30px;display:inline-grid;place-items:center;margin-right:10px;border-radius:9px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent2);font-weight:800}.status{color:var(--ok);display:flex;align-items:center;gap:7px}.status i{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 12px var(--ok)}.actions{display:flex;justify-content:flex-end;gap:8px}.actions form{margin:0}.empty{text-align:center;padding:64px 24px;color:var(--muted)}.empty-icon{font-size:44px;color:var(--accent);margin-bottom:14px}.empty h3{color:var(--text)}.narrow{max-width:640px;margin:auto}.back{display:inline-block;color:var(--muted);margin-bottom:18px}.form-card{padding:36px}.notice{padding:13px 16px;border-radius:12px;margin-bottom:20px;border:1px solid}.notice.error{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.notice.success{color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,transparent);border-color:color-mix(in srgb,var(--ok) 35%,transparent)}
@media(max-width:760px){.topbar{height:auto;padding:14px 18px;align-items:flex-start}.topbar nav{gap:11px;flex-wrap:wrap;justify-content:flex-end}.brand span:last-child{display:none}.shell{padding:36px 16px}.hero{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr}.actions{flex-direction:column}.theme-form label{display:none}th,td{padding:13px 15px}.login-card,.form-card{padding:28px}}