:root{--bg: #0b0f17;--card: #141a25;--border: #1f2937;--fg: #e6eaf2;--muted: #8b94a5;--ok: #4ade80;--warn: #fbbf24;--danger: #f87171;--blue: #4aa3ff;--purple: #c4b5fd}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}main.status{max-width:960px;margin:0 auto;padding:32px 24px}header{display:flex;align-items:center;gap:16px;padding-bottom:24px;margin-bottom:32px;border-bottom:1px solid var(--border);flex-wrap:wrap}.logo{font-size:22px;font-weight:700;letter-spacing:-.5px;background:linear-gradient(90deg,var(--blue),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}h1{margin:0;font-size:18px;font-weight:500;color:var(--muted)}.overall{margin-left:auto;display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:500;border:1px solid var(--border)}.overall .dot{width:8px;height:8px;border-radius:50%}.overall-operational .dot{background:var(--ok);box-shadow:0 0 0 3px #4ade8026}.overall-degraded .dot{background:var(--warn);box-shadow:0 0 0 3px #fbbf2426}.overall-down .dot{background:var(--danger);box-shadow:0 0 0 3px #f8717126}.overall-unknown .dot{background:var(--muted)}.section{margin-bottom:32px}h2{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0 0 12px}.svc-list{list-style:none;padding:0;margin:0;background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.svc{display:flex;align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid var(--border)}.svc:last-child{border-bottom:none}.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dot-operational{background:var(--ok)}.dot-degraded{background:var(--warn)}.dot-down{background:var(--danger)}.dot-maintenance{background:var(--blue)}.dot-unknown{background:var(--muted)}.svc-main{flex:1;min-width:0}.svc-name{font-weight:600;font-size:15px}.svc-desc{font-size:12px;color:var(--muted);margin-top:2px}.svc-status{font-size:13px;font-weight:500;padding:4px 10px;border-radius:6px;white-space:nowrap}.status-operational{color:var(--ok);background:#4ade8014}.status-degraded{color:var(--warn);background:#fbbf2414}.status-down{color:var(--danger);background:#f8717114}.status-maintenance{color:var(--blue);background:#4aa3ff14}.status-unknown{color:var(--muted);background:#8b94a514}footer{margin-top:48px;padding-top:20px;border-top:1px solid var(--border);color:var(--muted);font-size:13px}.note{font-style:italic;margin-top:8px}