:root{--navy:#14233f;--navy-2:#16294e;--navy-3:#0f1c33;--teal:#1f6bd0;--teal-2:#1a5bb4;--teal-soft:#dce8fb;--ink:#14233f;--ink-2:#4d5b71;--ink-3:#7a89a0;--bg:#fff;--bg-2:#f3f6fb;--bg-3:#eaeff7;--border:#dde4ee;--border-2:#cad4e2;--ok-bg:#e6f5ed;--ok-ink:#126b39;--ok-dot:#1f9d57;--warn-bg:#fff4d6;--warn-ink:#7a4f00;--warn-dot:#d99100;--danger-bg:#fde6e6;--danger-ink:#971b1b;--danger-dot:#d33333;--pending-bg:#eaeff7;--pending-ink:#4d5b71;--maxw:1080px;--font:"Geist", ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}a{color:var(--teal);text-decoration:none}a:hover{color:var(--teal-2)}code{font-family:var(--mono);background:var(--bg-2);color:var(--navy);border:1px solid var(--border);border-radius:4px;padding:1px 7px;font-size:.85em}h1,h2,h3{letter-spacing:-.02em;margin:0}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}.nav{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#ffffffd9;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.wordmark{color:var(--navy);align-items:center;gap:10px;display:inline-flex}.wordmark:hover{color:var(--navy)}.wordmark .dia{background:linear-gradient(135deg, var(--teal) 0%, #14b8a6 100%);border-radius:4px;width:17px;height:17px;transform:rotate(45deg);box-shadow:inset 0 0 0 1.5px #ffffff59}.wm-name{font-size:16px;font-weight:600}.wm-name b{font-weight:600}.wm-sub{color:var(--ink-3);font-weight:500}.nav-links{gap:22px;font-size:14px;display:flex}.nav-links a{color:var(--ink-2);font-weight:500}.nav-links a:hover{color:var(--teal);text-decoration:none}main{padding:36px 0 64px}.banner{border:1px solid var(--border);background:var(--bg);border-radius:14px;align-items:center;gap:20px;margin-bottom:28px;padding:22px 26px;display:flex}.banner.banner-ok{background:linear-gradient(135deg,#e7f7ef 0%,#d7efe1 100%);border-color:#1f9d5759}.banner.banner-warn{background:linear-gradient(135deg,#fff4d6 0%,#ffe9b3 100%);border-color:#d9910059}.banner.banner-down{background:linear-gradient(135deg,#fde6e6 0%,#fbcfcf 100%);border-color:#d3333359}.banner.banner-pending{background:var(--bg-2);border-color:var(--border)}.banner-icon{background:#fff9;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid}.banner-icon svg{width:24px;height:24px}.banner.banner-ok .banner-icon{color:var(--ok-dot)}.banner.banner-warn .banner-icon{color:var(--warn-dot)}.banner.banner-down .banner-icon{color:var(--danger-dot)}.banner.banner-pending .banner-icon{color:var(--ink-3)}.banner-body{flex:1;min-width:0}.banner-body h1{margin:0 0 4px;font-size:22px;font-weight:600;line-height:1.2}.banner.banner-ok .banner-body h1{color:var(--ok-ink)}.banner.banner-warn .banner-body h1{color:var(--warn-ink)}.banner.banner-down .banner-body h1{color:var(--danger-ink)}.banner.banner-pending .banner-body h1{color:var(--ink-2)}.banner-body p{color:var(--ink-2);margin:0;font-size:13px}.btn-refresh{font-family:var(--font);color:var(--navy);border:1px solid var(--border-2);cursor:pointer;background:#fff;border-radius:9px;flex:none;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s,transform .12s;display:inline-flex}.btn-refresh:hover{border-color:var(--teal);color:var(--teal)}.btn-refresh:active{transform:translateY(1px)}.btn-refresh svg{width:14px;height:14px}.btn-refresh.spinning svg{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:36px;display:grid}.kpi{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.kpi-l{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.kpi-v{color:var(--navy);letter-spacing:-.02em;margin-top:8px;font-size:24px;font-weight:600}.kpi-unit{color:var(--ink-3);font-size:14px;font-weight:500}.kpi-d{color:var(--ink-3);margin-top:6px;font-size:12px}.block{margin-bottom:32px}.block-h{max-width:720px;margin-bottom:18px}.eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--teal);font-size:11px;font-weight:600}.block-h h2{margin:8px 0 4px;font-size:20px;font-weight:600}.block-sub{color:var(--ink-2);margin:0;font-size:13.5px}.comp-list{border:1px solid var(--border);background:var(--bg);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.comp{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;display:flex}.comp:first-child{border-top:0}.comp-name{color:var(--ink);flex-direction:column;gap:3px;font-size:14px;display:flex}.comp-name code{align-self:flex-start;font-size:11.5px}.comp-sub{color:var(--ink-3);font-size:12px}.comp-meta{flex-shrink:0;align-items:center;gap:12px;display:flex}.comp-ms{font-family:var(--mono);color:var(--ink-3);font-size:11px}.comp-pill{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.comp-pill:before{content:"";opacity:.55;background:currentColor;border-radius:50%;width:7px;height:7px}.comp-pill.ok{background:var(--ok-bg);color:var(--ok-ink)}.comp-pill.warn{background:var(--warn-bg);color:var(--warn-ink)}.comp-pill.down{background:var(--danger-bg);color:var(--danger-ink)}.comp-pill.pending{background:var(--pending-bg);color:var(--pending-ink)}.comp-pill.ok:before{background:var(--ok-dot);opacity:1}.comp-pill.warn:before{background:var(--warn-dot);opacity:1}.comp-pill.down:before{background:var(--danger-dot);opacity:1;box-shadow:0 0 0 3px #d3333326}.comp-pill.pending:before{background:var(--ink-3);animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.uptime-rows{background:var(--bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.uptime-row{grid-template-columns:170px 1fr 60px;align-items:center;gap:14px;font-size:13px;display:grid}.uptime-row .ur-name{color:var(--ink-2)}.uptime-row .ur-pct{font-family:var(--mono);color:var(--ink-3);text-align:right;font-size:11px}.uptime-bars{gap:2px;height:28px;display:flex}.uptime-bar{background:var(--ok-dot);opacity:.85;border-radius:1.5px;flex:1;min-width:2px}.uptime-bar.warn{background:var(--warn-dot)}.uptime-bar.down{background:var(--danger-dot)}.uptime-bar.unknown{background:var(--bg-3);border:1px solid var(--border)}.empty{background:var(--bg);border:1px dashed var(--border-2);border-radius:12px;align-items:center;gap:16px;padding:22px 26px;display:flex}.empty-ic{background:var(--ok-bg);width:44px;height:44px;color:var(--ok-dot);border-radius:12px;flex:none;place-items:center;display:grid}.empty-ic svg{width:22px;height:22px}.empty p{color:var(--ink-2);margin:0;font-size:14px}.empty strong{color:var(--ink)}.footnote{border-top:1px solid var(--border);color:var(--ink-3);margin-top:18px;padding-top:18px;font-size:13px}.footnote p{margin:0}.foot{border-top:1px solid var(--border);color:var(--ink-3);background:var(--bg-2);padding:22px 0;font-size:12.5px}.foot-inner{flex-wrap:wrap;justify-content:space-between;gap:18px;display:flex}.foot a{color:var(--ink-2)}.foot a:hover{color:var(--teal);text-decoration:none}@media (width<=760px){.kpis{grid-template-columns:repeat(2,1fr)}.nav-links a:first-child{display:none}.uptime-row{grid-template-columns:1fr;gap:6px}.uptime-row .ur-pct{text-align:left}}@media (width<=560px){.wrap{padding:0 18px}.banner{flex-wrap:wrap}.btn-refresh{justify-content:center;width:100%}.kpis{grid-template-columns:1fr 1fr}}