:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-1:#fff;--page-plane:#f4f4f8;--text-primary:#11121f;--text-secondary:#4b4c63;--text-muted:#9091aa;--gridline:#e4e4ec;--border:#11121f1a;--accent:#ffd600;--accent-dim:#ffb800;--accent-ink:#11121f;--status-good:#1f9d4b;--status-warning:#b8860b;--status-critical:#d03b3b;--brand-bg:#11121f;--brand-bg-raised:#1c1d33;--brand-ink:#fff;--brand-ink-muted:#9091aa}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-1:#1c1d33;--page-plane:#11121f;--text-primary:#fff;--text-secondary:#d6d7e0;--text-muted:#9091aa;--gridline:#2a2b45;--border:#ffffff1f;--accent:#ffd600;--accent-dim:#ffb800;--accent-ink:#11121f;--status-good:#58d67a;--status-warning:#ffb800;--status-critical:#ff6b6b}}*{box-sizing:border-box}body{background:var(--page-plane);color:var(--text-primary);margin:0;font-family:Poppins,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.app-shell{min-height:100vh;display:flex}nav.sidebar{background:var(--brand-bg);flex-direction:column;flex-shrink:0;width:220px;padding:20px 14px;display:flex}.brand-mark{color:var(--brand-ink);letter-spacing:-.01em;align-items:center;gap:8px;padding:4px 10px 22px;font-size:16px;font-weight:700;display:flex}.brand-mark .dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:10px;height:10px}nav.sidebar a{color:var(--brand-ink-muted);border-radius:10px;margin-bottom:2px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:block}nav.sidebar a.active{background:var(--accent);color:var(--accent-ink);font-weight:600}nav.sidebar a:hover:not(.active){color:var(--brand-ink);background:#ffffff14}main.content{flex:1;max-width:1140px;padding:28px 36px}h1{letter-spacing:-.01em;margin:0 0 18px;font-size:21px;font-weight:700}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:16px;margin-bottom:16px;padding:18px}.stat-row{gap:12px;margin-bottom:20px;display:flex}.stat-tile{background:var(--surface-1);border:1px solid var(--border);border-radius:16px;flex:1;padding:16px 18px}.stat-tile .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.stat-tile .value{font-variant-numeric:tabular-nums;margin-top:6px;font-size:27px;font-weight:700}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--gridline);padding:8px 10px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--gridline);color:var(--text-secondary);font-variant-numeric:tabular-nums;padding:9px 10px}.filters-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}input,select,button{border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);border-radius:10px;padding:8px 12px;font-family:inherit;font-size:13px}button{cursor:pointer;background:var(--accent);color:var(--accent-ink);border:none;border-radius:999px;padding:8px 18px;font-weight:600;transition:background .15s,transform .1s}button:hover{background:var(--accent-dim)}button:active{transform:scale(.98)}button.secondary{color:var(--text-secondary);border:1px solid var(--border);background:0 0}button.secondary:hover{background:var(--gridline);color:var(--text-primary)}button.danger{background:var(--status-critical);color:#fff}button.danger:hover{background:var(--status-critical);opacity:.9}.login-wrap{background:radial-gradient(circle at 20% 20%, #ffd6001f, transparent 45%), var(--brand-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--surface-1);border-radius:20px;width:340px;padding:32px 28px;box-shadow:0 24px 60px #00000059}.login-card .brand-mark{color:var(--text-primary);padding:0 0 4px;font-size:18px}.login-card p.subtitle{color:var(--text-muted);margin:0 0 4px;font-size:13px}.login-card label{color:var(--text-muted);margin-top:14px;margin-bottom:4px;font-size:12px;font-weight:500;display:block}.login-card input{border-radius:10px;width:100%}.error-text{color:var(--status-critical);margin-top:8px;font-size:13px}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}
