*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0f;--bg-card:#13131a;--bg-card-elevated:#1a1a24;--bg-card-hover:#1f1f2e;--accent-purple:#7c3aed;--accent-purple-light:#a855f7;--accent-blue:#3b82f6;--accent-blue-light:#60a5fa;--accent-gradient:linear-gradient(135deg, #7c3aed, #3b82f6);--status-green:#22c55e;--status-amber:#f59e0b;--status-red:#ef4444;--readiness-push:#22c55e;--readiness-moderate:#f59e0b;--readiness-recover:#ef4444;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#475569;--border-subtle:#ffffff0f;--border-card:#ffffff14;--font-display:"SF Pro Display", system-ui, -apple-system, sans-serif;--font-body:"SF Pro Text", system-ui, -apple-system, sans-serif;--font-mono:"SF Mono", "Menlo", monospace;--radius-card:20px;--radius-pill:999px}html,body,#root{height:100%}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}#root{flex-direction:column;min-height:100%;display:flex}.card{background:var(--bg-card);border-radius:var(--radius-card);border:1px solid var(--border-card);cursor:default;padding:20px;box-shadow:inset 0 1px #ffffff0d}.card-header{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:opacity .15s}.card-header:active{opacity:.65}.card-expandable{grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.4,0,.2,1);display:grid}.card-expandable.open{grid-template-rows:1fr}.card-expandable-inner{overflow:hidden}.card-divider{background:var(--border-subtle);height:1px;margin:16px 0}.chevron-icon{color:var(--text-muted);flex-shrink:0;transition:transform .32s}.chevron-icon.open{transform:rotate(180deg)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-elevated) 50%, var(--bg-card) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s infinite shimmer}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes pulse-slow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.3;transform:scale(.9)}}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:600}.stat-value{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:28px;font-weight:700;line-height:1}.pill{border-radius:var(--radius-pill);align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.progress-bar{background:var(--bg-card-elevated);border-radius:2px;height:4px;overflow:hidden}.progress-bar-fill{border-radius:2px;height:100%;transition:width .6s}.time-range-selector{gap:6px;margin-bottom:20px;display:flex}.time-range-btn{border:1px solid var(--border-card);color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-body);background:0 0;border-radius:8px;flex:1;padding:6px 0;transition:all .15s}.time-range-btn.active{background:var(--accent-gradient);color:#fff;border-color:#0000}.recharts-text{fill:var(--text-muted);font-size:11px;font-family:var(--font-body)}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border-subtle)}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--bg-card-elevated)!important;border:1px solid var(--border-card)!important;color:var(--text-primary)!important;border-radius:12px!important}::-webkit-scrollbar{width:0}