@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at top,rgba(56,189,248,.18),transparent 28%),radial-gradient(circle at right,rgba(34,197,94,.12),transparent 22%),#0f172a;color:#e2e8f0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;background:linear-gradient(180deg,#0f172adb,#0f172afa),#0f172a}button,input,textarea,select{font:inherit}.dashboard-shell{min-height:100vh;padding:32px;background:radial-gradient(circle at 20% 0%,rgba(14,165,233,.12),transparent 24%),radial-gradient(circle at 80% 20%,rgba(16,185,129,.08),transparent 20%),linear-gradient(180deg,#0f172ae0,#0f172a)}.dashboard-frame{width:min(1240px,100%);margin:0 auto;display:grid;gap:24px}.hero-panel,.telemetry-card,.log-card,.action-panel,.dashboard-footer{border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,#0f172ae0,#0f172ab8);box-shadow:0 22px 60px #02061757;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-panel{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:28px;border-radius:28px}.eyebrow,.card-kicker{margin:0 0 10px;color:#38bdf8;font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}h1,h2,p{margin:0}h1{max-width:12ch;font-size:clamp(2.3rem,4vw,4.6rem);line-height:.96;letter-spacing:-.05em}.hero-copy{max-width:68ch;margin-top:16px;color:#94a3b8;line-height:1.65}.hero-status-card{display:grid;gap:12px;justify-items:end;min-width:280px}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;border:1px solid rgba(148,163,184,.2);font-weight:700}.status-pill-healthy{color:#86efac;background:#22c55e1f}.status-pill-critical{color:#fca5a5;background:#ef444424}.hero-status-meta{display:grid;gap:6px;color:#94a3b8;font-size:.92rem;text-align:right}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.telemetry-card,.log-card{display:grid;gap:22px;padding:24px;border-radius:24px}.card-header{display:flex;align-items:start;justify-content:space-between;gap:16px}.card-header h2{font-size:1.35rem;letter-spacing:-.03em}.card-badge{padding:9px 14px;border-radius:999px;background:#38bdf824;color:#7dd3fc;font-size:.84rem;font-weight:700}.card-badge.ghost{background:#94a3b81f;color:#cbd5e1}.telemetry-stats{display:grid;gap:16px}.telemetry-stats div{padding:18px 18px 16px;border-radius:18px;background:#0f172ab8;border:1px solid rgba(148,163,184,.14)}.telemetry-stats dt{color:#94a3b8;font-size:.84rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.telemetry-stats dd{margin:10px 0 0;font-size:clamp(1.1rem,1.9vw,1.6rem);font-weight:800;letter-spacing:-.03em}.connected-node{color:#f8fafc}.latency-value{color:#4ade80;font-family:JetBrains Mono,monospace}.status-normal{color:#cbd5e1}.status-critical{color:#f87171}.telemetry-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.telemetry-metrics div{padding:16px;border-radius:18px;background:linear-gradient(180deg,#0ea5e914,#0f172ab8);border:1px solid rgba(56,189,248,.12)}.telemetry-metrics span,.telemetry-metrics strong{display:block}.telemetry-metrics span{color:#94a3b8;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.telemetry-metrics strong{margin-top:8px;color:#e2e8f0;font-size:1rem}.log-list{display:grid;gap:12px;max-height:390px;overflow:auto;padding-right:6px}.log-list::-webkit-scrollbar{width:10px}.log-list::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}.empty-log{padding:20px;border-radius:18px;border:1px dashed rgba(148,163,184,.2);color:#94a3b8;line-height:1.6}.log-entry{display:flex;align-items:center;gap:10px;padding:15px 16px;border-radius:16px;border:1px solid rgba(148,163,184,.14);background:#0f172abd}.log-time{color:#7dd3fc;font-family:JetBrains Mono,monospace;font-size:.84rem;white-space:nowrap}.log-arrow{color:#38bdf8;font-weight:800}.log-region{color:#e2e8f0;font-weight:600}.action-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px;border-radius:24px}.action-button{display:grid;gap:8px;padding:18px 20px;border:0;border-radius:18px;color:#fff;text-align:left;cursor:pointer;transform:translateY(0);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,opacity .18s ease}.action-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 35px #0f172a4d}.action-button:active:not(:disabled){transform:translateY(1px) scale(.99)}.action-button:disabled{cursor:not-allowed;opacity:.55}.action-button span{font-size:1rem;font-weight:800;letter-spacing:-.02em}.action-button small{color:#ffffffc7;font-size:.9rem;line-height:1.45}.action-chaos{background:linear-gradient(135deg,#dc2626,#ef4444 56%,#fb7185)}.action-recovery{background:linear-gradient(135deg,#1d4ed8,#2563eb 58%,#38bdf8)}.dashboard-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;border-radius:20px}.dashboard-footer p{max-width:78ch;color:#cbd5e1;line-height:1.65}.footer-note{flex-shrink:0;color:#7dd3fc;font-family:JetBrains Mono,monospace;font-size:.84rem}@media (max-width: 1024px){.hero-panel,.dashboard-footer{flex-direction:column;align-items:flex-start}.hero-status-card{justify-items:start}.hero-status-meta{text-align:left}.dashboard-grid,.action-panel,.telemetry-metrics{grid-template-columns:1fr}}@media (max-width: 640px){.dashboard-shell{padding:16px}.hero-panel,.telemetry-card,.log-card,.action-panel,.dashboard-footer{border-radius:20px}.hero-panel,.telemetry-card,.log-card{padding:20px}.action-button{padding:16px}}
