@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@600;700&family=Inter:wght@400;500;700&family=JetBrains+Mono:wght@500&display=swap";
:root{--background:#f8f9ff;--surface:#fff;--surface-low:#eff4ff;--surface-high:#dce9ff;--ink:#0b1c30;--muted:#76777d;--muted-strong:#45464d;--line:#e2e8f0;--line-strong:#c6c6cd;--navy:#131b2e;--navy-soft:#213145;--blue:#0051d5;--blue-soft:#dbe1ff;--green:#10b981;--green-dark:#059669;--amber:#f59e0b;--red:#ef4444;--shadow:0 2px 4px #0b1c300d;--shadow-hover:0 4px 12px #0b1c301a}*{box-sizing:border-box}html{background:var(--background)}body{background:linear-gradient(var(--navy) 0 176px, var(--background) 176px);min-height:100vh;color:var(--ink);margin:0;font-family:Inter,Arial,Helvetica,sans-serif}a{color:inherit}button,input,textarea,select{font:inherit}main{width:min(1200px,100% - 32px);margin:0 auto;padding:32px 0 40px}h1,h2,h3,p{margin:0}.topbar{color:#fff;justify-content:space-between;align-items:flex-start;gap:24px;min-height:104px;display:flex}.brand{align-items:center;gap:12px;font-family:Hanken Grotesk,Inter,sans-serif;font-size:32px;font-weight:700;line-height:1.15;display:inline-flex}.brand-mark{background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;box-shadow:inset 0 1px #ffffff1f}.brand-mark span{background:currentColor;border-radius:999px;width:14px;height:14px}.service-meta{text-align:right;flex-direction:column;gap:6px;display:flex}.service-meta strong,.service-meta a{color:#fff;font-size:14px;font-weight:700;line-height:20px;text-decoration:none}.service-meta span{color:#bec6e0;font-size:14px;line-height:20px}.hero-panel,.panel,.detail-hero,.metric,.range-tabs a{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.hero-panel{border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:136px;padding:24px;display:grid}.hero-icon{background:color-mix(in srgb, currentColor 16%, #fff);border-radius:999px;justify-content:center;align-items:center;width:64px;height:64px;display:inline-flex}.hero-icon span{background:currentColor;border-radius:999px;width:32px;height:32px}.hero-icon.operational{animation:2.2s infinite status-pulse}@keyframes status-pulse{0%{box-shadow:0 0 #10b98161}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}h1{letter-spacing:0;font-family:Hanken Grotesk,Inter,sans-serif;font-size:32px;font-weight:600;line-height:40px}h1 span,.section-heading h2 span,.monitor-line strong{color:var(--green-dark)}.hero-panel p{color:var(--muted);margin-top:4px;font-size:16px;line-height:24px}.hero-badge,.monitor-status,.detail-state{text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.hero-badge{background:color-mix(in srgb, currentColor 10%, #fff);border:1px solid color-mix(in srgb, currentColor 24%, #fff)}.section-heading{margin:32px 0 16px}.section-heading.compact{margin-top:28px}.section-heading h2{font-family:Hanken Grotesk,Inter,sans-serif;font-size:20px;font-weight:600;line-height:28px}.section-heading h2 span{color:var(--muted);margin-left:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:400}.panel{border-radius:12px}.monitors-panel,.incidents-panel{padding:0 24px}.monitor-row{border-bottom:1px solid var(--line);padding:24px 0}.monitor-row:last-child{border-bottom:0}.monitor-line{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:6px;display:flex}.monitor-line>div:first-child{min-width:0}.monitor-line a:first-child{color:var(--ink);font-family:Hanken Grotesk,Inter,sans-serif;font-size:20px;font-weight:600;line-height:28px;text-decoration:none}.monitor-line .external-link{color:var(--muted);margin-left:8px;text-decoration:none}.monitor-line strong{white-space:nowrap;margin-left:8px;font-family:JetBrains Mono,Consolas,monospace;font-size:14px;font-weight:500;line-height:16px}.monitor-status{background:color-mix(in srgb, currentColor 10%, #fff);flex:none}.monitor-status span,.detail-state span{background:currentColor;border-radius:999px;width:8px;height:8px}.monitor-detail{color:var(--muted);margin-bottom:16px;font-size:14px;line-height:20px}.bars{grid-template-columns:repeat(90,minmax(2px,1fr));gap:2px;min-height:32px;display:grid}.bar{background:var(--line);border-radius:2px;min-width:2px;height:32px}.uptime-grid,.detail-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.uptime-grid{box-shadow:none;background:0 0;border:0}.metric{border-radius:12px;min-width:0;padding:24px}.metric strong{color:var(--ink);overflow-wrap:anywhere;font-family:JetBrains Mono,Consolas,monospace;font-size:24px;font-weight:500;line-height:32px;display:block}.metric span,.empty-state,footer,.stat-row span{color:var(--muted)}.metric span{text-transform:uppercase;margin-top:8px;font-size:12px;font-weight:700;line-height:16px;display:block}.incidents-panel{padding-top:24px;padding-bottom:24px}.incident{grid-template-columns:24px 1fr;gap:12px;display:grid}.incident+.incident{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.incident-icon{border:2px solid;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:inline-flex}.incident.open .incident-icon{color:var(--red)}.incident.resolved .incident-icon{color:var(--green-dark)}.incident h3{margin-bottom:8px;font-family:Hanken Grotesk,Inter,sans-serif;font-size:20px;font-weight:600;line-height:28px}.incident time{background:var(--surface-low);color:var(--muted-strong);border-radius:6px;margin-bottom:12px;padding:4px 8px;font-size:12px;line-height:16px;display:inline-block}.incident p{color:var(--muted);font-size:14px;line-height:22px}footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;font-size:12px;line-height:18px;display:flex}.storage-status{text-align:right;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:inline-flex}.storage-status span:nth-child(2){overflow-wrap:anywhere}.storage-dot{border-radius:999px;flex:none;width:8px;height:8px}.storage-dot.connected{background:var(--green)}.storage-dot.fallback{background:var(--amber)}.storage-status button{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:8px;min-height:32px;padding:0 10px}.storage-status button:disabled{cursor:wait;opacity:.7}.storage-diagnostics{background:var(--surface);border:1px solid var(--line);color:var(--ink);text-align:left;border-radius:12px;flex:1 0 100%;padding:16px;line-height:1.5}.storage-diagnostics strong,.storage-diagnostics span{display:block}.storage-diagnostics span{color:var(--muted);margin-top:4px}.storage-diagnostics ul{margin:12px 0 0;padding:0;list-style:none}.storage-diagnostics li{border-top:1px solid var(--line);padding:8px 0}.storage-diagnostics li.ok b{color:var(--green-dark)}.storage-diagnostics li.warning b,.storage-diagnostics li.skipped b{color:var(--amber)}.storage-diagnostics li.error b{color:var(--red)}.detail-hero{border-radius:12px;justify-content:space-between;align-items:center;gap:24px;min-height:148px;padding:24px;display:flex}.eyebrow{color:var(--muted);text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;line-height:16px;display:block}.detail-hero h1{margin-bottom:8px}.detail-hero a{color:var(--blue);overflow-wrap:anywhere;font-size:14px;line-height:20px;text-decoration:none}.detail-state{background:color-mix(in srgb, currentColor 10%, #fff);border:1px solid color-mix(in srgb, currentColor 22%, #fff);flex:none}.range-tabs{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.range-tabs a{color:var(--muted-strong);text-transform:uppercase;border-radius:8px;min-height:36px;padding:9px 14px;font-size:12px;font-weight:700;line-height:16px;text-decoration:none}.range-tabs a.active{background:var(--blue);border-color:var(--blue);color:#fff}.detail-grid{margin-bottom:32px}.detail-metric,.chart-panel{padding:24px}.availability-chart{grid-template-columns:repeat(auto-fit,minmax(4px,1fr));gap:2px;min-height:32px;margin-bottom:28px;display:grid}.availability-bar{border-radius:2px;min-height:32px}.response-chart{color:var(--blue)}.chart-header{color:var(--ink);justify-content:space-between;gap:16px;margin-bottom:12px;display:flex}.chart-header strong,.chart-header span{text-transform:uppercase;font-size:12px;font-weight:700;line-height:16px}.chart-header span{color:var(--muted)}.response-chart svg{border-bottom:1px solid var(--line);border-left:1px solid var(--line);background:linear-gradient(#0051d514,#0051d500);width:100%;height:180px;display:block}.detail-columns{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.list-panel{padding:8px 24px}.stat-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:16px 0;display:flex}.stat-row:last-child{border-bottom:0}.stat-row strong{font-family:JetBrains Mono,Consolas,monospace;font-weight:500}.panel:hover,.hero-panel:hover,.detail-hero:hover,.metric:hover,.range-tabs a:hover{box-shadow:var(--shadow-hover)}.uptime-grid:hover{box-shadow:none}.operational,.brand-mark.operational,.hero-icon.operational,.hero-badge.operational,.monitor-status.operational,.detail-state.operational,.bar.operational,.availability-bar.operational{color:var(--green)}.bar.operational,.availability-bar.operational{background:var(--green)}.degraded,.brand-mark.degraded,.hero-icon.degraded,.hero-badge.degraded,.monitor-status.degraded,.detail-state.degraded,.bar.degraded,.availability-bar.degraded{color:var(--amber)}.bar.degraded,.availability-bar.degraded{background:var(--amber)}.down,.brand-mark.down,.hero-icon.down,.hero-badge.down,.monitor-status.down,.detail-state.down,.bar.down,.availability-bar.down{color:var(--red)}.bar.down,.availability-bar.down{background:var(--red)}.unknown,.brand-mark.unknown,.hero-icon.unknown,.hero-badge.unknown,.monitor-status.unknown,.detail-state.unknown,.bar.unknown,.availability-bar.unknown{color:var(--muted)}.bar.unknown,.availability-bar.unknown{background:var(--line)}@media (max-width:860px){body{background:linear-gradient(var(--navy) 0 232px, var(--background) 232px)}main{width:min(100% - 24px,1200px);padding-top:24px}.topbar,.hero-panel,.detail-hero,.monitor-line,footer{flex-direction:column;align-items:flex-start}.topbar{gap:16px}.service-meta{text-align:left}.hero-panel{display:flex}.hero-badge,.detail-state,.monitor-status{align-self:flex-start}h1{font-size:24px;line-height:32px}.monitor-line a:first-child{font-size:18px;line-height:26px}.uptime-grid,.detail-grid,.detail-columns{grid-template-columns:1fr}.monitors-panel,.incidents-panel,.chart-panel,.detail-hero,.hero-panel,.metric{padding:20px}.bars{gap:1px}.bar{height:28px}.storage-status{text-align:left;justify-content:flex-start}}