:root{color:#101828;background:#f7f8fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#fff;border-right:1px solid #eaecf0;padding:24px}.brand{margin-bottom:32px;font-size:22px;font-weight:850}nav{gap:8px;display:grid}nav a{color:#475467;border-radius:10px;padding:11px 12px;font-weight:650;text-decoration:none}nav a[aria-current=page]{color:#175cd3;background:#eff4ff}.workspace{padding:28px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.eyebrow{color:#2563eb;font-size:13px;font-weight:750}h1{margin:6px 0 0;font-size:34px}label{color:#667085;gap:8px;font-size:13px;font-weight:700;display:grid}select{color:#101828;background:#fff;border:1px solid #d0d5dd;border-radius:10px;min-width:190px;padding:10px 12px}.empty-state{background:#fff;border:1px solid #eaecf0;border-radius:18px;padding:30px}.status-banner{color:#067647;background:#ecfdf3;border:1px solid #abefc6;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:16px 18px;display:flex}.status-banner.degraded,.status-banner.maintenance{color:#b54708;background:#fffaeb;border-color:#fedf89}.status-banner.partial-outage,.status-banner.major-outage{color:#b42318;background:#fef3f2;border-color:#fecdca}.status-banner strong{font-size:15px;display:block}.status-banner p{color:inherit;opacity:.86;margin:4px 0 0;line-height:22px}.status-banner ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.status-banner li{background:#ffffffb8;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.empty-state h2{margin:0 0 8px}.empty-state p{color:#667085;margin:0;line-height:26px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.cards article{border:1px solid #eaecf0;border-radius:14px;gap:8px;padding:18px;display:grid}.cards span{color:#667085}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #eaecf0;border-right:0}.topbar,.status-banner{display:grid}.cards{grid-template-columns:1fr}}