:root{--primary-dark:#0f172a;--primary-surface:#1e293b;--primary-elevated:#334155;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1);--shadow-glow-brand:0 0 20px hsl(var(--brand-primary)/0.3);--shadow-glow-accent:0 0 20px hsl(var(--brand-accent)/0.3);--font-display:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Courier New",monospace;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1)}.dark{--bg-primary:var(--primary-dark);--bg-secondary:var(--primary-surface);--bg-elevated:var(--primary-elevated)}.glow-brand{box-shadow:var(--shadow-glow-brand)}.glow-accent{box-shadow:var(--shadow-glow-accent)}.glass{background:rgba(30,41,59,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.glass-strong{background:rgba(30,41,59,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15)}@keyframes glow{0%{box-shadow:var(--shadow-glow-brand)}50%{box-shadow:0 0 30px hsl(var(--brand-primary)/.5)}to{box-shadow:var(--shadow-glow-brand)}}.animate-glow{animation:glow 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.1) 50%,rgba(255,255,255,0));background-size:1000px 100%;animation:shimmer 2s infinite}.card-premium{background:var(--bg-elevated);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.05);transition:all var(--transition-base)}.card-premium:hover{border-color:hsl(var(--brand-primary)/.3);box-shadow:var(--shadow-glow-brand);transform:translateY(-2px)}.metric-card{position:relative;background:var(--bg-elevated);border-radius:var(--radius-lg);padding:1.5rem;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:hsl(var(--brand-accent))}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary,#f1f5f9)}::-webkit-scrollbar-thumb{background:hsl(var(--brand-primary));border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:hsl(var(--primary-hover))}.test-live-scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color,hsl(var(--brand-primary)));background-color:var(--scrollbar-thumb-color,hsl(var(--brand-primary)));border-radius:var(--radius-full)}.test-live-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-color,hsl(var(--primary-hover)));background-color:var(--scrollbar-thumb-hover-color,hsl(var(--primary-hover)))}.test-live-scrollbar{scrollbar-color:var(--scrollbar-thumb-color,hsl(var(--brand-primary))) var(--bg-secondary,#f1f5f9)}::-moz-selection{background:hsl(var(--brand-primary));color:white}::selection{background:hsl(var(--brand-primary));color:white}:focus-visible{outline:2px solid hsl(var(--focus-ring));outline-offset:2px}.btn-brand{background:hsl(var(--brand-primary));color:white;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-weight:600;transition:all var(--transition-base);cursor:pointer}.btn-brand:hover{background:hsl(var(--primary-hover));box-shadow:var(--shadow-glow-brand);transform:translateY(-1px)}.btn-brand:active{background:hsl(var(--primary-active));transform:translateY(0)}.btn-glass{background:hsl(var(--brand-primary)/.1);border:1px solid hsl(var(--brand-primary)/.3);color:hsl(var(--brand-primary));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-weight:600;transition:all var(--transition-base);cursor:pointer}.btn-glass:hover{background:hsl(var(--brand-primary)/.2);border-color:hsl(var(--brand-primary)/.5)}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.1) 40px,rgba(255,255,255,.05) 80px);background-size:200px 100%;animation:skeleton-loading 1.5s infinite}.tooltip{position:relative}.tooltip:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:.5rem .75rem;background:var(--bg-elevated);color:var(--text-primary);font-size:.875rem;border-radius:var(--radius-md);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-base);margin-bottom:.5rem;box-shadow:var(--shadow-lg)}.tooltip:hover:before{opacity:1}.badge-premium{background:hsl(var(--brand-primary));color:white;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}@keyframes count-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stat-number{animation:count-up .5s ease-out}