:root{--bg-deep: #030408;--bg-panel: rgba(12, 14, 20, .7);--bg-panel-hover: rgba(20, 24, 34, .85);--bg-card-inner: rgba(0, 0, 0, .4);--text-primary: #ffffff;--text-secondary: #a1a5b5;--text-muted: #4b4e5b;--accent-cyan: #00f0ff;--accent-cyan-dim: rgba(0, 240, 255, .15);--accent-cyan-glow: rgba(0, 240, 255, .5);--accent-magenta: #ff003c;--accent-magenta-dim: rgba(255, 0, 60, .15);--accent-amber: #f5a623;--status-hit: #00e676;--status-hit-dim: rgba(0, 230, 118, .12);--status-miss: #ff1744;--status-miss-dim: rgba(255, 23, 68, .12);--status-partial: #ffea00;--status-partial-dim: rgba(255, 234, 0, .12);--border-subtle: rgba(255, 255, 255, .06);--border-glow: rgba(0, 240, 255, .2);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-round: 9999px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-deep);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 0% 0%,rgba(0,240,255,.04) 0%,transparent 60%),radial-gradient(circle at 100% 100%,rgba(255,0,60,.02) 0%,transparent 60%);overflow-x:hidden}.text-mono{font-family:var(--font-mono);letter-spacing:-.02em}.text-gradient{background:linear-gradient(135deg,#ffffff 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.5rem}.text-2xl{font-size:2rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-cyan{color:var(--accent-cyan)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-hit{color:var(--status-hit)}.text-miss{color:var(--status-miss)}.glass-panel{background:var(--bg-panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 12px 40px #00000080;transition:all .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.glass-panel:hover{border-color:var(--border-glow);box-shadow:0 12px 40px #00f0ff0d}.card-inner{background:var(--bg-card-inner);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:1024px){.dashboard-grid{grid-template-columns:1.2fr .8fr}}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.animate-fade-in{animation:fadeIn .6s cubic-bezier(.16,1,.3,1) forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono);box-shadow:0 2px 8px #0003}.badge.hit{color:var(--status-hit);background:var(--status-hit-dim);border:1px solid rgba(0,230,118,.3)}.badge.miss{color:var(--status-miss);background:var(--status-miss-dim);border:1px solid rgba(255,23,68,.3)}.badge.partial{color:var(--status-partial);background:var(--status-partial-dim);border:1px solid rgba(255,234,0,.3)}.badge.pending{color:var(--accent-cyan);background:var(--accent-cyan-dim);border:1px solid rgba(0,240,255,.3)}.progress-bg{width:100%;height:6px;background:var(--bg-card-inner);border-radius:var(--radius-round);overflow:hidden;border:1px solid var(--border-subtle)}.progress-fill{height:100%;background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan-glow);border-radius:var(--radius-round)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}