:root{--white: #ffffff;--black: #000000;--gray-50: #fafafa;--gray-100: #f4f4f5;--gray-200: #e4e4e7;--gray-300: #d4d4d8;--gray-400: #a1a1aa;--gray-500: #71717a;--gray-600: #52525b;--gray-700: #3f3f46;--gray-800: #27272a;--gray-900: #18181b;--gray-950: #09090b;--blue-500: #3b82f6;--blue-600: #2563eb;--purple-500: #8b5cf6;--purple-600: #7c3aed;--green-500: #22c55e;--green-600: #16a34a;--amber-500: #f59e0b;--amber-600: #d97706;--red-500: #ef4444;--red-600: #dc2626;--cyan-500: #06b6d4;--gradient-brand: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%);--gradient-brand-subtle: linear-gradient(135deg, rgba(59, 130, 246, .1) 0%, rgba(139, 92, 246, .1) 100%);--gradient-mesh: radial-gradient(at 40% 20%, rgba(59, 130, 246, .15) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(139, 92, 246, .1) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(6, 182, 212, .1) 0px, transparent 50%);--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--leading-none: 1;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--z-base: 0;--z-dropdown: 50;--z-sticky: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400;--z-max: 999;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}:root,[data-theme=light]{--bg-primary: var(--white);--bg-secondary: var(--gray-50);--bg-tertiary: var(--gray-100);--bg-elevated: var(--white);--bg-hover: var(--gray-100);--bg-active: var(--gray-200);--bg-overlay: rgba(0, 0, 0, .5);--text-primary: var(--gray-950);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-400);--text-inverse: var(--white);--border-subtle: var(--gray-100);--border-default: var(--gray-200);--border-strong: var(--gray-300);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--accent: var(--blue-600);--accent-hover: var(--blue-500);--accent-subtle: rgba(59, 130, 246, .1);--success: var(--green-600);--success-subtle: rgba(34, 197, 94, .1);--warning: var(--amber-600);--warning-subtle: rgba(245, 158, 11, .1);--error: var(--red-600);--error-subtle: rgba(239, 68, 68, .1)}[data-theme=dark]{--bg-primary: var(--gray-950);--bg-secondary: var(--gray-900);--bg-tertiary: var(--gray-800);--bg-elevated: var(--gray-900);--bg-hover: var(--gray-800);--bg-active: var(--gray-700);--bg-overlay: rgba(0, 0, 0, .7);--text-primary: var(--gray-50);--text-secondary: var(--gray-400);--text-tertiary: var(--gray-500);--text-inverse: var(--gray-950);--border-subtle: var(--gray-800);--border-default: var(--gray-700);--border-strong: var(--gray-600);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .3);--accent: var(--blue-500);--accent-hover: var(--blue-600);--accent-subtle: rgba(59, 130, 246, .15);--success: var(--green-500);--success-subtle: rgba(34, 197, 94, .15);--warning: var(--amber-500);--warning-subtle: rgba(245, 158, 11, .15);--error: var(--red-500);--error-subtle: rgba(239, 68, 68, .15);--gradient-mesh: radial-gradient(at 40% 20%, rgba(59, 130, 246, .2) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(139, 92, 246, .15) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(6, 182, 212, .1) 0px, transparent 50%)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary: var(--gray-950);--bg-secondary: var(--gray-900);--bg-tertiary: var(--gray-800);--text-primary: var(--gray-50);--text-secondary: var(--gray-400);--border-default: var(--gray-700)}}