:root{--color-surface-primary: #1e293b;--color-surface-secondary: #334155;--color-surface-tertiary: #475569;--color-surface-accent: rgba(139, 92, 246, .1);--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-text-muted: #64748b;--color-text-on-primary: #ffffff;--color-border-primary: rgba(139, 92, 246, .3);--color-border-secondary: rgba(139, 92, 246, .2);--color-border-subtle: rgba(139, 92, 246, .1);--color-primary-50: #f8f7ff;--color-primary-100: #f0ebff;--color-primary-200: #e0d4ff;--color-primary-300: #c7b6ff;--color-primary-400: #a688ff;--color-primary-500: #8b5cf6;--color-primary-600: #7c3aed;--color-primary-700: #6d28d9;--color-primary-800: #5b21b6;--color-primary-900: #4c1d95;--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-danger-50: #fef2f2;--color-danger-100: #fee2e2;--color-danger-200: #fecaca;--color-danger-300: #fca5a5;--color-danger-400: #f87171;--color-danger-500: #ef4444;--color-danger-600: #dc2626;--color-danger-700: #b91c1c;--color-danger-800: #991b1b;--color-danger-900: #7f1d1d;--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-200: #bfdbfe;--color-info-300: #93c5fd;--color-info-400: #60a5fa;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info-700: #1d4ed8;--color-info-800: #1e40af;--color-info-900: #1e3a8a;--color-neutral-50: #f8fafc;--color-neutral-100: #f1f5f9;--color-neutral-200: #e2e8f0;--color-neutral-300: #cbd5e1;--color-neutral-400: #94a3b8;--color-neutral-500: #64748b;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1e293b;--color-neutral-900: #0f172a;--color-neutral-white: #ffffff;--color-neutral-black: #000000;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--spacing-4xl: 64px;--spacing-5xl: 80px;--spacing-6xl: 96px;--font-fontFamily-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-fontFamily-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-fontSize-xs: 12px;--font-fontSize-sm: 14px;--font-fontSize-base: 16px;--font-fontSize-lg: 18px;--font-fontSize-xl: 20px;--font-fontSize-2xl: 24px;--font-fontSize-3xl: 30px;--font-fontSize-4xl: 36px;--font-fontSize-5xl: 48px;--font-fontWeight-light: 300;--font-fontWeight-normal: 400;--font-fontWeight-medium: 500;--font-fontWeight-semibold: 600;--font-fontWeight-bold: 700;--font-fontWeight-extrabold: 800;--font-lineHeight-tight: 1.25;--font-lineHeight-normal: 1.5;--font-lineHeight-relaxed: 1.75;--border-radius-none: 0;--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-2xl: 24px;--border-radius-full: 9999px;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 4px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6);--shadow-purple: 0 10px 15px -3px rgba(139, 92, 246, .3), 0 4px 6px -4px rgba(139, 92, 246, .2);--shadow-purple-lg: 0 20px 25px -5px rgba(139, 92, 246, .4), 0 8px 10px -6px rgba(139, 92, 246, .3);--transition-duration-fast: .15s;--transition-duration-normal: .25s;--transition-duration-slow: .35s;--transition-timing-ease: cubic-bezier(.4, 0, .2, 1);--transition-timing-ease-in: cubic-bezier(.4, 0, 1, 1);--transition-timing-ease-out: cubic-bezier(0, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--component-button-padding-sm: 4px 8px;--component-button-padding-md: 10px 16px;--component-button-padding-lg: 12px 16px;--component-button-height-sm: 32px;--component-button-height-md: 40px;--component-button-height-lg: 48px;--component-card-padding-sm: 12px;--component-card-padding-md: 16px;--component-card-padding-lg: 24px;--component-card-gap: 16px;--component-input-height-sm: 24px;--component-input-height-md: 36px;--component-input-height-lg: 48px;--component-input-padding-horizontal: 12px;--component-input-padding-vertical: 8px;--animation-duration-fast: .15s;--animation-duration-normal: .3s;--animation-duration-slow: .5s;--animation-easing-ease: ease;--animation-easing-ease-in: ease-in;--animation-easing-ease-out: ease-out;--animation-easing-ease-in-out: ease-in-out;--animation-easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--breakpoint-xs: 320px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}[data-theme=light]{--color-surface-primary: #ffffff;--color-surface-secondary: #f8fafc;--color-surface-tertiary: #f1f5f9;--color-surface-accent: rgba(139, 92, 246, .05);--color-text-primary: #1e293b;--color-text-secondary: #475569;--color-text-tertiary: #64748b;--color-text-muted: #94a3b8;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-purple: 0 10px 15px -3px rgba(139, 92, 246, .1), 0 4px 6px -4px rgba(139, 92, 246, .1);--shadow-purple-lg: 0 20px 25px -5px rgba(139, 92, 246, .25), 0 8px 10px -6px rgba(139, 92, 246, .1);--shadow-dark-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-dark-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-dark-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-dark-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-dark-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6);--shadow-dark-purple: 0 10px 15px -3px rgba(139, 92, 246, .3), 0 4px 6px -4px rgba(139, 92, 246, .2);--shadow-dark-purple-lg: 0 20px 25px -5px rgba(139, 92, 246, .4), 0 8px 10px -6px rgba(139, 92, 246, .3)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #8b5cf64d}50%{box-shadow:0 0 30px #8b5cf699}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite alternate}.animate-slideInUp{animation:slideInUp .6s ease-out forwards}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface-secondary)}::-webkit-scrollbar-thumb{background:var(--color-primary-500);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-600)}.focus-ring{outline:none;box-shadow:0 0 0 2px var(--color-primary-500);border-radius:var(--border-radius-md)}.transition-all{transition:all var(--transition-duration-normal) var(--transition-timing-ease)}.transition-colors{transition:color var(--transition-duration-fast) var(--transition-timing-ease),background-color var(--transition-duration-fast) var(--transition-timing-ease),border-color var(--transition-duration-fast) var(--transition-timing-ease)}.transition-transform{transition:transform var(--transition-duration-normal) var(--transition-timing-ease)}.dark-mode{color-scheme:dark}.light-mode{color-scheme:light}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--color-border-primary: currentColor;--color-border-secondary: currentColor}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important}}