:root{--brand:#2563eb;--ink:#0a0a0a;--muted:#697386;--surface:#fff;--bg:#f4f5f7;--line:#e5e7eb;--good:#16a34a;--bad:#dc2626;--sidebar:#090909}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:var(--sidebar);color:#fff;padding:28px 20px;display:flex;flex-direction:column;z-index:1040}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;font-weight:800;font-size:18px;margin-bottom:35px}.brand small{display:block;color:#8c8c8c;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-top:3px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#fff;color:#000}.sidebar nav{display:grid;gap:6px}.sidebar nav a{color:#aaa;text-decoration:none;padding:12px 14px;border-radius:10px;display:flex;gap:12px;align-items:center;font-weight:600;font-size:14px}.sidebar nav a:hover{background:#1d1d1d;color:#fff}.sidebar-footer{margin-top:auto;display:grid;gap:18px;color:#777;font-size:11px}.theme-toggle{background:#181818;border:1px solid #292929;color:#ccc;border-radius:9px;padding:10px;text-align:left}.main{margin-left:260px;min-height:100vh;padding:32px 38px}.topbar{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.topbar h1{font-size:28px;font-weight:800;margin:3px 0}.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--muted);font-weight:800}.live-dot{background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:8px 13px;font-size:12px}.live-dot i{display:inline-block;width:7px;height:7px;background:var(--good);border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px rgba(22,163,74,.12)}.card{border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 1px 2px rgba(0,0,0,.02)}.metric{padding:20px}.metric-label{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.metric-value{font-size:29px;font-weight:800;margin-top:9px}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:99px;font-size:12px;font-weight:700}.status-pill.online{color:var(--good);background:rgba(22,163,74,.1)}.status-pill.offline{color:var(--bad);background:rgba(220,38,38,.1)}.status-pill.pending{color:#a16207;background:#fef3c7}.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.table{--bs-table-bg:transparent;vertical-align:middle}.table>:not(caption)>*>*{padding:14px 16px;border-color:var(--line)}.form-control,.form-select{border-color:var(--line);border-radius:9px;padding:.65rem .8rem}.btn{border-radius:9px;font-weight:650}.btn-primary{background:var(--brand)}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-head h2{font-size:17px;font-weight:800;margin:0}.content-footer{text-align:center;color:var(--muted);font-size:12px;padding:34px}.menu-toggle{position:fixed;top:12px;left:12px;z-index:1050}.public-wrap{max-width:980px;margin:auto;padding:42px 20px}.public-hero{text-align:center;padding:48px 10px}.public-hero h1{font-weight:850}.incident-banner{border-radius:14px;padding:18px;text-align:center;font-weight:750}.incident-banner.good{background:#dcfce7;color:#166534}.incident-banner.bad{background:#fee2e2;color:#991b1b}[data-bs-theme=dark]{--ink:#f7f7f7;--muted:#9ca3af;--surface:#151515;--bg:#0b0b0b;--line:#292929}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:#0a0a0a}.login-card{width:min(430px,100%);background:#fff;color:#111;border-radius:20px;padding:35px}.login-logo{width:48px;height:48px;background:#000;color:#fff;border-radius:13px;display:grid;place-items:center;font-size:22px;font-weight:900}@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.main{margin-left:0;padding:75px 18px 25px}.topbar{align-items:start}.live-dot{display:none}}@media(max-width:575px){.topbar h1{font-size:23px}.table-responsive{font-size:13px}.public-hero{padding:25px 0}}
.nav-logout{width:100%;border:0;background:transparent;color:#aaa;padding:12px 14px;border-radius:10px;display:flex;gap:12px;align-items:center;font-weight:600;font-size:14px}.nav-logout:hover{background:#1d1d1d;color:#fff}