:root{--color-primary:#4f46e5;--color-primary-light:#818cf8;--color-primary-dark:#4338ca;--color-primary-50:#eef2ff;--color-primary-100:#e0e7ff;--color-success:#22c55e;--color-success-light:#86efac;--color-success-dark:#16a34a;--color-warning:#f59e0b;--color-warning-light:#fcd34d;--color-warning-dark:#d97706;--color-error:#ef4444;--color-error-light:#fca5a5;--color-error-dark:#dc2626;--color-info:#3b82f6;--color-info-light:#93c5fd;--color-info-dark:#2563eb;--color-white:#ffffff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--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-black:#000000;--color-background:var(--color-white);--color-background-secondary:var(--color-gray-50);--color-background-tertiary:var(--color-gray-100);--color-surface:var(--color-white);--color-surface-elevated:var(--color-white);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-tertiary:var(--color-gray-400);--color-text-inverse:var(--color-white);--color-border:var(--color-gray-200);--color-border-strong:var(--color-gray-300);--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--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;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--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);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-popover:400;--z-tooltip:500;--z-toast:600}.dark{--color-background:var(--color-gray-900);--color-background-secondary:var(--color-gray-800);--color-background-tertiary:var(--color-gray-700);--color-surface:var(--color-gray-800);--color-surface-elevated:var(--color-gray-700);--color-text-primary:var(--color-gray-100);--color-text-secondary:var(--color-gray-300);--color-text-tertiary:var(--color-gray-500);--color-text-inverse:var(--color-gray-900);--color-border:var(--color-gray-700);--color-border-strong:var(--color-gray-600)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.focus-ring{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-slide-up{animation:slideUp var(--transition-normal) ease-out}.animate-spin{animation:spin 1s linear infinite}