:root{--color-primary: #6b46c1;--color-text: #1f2937;--color-background: #f9fafb;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-background);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{min-height:100vh;display:flex;flex-direction:column}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:16px}.gap-6{gap:24px}.grid{display:grid;gap:16px}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mt-6{margin-top:24px}.p-4{padding:16px}.p-6{padding:24px}.text-center{text-align:center}.font-bold{font-weight:700}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.leading-tight{line-height:1.25}.bg-white{background-color:#fff}.rounded{border-radius:.5rem}.border{border:1px solid #e5e7eb}.rounded-lg{border-radius:.75rem}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in .5s ease-out}button{border:none;border-radius:.5rem;font-family:inherit;font-size:inherit;cursor:pointer}button:focus{outline:2px solid var(--color-primary);outline-offset:2px}input,textarea{border:1px solid #d1d5db;border-radius:.5rem;padding:.5rem 1rem}input:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6b46c11a}@media (min-width: 768px){.text-xl{font-size:1.5rem}.text-2xl{font-size:2rem}}.theme-transition-all{transition:all .3s cubic-bezier(.4,0,.2,1)}.min-h-screen{min-height:100vh}:root{--breakpoint-xs: 0;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}.responsive-container{width:100%;margin:0 auto;padding:0 var(--spacing-sm)}@media (min-width: 640px){.responsive-container{max-width:640px;padding:0 var(--spacing-md)}}@media (min-width: 768px){.responsive-container{max-width:768px;padding:0 var(--spacing-lg)}}@media (min-width: 1024px){.responsive-container{max-width:1024px}}@media (min-width: 1280px){.responsive-container{max-width:1280px}}@media (min-width: 1536px){.responsive-container{max-width:1536px}}.responsive-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 640px){.responsive-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.responsive-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.responsive-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.responsive-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.responsive-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.responsive-flex{display:flex;flex-direction:column;gap:var(--spacing-md)}@media (min-width: 768px){.responsive-flex-row{flex-direction:row;align-items:center}}.responsive-spacing{padding:var(--spacing-md)}@media (min-width: 768px){.responsive-spacing{padding:var(--spacing-lg)}}@media (min-width: 1024px){.responsive-spacing{padding:var(--spacing-xl)}}.responsive-text-xs{font-size:var(--text-xs);line-height:var(--leading-tight)}.responsive-text-sm{font-size:var(--text-sm);line-height:var(--leading-normal)}.responsive-text-base{font-size:var(--text-base);line-height:var(--leading-normal)}.responsive-text-lg{font-size:var(--text-lg);line-height:var(--leading-normal)}.responsive-text-xl{font-size:var(--text-xl);line-height:var(--leading-relaxed)}.responsive-text-2xl{font-size:var(--text-2xl);line-height:var(--leading-relaxed)}.responsive-text-3xl{font-size:var(--text-3xl);line-height:var(--leading-relaxed)}@media (min-width: 768px){.responsive-text-lg{font-size:var(--text-xl)}.responsive-text-xl{font-size:var(--text-2xl)}.responsive-text-2xl{font-size:var(--text-3xl)}.responsive-text-3xl{font-size:var(--text-4xl)}}.responsive-mb{margin-bottom:var(--spacing-md)}@media (min-width: 768px){.responsive-mb{margin-bottom:var(--spacing-lg)}}.responsive-mt{margin-top:var(--spacing-md)}@media (min-width: 768px){.responsive-mt{margin-top:var(--spacing-lg)}}.responsive-rounded{border-radius:var(--radius-md)}@media (min-width: 768px){.responsive-rounded{border-radius:var(--radius-lg)}}.responsive-shadow{box-shadow:var(--shadow-sm)}@media (min-width: 768px){.responsive-shadow{box-shadow:var(--shadow-md)}}@media (min-width: 1024px){.responsive-shadow{box-shadow:var(--shadow-lg)}}.responsive-button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-sm);border-radius:var(--radius-md);width:100%}@media (min-width: 768px){.responsive-button{width:auto;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-base)}}.responsive-card{padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}@media (min-width: 768px){.responsive-card{padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}}.responsive-nav{flex-direction:column;gap:var(--spacing-sm)}@media (min-width: 768px){.responsive-nav{flex-direction:row;gap:var(--spacing-md)}}.responsive-form{display:flex;flex-direction:column;gap:var(--spacing-md)}@media (min-width: 768px){.responsive-form{flex-direction:row;align-items:center;gap:var(--spacing-lg)}}.responsive-input{width:100%;padding:var(--spacing-sm);font-size:var(--text-sm)}@media (min-width: 768px){.responsive-input{width:auto;min-width:300px;padding:var(--spacing-md);font-size:var(--text-base)}}.responsive-sidebar{width:100%;margin-bottom:var(--spacing-md)}@media (min-width: 1024px){.responsive-sidebar{width:250px;margin-bottom:0;margin-right:var(--spacing-lg)}}.responsive-main{width:100%}@media (min-width: 1024px){.responsive-main{flex:1}}.responsive-img{max-width:100%;height:auto;border-radius:var(--radius-md)}.responsive-video{width:100%;height:auto;aspect-ratio:16/9;border-radius:var(--radius-md)}.responsive-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.responsive-table table{width:100%;min-width:600px}.responsive-modal{width:90%;max-width:500px;margin:var(--spacing-lg) auto}@media (min-width: 768px){.responsive-modal{width:80%;max-width:600px}}@media (min-width: 1024px){.responsive-modal{width:70%;max-width:800px}}.responsive-tooltip{position:relative}.responsive-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}@media (min-width: 768px){.responsive-tooltip:hover:after{opacity:1}}.responsive-loader{width:40px;height:40px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@media (min-width: 768px){.responsive-loader{width:50px;height:50px;border-width:4px}}.responsive-pagination{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media (min-width: 768px){.responsive-pagination{flex-direction:row;justify-content:center;gap:var(--spacing-xs)}}.responsive-tabs{display:flex;flex-direction:column;gap:var(--spacing-md)}@media (min-width: 768px){.responsive-tabs{flex-direction:row;gap:var(--spacing-sm)}}.responsive-breadcrumb{display:flex;flex-direction:column;gap:var(--spacing-xs)}@media (min-width: 768px){.responsive-breadcrumb{flex-direction:row;gap:var(--spacing-sm)}}.responsive-alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}@media (min-width: 768px){.responsive-alert{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}}.responsive-progress{width:100%;height:8px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}@media (min-width: 768px){.responsive-progress{height:12px}}.responsive-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}@media (min-width: 768px){.responsive-badge{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-sm)}}.responsive-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}@media (min-width: 768px){.responsive-avatar{width:50px;height:50px}}.responsive-icon{width:20px;height:20px}@media (min-width: 768px){.responsive-icon{width:24px;height:24px}}.responsive-divider{height:1px;background:var(--color-border);margin:var(--spacing-md) 0}@media (min-width: 768px){.responsive-divider{margin:var(--spacing-lg) 0}}.responsive-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media (min-width: 768px){.responsive-list{gap:var(--spacing-md)}}.responsive-code{padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-background);border:1px solid var(--color-border);overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm)}@media (min-width: 768px){.responsive-code{padding:var(--spacing-lg);font-size:var(--text-base)}}.responsive-quote{padding:var(--spacing-md);border-left:4px solid var(--color-primary);background:var(--color-background);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:var(--spacing-md) 0}@media (min-width: 768px){.responsive-quote{padding:var(--spacing-lg);margin:var(--spacing-lg) 0}}.responsive-timeline{position:relative;padding-left:var(--spacing-lg)}.responsive-timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--color-border)}@media (min-width: 768px){.responsive-timeline{padding-left:var(--spacing-xl)}.responsive-timeline:before{width:3px}}.responsive-stat-card{padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);text-align:center}@media (min-width: 768px){.responsive-stat-card{padding:var(--spacing-lg)}}.responsive-user-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border)}@media (min-width: 768px){.responsive-user-card{flex-direction:row;align-items:flex-start;gap:var(--spacing-lg)}}.responsive-product-card{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border)}@media (min-width: 768px){.responsive-product-card{flex-direction:row;gap:var(--spacing-lg)}}.responsive-article-card{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border)}@media (min-width: 768px){.responsive-article-card{flex-direction:row;gap:var(--spacing-lg)}}.responsive-menu{display:none}@media (min-width: 768px){.responsive-menu{display:flex}}.responsive-menu-button{display:block}@media (min-width: 768px){.responsive-menu-button{display:none}}.responsive-search{position:relative;width:100%}@media (min-width: 768px){.responsive-search{width:300px}}@media (min-width: 1024px){.responsive-search{width:400px}}.responsive-user-menu{position:absolute;top:100%;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;z-index:1000}.responsive-dropdown{position:absolute;top:100%;left:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;z-index:1000}.responsive-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1000;max-width:90%;max-height:90vh;overflow-y:auto}@media (min-width: 768px){.responsive-popup{max-width:80%;max-height:80vh}}@media (min-width: 1024px){.responsive-popup{max-width:70%;max-height:70vh}}.responsive-overlay{position:fixed;inset:0;background:#00000080;z-index:999}.responsive-drawer{position:fixed;top:0;left:-100%;width:80%;height:100%;background:var(--color-surface);border-right:1px solid var(--color-border);z-index:1001;transition:left var(--transition-normal)}.responsive-drawer.open{left:0}@media (min-width: 768px){.responsive-drawer{width:300px}}.responsive-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);z-index:1000;display:flex;justify-content:space-around;padding:var(--spacing-sm)}@media (min-width: 768px){.responsive-bottom-nav{display:none}}.responsive-header{position:fixed;top:0;left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:1000;padding:var(--spacing-sm)}@media (min-width: 768px){.responsive-header{padding:var(--spacing-md)}}.responsive-scrollbar::-webkit-scrollbar{width:6px;height:6px}.responsive-scrollbar::-webkit-scrollbar-track{background:var(--color-border-light);border-radius:var(--radius-full)}.responsive-scrollbar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full);transition:background var(--transition-fast)}.responsive-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-divider)}@media (prefers-reduced-motion: reduce){.responsive-animate{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.responsive-focus:focus{outline:3px solid var(--color-primary);outline-offset:2px}}@media (hover: none){.responsive-touch:hover{transform:none}.responsive-touch:active{transform:scale(.95)}}@media print{.responsive-no-print{display:none!important}.responsive-print-break-before{page-break-before:always}.responsive-print-break-after{page-break-after:always}.responsive-print-break-inside{page-break-inside:avoid}}@media (prefers-color-scheme: dark){.responsive-dark-adaptive{background:var(--color-surface);border-color:var(--color-border)}.responsive-dark-adaptive-text{color:var(--color-text-primary)}}@media (prefers-contrast: high){.responsive-high-contrast{border:2px solid var(--color-text-primary)}.responsive-high-contrast-text{color:var(--color-text-primary);font-weight:600}}@media (min-width: 768px){.responsive-text-adjust{font-size:calc(var(--text-base) * 1.1)}}@media (min-width: 1024px){.responsive-text-adjust{font-size:calc(var(--text-base) * 1.2)}}@media (min-width: 768px){.responsive-spacing-adjust{gap:calc(var(--spacing-md) * 1.2)}}@media (min-width: 1024px){.responsive-spacing-adjust{gap:calc(var(--spacing-md) * 1.5)}}.responsive-debug:before{content:attr(data-size);position:fixed;top:10px;right:10px;background:#000c;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);z-index:9999}@media (max-width: 639px){.responsive-debug[data-size]:before{content:"XS"}}@media (min-width: 640px) and (max-width: 767px){.responsive-debug[data-size]:before{content:"SM"}}@media (min-width: 768px) and (max-width: 1023px){.responsive-debug[data-size]:before{content:"MD"}}@media (min-width: 1024px) and (max-width: 1279px){.responsive-debug[data-size]:before{content:"LG"}}@media (min-width: 1280px) and (max-width: 1535px){.responsive-debug[data-size]:before{content:"XL"}}@media (min-width: 1536px){.responsive-debug[data-size]:before{content:"2XL"}}:root{--color-primary: #6b46c1;--color-primary-dark: #553c9a;--color-primary-light: #7c3aed;--color-primary-50: #f3e8ff;--color-primary-100: #e9d8fd;--color-primary-200: #d8b4fe;--color-primary-300: #c084fc;--color-primary-400: #a855f7;--color-primary-500: #9333ea;--color-primary-600: #7c3aed;--color-primary-700: #6b46c1;--color-primary-800: #553c9a;--color-primary-900: #4c1d95;--color-secondary: #e9d8fd;--color-accent: #f6ad55;--color-accent-dark: #ed8936;--color-accent-50: #fff7ed;--color-accent-100: #fed7aa;--color-accent-200: #fdba74;--color-accent-300: #fb923c;--color-accent-400: #f97316;--color-accent-500: #ea580c;--color-accent-600: #dc2626;--color-accent-700: #b91c1c;--color-accent-800: #991b1b;--color-accent-900: #7f1d1d;--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-background: #f9fafb;--color-surface: #ffffff;--color-surface-hover: #f3f4f6;--color-text-primary: #1f2937;--color-text-secondary: #4b5563;--color-text-muted: #6b7280;--color-text-inverse: #ffffff;--color-text-link: #6b46c1;--color-text-link-hover: #553c9a;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-border-dark: #d1d5db;--color-divider: #e5e7eb;--color-success: #10b981;--color-success-light: #d1fae5;--color-success-dark: #059669;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #d97706;--color-error: #ef4444;--color-error-light: #fee2e2;--color-error-dark: #dc2626;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-info-dark: #2563eb;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--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);--theme-transition: all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--color-primary: #8b5cf6;--color-primary-dark: #7c3aed;--color-primary-light: #a78bfa;--color-background: #0f172a;--color-surface: #1e293b;--color-surface-hover: #334155;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-text-link: #8b5cf6;--color-text-link-hover: #a78bfa;--color-border: #334155;--color-border-light: #1e293b;--color-border-dark: #475569;--color-divider: #334155;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-success: #34d399;--color-success-light: #064e3b;--color-success-dark: #10b981;--color-warning: #fbbf24;--color-warning-light: #78350f;--color-warning-dark: #f59e0b;--color-error: #f87171;--color-error-light: #7f1d1d;--color-error-dark: #ef4444;--color-info: #60a5fa;--color-info-light: #1e3a8a;--color-info-dark: #3b82f6;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6)}@media (prefers-color-scheme: dark){:root:not([data-theme]){--color-primary: #8b5cf6;--color-primary-dark: #7c3aed;--color-primary-light: #a78bfa;--color-background: #0f172a;--color-surface: #1e293b;--color-surface-hover: #334155;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-text-link: #8b5cf6;--color-text-link-hover: #a78bfa;--color-border: #334155;--color-border-light: #1e293b;--color-border-dark: #475569;--color-divider: #334155;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-success: #34d399;--color-success-light: #064e3b;--color-success-dark: #10b981;--color-warning: #fbbf24;--color-warning-light: #78350f;--color-warning-dark: #f59e0b;--color-error: #f87171;--color-error-light: #7f1d1d;--color-error-dark: #ef4444;--color-info: #60a5fa;--color-info-light: #1e3a8a;--color-info-dark: #3b82f6;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6)}}.theme-transition{transition:var(--theme-transition)}.theme-transition-fast{transition:all .15s cubic-bezier(.4,0,.2,1)}.theme-transition-slow{transition:all .5s cubic-bezier(.4,0,.2,1)}.theme-toggle{position:relative;width:60px;height:30px;background:var(--color-border);border-radius:15px;cursor:pointer;transition:var(--theme-transition);border:2px solid var(--color-border)}.theme-toggle:hover{background:var(--color-border-dark)}.theme-toggle-slider{position:absolute;top:2px;left:2px;width:22px;height:22px;background:var(--color-text-primary);border-radius:50%;transition:var(--theme-transition);display:flex;align-items:center;justify-content:center}[data-theme=dark] .theme-toggle-slider{transform:translate(30px)}.theme-toggle-icon{width:14px;height:14px;transition:var(--theme-transition)}.theme-toggle .sun-icon{opacity:1}.theme-toggle .moon-icon,[data-theme=dark] .theme-toggle .sun-icon{opacity:0}[data-theme=dark] .theme-toggle .moon-icon{opacity:1}.theme-selector{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.theme-option{width:40px;height:40px;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:var(--theme-transition);position:relative;overflow:hidden}.theme-option:hover{transform:scale(1.05)}.theme-option.active{border-color:var(--color-primary);box-shadow:0 0 0 3px #6b46c133}.theme-option.light{background:linear-gradient(135deg,#f9fafb,#fff)}.theme-option.dark{background:linear-gradient(135deg,#0f172a,#1e293b)}.theme-option.system{background:linear-gradient(135deg,#f9fafb,#fff 50%,#0f172a 50%,#1e293b)}.theme-option:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:var(--color-primary);border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:var(--theme-transition)}.theme-option.active:after{transform:translate(-50%,-50%) scale(1)}.bg-primary{background-color:var(--color-primary)}.bg-primary-light{background-color:var(--color-primary-light)}.bg-primary-dark{background-color:var(--color-primary-dark)}.bg-secondary{background-color:var(--color-secondary)}.bg-accent{background-color:var(--color-accent)}.bg-accent-dark{background-color:var(--color-accent-dark)}.bg-background{background-color:var(--color-background)}.bg-surface{background-color:var(--color-surface)}.bg-surface-hover{background-color:var(--color-surface-hover)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.bg-info{background-color:var(--color-info)}.text-primary{color:var(--color-primary)}.text-primary-light{color:var(--color-primary-light)}.text-primary-dark{color:var(--color-primary-dark)}.text-secondary{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.text-accent-dark{color:var(--color-accent-dark)}.text-background{color:var(--color-background)}.text-surface{color:var(--color-surface)}.text-surface-hover{color:var(--color-surface-hover)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.border-primary{border-color:var(--color-primary)}.border-primary-light{border-color:var(--color-primary-light)}.border-primary-dark{border-color:var(--color-primary-dark)}.border-secondary{border-color:var(--color-secondary)}.border-accent{border-color:var(--color-accent)}.border-accent-dark{border-color:var(--color-accent-dark)}.border-background{border-color:var(--color-background)}.border-surface{border-color:var(--color-surface)}.border-surface-hover{border-color:var(--color-surface-hover)}.border-success{border-color:var(--color-success)}.border-warning{border-color:var(--color-warning)}.border-error{border-color:var(--color-error)}.border-info{border-color:var(--color-info)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.theme-transition-all{transition:var(--theme-transition)}.theme-transition-background{transition:background-color var(--theme-transition)}.theme-transition-color{transition:color var(--theme-transition)}.theme-transition-border{transition:border-color var(--theme-transition)}.theme-transition-shadow{transition:box-shadow var(--theme-transition)}@keyframes themeSwitch{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.theme-switch-animation{animation:themeSwitch .6s ease-in-out}.gradient-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)}.gradient-accent{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%)}.gradient-success{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%)}.gradient-warning{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-dark) 100%)}.gradient-error{background:linear-gradient(135deg,var(--color-error) 0%,var(--color-error-dark) 100%)}.gradient-info{background:linear-gradient(135deg,var(--color-info) 0%,var(--color-info-dark) 100%)}.pattern-dots{background-image:radial-gradient(circle,var(--color-border) 1px,transparent 1px);background-size:20px 20px}.pattern-grid{background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px);background-size:20px 20px}.pattern-diagonal{background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,var(--color-border) 10px,var(--color-border) 20px)}.filter-invert{filter:invert(1)}.filter-grayscale{filter:grayscale(1)}.filter-sepia{filter:sepia(1)}.filter-hue-rotate{filter:hue-rotate(180deg)}.mix-blend-multiply{mix-blend-mode:multiply}.mix-blend-screen{mix-blend-mode:screen}.mix-blend-overlay{mix-blend-mode:overlay}.mix-blend-soft-light{mix-blend-mode:soft-light}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.blur-sm{filter:blur(4px)}.blur-md{filter:blur(8px)}.blur-lg{filter:blur(16px)}.blur-xl{filter:blur(24px)}.brightness-50{filter:brightness(.5)}.brightness-75{filter:brightness(.75)}.brightness-100{filter:brightness(1)}.brightness-125{filter:brightness(1.25)}.brightness-150{filter:brightness(1.5)}.contrast-50{filter:contrast(.5)}.contrast-75{filter:contrast(.75)}.contrast-100{filter:contrast(1)}.contrast-125{filter:contrast(1.25)}.contrast-150{filter:contrast(1.5)}.saturate-50{filter:saturate(.5)}.saturate-75{filter:saturate(.75)}.saturate-100{filter:saturate(1)}.saturate-125{filter:saturate(1.25)}.saturate-150{filter:saturate(1.5)}.hue-rotate-90{filter:hue-rotate(90deg)}.hue-rotate-180{filter:hue-rotate(180deg)}.hue-rotate-270{filter:hue-rotate(270deg)}.invert{filter:invert(1)}.backdrop-blur-sm{backdrop-filter:blur(4px)}.backdrop-blur-md{backdrop-filter:blur(8px)}.backdrop-blur-lg{backdrop-filter:blur(16px)}.backdrop-blur-xl{backdrop-filter:blur(24px)}.backdrop-filter-sm{backdrop-filter:blur(4px)}.backdrop-filter-md{backdrop-filter:blur(8px)}.backdrop-filter-lg{backdrop-filter:blur(16px)}.backdrop-filter-xl{backdrop-filter:blur(24px)}.backdrop-brightness-50{backdrop-filter:brightness(.5)}.backdrop-brightness-75{backdrop-filter:brightness(.75)}.backdrop-brightness-100{backdrop-filter:brightness(1)}.backdrop-brightness-125{backdrop-filter:brightness(1.25)}.backdrop-brightness-150{backdrop-filter:brightness(1.5)}.backdrop-contrast-50{backdrop-filter:contrast(.5)}.backdrop-contrast-75{backdrop-filter:contrast(.75)}.backdrop-contrast-100{backdrop-filter:contrast(1)}.backdrop-contrast-125{backdrop-filter:contrast(1.25)}.backdrop-contrast-150{backdrop-filter:contrast(1.5)}.backdrop-saturate-50{backdrop-filter:saturate(.5)}.backdrop-saturate-75{backdrop-filter:saturate(.75)}.backdrop-saturate-100{backdrop-filter:saturate(1)}.backdrop-saturate-125{backdrop-filter:saturate(1.25)}.backdrop-saturate-150{backdrop-filter:saturate(1.5)}.backdrop-hue-rotate-90{backdrop-filter:hue-rotate(90deg)}.backdrop-hue-rotate-180{backdrop-filter:hue-rotate(180deg)}.backdrop-hue-rotate-270{backdrop-filter:hue-rotate(270deg)}.backdrop-invert{backdrop-filter:invert(1)}.backdrop-opacity-10{backdrop-filter:opacity(.1)}.backdrop-opacity-20{backdrop-filter:opacity(.2)}.backdrop-opacity-30{backdrop-filter:opacity(.3)}.backdrop-opacity-40{backdrop-filter:opacity(.4)}.backdrop-opacity-50{backdrop-filter:opacity(.5)}.backdrop-opacity-60{backdrop-filter:opacity(.6)}.backdrop-opacity-70{backdrop-filter:opacity(.7)}.backdrop-opacity-80{backdrop-filter:opacity(.8)}.backdrop-opacity-90{backdrop-filter:opacity(.9)}.filter-glass{backdrop-filter:blur(8px) brightness(1.1) contrast(1.1);background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.filter-glass-dark{backdrop-filter:blur(8px) brightness(.9) contrast(1.1);background:#0000001a;border:1px solid rgba(255,255,255,.1)}.theme-animate-once{animation:themeSwitch .6s ease-in-out 1}.theme-animate-infinite{animation:themeSwitch 2s ease-in-out infinite}.theme-animate-alternate{animation:themeSwitch 1s ease-in-out infinite alternate}.theme-hover:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.theme-active:active{transform:scale(.95)}.theme-focus:focus{outline:2px solid var(--color-primary);outline-offset:2px}.theme-disabled:disabled{opacity:.5;cursor:not-allowed}.theme-loader{width:40px;height:40px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.theme-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.theme-breathe{animation:breathe 3s ease-in-out infinite}.theme-flicker{animation:flicker 1.5s ease-in-out infinite}@keyframes flicker{0%,to{opacity:1}50%{opacity:.7}}.theme-swing{animation:swing 1s ease-in-out infinite alternate}@keyframes swing{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}.theme-bounce{animation:bounce 1s ease-in-out infinite}.theme-rotate{animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.theme-flip{animation:flip 1s ease-in-out infinite}@keyframes flip{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.theme-scale{animation:scale 1s ease-in-out infinite alternate}@keyframes scale{0%{transform:scale(1)}to{transform:scale(1.1)}}.theme-skew{animation:skew 1s ease-in-out infinite alternate}@keyframes skew{0%{transform:skew(0)}to{transform:skew(10deg)}}.theme-translate{animation:translate 1s ease-in-out infinite alternate}@keyframes translate{0%{transform:translate(0)}to{transform:translate(10px)}}.theme-combo{animation:combo 2s ease-in-out infinite}@keyframes combo{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(90deg)}50%{transform:scale(1) rotate(180deg)}75%{transform:scale(.9) rotate(270deg)}to{transform:scale(1) rotate(360deg)}}.theme-elastic{animation:elastic 1s ease-in-out infinite}@keyframes elastic{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.theme-spring{animation:spring 1s ease-in-out infinite}@keyframes spring{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.theme-wave{animation:wave 2s ease-in-out infinite}@keyframes wave{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(10px) translateY(-5px)}50%{transform:translate(0) translateY(-10px)}75%{transform:translate(-10px) translateY(-5px)}}.theme-heartbeat{animation:heartbeat 1.5s ease-in-out infinite}.theme-flash{animation:flash 1s ease-in-out infinite}@keyframes flash{0%,to{opacity:1}50%{opacity:.3}}.theme-fade{animation:fade 1s ease-in-out infinite}@keyframes fade{0%,to{opacity:1}50%{opacity:.5}}.theme-slide-in{animation:slideIn .5s ease-out}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.theme-slide-out{animation:slideOut .5s ease-out}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.theme-fade-in{animation:fadeIn .5s ease-out}.theme-fade-out{animation:fadeOut .5s ease-out}.theme-zoom-in{animation:zoomIn .5s ease-out}@keyframes zoomIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.theme-zoom-out{animation:zoomOut .5s ease-out}@keyframes zoomOut{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.theme-rotate-in{animation:rotateIn .5s ease-out}@keyframes rotateIn{0%{transform:rotate(-180deg);opacity:0}to{transform:rotate(0);opacity:1}}.theme-rotate-out{animation:rotateOut .5s ease-out}@keyframes rotateOut{0%{transform:rotate(0);opacity:1}to{transform:rotate(180deg);opacity:0}}.theme-flip-in{animation:flipIn .5s ease-out}@keyframes flipIn{0%{transform:perspective(400px) rotateY(90deg);opacity:0}to{transform:perspective(400px) rotateY(0);opacity:1}}.theme-flip-out{animation:flipOut .5s ease-out}@keyframes flipOut{0%{transform:perspective(400px) rotateY(0);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.theme-bounce-in{animation:bounceIn .5s ease-out}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.theme-bounce-out{animation:bounceOut .5s ease-out}@keyframes bounceOut{0%{transform:scale(1);opacity:1}25%{transform:scale(.95)}50%{transform:scale(1.1)}to{transform:scale(.3);opacity:0}}.theme-elastic-in{animation:elasticIn .5s ease-out}@keyframes elasticIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}.theme-elastic-out{animation:elasticOut .5s ease-out}@keyframes elasticOut{0%{transform:scale(1);opacity:1}40%{transform:scale(.8);opacity:.8}to{transform:scale(0);opacity:0}}:root{--animation-duration-fast: .15s;--animation-duration-normal: .3s;--animation-duration-slow: .5s;--animation-duration-extra-slow: .8s;--animation-timing-linear: linear;--animation-timing-ease: ease;--animation-timing-ease-in: ease-in;--animation-timing-ease-out: ease-out;--animation-timing-ease-in-out: ease-in-out;--animation-timing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--animation-timing-elastic: cubic-bezier(.68, -.25, .265, 1.25);--animation-timing-smooth: cubic-bezier(.4, 0, .2, 1)}.animate-duration-fast{animation-duration:var(--animation-duration-fast)}.animate-duration-normal{animation-duration:var(--animation-duration-normal)}.animate-duration-slow{animation-duration:var(--animation-duration-slow)}.animate-duration-extra-slow{animation-duration:var(--animation-duration-extra-slow)}.animate-timing-linear{animation-timing-function:var(--animation-timing-linear)}.animate-timing-ease{animation-timing-function:var(--animation-timing-ease)}.animate-timing-ease-in{animation-timing-function:var(--animation-timing-ease-in)}.animate-timing-ease-out{animation-timing-function:var(--animation-timing-ease-out)}.animate-timing-ease-in-out{animation-timing-function:var(--animation-timing-ease-in-out)}.animate-timing-bounce{animation-timing-function:var(--animation-timing-bounce)}.animate-timing-elastic{animation-timing-function:var(--animation-timing-elastic)}.animate-timing-smooth{animation-timing-function:var(--animation-timing-smooth)}.animate-fill-forwards{animation-fill-mode:forwards}.animate-fill-backwards{animation-fill-mode:backwards}.animate-fill-both{animation-fill-mode:both}.animate-infinite{animation-iteration-count:infinite}.animate-alternate{animation-direction:alternate}.animate-reverse{animation-direction:reverse}.animate-alternate-reverse{animation-direction:alternate-reverse}.animate-paused{animation-play-state:paused}.animate-running{animation-play-state:running}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}.animate-delay-1000{animation-delay:1s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes zoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg)}to{opacity:1;transform:rotate(0)}}@keyframes rotateOut{0%{opacity:1;transform:rotate(0)}to{opacity:0;transform:rotate(180deg)}}@keyframes flipInX{0%{opacity:0;transform:perspective(400px) rotateX(90deg)}to{opacity:1;transform:perspective(400px) rotateX(0)}}@keyframes flipOutX{0%{opacity:1;transform:perspective(400px) rotateX(0)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}@keyframes flipInY{0%{opacity:0;transform:perspective(400px) rotateY(90deg)}to{opacity:1;transform:perspective(400px) rotateY(0)}}@keyframes flipOutY{0%{opacity:1;transform:perspective(400px) rotateY(0)}to{opacity:0;transform:perspective(400px) rotateY(90deg)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(.3)}}@keyframes elasticIn{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}@keyframes elasticOut{0%{opacity:1;transform:scale(1)}40%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes swing{0%,to{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes wobble{0%{transform:translate(0)}15%{transform:translate(-25%) rotate(-5deg)}30%{transform:translate(20%) rotate(3deg)}45%{transform:translate(-15%) rotate(-3deg)}60%{transform:translate(10%) rotate(2deg)}75%{transform:translate(-5%) rotate(-1deg)}to{transform:translate(0)}}@keyframes jello{0%,to{transform:skew(0)}25%{transform:skew(-12.5deg)}75%{transform:skew(12.5deg)}}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@keyframes flash{0%,to{opacity:1}50%{opacity:0}}@keyframes rubberBand{0%{transform:scale(1)}30%{transform:scaleX(1.25) scaleY(.75)}40%{transform:scaleX(.75) scaleY(1.25)}60%{transform:scaleX(1.15) scaleY(.85)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse-grow{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse-shrink{0%,to{transform:scale(1)}50%{transform:scale(.95)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #6b46c180}50%{box-shadow:0 0 20px #6b46c1cc}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes glitch-2{0%,to{text-shadow:.05em 0 0 rgba(255,0,0,.75),-.05em -.025em 0 rgba(0,255,0,.75),.025em .05em 0 rgba(0,0,255,.75)}14%{text-shadow:.05em 0 0 rgba(255,0,0,.75),-.05em -.025em 0 rgba(0,255,0,.75),.025em .05em 0 rgba(0,0,255,.75)}15%{text-shadow:-.05em -.025em 0 rgba(255,0,0,.75),.025em .025em 0 rgba(0,255,0,.75),-.05em -.05em 0 rgba(0,0,255,.75)}49%{text-shadow:-.05em -.025em 0 rgba(255,0,0,.75),.025em .025em 0 rgba(0,255,0,.75),-.05em -.05em 0 rgba(0,0,255,.75)}50%{text-shadow:.025em .05em 0 rgba(255,0,0,.75),.05em 0 0 rgba(0,255,0,.75),0 -.05em 0 rgba(0,0,255,.75)}99%{text-shadow:.025em .05em 0 rgba(255,0,0,.75),.05em 0 0 rgba(0,255,0,.75),0 -.05em 0 rgba(0,0,255,.75)}}@keyframes rainbow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes neon{0%,to{text-shadow:0 0 10px rgba(107,70,193,.8),0 0 20px rgba(107,70,193,.6),0 0 30px rgba(107,70,193,.4),0 0 40px rgba(107,70,193,.2)}50%{text-shadow:0 0 20px rgba(107,70,193,1),0 0 30px rgba(107,70,193,.8),0 0 40px rgba(107,70,193,.6),0 0 50px rgba(107,70,193,.4)}}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.animate-fade-in{animation-name:fadeIn}.animate-fade-out{animation-name:fadeOut}.animate-slide-in-up{animation-name:slideInUp}.animate-slide-in-down{animation-name:slideInDown}.animate-slide-in-left{animation-name:slideInLeft}.animate-slide-in-right{animation-name:slideInRight}.animate-slide-out-up{animation-name:slideOutUp}.animate-slide-out-down{animation-name:slideOutDown}.animate-slide-out-left{animation-name:slideOutLeft}.animate-slide-out-right{animation-name:slideOutRight}.animate-zoom-in{animation-name:zoomIn}.animate-zoom-out{animation-name:zoomOut}.animate-rotate-in{animation-name:rotateIn}.animate-rotate-out{animation-name:rotateOut}.animate-flip-in-x{animation-name:flipInX}.animate-flip-out-x{animation-name:flipOutX}.animate-flip-in-y{animation-name:flipInY}.animate-flip-out-y{animation-name:flipOutY}.animate-bounce-in{animation-name:bounceIn}.animate-bounce-out{animation-name:bounceOut}.animate-elastic-in{animation-name:elasticIn}.animate-elastic-out{animation-name:elasticOut}.animate-pulse{animation-name:pulse}.animate-bounce{animation-name:bounce}.animate-shake{animation-name:shake}.animate-swing{animation-name:swing}.animate-tada{animation-name:tada}.animate-wobble{animation-name:wobble}.animate-jello{animation-name:jello}.animate-heart-beat{animation-name:heartBeat}.animate-flash{animation-name:flash}.animate-rubber-band{animation-name:rubberBand}.animate-spin{animation-name:spin}.animate-ping{animation-name:ping}.animate-pulse-grow{animation-name:pulse-grow}.animate-pulse-shrink{animation-name:pulse-shrink}.animate-breathe{animation-name:breathe}.animate-float{animation-name:float}.animate-glow{animation-name:glow}.animate-gradient-shift{animation-name:gradient-shift}.animate-typewriter{animation-name:typewriter}.animate-blink{animation-name:blink}.animate-glitch{animation-name:glitch}.animate-glitch-2{animation-name:glitch-2}.animate-rainbow{animation-name:rainbow}.animate-neon{animation-name:neon}.animate-wave{animation-name:wave}.animate-fade-in-up{animation-name:fadeIn,slideInUp;animation-duration:var(--animation-duration-normal),var(--animation-duration-normal);animation-timing-function:var(--animation-timing-ease-out),var(--animation-timing-ease-out)}.animate-fade-in-down{animation-name:fadeIn,slideInDown;animation-duration:var(--animation-duration-normal),var(--animation-duration-normal);animation-timing-function:var(--animation-timing-ease-out),var(--animation-timing-ease-out)}.animate-fade-in-left{animation-name:fadeIn,slideInLeft;animation-duration:var(--animation-duration-normal),var(--animation-duration-normal);animation-timing-function:var(--animation-timing-ease-out),var(--animation-timing-ease-out)}.animate-fade-in-right{animation-name:fadeIn,slideInRight;animation-duration:var(--animation-duration-normal),var(--animation-duration-normal);animation-timing-function:var(--animation-timing-ease-out),var(--animation-timing-ease-out)}.animate-zoom-in-rotate{animation-name:zoomIn,rotateIn;animation-duration:var(--animation-duration-normal),var(--animation-duration-normal);animation-timing-function:var(--animation-timing-ease-out),var(--animation-timing-ease-out)}.animate-bounce-in-zoom{animation-name:bounceIn,zoomIn;animation-duration:var(--animation-duration-normal),var(--animation-duration-normal);animation-timing-function:var(--animation-timing-bounce),var(--animation-timing-ease-out)}.page-transition-enter{animation:slideInRight var(--animation-duration-normal) var(--animation-timing-ease-out)}.page-transition-exit{animation:slideOutLeft var(--animation-duration-normal) var(--animation-timing-ease-in)}.page-transition-enter-active{animation:slideInRight var(--animation-duration-normal) var(--animation-timing-ease-out)}.page-transition-exit-active{animation:slideOutLeft var(--animation-duration-normal) var(--animation-timing-ease-in)}.modal-enter{animation:zoomIn var(--animation-duration-normal) var(--animation-timing-ease-out)}.modal-exit{animation:zoomOut var(--animation-duration-normal) var(--animation-timing-ease-in)}.tooltip-enter{animation:slideInUp var(--animation-duration-fast) var(--animation-timing-ease-out)}.tooltip-exit{animation:slideOutDown var(--animation-duration-fast) var(--animation-timing-ease-in)}.dropdown-enter{animation:slideInDown var(--animation-duration-fast) var(--animation-timing-ease-out)}.dropdown-exit{animation:slideOutUp var(--animation-duration-fast) var(--animation-timing-ease-in)}.sidebar-enter{animation:slideInLeft var(--animation-duration-normal) var(--animation-timing-ease-out)}.sidebar-exit{animation:slideOutLeft var(--animation-duration-normal) var(--animation-timing-ease-in)}.notification-enter{animation:slideInRight var(--animation-duration-normal) var(--animation-timing-ease-out)}.notification-exit{animation:slideOutRight var(--animation-duration-normal) var(--animation-timing-ease-in)}.loading-enter{animation:fadeIn var(--animation-duration-fast) var(--animation-timing-ease-out)}.loading-exit{animation:fadeOut var(--animation-duration-fast) var(--animation-timing-ease-in)}.error-enter{animation:shake var(--animation-duration-normal) var(--animation-timing-ease-in-out)}.error-exit{animation:fadeOut var(--animation-duration-fast) var(--animation-timing-ease-in)}.success-enter{animation:bounceIn var(--animation-duration-normal) var(--animation-timing-bounce)}.success-exit{animation:fadeOut var(--animation-duration-fast) var(--animation-timing-ease-in)}.warning-enter{animation:tada var(--animation-duration-normal) var(--animation-timing-bounce)}.warning-exit{animation:fadeOut var(--animation-duration-fast) var(--animation-timing-ease-in)}.info-enter{animation:slideInUp var(--animation-duration-normal) var(--animation-timing-ease-out)}.info-exit{animation:slideOutDown var(--animation-duration-normal) var(--animation-timing-ease-in)}.text-rainbow{background:linear-gradient(to right,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbow 3s ease infinite}.text-neon{color:var(--color-primary);text-shadow:0 0 10px rgba(107,70,193,.8),0 0 20px rgba(107,70,193,.6),0 0 30px rgba(107,70,193,.4),0 0 40px rgba(107,70,193,.2);animation:neon 2s ease-in-out infinite}.text-glitch{animation:glitch 2s infinite;position:relative}.text-typewriter{overflow:hidden;border-right:2px solid var(--color-primary);white-space:nowrap;animation:typewriter 3s steps(40,end),blink .75s step-end infinite}.bg-animated-gradient{background:linear-gradient(-45deg,#667eea,#764ba2,#f093fb,#f5576c);background-size:400% 400%;animation:gradient-shift 15s ease infinite}.bg-animated-pulse{animation:pulse 2s ease-in-out infinite}.bg-animated-breathe{animation:breathe 3s ease-in-out infinite}.hover-animate-lift:hover{animation:liftUp .3s ease-out}@keyframes liftUp{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.hover-animate-scale:hover{animation:scaleUp .3s ease-out}@keyframes scaleUp{0%{transform:scale(1)}to{transform:scale(1.05)}}.hover-animate-rotate:hover{animation:rotateHover .3s ease-out}@keyframes rotateHover{0%{transform:rotate(0)}to{transform:rotate(5deg)}}.hover-animate-glow:hover{animation:glow .3s ease-out}.active-animate-pulse:active{animation:pulse .3s ease-out}.active-animate-scale:active{animation:scaleDown .3s ease-out}@keyframes scaleDown{0%{transform:scale(1)}to{transform:scale(.95)}}.animate-chain{animation-delay:var(--animation-chain-delay, 0s)}.animate-chain-1{--animation-chain-delay: .1s}.animate-chain-2{--animation-chain-delay: .2s}.animate-chain-3{--animation-chain-delay: .3s}.animate-chain-4{--animation-chain-delay: .4s}.animate-chain-5{--animation-chain-delay: .5s}.animate-random-delay{animation-delay:calc(var(--random-seed, 0) * .1s)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-paused{animation-play-state:paused!important}}@media print{.no-print-animation{animation:none!important;transition:none!important}}.animate-gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px;will-change:transform}.animate-will-change{will-change:transform,opacity}.animate-debug:before{content:attr(data-animation);position:absolute;top:-20px;left:0;background:#000c;color:#fff;padding:2px 4px;border-radius:2px;font-size:10px;z-index:1000}.animate-debug{position:relative}.animation-pending{opacity:0}.animation-running,.animation-complete{opacity:1}.animation-cancelled{opacity:0}.animation-event-listener{animation:testAnimation 1s ease-in-out}@keyframes testAnimation{0%{opacity:0}to{opacity:1}}.animation-progress{position:relative;overflow:hidden}.animation-progress:after{content:"";position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);animation:progress 2s ease-in-out infinite}@keyframes progress{0%{width:0;left:0}50%{width:100%;left:0}to{width:0;left:100%}}.animation-counter{counter-reset:animationCount}.animation-counter:before{counter-increment:animationCount;content:counter(animationCount)}.animation-sequence{animation:sequence 3s ease-in-out infinite}@keyframes sequence{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(90deg)}50%{transform:scale(1) rotate(180deg)}75%{transform:scale(.9) rotate(270deg)}to{transform:scale(1) rotate(360deg)}}.animation-wave{position:relative;overflow:hidden}.animation-wave:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:wave 2s ease-in-out infinite}@keyframes wave{0%{left:-100%}to{left:100%}}.animation-flicker{animation:flicker .5s ease-in-out infinite}@keyframes flicker{0%,to{opacity:1}50%{opacity:.5}}.animation-breathe{animation:breathe 2s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animation-heartbeat{animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}45%{transform:scale(1)}75%{transform:scale(1.05)}}