:root{color-scheme:dark;--bg:#070a0f;--bg-soft:#0e141f;--card:#111927;--card-border:#1f2a3d;--text:#e6edf7;--muted:#9fb0ca;--ok:#2ac46d;--alert:#ef4444;--paused:#f59e0b;--unknown:#6b7280;--brand:#f05454}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at top,#111a29 0,var(--bg) 38%);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page-shell{max-width:1100px;margin:0 auto;padding:40px 18px 64px}.page-head{margin-bottom:24px}.head-shell{position:relative;border:1px solid color-mix(in srgb,#4c6ea8 28%,transparent);background:radial-gradient(circle at 12% 18%,rgba(240,84,84,.18) 0,transparent 38%),radial-gradient(circle at 85% 35%,rgba(80,130,255,.22) 0,transparent 35%),linear-gradient(180deg,rgba(16,24,40,.95),rgba(11,16,27,.96));border-radius:16px;padding:16px 18px;box-shadow:0 16px 36px rgba(0,0,0,.28)}.brand-row{gap:14px}.brand-mark,.brand-row{display:flex;align-items:center}.brand-mark{width:46px;height:46px;border-radius:12px;border:1px solid hsla(0,0%,100%,.16);background:linear-gradient(160deg,rgba(250,84,84,.34),rgba(52,112,244,.35));justify-content:center;box-shadow:inset 0 1px 2px hsla(0,0%,100%,.12),0 10px 20px rgba(0,0,0,.25)}.brand-mark span{font-weight:800;letter-spacing:-.04em;color:#f8fbff;font-size:1.25rem}.page-head h1{margin:0;font-size:clamp(1.7rem,2.8vw,2.6rem);letter-spacing:-.02em}.eyebrow{margin:0 0 6px;color:var(--brand);text-transform:uppercase;font-size:.76rem;letter-spacing:.12em;font-weight:600}.subtitle{margin:8px 0 0;color:var(--muted)}.summary-chips{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.chip{font-size:.76rem;border-radius:999px;padding:7px 11px;border:1px solid color-mix(in srgb,#8ea3c5 35%,transparent);background:color-mix(in srgb,#8ea3c5 12%,transparent);color:#d3def0;font-weight:600}.chip-ok{border-color:color-mix(in srgb,var(--ok) 45%,transparent);background:color-mix(in srgb,var(--ok) 16%,transparent);color:#dcffe8}.chip-alert{border-color:color-mix(in srgb,var(--alert) 45%,transparent);background:color-mix(in srgb,var(--alert) 16%,transparent);color:#ffe2e2}.chip-muted{border-color:color-mix(in srgb,var(--unknown) 50%,transparent);background:color-mix(in srgb,var(--unknown) 18%,transparent);color:#dbe1eb}.panel,.service-card,.summary-card{background:color-mix(in srgb,var(--card) 88%,#000 12%);border:1px solid var(--card-border);border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.22)}.summary-card{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:20px;position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:14px}.summary-card-ok:before{background:linear-gradient(180deg,#48ff9b,#1c8f56)}.summary-card-alert:before{background:linear-gradient(180deg,#ff7c7c,#c73030)}.summary-card-degraded:before{background:linear-gradient(180deg,#fc6,#bc8a22)}.summary-card h2{margin:4px 0;font-size:clamp(1.1rem,2vw,1.4rem)}.label{margin:0;color:var(--muted);font-size:.83rem;text-transform:uppercase;letter-spacing:.08em}.status-pill,.summary-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:600;white-space:nowrap}.summary-badge{padding:10px 14px;font-size:.88rem}.status-pill{padding:6px 10px;font-size:.78rem}.status-pill-ok,.summary-badge-ok{color:#dbffe9;background:color-mix(in srgb,var(--ok) 22%,transparent);border:1px solid color-mix(in srgb,var(--ok) 45%,transparent)}.status-pill-alert,.summary-badge-alert{color:#ffe0e0;background:color-mix(in srgb,var(--alert) 20%,transparent);border:1px solid color-mix(in srgb,var(--alert) 42%,transparent)}.status-pill-paused,.status-pill-unknown,.summary-badge-degraded{color:#fff3d1;background:color-mix(in srgb,var(--paused) 22%,transparent);border:1px solid color-mix(in srgb,var(--paused) 45%,transparent)}.status-pill-unknown{color:#d7dce6;background:color-mix(in srgb,var(--unknown) 35%,transparent);border-color:color-mix(in srgb,var(--unknown) 50%,transparent)}.toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:16px 2px}.refresh-button{border:1px solid color-mix(in srgb,var(--brand) 45%,#ffffff14);background:linear-gradient(180deg,#1c2a45,#121b2e);color:var(--text);padding:9px 13px;border-radius:8px;cursor:pointer;font-weight:600}.refresh-button:disabled{opacity:.7;cursor:not-allowed}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:14px;gap:14px;margin-top:12px}.service-card{padding:16px}.service-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.service-top h3{margin:0;font-size:1.05rem}.service-meta{margin:0;display:grid;grid-gap:10px;gap:10px}.service-meta div{display:grid;grid-template-columns:110px 1fr;grid-gap:8px;gap:8px}.service-meta dt{color:var(--muted);font-size:.82rem}.service-meta dd{margin:0;font-weight:500;font-size:.9rem}.truncate-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel{margin-top:14px;padding:16px}.panel h3{margin:0 0 8px}.panel-error{border-color:color-mix(in srgb,var(--alert) 40%,var(--card-border));color:#ffd5d5}.muted-text{margin:0;color:var(--muted);font-size:.88rem}.live-dot{display:inline-block;width:8px;height:8px;border-radius:999px;margin-right:8px;background:#33d37a;box-shadow:0 0 0 0 rgba(51,211,122,.8);animation:pulse 2.2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(51,211,122,.7)}70%{box-shadow:0 0 0 10px rgba(51,211,122,0)}to{box-shadow:0 0 0 0 rgba(51,211,122,0)}}.uptime-track{width:100%;height:6px;border-radius:999px;margin:2px 0 12px;background:#0c1320;border:1px solid #1c2740;overflow:hidden}.uptime-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#3fd486,#15a45e)}.service-link{color:#c8d9ff;text-decoration:none;border-bottom:1px dotted #5c79b7}.service-link:hover{color:#f1f6ff;border-bottom-color:#8fb2ff}@media (max-width:680px){.brand-row{align-items:flex-start}.brand-mark{width:40px;height:40px;border-radius:10px}.summary-card,.toolbar{flex-direction:column;align-items:flex-start}.service-meta div{grid-template-columns:1fr}}