.app-shell{max-width:1440px;margin:0 auto;padding:24px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.brand{font-size:1.75rem;font-weight:700;letter-spacing:-.03em}.subtitle{color:var(--muted);font-size:.92rem;margin-top:4px}.topbar-actions{display:flex;align-items:center;gap:12px}.warn-badge{font-size:.78rem;color:#fde68a;background:#fbbf241f;border:1px solid rgba(251,191,36,.25);padding:8px 12px;border-radius:999px}.btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:10px 16px;border-radius:10px;cursor:pointer}.btn:hover{border-color:#22d3ee59}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.summary-card{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px}.summary-label{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.summary-value{font-size:2rem;font-weight:700;margin-top:8px;font-family:JetBrains Mono,monospace}.bad-text{color:var(--bad)}.nodes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.node-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:16px;min-height:220px}.node-card.online{box-shadow:inset 0 1px #ffffff08}.node-card.offline{opacity:.88}.node-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.node-name{font-size:1.1rem;font-weight:700}.node-host{color:var(--muted);font-size:.78rem;margin-top:2px;font-family:JetBrains Mono,monospace}.status-pill{align-self:start;font-size:.72rem;font-weight:600;padding:6px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.06em}.status-pill.ok{color:var(--ok);background:#34d3991f}.status-pill.bad{color:var(--bad);background:#f871711f}.node-stats{display:grid;gap:10px}.meter-head{display:flex;justify-content:space-between;font-size:.78rem;color:var(--muted);margin-bottom:6px}.meter-track{height:8px;background:#94a3b81f;border-radius:999px;overflow:hidden}.meter-fill{height:100%;border-radius:999px}.node-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:14px;font-size:.78rem;color:var(--text)}.node-meta.subtle{color:var(--muted)}.node-error{margin-top:18px;padding:12px;border-radius:12px;background:#f8717114;color:#fecaca;font-size:.84rem}.panel-msg{margin-bottom:16px;padding:14px 16px;border-radius:12px;background:var(--panel);border:1px solid var(--border)}.panel-msg.error{color:#fecaca;border-color:#f8717140}.footer{margin-top:24px;color:var(--muted);font-size:.78rem}@media(max-width:900px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{flex-direction:column;align-items:flex-start}}:root{color-scheme:dark;--bg: #0b0f17;--panel: #121826;--panel-2: #171f31;--border: rgba(148, 163, 184, .14);--text: #e5eefb;--muted: #94a3b8;--accent: #22d3ee;--ok: #34d399;--warn: #fbbf24;--bad: #f87171}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 0% 0%,rgba(34,211,238,.12),transparent 35%),radial-gradient(circle at 100% 0%,rgba(99,102,241,.12),transparent 30%),var(--bg);color:var(--text)}button{font:inherit}