*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;background:#0f172a;color:#e5e7eb}
header{padding:24px 16px;border-bottom:1px solid #0b1220;background:#0b1220;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
h1{margin:0;font-size:1.4rem}
main{max-width:900px;margin:24px auto;padding:0 16px}
h2{margin-top:24px;font-size:1.1rem;color:#93c5fd}
.badge{padding:6px 10px;border-radius:999px;font-weight:600;font-size:.9rem}
.badge.ok{background:#064e3b;color:#bbf7d0}
.badge.degraded{background:#7c2d12;color:#fde68a}
.badge.outage{background:#581c1c;color:#fecaca}
.badge.maint{background:#1f2937;color:#93c5fd}
table{width:100%;border-collapse:collapse;background:#111827;border:1px solid #0b1220;border-radius:8px;overflow:hidden}
th,td{padding:10px 12px;border-bottom:1px solid #0b1220}
th{text-align:left;color:#9ca3af;background:#0b1220}
tr:last-child td{border-bottom:none}
.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}
.dot-ok{background:#10b981}
.dot-degraded{background:#f59e0b}
.dot-outage{background:#ef4444}
.dot-maint{background:#60a5fa}
.card{background:#111827;border:1px solid #0b1220;border-radius:8px;padding:12px;margin:8px 0}
.card h3{margin:4px 0 8px 0;font-size:1rem}
.card .small{color:#9ca3af;font-size:.85rem}
a{color:#93c5fd;text-decoration:none}
a:hover{text-decoration:underline}
footer{padding:16px;text-align:center;color:#9ca3af}
.meta{color:#9ca3af}