:root{--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-primary-950:#172554;--color-accent-50:#faf5ff;--color-accent-100:#f3e8ff;--color-accent-200:#e9d5ff;--color-accent-300:#d8b4fe;--color-accent-400:#c084fc;--color-accent-500:#a855f7;--color-accent-600:#9333ea;--color-accent-700:#7c3aed;--color-accent-800:#6b21a8;--color-accent-900:#581c87;--color-gray-50:#fafbfc;--color-gray-100:#f4f6f8;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-gray-950:#030712;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-200:#bbf7d0;--color-success-300:#86efac;--color-success-400:#4ade80;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-700:#15803d;--color-success-800:#166534;--color-success-900:#14532d;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-300:#fcd34d;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-warning-800:#92400e;--color-warning-900:#78350f;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-200:#fecaca;--color-error-300:#fca5a5;--color-error-400:#f87171;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-700:#b91c1c;--color-error-800:#991b1b;--color-error-900:#7f1d1d;--color-bg-primary:#ffffff;--color-bg-secondary:var(--color-gray-50);--color-bg-tertiary:var(--color-gray-100);--color-bg-elevated:#ffffff;--color-bg-overlay:rgba(0,0,0,0.5);--color-bg-backdrop:rgba(248,250,252,0.8);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-tertiary:var(--color-gray-500);--color-text-disabled:var(--color-gray-400);--color-text-inverse:#ffffff;--color-border-primary:var(--color-gray-200);--color-border-secondary:var(--color-gray-300);--color-border-focus:var(--color-primary-500);--color-border-error:var(--color-error-500);--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,0.05);--shadow-primary:0 10px 25px -5px rgba(37,99,235,0.25);--shadow-accent:0 10px 25px -5px rgba(147,51,234,0.25);--shadow-success:0 10px 25px -5px rgba(34,197,94,0.25);--shadow-warning:0 10px 25px -5px rgba(245,158,11,0.25);--shadow-error:0 10px 25px -5px rgba(239,68,68,0.25);--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--spacing-5xl:8rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:1.875rem;--radius-full:9999px;--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.25rem;--font-5xl:3rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--z-base:0;--z-dropdown:10;--z-sticky:20;--z-fixed:30;--z-modal-backdrop:40;--z-modal:50;--z-popover:60;--z-tooltip:70;--z-notification:80;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--transition-slower:500ms ease;--animation-slide-up:slideUp 0.3s ease-out;--animation-slide-down:slideDown 0.3s ease-out;--animation-fade-in:fadeIn 0.2s ease-out;--animation-scale-in:scaleIn 0.2s ease-out;--animation-pulse:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}@media (prefers-color-scheme:dark){:root{--color-bg-primary:var(--color-gray-950);--color-bg-secondary:var(--color-gray-900);--color-bg-tertiary:var(--color-gray-800);--color-bg-elevated:var(--color-gray-800);--color-bg-backdrop:rgba(17,24,39,0.8);--color-text-primary:var(--color-gray-50);--color-text-secondary:var(--color-gray-300);--color-text-tertiary:var(--color-gray-400);--color-text-disabled:var(--color-gray-600);--color-border-primary:var(--color-gray-700);--color-border-secondary:var(--color-gray-600)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.glass-effect{background:rgba(255,255,255,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.gradient-primary{background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-accent-500) 100%)}.gradient-surface{background:linear-gradient(135deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 100%)}.text-gradient{background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-accent-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shadow-glow-primary{box-shadow:0 0 20px rgba(37,99,235,.3)}.shadow-glow-accent{box-shadow:0 0 20px rgba(147,51,234,.3)}