:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e6f2ff;background:#070b12;--cyan: #39bcff;--green: #3be5a4;--amber: #ffc44d;--red: #ff625d;--muted: #92a7bd}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 30% 0,#0b1c2a 0,#070b12 42%);min-height:100vh}button,select,.button{font:inherit}main{max-width:1280px;margin:auto;padding:32px}header{display:flex;justify-content:space-between;gap:24px;align-items:end;border-bottom:1px solid #1a3448;padding-bottom:22px}.eyebrow{color:var(--cyan);letter-spacing:.12em;font-size:.75rem}h1{font-size:clamp(1.35rem,3vw,2rem);margin:0}h2{font-size:1rem;margin:0}label{color:var(--muted);display:grid;gap:6px;font-size:.8rem}select{background:#0a1420;color:#fff;border:1px solid var(--cyan);border-radius:5px;padding:8px}button,.button{background:#0b6d9f;color:#fff;border:1px solid var(--cyan);border-radius:5px;padding:9px 14px;cursor:pointer;text-decoration:none}button:hover,.button:hover{background:#1083bd}button.secondary{background:transparent;border-color:#315269}.header-actions{display:flex;align-items:end;gap:12px}.identity{color:#d9ebfa;display:grid;text-align:right;font-size:.85rem}.identity small{color:var(--muted);font-size:.65rem;letter-spacing:.12em}.context{margin:20px 0;padding:12px 16px;background:#0b1824;border-left:3px solid var(--cyan);display:flex;gap:14px;align-items:center}.context span,.panel-head span,.alternative{color:var(--muted);font-size:.82rem}.freshness-warning{display:flex;gap:14px;align-items:center;margin:-8px 0 14px;padding:10px 14px;color:#ffe1a0;border:1px dashed #81631b;border-radius:6px;background:#2a210d}.freshness-warning span{color:#cfb979;font-size:.82rem}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card,.panel,.state-panel{background:#0a121c;border:1px solid #1a3448;border-radius:8px}.card{padding:16px;display:grid;gap:7px}.card p{margin:0;color:var(--muted)}.card strong{font-size:1.7rem}.card span,.card small{font-size:.8rem}.card small{color:var(--muted)}.card i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green)}.degraded{border-color:#81631b}.degraded i{background:var(--amber)}.critical{border-color:#843236}.critical i{background:var(--red)}.stale{border-style:dashed}.stale i{background:var(--amber)}.grid{display:grid;grid-template-columns:3fr 2fr;gap:12px;margin:12px 0}.panel{padding:18px}.panel-head{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #1a3448;padding-bottom:12px}.topology-nodes{min-height:210px;display:grid;grid-template-columns:repeat(2,1fr);align-content:center;gap:14px;padding:24px}.node{border:1px solid #215a7c;border-radius:6px;padding:18px;color:#cfeeff;background:#0b1b28;box-shadow:0 0 18px #0874ae21}.node b{color:var(--cyan);display:block;font-size:.7rem}.node small{color:var(--muted);display:block;margin-top:5px}.alerts{list-style:none;padding:0;margin:0}.alerts li{padding:14px 0;border-bottom:1px solid #1a3448;display:grid;gap:4px}.alerts strong{font-size:.75rem;color:var(--amber)}.alerts .critical strong{color:var(--red)}.alerts small{color:var(--muted)}.inventory,.limits{margin-top:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:8px;text-align:left}th,td{border-bottom:1px solid #1a3448;padding:12px 10px}th{color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}td{color:#d5e7f6;font-size:.86rem}td small{display:block;color:var(--muted);margin-top:4px}.status{font-size:.72rem;padding:3px 7px;border:1px solid #2a6b53;border-radius:999px}.status.degraded,.status.stale{color:var(--amber);border-color:#81631b}.status.critical{color:var(--red);border-color:#843236}.panel p,.state-panel p,.auth-state p{color:#c4d7e8;line-height:1.5}.state-panel{margin:28px 0;padding:48px;text-align:center}.state-panel.error{border-color:#843236}.state-panel.empty{border-style:dashed}.spinner{display:inline-block;width:24px;height:24px;margin-bottom:16px;border:2px solid #21445d;border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}.auth-state{max-width:620px;padding-top:18vh}.auth-state .button{display:inline-block;margin-top:10px}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none;border-color:var(--cyan)}}@media(max-width:800px){main{padding:18px}header,.context,.freshness-warning{align-items:start;flex-direction:column}.header-actions{align-items:stretch;flex-direction:column;width:100%}.identity{text-align:left}.cards,.grid{grid-template-columns:1fr}}