:root{--bg-page:#181236;--bg-raised:#1f1845;--bg-card:#251d50;--bg-hover:#2f2664;--brand-purple:#5623d8;--brand-violet:#7c4dff;--brand-lavender:#a78bfa;--brand-magenta:#e615af;--success:#34d399;--warning:#fbbf24;--text:#f5f3ff;--text-muted:#beb7dd;--text-faint:#948cb8;--border:#a78bfa38;--border-strong:#a78bfa66;--status-operational:#34d399;--status-degraded:#fbbf24;--status-partial:#fb923c;--status-major:#fb7185;--status-maintenance:#a78bfa;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--radius-card:16px;--radius-btn:12px;--radius-pill:999px;--gradient-headline:linear-gradient(100deg, #a78bfa 0%, #7c4dff 45%, #e615af 110%);--gradient-button:linear-gradient(135deg, #5623d8 0%, #7c4dff 100%);--shadow-btn:0 8px 24px #5623d873;--shadow-card-hover:0 12px 40px #7c4dff40}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-page);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:15px;font-weight:400;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin:0}a{color:var(--brand-lavender);text-decoration:none}a:hover{color:var(--brand-violet)}.ambience{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambience:before{content:"";filter:blur(60px);background:radial-gradient(closest-side,#7c4dff47,#0000 70%);width:1100px;height:700px;position:absolute;top:-320px;left:50%;transform:translate(-50%)}.ambience:after{content:"";filter:blur(80px);background:radial-gradient(closest-side,#e615af1a,#0000 70%);width:750px;height:750px;position:absolute;top:15%;right:-260px}.gradient-text{background:var(--gradient-headline);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.eyebrow{border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--brand-lavender);font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;padding:6px 14px;font-size:11px;font-weight:600;display:inline-flex}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.card:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(420px 220px at 12% -8%,#7c4dff24,#0000 65%);position:absolute;inset:0}.card.lift:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-strong);transform:translateY(-4px)}.btn{border-radius:var(--radius-btn);font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;transition:all .18s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--gradient-button);color:#fff;box-shadow:var(--shadow-btn)}.btn-primary:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 10px 32px #7c4dff8c}.btn-secondary{border-color:var(--border);color:var(--text);background:#a78bfa14}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text);background:#a78bfa14}.btn-danger{color:#fb7185;background:#fb71851f;border-color:#fb718559}.btn-danger:hover:not(:disabled){background:#fb718538}.btn-sm{border-radius:10px;padding:6px 12px;font-size:13px}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:600}.input,select.input,textarea.input{background:var(--bg-raised);border:1px solid var(--border);color:var(--text);font-family:var(--font-body);border-radius:10px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--brand-violet);box-shadow:0 0 0 3px #7c4dff33}.input::placeholder{color:var(--text-faint)}select.input option{background:var(--bg-raised)}textarea.input{resize:vertical;min-height:90px}.st-operational{color:var(--status-operational)}.st-degraded_performance{color:var(--status-degraded)}.st-partial_outage{color:var(--status-partial)}.st-major_outage{color:var(--status-major)}.st-under_maintenance{color:var(--status-maintenance)}.bg-operational{background:var(--status-operational)}.bg-degraded_performance{background:var(--status-degraded)}.bg-partial_outage{background:var(--status-partial)}.bg-major_outage{background:var(--status-major)}.bg-under_maintenance{background:var(--status-maintenance)}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.dot.pulse-operational{box-shadow:0 0 10px #34d399b3}.dot.pulse-major_outage{animation:1.6s ease-in-out infinite pulse;box-shadow:0 0 10px #fb7185cc}.dot.pulse-partial_outage{animation:1.6s ease-in-out infinite pulse;box-shadow:0 0 10px #fb923ccc}.dot.pulse-degraded_performance{box-shadow:0 0 10px #fbbf24b3}.dot.pulse-under_maintenance{box-shadow:0 0 10px #a78bfab3}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.badge{border-radius:var(--radius-pill);border:1px solid;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-operational{color:var(--status-operational);background:#34d39914;border-color:#34d39966}.badge-degraded_performance{color:var(--status-degraded);background:#fbbf2414;border-color:#fbbf2466}.badge-partial_outage{color:var(--status-partial);background:#fb923c14;border-color:#fb923c66}.badge-major_outage{color:var(--status-major);background:#fb718514;border-color:#fb718566}.badge-under_maintenance{color:var(--status-maintenance);background:#a78bfa14;border-color:#a78bfa66}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#a78bfa40;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#a78bfa66}.page{z-index:1;max-width:880px;margin:0 auto;padding:0 24px;position:relative}.nav{justify-content:space-between;align-items:center;padding:18px 0;display:flex}.nav-brand{align-items:center;gap:10px;display:flex}.nav-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:19px;font-weight:700}.hero{text-align:center;padding:56px 0 28px}.hero-title{margin:20px 0 12px;font-size:clamp(34px,6vw,56px);font-weight:700;line-height:1.1}.hero-sub{color:var(--text-muted);margin:0;font-size:15px}.bg-live-none{background:var(--status-operational);box-shadow:0 0 8px #34d399cc}.bg-live-minor{background:var(--status-degraded);box-shadow:0 0 8px #fbbf24cc}.bg-live-major{background:var(--status-partial);box-shadow:0 0 8px #fb923ccc}.bg-live-critical{background:var(--status-major);box-shadow:0 0 8px #fb7185cc}.bg-live-maintenance{background:var(--status-maintenance);box-shadow:0 0 8px #a78bfacc}.status-banner{align-items:center;gap:18px;margin:12px 0 8px;padding:22px 26px;display:flex}.status-banner-icon{color:#10091f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;font-weight:800;display:flex}.indicator-none .status-banner-icon{background:var(--status-operational);box-shadow:0 0 24px #34d39973}.indicator-minor .status-banner-icon{background:var(--status-degraded);box-shadow:0 0 24px #fbbf2473}.indicator-major .status-banner-icon{background:var(--status-partial);box-shadow:0 0 24px #fb923c73}.indicator-critical .status-banner-icon{background:var(--status-major);box-shadow:0 0 24px #fb718580}.indicator-maintenance .status-banner-icon{background:var(--status-maintenance);box-shadow:0 0 24px #a78bfa80}.status-banner-text{font-family:var(--font-display);letter-spacing:-.02em;font-size:19px;font-weight:700}.status-banner-sub{color:var(--text-muted);font-size:13.5px}.error-note{color:var(--warning);background:#fbbf2412;border:1px solid #fbbf2466;border-radius:10px;margin:12px 0;padding:10px 16px;font-size:13.5px}.section{margin:40px 0}.section-title{text-transform:uppercase;letter-spacing:.14em;color:var(--brand-lavender);margin-bottom:14px;font-size:15px;font-weight:600}.empty-card{color:var(--text-faint);text-align:center;padding:26px;font-size:14px}.group{margin-bottom:22px}.group-name{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-muted);margin:0 4px 8px;font-size:15px;font-weight:600}.component-card{padding:4px 0}.component-row{padding:18px 24px}.component-row.with-divider{border-top:1px solid var(--border)}.component-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.component-name-wrap{align-items:center;gap:10px;min-width:0;display:flex}.component-name{font-size:15px;font-weight:600}.component-desc{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-size:13px;overflow:hidden}.component-status{white-space:nowrap;font-size:13.5px;font-weight:600}.uptime-wrap{margin-top:12px}.uptime-bars{gap:2px;height:34px;display:flex;position:relative}.uptime-bar{border-radius:2px;flex:1;min-width:2px;transition:opacity .12s,transform .12s}.uptime-bar:hover{opacity:.75;transform:scaleY(1.12)}.uptime-tooltip{background:var(--bg-raised);border:1px solid var(--border-strong);z-index:10;pointer-events:none;border-radius:10px;min-width:170px;max-width:260px;padding:10px 14px;font-size:12.5px;position:absolute;bottom:calc(100% + 10px);transform:translate(-50%);box-shadow:0 12px 32px #00000073}.uptime-tooltip-date{margin-bottom:3px;font-weight:700}.uptime-tooltip-line{color:var(--text-muted)}.uptime-tooltip-line.major{color:var(--status-major)}.uptime-tooltip-line.partial{color:var(--status-partial)}.uptime-tooltip-line.maint{color:var(--status-maintenance)}.uptime-tooltip-line.muted{color:var(--text-faint)}.uptime-legend{color:var(--text-faint);justify-content:space-between;margin-top:7px;font-size:12px;display:flex}.uptime-pct{color:var(--text-muted);font-weight:600}.incident-card{margin-bottom:14px;overflow:visible}.incident-head{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:var(--radius-card);background:0 0;border:none;justify-content:space-between;align-items:center;gap:14px;padding:18px 24px;display:flex}.incident-head.static{cursor:default}.incident-title-wrap{align-items:center;gap:12px;min-width:0;display:flex}.incident-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:16px;font-weight:600}.incident-meta{white-space:nowrap;align-items:center;gap:14px;display:flex}.incident-status{font-size:13px;font-weight:600}.is-investigating{color:var(--status-major)}.is-identified{color:var(--status-partial)}.is-monitoring{color:var(--status-degraded)}.is-resolved{color:var(--status-operational)}.is-maintenance,.is-scheduled,.is-in_progress,.is-verifying{color:var(--status-maintenance)}.is-completed{color:var(--status-operational)}.incident-date{color:var(--text-faint);font-size:13px}.incident-body{padding:0 24px 20px}.incident-affected{color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:14px;font-size:13.5px}.impact-badge{border-radius:var(--radius-pill);letter-spacing:.08em;text-transform:uppercase;border:1px solid;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:700}.impact-none{color:var(--status-operational);background:#34d39914;border-color:#34d39966}.impact-minor{color:var(--status-degraded);background:#fbbf2414;border-color:#fbbf2466}.impact-major{color:var(--status-partial);background:#fb923c14;border-color:#fb923c66}.impact-critical{color:var(--status-major);background:#fb718514;border-color:#fb718566}.impact-maintenance{color:var(--status-maintenance);background:#a78bfa14;border-color:#a78bfa66}.timeline{margin:0;padding:0;list-style:none}.timeline-item{gap:14px;padding-bottom:18px;display:flex;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-marker{background:var(--brand-violet);border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:6px;box-shadow:0 0 8px #7c4dffb3}.timeline-item:not(:last-child) .timeline-marker:after{content:"";background:var(--border);width:1px;position:absolute;top:18px;bottom:0;left:4px}.timeline-head{align-items:baseline;gap:10px;display:flex}.timeline-status{font-size:13.5px;font-weight:700}.timeline-time{color:var(--text-faint);font-size:12.5px}.timeline-body{color:var(--text-muted);margin:3px 0 0;font-size:14px}.postmortem{border:1px solid var(--border);background:#a78bfa0d;border-radius:12px;margin-top:16px;padding:14px 18px}.postmortem-title{text-transform:uppercase;letter-spacing:.1em;color:var(--brand-lavender);margin-bottom:6px;font-size:13px;font-weight:700}.postmortem p{color:var(--text-muted);white-space:pre-wrap;margin:0;font-size:14px}.footer{color:var(--text-faint);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:40px 0 48px;font-size:13.5px;display:flex}.footer-sep{opacity:.5}.footer-powered strong{font-family:var(--font-display);color:var(--text-muted)}.loading{min-height:100vh;color:var(--text-muted);z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:relative}@media (width<=640px){.component-desc{display:none}.incident-head{flex-direction:column;align-items:flex-start;gap:8px}.incident-meta{gap:10px}.hero{padding-top:36px}.status-banner{padding:18px}}
