:root{--bg: #0b1220;--bg-elev: #111a2e;--border: #1e2a44;--text: #e6ecf5;--text-muted: #8ea0bf;--accent: #4f8cff;--ok: #22c55e;--warn: #f59e0b;--err: #ef4444;--info: #60a5fa;--muted: #64748b}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.85em;background:#ffffff0f;padding:1px 6px;border-radius:4px}.app{min-height:100vh;display:flex;flex-direction:column}.app__header{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--border);background:#0003}.app__brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-weight:700;font-size:1.05rem}.app__brand-mark{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,#4f8cff,#22c55e)}.app__nav{display:flex;gap:20px}.app__main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:32px 24px 64px}.app__footer{padding:20px 28px;border-top:1px solid var(--border);color:var(--text-muted);display:flex;justify-content:space-between;font-size:.85rem}.stack{display:flex;flex-direction:column;gap:14px}.stack-lg{display:flex;flex-direction:column;gap:28px}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:22px 24px}.card h2{margin:0 0 16px;font-size:1.05rem;letter-spacing:.01em}.muted{color:var(--text-muted)}.error{color:var(--err)}.banner{padding:22px 26px;border-radius:14px;color:#fff;display:flex;align-items:center;justify-content:space-between}.banner__eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;opacity:.85}.banner__label{font-size:1.6rem;font-weight:700;margin-top:4px}.banner--operational{background:linear-gradient(135deg,#14532d,#22c55e)}.banner--degraded_performance{background:linear-gradient(135deg,#78350f,#f59e0b)}.banner--partial_outage{background:linear-gradient(135deg,#7c2d12,#f97316)}.banner--major_outage{background:linear-gradient(135deg,#7f1d1d,#ef4444)}.banner--under_maintenance{background:linear-gradient(135deg,#1e3a8a,#60a5fa)}.service-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.service-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--border)}.service-row:first-child{border-top:none}.service-row__name{font-weight:500}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:600;border:1px solid transparent}.pill--operational{background:#22c55e26;color:#4ade80;border-color:#22c55e66}.pill--degraded_performance{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b66}.pill--partial_outage{background:#f9731626;color:#fb923c;border-color:#f9731666}.pill--major_outage{background:#ef444426;color:#f87171;border-color:#ef444466}.pill--under_maintenance{background:#60a5fa26;color:#93c5fd;border-color:#60a5fa66}.pill--state-investigating{background:#f59e0b26;color:#fbbf24}.pill--state-identified{background:#f9731626;color:#fb923c}.pill--state-monitoring{background:#60a5fa26;color:#93c5fd}.pill--state-resolved{background:#22c55e26;color:#4ade80}.incident{border:1px solid var(--border);border-radius:10px;padding:16px 18px;background:#00000026}.incident__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.incident__header h3{margin:0;font-size:1rem}.incident__services{color:var(--text-muted);font-size:.9rem;margin:6px 0 12px}.incident__timeline{list-style:none;padding:0;margin:0;border-left:2px solid var(--border)}.incident__timeline li{padding:8px 0 8px 14px;margin-left:2px;position:relative}.incident__timeline li:before{content:"";position:absolute;left:-6px;top:14px;width:10px;height:10px;border-radius:999px;background:var(--accent)}.incident__timeline-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-muted)}.incident__timeline p{margin:4px 0 0}.form{display:flex;flex-direction:column;gap:14px}.form label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--text-muted)}.form label>span{font-weight:600;color:var(--text)}.form__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.form__fieldset{border:1px solid var(--border);border-radius:10px;padding:12px 16px}.form__fieldset legend{padding:0 8px;font-weight:600}input[type=text],textarea,select{width:100%;padding:9px 12px;border-radius:8px;border:1px solid var(--border);background:#00000040;color:var(--text);font:inherit}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px 16px}.checkbox{display:inline-flex;align-items:center;gap:8px;color:var(--text)}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:8px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);font-weight:600;cursor:pointer}.btn:hover:not(:disabled){background:#ffffff14}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--danger{background:#ef444426;border-color:#ef444480;color:#fca5a5}.btn-row{display:flex;gap:10px;margin-top:10px}.incident-admin{border:1px solid var(--border);border-radius:10px;padding:16px;background:#00000026;display:flex;flex-direction:column;gap:12px}.incident-admin__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.incident-admin__header h3{margin:0 0 4px}.grow{flex:1}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}.table th{color:var(--text-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.flash{padding:12px 14px;border-radius:8px;border:1px solid var(--border)}.flash--ok{background:#22c55e1a;border-color:#22c55e66;color:#86efac}.flash--err{background:#ef44441a;border-color:#ef444466;color:#fca5a5}