:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d10;--panel:#12161b;--panel-2:#171c22;--border:#29313a;--text:#f4f6f8;--muted:#9aa6b2;--accent:#9fd2ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.shell{width:min(1180px,100% - 32px);margin:0 auto;padding:40px 0 72px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.topbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:6px;font-size:clamp(1.8rem,5vw,3rem)}h2{margin-bottom:0;font-size:1.15rem}.eyebrow,.label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:.72rem;font-weight:700}.muted,.list p,.list time{color:var(--muted)}.hero-grid{grid-template-columns:1.4fr .8fr 1fr;gap:14px;margin-bottom:14px;display:grid}.grid.two{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.panel,.status-card,.metric-card,.auth-card{border:1px solid var(--border);background:linear-gradient(180deg, var(--panel-2), var(--panel));border-radius:18px;padding:22px}.status-value,.metric-card strong{letter-spacing:-.05em;margin:10px 0 8px;font-size:clamp(1.8rem,5vw,3.1rem);display:block}.metric-card .compact{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:1.25rem}.compact-title{letter-spacing:-.03em;overflow-wrap:anywhere;margin:10px 0 8px;font-size:clamp(1.25rem,4vw,2rem);display:block}.section-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.pill,.priority,.component{border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;padding:4px 8px;font-size:.72rem;display:inline-flex}.priority.high,.priority.critical,.component.error{color:#ffb3b3}.component.healthy{color:#b8f3c7}.component.degraded,.component.paused{color:#ffe0a3}.list{margin:0;padding:0;list-style:none}.list li{border-top:1px solid var(--border);justify-content:space-between;gap:18px;padding:13px 0;display:flex}.list li:first-child{border-top:0}.list strong{font-size:.93rem}.list p,.list time{margin:4px 0 0;font-size:.78rem}.right{text-align:right;flex-direction:column;align-items:flex-end;gap:5px;display:flex}.empty{color:var(--muted);margin-bottom:0}.secondary,.auth-form button,.workbench-form button{border:1px solid var(--border);color:#101419;background:#eef5fb;border-radius:10px;padding:9px 13px;font-weight:700}.link-button{align-items:center;text-decoration:none;display:inline-flex}pre{white-space:pre-wrap;color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:.78rem}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{width:min(430px,100%)}.auth-form,.workbench-form{gap:14px;margin-top:24px;display:grid}.auth-form label,.workbench-form label{color:var(--muted);gap:6px;font-size:.82rem;display:grid}.auth-form input,.workbench-form input,.workbench-form textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#0c1014;border-radius:10px;padding:11px 12px}.workbench-form textarea{resize:vertical;min-height:150px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.45}.compact-form{margin-top:0}.replay-form{margin-top:12px}.state-block{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.context-nav{gap:8px;display:grid}.context-link{border:1px solid var(--border);background:#0c1014;border-radius:10px;gap:4px;padding:11px 12px;text-decoration:none;display:grid}.context-link span{color:var(--muted);font-size:.75rem}.context-link.active{border-color:var(--accent)}.error-banner{color:#ffc1c1;background:#2a1515;border:1px solid #6c3434;border-radius:10px;padding:10px 12px}@media (max-width:820px){.hero-grid,.grid.two{grid-template-columns:1fr}.topbar{flex-direction:column}.shell{width:min(100% - 22px,1180px);padding-top:24px}.list li{align-items:flex-start}}