:root{font-family:Segoe UI,IBM Plex Sans,sans-serif;color:#e7edf5;background:radial-gradient(circle at top left,rgba(72,111,255,.16),transparent 28%),radial-gradient(circle at top right,rgba(36,224,176,.12),transparent 24%),linear-gradient(180deg,#08111f,#0d1726 48%,#07111d);color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel: rgba(10, 19, 34, .78);--panel-strong: rgba(13, 24, 42, .92);--panel-border: rgba(157, 181, 218, .14);--muted: #8c9bb0;--healthy: #22c55e;--down: #ef4444;--stale: #f59e0b;--bar: linear-gradient(90deg, #3b82f6 0%, #2dd4bf 100%)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.dashboard-shell{width:min(1200px,calc(100% - 32px));margin:0 auto;padding:40px 0 56px}.hero-panel,.node-card,.banner{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--panel);border:1px solid var(--panel-border);box-shadow:0 18px 48px #02061747}.hero-panel{display:grid;grid-template-columns:1.8fr 1fr;gap:24px;align-items:end;border-radius:28px;padding:28px;margin-bottom:24px}.eyebrow,.meta-label{text-transform:uppercase;letter-spacing:.12em;font-size:.73rem;color:var(--muted)}h1,h2,p{margin:0}h1{font-size:clamp(2rem,5vw,4rem);line-height:.95;margin-top:10px}h2{font-size:1.45rem;margin-top:8px}.hero-copy,.muted{color:var(--muted)}.hero-copy{max-width:52ch;margin-top:14px;line-height:1.6}.hero-stats{display:grid;gap:14px}.hero-stat,.node-meta>div{border-radius:18px;background:var(--panel-strong);border:1px solid rgba(157,181,218,.1);padding:16px}.hero-stat strong,.node-meta strong{display:block;font-size:1rem;margin-top:8px}.banner{border-radius:18px;padding:16px 18px;margin-bottom:20px;color:#d9e2ef}.banner.error{border-color:#ef444459;color:#fecaca}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.node-card{border-radius:24px;padding:22px}.node-card.tone-healthy{box-shadow:inset 0 0 0 1px #22c55e0f,0 18px 48px #02061747}.node-card.tone-down{box-shadow:inset 0 0 0 1px #ef444414,0 18px 48px #02061747}.node-card.tone-stale{box-shadow:inset 0 0 0 1px #f59e0b14,0 18px 48px #02061747}.card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:22px}.status-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:9px 12px;font-size:.82rem;font-weight:600;white-space:nowrap}.status-pill.tone-healthy{background:#22c55e1f;color:#86efac}.status-pill.tone-down{background:#ef44441f;color:#fca5a5}.status-pill.tone-stale{background:#f59e0b1f;color:#fcd34d}.status-dot{width:10px;height:10px;border-radius:999px;background:currentColor;box-shadow:0 0 12px currentColor}.metrics-grid{display:grid;gap:14px;margin-bottom:18px}.metric{display:grid;gap:8px}.metric-header{display:flex;justify-content:space-between;font-size:.92rem;color:#d8e2ee}.metric-track{width:100%;height:10px;border-radius:999px;background:#687ea433;overflow:hidden}.metric-fill{height:100%;border-radius:inherit;background:var(--bar)}.node-meta{display:grid;gap:12px}@media (max-width: 860px){.hero-panel{grid-template-columns:1fr}}@media (max-width: 560px){.dashboard-shell{width:min(100% - 20px,1200px);padding-top:20px}.hero-panel,.node-card{border-radius:22px;padding:18px}.card-top{flex-direction:column}}