:root{color-scheme:dark;font-family:IBM Plex Mono,SFMono-Regular,monospace;--bg: #07101a;--panel: rgba(10, 22, 32, .92);--panel-alt: rgba(12, 24, 34, .92);--panel-sunk: rgba(255, 255, 255, .03);--border: rgba(111, 145, 163, .18);--border-soft: rgba(255, 255, 255, .05);--text: #dbe5ec;--muted: #7f97a4;--amber: #f59e0b;--amber-soft: #f7c566;--teal: #14b8a6;--teal-soft: #68e0d3;--red: #ef4444;--red-soft: #fca5a5;--green: #22c55e;--green-soft: #86efac;--blue: #60a5fa}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(245,158,11,.12),transparent 28%),radial-gradient(circle at top right,rgba(20,184,166,.1),transparent 22%),linear-gradient(180deg,#050d13,#0a1720 45%,#070d12);color:var(--text);font-size:14px;line-height:1.4}#root{min-height:100vh}a{color:var(--teal-soft);text-decoration:none}a:hover{color:var(--amber-soft)}button{font-family:inherit}.shell{width:min(1600px,calc(100vw - 28px));margin:0 auto;padding:20px 0 32px;display:flex;flex-direction:column;gap:18px}.topbar{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:14px 22px;border-radius:20px;background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:baseline;gap:10px}.brand h1{margin:0;font-size:18px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber-soft)}.brand span{color:var(--muted);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.nav{display:flex;gap:4px;flex-wrap:wrap}.nav a{padding:8px 14px;border-radius:999px;color:var(--muted);border:1px solid transparent;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.nav a:hover{color:var(--text);border-color:var(--border-soft)}.nav a.active{color:var(--amber-soft);border-color:#f59e0b59;background:#f59e0b14}.status-cluster{display:flex;gap:8px;align-items:center}.panel{border-radius:20px;padding:18px 20px;background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 40px #00000040}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-head h3{margin:0;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber-soft)}.panel-head small{color:var(--muted);font-size:11px;letter-spacing:.08em}.grid{display:grid;gap:16px}.grid-12{grid-template-columns:repeat(12,1fr)}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-3{grid-column:span 3}.kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.kpi{padding:10px 12px;border-radius:14px;background:var(--panel-sunk);border:1px solid var(--border-soft)}.kpi small{color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase;display:block}.kpi strong{font-size:18px;font-weight:600;display:block;margin-top:4px}.kpi .delta{font-size:12px;margin-top:3px}.pos{color:var(--green-soft)}.neg{color:var(--red-soft)}.neutral{color:var(--muted)}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th,table.data td{padding:8px 10px;text-align:right;border-bottom:1px solid var(--border-soft)}table.data th:first-child,table.data td:first-child{text-align:left}table.data th{color:var(--muted);font-weight:500;letter-spacing:.06em;font-size:11px;text-transform:uppercase;-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap}table.data th:hover{color:var(--amber-soft)}table.data tr:hover td{background:#ffffff05}table.data tbody tr{cursor:pointer}table.data td.num{font-variant-numeric:tabular-nums}.chip{display:inline-block;padding:2px 8px;border-radius:999px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--border-soft);color:var(--muted)}.chip.tier1{border-color:#f59e0b59;color:var(--amber-soft)}.chip.tier2{border-color:#14b8a659;color:var(--teal-soft)}.chip.tier3{border-color:#94a3b859;color:#cbd5e1}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.status-dot.ok{background:var(--green);box-shadow:0 0 6px #22c55e99}.status-dot.degraded,.status-dot.refreshing{background:var(--amber)}.status-dot.error,.status-dot.unreachable{background:var(--red)}.status-dot.unknown{background:var(--muted)}.search-box{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border-soft);background:#ffffff08;color:var(--text);font-family:inherit;font-size:13px}.search-box:focus{outline:1px solid rgba(245,158,11,.35)}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.toolbar button{padding:6px 12px;border-radius:999px;border:1px solid var(--border-soft);background:#ffffff08;color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.toolbar button.active{color:var(--amber-soft);border-color:#f59e0b66;background:#f59e0b14}.heat-cell{padding:6px 8px;border-radius:6px;font-variant-numeric:tabular-nums;text-align:right}.loading,.error,.empty{color:var(--muted);padding:20px 0;text-align:center;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.error{color:var(--red-soft)}.footer{text-align:center;color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding-top:12px}@media(max-width:1100px){.col-8,.col-6,.col-4,.col-3{grid-column:span 12}.topbar{grid-template-columns:1fr}}