:root{--ink:#172126;--muted:#66757c;--line:#dfe5e7;--paper:#f4f6f5;--card:#fff;--accent:#126a67;--unknown:#829197}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font:15px/1.5 Inter,system-ui,sans-serif}button,input,select{font:inherit}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:var(--card);border-radius:18px;width:min(440px,100%);padding:40px}.eyebrow{color:var(--accent);text-transform:uppercase;font-size:12px;font-weight:750}h1{margin:8px 0;font-size:30px}h2{font-size:17px}.login-card p,.status-card p,.panel p{color:var(--muted)}label{gap:7px;margin-top:20px;font-weight:650;display:grid}input,select{border:1px solid #b9c4c7;border-radius:9px;padding:12px}.login-card button{background:var(--accent);color:#fff;border:0;border-radius:9px;width:100%;margin-top:24px;padding:12px;font-weight:750}.error{color:#a12626}.shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.shell aside{color:#edf6f4;background:#142a2c;padding:28px 22px}.shell nav{gap:8px;margin-top:40px;display:grid}.shell nav a,.shell nav span{color:#cbd8d6;padding:10px 12px;text-decoration:none}.workspace header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:78px;padding:16px 30px;display:flex}.workspace header b{display:block}.overall,.status-card>div{color:var(--muted);font-size:12px;font-weight:750}.unknown-dot,.status-dot{background:var(--unknown);border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block}.dashboard{max-width:1400px;padding:32px}.title-row{justify-content:space-between;align-items:center;display:flex}.health-banner{border-left:5px solid var(--unknown);background:#fff;margin-top:24px;padding:14px 18px}.health-banner small,.incident small{color:var(--muted);display:block}.status-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;display:grid}.status-card,.panel{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:22px}.state-healthy{border-color:#27815d}.state-warning,.state-degraded{border-color:#bf7c13}.state-critical{border-color:#ba3636}.state-healthy .status-dot{background:#27815d}.state-warning .status-dot,.state-degraded .status-dot{background:#bf7c13}.state-critical .status-dot{background:#ba3636}.lower-grid{grid-template-columns:2fr 1fr;gap:16px;margin-top:16px;display:grid}.incident{border-top:1px solid var(--line);padding:12px 0}@media (max-width:760px){.shell{display:block}.shell aside{padding:16px 20px}.shell nav{display:none}.dashboard{padding:22px 16px}.status-grid,.lower-grid{grid-template-columns:1fr}}
.services-panel{margin-top:16px}.services-list{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.service-row{border:1px solid var(--line);border-radius:8px;padding:10px}.service-row span{color:var(--muted);text-transform:uppercase;margin-top:4px;font-size:12px;font-weight:750;display:block}@media (max-width:760px){.services-list{grid-template-columns:1fr 1fr}}