@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg: #040d22;--bg-soft: #09142d;--card: #0b1732;--card-2: #0d1b39;--border: rgba(96, 131, 183, .24);--text: #ecf3ff;--muted: #9db1cf;--operational: #10c994;--maintenance: #3f8efc;--degraded: #f4ba44;--partial: #f08c4d;--down: #ef5d6c}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 20% -20%,#0a2c5a 0%,transparent 40%),radial-gradient(circle at 90% 0%,#0a2347 0%,transparent 36%),linear-gradient(180deg,#020814 0%,var(--bg) 46%,#020813 100%);color:var(--text)}.status-page{min-height:100vh;position:relative}.status-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 55% 45%,rgba(29,118,255,.12),transparent 45%)}.container{width:min(860px,calc(100% - 40px));margin:0 auto;padding:32px 0 56px;position:relative;z-index:1}.hero{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:42px;height:42px;border-radius:12px;border:none;box-shadow:none}.brand-meta{display:inline-flex;align-items:center;gap:10px}.brand-title{font-size:clamp(22px,2.6vw,28px);line-height:1;font-weight:700;letter-spacing:-.01em}.brand-separator{color:#5f769a;font-size:22px;line-height:1}.brand-subtitle{color:#9fb2ce;font-size:clamp(16px,1.8vw,20px);font-weight:500;line-height:1}.live-indicator{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid var(--border);background:#07142be0;color:#deebff;font-size:14px;font-weight:600}.live-dot{width:8px;height:8px;border-radius:999px}.live-dot.online{background:var(--operational);box-shadow:0 0 #10c994b3;animation:pulse 1.8s infinite}.live-dot.offline{background:var(--degraded)}.health-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px;border-radius:12px;border:1px solid transparent;margin-bottom:24px;color:#f4fffb}.headline-lines{display:flex;flex-direction:column;gap:4px}.health-banner h1{margin:0;font-size:clamp(18px,2.2vw,22px);line-height:1.1;font-weight:600;letter-spacing:-.01em}.headline-label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.9;font-weight:700}.health-updated{margin:0;font-size:14px;line-height:1.2;font-weight:500;white-space:nowrap;opacity:.9}.health-banner.is-operational{background:linear-gradient(90deg,#0fca95,#10c994);border-color:#10c99499}.health-banner.is-operational .health-updated{color:#e9fff8}.health-banner.is-maintenance{background:linear-gradient(90deg,#2f7eef,#3f8efc);border-color:#5d9dffa6}.health-banner.is-degraded{background:linear-gradient(90deg,#b98114,#f4ba44);border-color:#f4ba449e}.health-banner.is-partial{background:linear-gradient(90deg,#bd6028,#f08c4d);border-color:#f08c4d9e}.health-banner.is-down{background:linear-gradient(90deg,#c04453,#ef5d6c);border-color:#ef5d6ca6}.components-section,.incidents-section{margin-top:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-heading h2{margin:0;font-size:22px;line-height:1;font-weight:700;letter-spacing:-.01em}.section-heading p{margin:0;color:#8ea6c7;font-size:14px;font-weight:500}.components-list,.incidents-list{display:grid;gap:14px}.component-card,.incident-card,.empty-card{border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#0d1b39db,#0a162fe6);padding:22px 24px;box-shadow:0 8px 24px #0000002e}.component-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.component-head h3{margin:0;font-size:18px;line-height:1;font-weight:600;letter-spacing:-.01em}.status-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 16px;border:1px solid transparent;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:800;white-space:nowrap}.status-chip.is-operational{background:#10c9942e;border-color:#10c9949e;color:#98f1cf}.status-chip.is-maintenance{background:#3f8efc2e;border-color:#3f8efc9e;color:#c3dcff}.status-chip.is-degraded{background:#f4ba442e;border-color:#f4ba449e;color:#ffe4a7}.status-chip.is-partial{background:#f08c4d33;border-color:#f08c4d9e;color:#ffd5b5}.status-chip.is-down{background:#ef5d6c2e;border-color:#ef5d6c9e;color:#ffc6cd}.status-chip.is-neutral{background:#708aaf29;border-color:#708aaf85;color:#bfd1eb}.bars-grid{display:grid;grid-template-columns:repeat(90,minmax(0,1fr));gap:2px}.bar-cell{display:block;height:32px;border-radius:2px;background:#5e789d3d;position:relative}.bar-cell:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:110%;transform:translate(-50%,-2px);background:#0d1529;color:#eaf3ff;padding:6px 8px;border-radius:6px;border:1px solid var(--border);box-shadow:0 10px 30px #00000059;font-size:12px;line-height:1.3;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:10}.bar-cell:before{content:"";position:absolute;left:50%;bottom:100%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--border);opacity:0;transition:opacity .12s ease;z-index:9}.bar-cell:hover:after,.bar-cell:focus-visible:after,.bar-cell:hover:before,.bar-cell:focus-visible:before{opacity:1;transform:translate(-50%,-6px)}.bar-cell.is-operational{background:#10c994e6}.bar-cell.is-maintenance{background:#3f8efce6}.bar-cell.is-degraded{background:#f4ba44e6}.bar-cell.is-partial{background:#f08c4de6}.bar-cell.is-down{background:#ef5d6ce6}.component-foot{margin-top:10px;display:flex;justify-content:space-between;color:#8ea6c7;font-size:13px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.incident-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.incident-head h3{margin:0;font-size:18px;font-weight:600}.incident-head span{white-space:nowrap;color:#8ea6c7;font-size:13px}.incident-description{margin:0;color:#d2dfef;line-height:1.45;font-size:15px}.incident-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.incident-affected{margin:10px 0 0;color:#a7bdd9;font-size:13px}.empty-card{text-align:center;color:#8ea6c7}@media (max-width: 980px){.hero,.health-banner{flex-direction:column;align-items:flex-start}.brand-title{font-size:28px}.brand-separator{font-size:22px}.brand-subtitle{font-size:18px}.section-heading h2{font-size:20px}.component-head h3{font-size:16px}.health-updated{white-space:normal}}@media (max-width: 640px){.container{width:calc(100% - 24px);padding-top:22px}.brand-meta{flex-wrap:wrap;gap:6px}.brand-title{font-size:24px}.brand-separator{display:none}.brand-subtitle{font-size:17px}.section-heading{align-items:flex-start;flex-direction:column;gap:4px}.section-heading h2{font-size:18px}.component-head h3{font-size:16px}.health-banner h1{font-size:17px}.bars-grid{overflow-x:auto;padding-bottom:2px}.bar-cell{min-width:4px}}@keyframes pulse{0%{box-shadow:0 0 #10c994a6}70%{box-shadow:0 0 0 10px #10c99400}to{box-shadow:0 0 #10c99400}}