:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--surface:#fff;--surface-2:#eef1f4;--text:#17202a;--muted:#667085;--line:#d9dee5;--good:#13795b;--good-bg:#dff7ed;--warn:#a15c00;--warn-bg:#fff2cf;--bad:#b42318;--bad-bg:#ffe4e0;--accent:#1f6feb}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}button,input{font:inherit}.shell{max-width:1180px;margin:0 auto;padding:32px 20px 56px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.brand-heading{align-items:center;gap:14px;display:flex}.brand-mark{flex:none;width:48px;height:48px;display:block}.login-mark{width:58px;height:58px;margin-bottom:18px}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:0;margin:0 0 6px;font-size:13px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(30px,4vw,46px);line-height:1.05}h2{font-size:22px}h3{font-size:17px}.muted{color:var(--muted)}.grid{gap:18px;display:grid}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.panel,.card{background:var(--surface);border:1px solid var(--line);border-radius:8px}.panel{padding:20px}.card{padding:16px}.stat{flex-direction:column;gap:8px;display:flex}.stat strong{font-size:30px}.row{justify-content:space-between;align-items:center;gap:14px;display:flex}.stack{flex-direction:column;gap:14px;display:flex}.toolbar{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.field{gap:6px;display:grid}.field label{color:var(--muted);font-size:13px;font-weight:700}.field input{border:1px solid var(--line);background:#fff;border-radius:6px;min-width:220px;padding:10px 11px}.button{background:var(--accent);color:#fff;cursor:pointer;border:1px solid #1456bd;border-radius:6px;min-height:40px;padding:9px 13px;font-weight:700;text-decoration:none}.button.secondary{border-color:var(--line);color:var(--text);background:#fff}.button.danger{background:#d92d20;border-color:#d92d20}.pill{text-transform:uppercase;border-radius:999px;align-items:center;min-height:26px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.pill.good{background:var(--good-bg);color:var(--good)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.pill.muted{background:var(--surface-2);color:var(--muted)}.monitor-list{gap:10px;display:grid}.monitor-card{grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:16px;display:grid}.url{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.sparkline{grid-template-columns:repeat(24,6px);justify-content:end;gap:3px;min-height:28px;display:grid}.sparkline.empty{background:var(--surface-2);border-radius:6px;width:120px}.bar{border-radius:3px;width:6px}.bar.good{background:var(--good)}.bar.bad{background:var(--bad)}.login{place-items:center;min-height:100vh;padding:20px;display:grid}.login .panel{width:min(420px,100%)}@media (max-width:760px){.grid.cols-3{grid-template-columns:1fr}.topbar,.row,.monitor-card{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.brand-heading{align-items:flex-start}.sparkline{justify-content:start}}