:root{color-scheme:dark;--bg:#0b1016;--panel:#111923;--line:#223043;--text:#dce6f2;--muted:#8ea0b5;--ok:#50c878;--warn:#e5b84b;--down:#e66a6a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:1120px;margin:auto;padding:48px 24px}header,.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-size:34px;margin:2px 0 26px}h2{font-size:18px;margin:34px 0 14px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#6f849b;margin:0}.status,.pill{border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-weight:650}.status.ok,.pill.ok{color:var(--ok);border-color:#285e3d}.status.degraded,.pill.degraded{color:var(--warn);border-color:#725f2a}.status.down,.pill.down{color:var(--down);border-color:#713333}.summary{display:grid;grid-template-columns:repeat(3,1fr);background:var(--panel);border:1px solid var(--line);border-radius:12px}.summary div{padding:16px 18px;border-right:1px solid var(--line)}.summary div:last-child{border:0}.summary span,.metric span{display:block;color:var(--muted);font-size:12px}.nodes{display:grid;gap:10px}.node{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px}.node-head{display:flex;justify-content:space-between;align-items:center}.node h3{margin:0}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:18px}.metric strong{font-size:14px}.muted{color:var(--muted)}.history-row{display:grid;grid-template-columns:110px 1fr 80px;gap:12px;align-items:center;margin:10px 0}.bar{display:flex;height:20px;gap:2px}.segment{flex:1;min-width:2px;background:#243244;border-radius:2px}.segment.ok{background:#28764a}.segment.degraded{background:#856d26}.segment.down{background:#783637}button{background:transparent;color:var(--muted);border:1px solid var(--line);padding:6px 10px;cursor:pointer}button.active{color:var(--text);background:#1c2938}.incident{display:grid;grid-template-columns:150px 110px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}footer{margin-top:40px;color:var(--muted);font-size:12px}@media(max-width:700px){main{padding:28px 16px}header{align-items:flex-start}.summary{grid-template-columns:1fr}.summary div{border-right:0;border-bottom:1px solid var(--line)}.metrics{grid-template-columns:repeat(2,1fr)}.history-row{grid-template-columns:80px 1fr}.history-row>:last-child{grid-column:2}.incident{grid-template-columns:1fr}.section-title{align-items:flex-end}}