:root{--background:#ffffff;--foreground:#0a0a0a;--muted-foreground:#71717a;--border:#e4e4e7;--card:#ffffff;--success:#17c964;--success-bg:rgba(23,201,100,0.1);--success-border:rgba(23,201,100,0.2);--warning:#f5a524;--warning-bg:rgba(245,165,36,0.1);--warning-border:rgba(245,165,36,0.2);--destructive:#f31260;--destructive-bg:rgba(243,18,96,0.1);--destructive-border:rgba(243,18,96,0.2);--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:ui-monospace,"SF Mono","Cascadia Code",Consolas,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:var(--font-sans);background:var(--background);color:var(--foreground);color-scheme:light}.page,body,html{min-height:100vh}.page{display:flex;flex-direction:column}.topbar{border-bottom:1px solid var(--border);width:100%}.content,.topbar{max-width:640px;margin:0 auto;width:100%}.topbar{justify-content:space-between;gap:12px;padding:10px 12px}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;font-weight:500;font-size:14px}.brand img{height:26px;width:auto;object-fit:contain}.topbar-meta{font-size:12px;color:var(--muted-foreground);white-space:nowrap}.content{flex:1 1;padding:24px 12px 40px;gap:24px}.content,.status-head{display:flex;flex-direction:column}.status-head{gap:2px}.status-title{font-weight:600;font-size:18px;line-height:1}.status-sub{color:var(--muted-foreground);font-size:14px}.banner{display:flex;align-items:center;gap:12px;border-radius:10px;border:1px solid var(--border);padding:10px 14px}.banner.variant-success{background:var(--success-bg);border-color:var(--success-border)}.banner.variant-degraded{background:var(--warning-bg);border-color:var(--warning-border)}.banner.variant-error{background:var(--destructive-bg);border-color:var(--destructive-border)}.banner-icon{flex:0 0 auto;width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fff}.banner.variant-success .banner-icon{background:var(--success)}.banner.variant-degraded .banner-icon{background:var(--warning)}.banner.variant-error .banner-icon{background:var(--destructive)}.banner-body{flex:1 1 auto;min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.banner-text{font-weight:600;font-size:16px}.banner-count{font-family:var(--font-mono);font-size:12px;color:var(--muted-foreground)}.monitor-list{gap:20px}.monitor,.monitor-list{display:flex;flex-direction:column}.monitor{gap:6px}.monitor-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.monitor-name a{color:inherit;text-decoration:none;font-weight:500;font-size:14px}.monitor-name a:hover{text-decoration:underline}.monitor-meta{display:flex;align-items:center;gap:8px}.uptime-pct{font-family:var(--font-mono);font-size:13px;color:var(--muted-foreground)}.status-dot{width:16px;height:16px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--background);flex:0 0 auto}.status-dot svg{width:10px;height:10px}.status-dot.variant-success{background:var(--success)}.status-dot.variant-error{background:var(--destructive)}.bars{display:flex;align-items:stretch;gap:2px;height:34px}.bar{flex:1 1;border-radius:2px;background:var(--success)}.bar.variant-degraded{background:var(--warning)}.bar.variant-error{background:var(--destructive)}.bar.unknown{background:var(--border)}.monitor-details{display:flex;gap:16px;font-size:12px;color:var(--muted-foreground)}.monitor-details b{font-family:var(--font-mono);font-weight:600;color:var(--foreground)}.monitor-details b.warn{color:var(--warning)}.error-note,.monitor-details b.crit{color:var(--destructive)}.error-note{font-size:12px;background:var(--destructive-bg);border:1px solid var(--destructive-border);border-radius:8px;padding:6px 10px}footer{text-align:center;padding:16px 12px 24px;font-size:12px;color:var(--muted-foreground)}