:root{--c-bg:#FAFAFA;--c-surface:#FFFFFF;--c-text:#0A0A0A;--c-text-soft:#2A2A2E;--c-muted:#6B7280;--c-muted-soft:#9CA3AF;--c-line:#E7E7EA;--c-line-soft:#F1F1F3;--c-brand:#6E66F2;--c-up:#10B981;--c-up-soft:#DCFCE7;--c-down:#EF4444;--c-down-soft:#FEE2E2;--c-degraded:#F59E0B;--c-degraded-soft:#FEF3C7;--c-paused:#94A3B8;--c-maintenance:#3B82F6;--c-maintenance-soft:#DBEAFE}[data-theme=dark]{--c-bg:#0A0A0E;--c-surface:#131319;--c-text:#FAFAFA;--c-text-soft:#E5E7EB;--c-muted:#9CA3AF;--c-muted-soft:#6B7280;--c-line:#232330;--c-line-soft:#1C1C24;--c-up-soft:rgba(16,185,129,0.12);color-scheme:dark}[data-theme]{min-height:100vh;background:var(--c-bg);color:var(--c-text)}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--c-bg);color:var(--c-text);font-family:Inter,sans-serif;font-size:14px;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}a{color:var(--c-brand);text-decoration:none}button{font-family:inherit;cursor:pointer;background:none;border:none;color:inherit}.container{max-width:880px;margin:0 auto;padding:28px 20px 60px}.header{justify-content:space-between;flex-wrap:wrap;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--c-line);margin-bottom:36px}.brand,.header{display:flex;align-items:center}.brand{font-size:16px;font-weight:600;letter-spacing:-.018em;color:var(--c-text-soft);gap:8px}.tabs{display:inline-flex;align-items:center;gap:4px}.tab{padding:6px 14px;font-size:13px;font-weight:500;border-radius:7px;color:var(--c-muted);transition:background-color .12s,color .12s}.tab:hover{color:var(--c-text);background:var(--c-line-soft)}.tab.active{background:color-mix(in srgb,var(--c-brand) 14%,transparent);color:var(--c-brand)}.block{background:var(--c-surface);border:1px solid var(--c-line);border-radius:14px;padding:18px 22px;margin-bottom:14px}.blockHead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;font-weight:600;color:var(--c-text);padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid var(--c-line-soft)}.empty{color:var(--c-muted);padding:20px 0;text-align:center;font-size:13px}.overallBanner{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:12px;border:1px solid var(--c-line);background:var(--c-surface);margin-bottom:18px}.overallBanner.ok{border-color:color-mix(in srgb,var(--c-up) 35%,var(--c-line));background:color-mix(in srgb,var(--c-up) 6%,var(--c-surface))}.overallBanner.warn{border-color:color-mix(in srgb,var(--c-down) 35%,var(--c-line));background:color-mix(in srgb,var(--c-down) 6%,var(--c-surface))}.overallBanner.maint{border-color:color-mix(in srgb,var(--c-maintenance) 35%,var(--c-line));background:color-mix(in srgb,var(--c-maintenance) 6%,var(--c-surface))}.overallDot{width:32px;height:32px;flex:0 0 32px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#fff}.overallDot svg{width:18px;height:18px}.overallDot.ok{background:var(--c-up)}.overallDot.warn{background:var(--c-down)}.overallDot.maint{background:var(--c-maintenance)}.overallText{display:flex;flex-direction:column;gap:2px;line-height:1.35}.overallText strong{font-size:15px;font-weight:600;color:var(--c-text)}.overallText span{font-size:12.5px;color:var(--c-muted)}.emptyHero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:38px 24px 28px;color:var(--c-muted)}.emptyHeroIcon{width:44px;height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c-up) 16%,var(--c-surface));color:var(--c-up)}.emptyHeroIcon svg{width:22px;height:22px}.emptyHeroTitle{color:var(--c-text);font-weight:600;font-size:15px}.emptyHeroText{max-width:460px;font-size:13px;line-height:1.5}.rangeSwitcher{display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--c-line-soft);border:1px solid var(--c-line);border-radius:9px}.rangeBtn{padding:4px 10px;font-size:12px;font-weight:500;border-radius:6px;color:var(--c-muted);transition:background-color .12s ease,color .12s ease;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rangeBtn:hover:not(:disabled):not(.active){color:var(--c-text);background:var(--c-surface)}.rangeBtn.active{color:var(--c-brand);background:var(--c-surface);box-shadow:0 1px 2px rgba(0,0,0,.04)}.rangeBtn:disabled{opacity:.45;cursor:not-allowed}[data-theme=dark] .rangeBtn.active{background:color-mix(in srgb,var(--c-brand) 22%,var(--c-surface));box-shadow:none}.service{padding:14px 0;border-bottom:1px solid var(--c-line-soft)}.service:last-child{border-bottom:0;padding-bottom:4px}.serviceHead{justify-content:space-between;margin-bottom:12px}.serviceHead,.serviceName{display:flex;align-items:center}.serviceName{gap:8px;font-size:14px;font-weight:600;color:var(--c-text)}.serviceDot{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.serviceDot svg{width:10px;height:10px;color:#fff}.serviceDot.ok{background:var(--c-up)}.serviceDot.warn{background:var(--c-degraded)}.serviceDot.bad{background:var(--c-down)}.serviceDot.maint{background:var(--c-maintenance)}.serviceUptime{font-size:13px;font-weight:500;color:var(--c-up)}.serviceFoot{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:var(--c-muted)}.bars{display:flex;gap:2px;height:32px;align-items:stretch}.bar{flex:1 1;border-radius:2px;background:var(--c-line);transition:transform .12s,background .12s;cursor:default;min-width:2px}.bar:hover{transform:scaleY(1.08)}.bar.up{background:#22C55E}.bar.warn{background:#F59E0B}.bar.down{background:#EF4444}.bar.nodata{background:var(--c-line)}[data-theme=dark] .bar{background:#2A2A36}[data-theme=dark] .bar.up{background:#22C55E}[data-theme=dark] .bar.warn{background:#F59E0B}[data-theme=dark] .bar.down{background:#EF4444}[data-theme=dark] .bar.nodata{background:#2A2A36}.update{border-left:3px solid var(--c-brand);padding:12px 14px;margin-bottom:10px;background:var(--c-line-soft);border-radius:8px}.update.maintenance{border-left-color:var(--c-maintenance)}.update .meta{color:var(--c-muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.update strong{font-size:14px;display:block;margin-top:4px;font-weight:600}.footer{text-align:center;font-size:12px;color:var(--c-muted);padding:24px 0 0}.footerLink{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;-webkit-text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);transition:color .18s ease,-webkit-text-decoration-color .18s ease;transition:color .18s ease,text-decoration-color .18s ease;transition:color .18s ease,text-decoration-color .18s ease,-webkit-text-decoration-color .18s ease;cursor:pointer}.footerLink:hover{color:var(--c-brand);-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.footerScramble{white-space:nowrap;font-feature-settings:none;font-variant-ligatures:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-line);border-radius:4px}