:root{color-scheme:dark;font-family:Inter,Segoe UI,sans-serif;background:#08111f;color:#e6eef8}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top,rgba(0,255,204,.18),transparent 32%),linear-gradient(180deg,#08111f,#050913 70%)}button,input{font:inherit}.dashboard-shell{min-height:100vh;padding:48px 24px 64px}.hero-panel{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px;align-items:start;margin:0 auto 24px;max-width:1200px}.eyebrow{margin:0 0 12px;color:#0fc;font-size:.85rem;letter-spacing:.16em;text-transform:uppercase}h1{margin:0 0 12px;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05}.subtitle{margin:0;max-width:720px;color:#9bb0c9;line-height:1.6}.api-panel,.metric-card{border:1px solid rgba(148,163,184,.2);border-radius:18px;background:#0f172acc;box-shadow:0 16px 48px #00000042;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.api-panel{display:grid;gap:10px;padding:20px}.api-panel label,.metric-card span,.hint,.metric-card small{color:#8ba1bd}.api-panel input{width:100%;padding:12px 14px;border:1px solid rgba(148,163,184,.25);border-radius:12px;background:#020617bf;color:#f8fafc}.api-panel button{padding:12px 14px;border:none;border-radius:12px;background:linear-gradient(135deg,#0fc,#14b8a6);color:#04101a;font-weight:700;cursor:pointer}.api-panel button:disabled{opacity:.65;cursor:progress}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:0 auto;max-width:1200px}.metric-card{display:grid;gap:10px;padding:20px}.metric-card strong{font-size:1.35rem;line-height:1.4}.metric-card--primary{background:linear-gradient(145deg,#14b8a629,#0f172ad6)}.mono{font-family:Cascadia Code,Consolas,monospace}.metric-break{overflow-wrap:anywhere}.error-banner{margin:24px auto 0;max-width:1200px;padding:16px 18px;border:1px solid rgba(248,113,113,.4);border-radius:14px;background:#7f1d1d33;color:#fecaca}@media (max-width: 860px){.hero-panel{grid-template-columns:1fr}}