:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4;color:#1f2937;background:#f7f8fb}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #e5e7eb;background:#fff;position:sticky;top:0;z-index:10}.top-nav .brand{font-weight:700}.nav-links{display:flex;gap:16px;font-size:14px}.nav-link{padding:6px 10px;border-radius:8px}.nav-link.active{background:#e9eefc;color:#1d4ed8}.page{padding:16px}.page h1{margin:0 0 12px;font-size:24px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.muted{color:#6b7280;font-size:13px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px;margin-bottom:12px}.kpi-title{color:#6b7280;font-size:12px}.kpi-value{margin-top:6px;font-size:24px;font-weight:700}.severity-HEALTHY{color:#22c55e}.severity-DEGRADED{color:#f59e0b}.severity-CRITICAL{color:#f97316}.severity-DOWN{color:#ef4444}.layout-option-a{display:grid;grid-template-columns:minmax(820px,1fr) 340px;gap:12px;align-items:start}.main-stack{display:grid;gap:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:10px;border-bottom:1px solid #f0f2f5}th{color:#6b7280;font-weight:600}.badge{font-size:12px;font-weight:600;border-radius:999px;padding:2px 8px;display:inline-block}.badge-HEALTHY{color:#166534;background:#dcfce7}.badge-DEGRADED{color:#92400e;background:#fef3c7}.badge-CRITICAL{color:#9a3412;background:#ffedd5}.badge-DOWN{color:#991b1b;background:#fee2e2}.filters{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));gap:8px;margin-bottom:12px}label{display:grid;gap:4px;font-size:12px;color:#6b7280}input,select{border:1px solid #d1d5db;border-radius:8px;padding:7px 9px;background:#fff}.incidents-list{display:grid;gap:8px}.incident-item{border:1px solid #e5e7eb;border-radius:10px;padding:10px}.incident-title{display:flex;justify-content:space-between;gap:8px;font-size:13px}.incident-sub{color:#6b7280;font-size:12px;margin-top:4px}.state-error{border-color:#fecaca;background:#fef2f2}.state-warning{border-color:#fde68a;background:#fffbeb}.state-empty{border-style:dashed}.split-grid{display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));gap:12px}.stat-list{display:grid;gap:6px}.code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;background:#f3f4f6;border-radius:6px;padding:2px 6px}@media(max-width:1200px){.layout-option-a{grid-template-columns:1fr}.filters{grid-template-columns:repeat(3,minmax(100px,1fr))}.kpi-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}}