:root{--bg:#0a0e1a;--panel:#131a30;--panel2:#161d3a;--line:#ffffff17;--ink:#e8ecf8;--muted:#9aa0c0;--accent:#36d399;--gold:#ffd166;--danger:#ff5d73}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:14px/1.55 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.login-wrap{background:radial-gradient(900px 480px at 50% -10%, #36d3991a, transparent 60%), var(--bg);place-items:center;min-height:100vh;display:grid}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:360px;max-width:calc(100vw - 32px);padding:26px;box-shadow:0 24px 60px #0006}.brand{letter-spacing:.5px;font:800 20px Inter}.brand .accent{color:var(--accent)}.sub{color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin:4px 0 18px;font:700 11px Inter}.field{margin-bottom:14px;display:block}.field span{color:var(--muted);margin-bottom:5px;font-size:12px;display:block}.field input{border:1px solid var(--line);width:100%;color:var(--ink);background:#0a0d18;border-radius:9px;outline:none;padding:10px 12px;font-size:14px}.field input:focus{border-color:#36d3998c}.btn{background:var(--accent);color:#07221a;cursor:pointer;border:none;border-radius:9px;width:100%;padding:11px;font:800 14px Inter}.btn:hover{filter:brightness(1.06)}.err{color:var(--danger);margin-bottom:12px;font-size:13px}.shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;padding:16px 26px;display:flex}.topbar .who{color:var(--muted);font-size:13px}.topbar .who b{color:var(--ink)}.logout{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:7px 14px;font-weight:700}.logout:hover{color:var(--ink);border-color:#ff5d7380}.main{max-width:1000px;margin:0 auto;padding:26px}h1{margin:0 0 4px;font:800 24px Inter}.lead{color:var(--muted);margin:0 0 22px}.grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:22px;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.stat .k{color:var(--muted);letter-spacing:1.2px;text-transform:uppercase;font:800 10px Inter}.stat .v{margin-top:6px;font:800 22px Inter}.stat .v.accent{color:var(--accent)}.card{background:linear-gradient(180deg, var(--panel), var(--panel2));border:1px solid var(--line);border-radius:16px;margin-bottom:18px;padding:6px 20px 16px}.card h2{margin:16px 0 10px;font:800 15px Inter}.row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.row:last-child{border-bottom:none}.row .meta{color:var(--muted);font-size:12px}.pill{letter-spacing:.5px;border-radius:100px;padding:3px 9px;font:800 10px Inter}.pill.on{color:var(--accent);background:#36d3991f;border:1px solid #36d3994d}.pill.off{color:var(--muted);border:1px solid var(--line);background:#ffffff0d}.muted{color:var(--muted)}