:root{--surface-base: #0a0a0a;--surface-raised: #0d0d0d;--surface-raised-alt: #0e0e0e;--surface-input: #101010;--surface-tile: #111111;--text-primary: #f2f2f2;--text-strong: #f0f0f0;--text-card-title: #e5e5e5;--text-body: #d5d5d5;--text-info: #c9c9c9;--text-muted: #9a9a9a;--text-dim: #8a8a8a;--line-faint: rgba(255, 255, 255, .05);--line-divider: rgba(255, 255, 255, .06);--line-card: rgba(255, 255, 255, .08);--line-outer: rgba(255, 255, 255, .09);--line-input: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .16);--fill-subtle: rgba(255, 255, 255, .03);--error: #c4544c;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono", monospace}*,*:before,*:after{box-sizing:border-box}html{background:var(--surface-base);color-scheme:dark;-webkit-text-size-adjust:100%}body{margin:0;background:var(--surface-base);color:var(--text-body);font-family:var(--font-sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}:focus-visible{outline:1px solid var(--text-muted);outline-offset:2px;border-radius:4px}.mono{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.shell{max-width:1180px;margin:0 auto;padding:0 20px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--line-divider);margin-bottom:24px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:26px;height:26px;background:var(--surface-tile);border:1px solid var(--line-strong);border-radius:6px;display:grid;place-items:center}.brand-name{font-size:15px;font-weight:500;letter-spacing:-.01em;color:var(--text-strong)}.topbar-right{display:flex;align-items:center;gap:12px}@keyframes cbpulse{0%,to{opacity:1}50%{opacity:.35}}.live{display:inline-flex;align-items:center;gap:7px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--text-primary);animation:cbpulse 2s ease-in-out infinite}.btn{background:transparent;border:1px solid var(--line-input);color:var(--text-info);border-radius:7px;padding:7px 13px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-decoration:none;display:inline-block}.btn:hover{border-color:var(--line-strong);color:var(--text-primary)}.btn-solid{background:var(--text-primary);color:#0a0a0a;border-color:var(--text-primary);font-weight:600}.btn-solid:hover{background:#fff;color:#0a0a0a}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.panel{background:var(--surface-raised-alt);border:1px solid var(--line-card);border-radius:11px;padding:17px 18px 18px;grid-column:span 2;min-width:0}.panel[data-span="1"]{grid-column:span 2}.panel[data-span="2"]{grid-column:span 4}@media(min-width:900px){.panel[data-span="1"]{grid-column:span 1}.panel[data-span="2"]{grid-column:span 2}}@media(max-width:640px){.grid{grid-template-columns:1fr}.panel,.panel[data-span="1"],.panel[data-span="2"]{grid-column:span 1}}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:4px}.panel-title{margin:0;font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--text-card-title)}.panel-meta{margin:0 0 14px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;color:var(--text-dim)}.stats{display:flex;flex-wrap:wrap;gap:22px}.stat-value{font-size:30px;font-weight:600;letter-spacing:-.03em;color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1.1}.stat-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-top:4px}.stat-hint{font-size:12.5px;color:var(--text-muted);margin-top:6px;max-width:34ch}table.data{width:100%;border-collapse:collapse;font-size:13.5px}table.data th{text-align:left;padding:7px 8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-weight:400;border-bottom:1px solid var(--line-card)}table.data td{padding:8px;border-bottom:1px solid var(--line-faint);color:var(--text-body)}table.data tr:last-child td{border-bottom:none}table.data td:last-child{text-align:right;color:var(--text-dim);font-family:var(--font-mono);font-size:11.5px;white-space:nowrap}.email{font-family:var(--font-mono);font-size:12.5px;overflow-wrap:anywhere}.empty{color:var(--text-dim);font-size:13.5px;padding:10px 2px}.status-row{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid var(--line-faint)}.status-row:last-child{border-bottom:none}.dot{width:9px;height:9px;border-radius:50%;flex:none}.dot[data-state=up]{background:var(--text-primary)}.dot[data-state=warn]{background:transparent;border:1px solid var(--text-muted)}.dot[data-state=unknown]{background:transparent;border:1px dashed var(--text-dim)}.dot[data-state=down]{background:var(--error)}.status-label{flex:1;font-size:13.5px;color:var(--text-body)}.status-detail{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.bars{display:flex;align-items:stretch;gap:4px;height:118px;margin-top:6px}.bar-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;min-width:0}.bar{width:100%;background:#ffffff24;border-top:1px solid rgba(255,255,255,.3);border-radius:2px 2px 0 0;min-height:2px}.bar[data-zero=true]{background:#ffffff0d;border-top-color:#ffffff17}.bar-label{font-family:var(--font-mono);font-size:8.5px;color:var(--text-dim);letter-spacing:.02em;white-space:nowrap}.bar-val{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);font-variant-numeric:tabular-nums}.panel-error{color:var(--error);font-size:13px;font-family:var(--font-mono);overflow-wrap:anywhere}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:380px;background:var(--surface-raised);border:1px solid var(--line-outer);border-radius:12px;padding:30px 28px}.login-card h1{margin:16px 0 6px;font-size:19px;font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}.login-card p.sub{margin:0 0 22px;font-size:13.5px;color:var(--text-muted)}input[type=password]{width:100%;background:var(--surface-input);border:1px solid var(--line-input);border-radius:8px;padding:12px 14px;color:var(--text-body);font-family:var(--font-sans);font-size:15px}input[type=password]:focus{border-color:var(--line-strong);outline:none}.login-card button{width:100%;margin-top:12px;padding:12px;font-size:13px}.login-error{margin:14px 0 0;font-size:13px;color:var(--error);border-left:1px solid var(--error);padding-left:10px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}