:root{--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-display:"Poppins",system-ui,-apple-system,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--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),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--shadow-glow-green:0 0 20px rgba(34,197,94,0.3);--shadow-glow-emerald:0 0 20px rgba(16,185,129,0.3);--shadow-card-hover:0 8px 30px rgba(0,0,0,0.4);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--transition-spring:300ms cubic-bezier(0.34,1.56,0.64,1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--z-nav:900;--z-player:9000}.dark,:root{--bg-base:#0a0a0f;--bg-surface-1:#0f172a;--bg-surface-2:#1e293b;--bg-surface-3:#334155;--bg-elevated:#1e293b;--bg-overlay:rgba(0,0,0,0.6);--bg-glass:rgba(15,23,42,0.8);--bg-glass-light:rgba(30,41,59,0.6);--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-disabled:#64748b;--border-default:#334155;--border-subtle:rgba(255,255,255,0.06);--border-hover:rgba(255,255,255,0.12);--border-focus:rgba(34,197,94,0.5);--brand-green:#22c55e;--brand-green-hover:#16a34a;--brand-green-active:#15803d;--brand-green-subtle:rgba(34,197,94,0.15);--brand-emerald:#10b981;--brand-gold:#facc15;--brand-purple:#8b5cf6;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--hover-overlay:rgba(255,255,255,0.04);--active-overlay:rgba(255,255,255,0.08);--focus-ring:rgba(34,197,94,0.4)}.light{--bg-base:#faf9f6;--bg-surface-1:#ffffff;--bg-surface-2:#f3f4f6;--bg-surface-3:#e5e7eb;--bg-elevated:#ffffff;--bg-overlay:rgba(0,0,0,0.4);--bg-glass:rgba(255,255,255,0.8);--bg-glass-light:rgba(255,255,255,0.6);--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#6b7280;--text-disabled:#9ca3af;--border-default:#e5e7eb;--border-subtle:rgba(0,0,0,0.06);--border-hover:rgba(0,0,0,0.12);--border-focus:rgba(34,197,94,0.5)}:root{--sidebar-width:240px;--sidebar-width-collapsed:72px;--sidebar-current:0px;--topnav-height:72px;--topnav-height-mobile:64px;--topnav-bg:var(--bg-glass);--topnav-border:var(--border-subtle);--card-bg:var(--bg-surface-2);--card-border:var(--border-subtle);--card-radius:var(--radius-xl);--card-hover-translate:-4px;--card-hover-shadow:var(--shadow-card-hover);--btn-primary-bg:var(--brand-green);--btn-primary-hover:var(--brand-green-hover);--btn-primary-text:#000000;--btn-ghost-hover:var(--hover-overlay);--btn-radius:var(--radius-lg);--input-bg:var(--bg-surface-2);--input-border:var(--border-default);--input-focus-border:var(--brand-green);--input-radius:var(--radius-md);--container-max:1400px;--container-padding:var(--space-lg);--container-padding-mobile:var(--space-md)}.glass{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-light{background:var(--bg-glass-light);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.glow-green{box-shadow:var(--shadow-glow-green)}.glow-emerald{box-shadow:var(--shadow-glow-emerald)}.shine{position:relative;overflow:hidden}.shine:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transform:skewX(-25deg);animation:shine 8s ease-in-out infinite}@keyframes shine{0%,to{left:-100%}50%{left:150%}}.focus-ring:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}