:root{--color-primary-50:#f5f7ff;--color-primary-100:#ebf0fe;--color-primary-200:#d6e0fd;--color-primary-300:#a8bffb;--color-primary-400:#7a9ef9;--color-primary-500:#667eea;--color-primary-600:#5a67d8;--color-primary-700:#4c51bf;--color-primary-800:#3d3d99;--color-primary-900:#2d2d73;--color-secondary-50:#fff5eb;--color-secondary-100:#ffe8d1;--color-secondary-200:#ffd1a3;--color-secondary-300:#ffb875;--color-secondary-400:#ff9f47;--color-secondary-500:#ed8936;--color-secondary-600:#dd6b20;--color-secondary-700:#c05621;--color-secondary-800:#9c4221;--color-secondary-900:#7b341e;--color-gray-50:#f7fafc;--color-gray-100:#edf2f7;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e0;--color-gray-400:#a0aec0;--color-gray-500:#718096;--color-gray-600:#4a5568;--color-gray-700:#2d3748;--color-gray-800:#1a202c;--color-gray-900:#171923;--color-error-500:#e53e3e;--color-warning-500:#dd6b20;--color-success-500:#38a169;--color-info-500:#3182ce;--color-text-primary:#1a202c;--color-text-secondary:#4a5568;--color-text-tertiary:#718096;--color-text-disabled:#a0aec0;--color-text-inverse:#fff;--color-text-link:#667eea;--color-text-link-hover:#5a67d8;--color-border-light:#e2e8f0;--color-border-medium:#cbd5e0;--color-border-dark:#a0aec0;--color-border-focus:#667eea;--color-border-error:#e53e3e;--color-surface-default:#fff;--color-surface-secondary:#f7fafc;--color-surface-tertiary:#edf2f7;--color-surface-elevated:#fff;--color-surface-overlay:rgba(0,0,0,.5);--color-background-default:#fff;--color-background-secondary:#f7fafc;--color-background-tertiary:#edf2f7;--spacing-0:0px;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-7:28px;--spacing-8:32px;--spacing-9:36px;--spacing-10:40px;--spacing-12:48px;--spacing-14:56px;--spacing-16:64px;--spacing-20:80px;--spacing-24:96px;--spacing-28:112px;--spacing-32:128px;--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-2);--spacing-md:var(--spacing-4);--spacing-lg:var(--spacing-6);--spacing-xl:var(--spacing-8);--spacing-xxl:var(--spacing-12);--spacing-xxxl:var(--spacing-16);--font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:Menlo,Monaco,"Courier New",monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-size-5xl:48px;--font-size-6xl:60px;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-none:1;--line-height-tight:1.2;--line-height-snug:1.3;--line-height-normal:1.5;--line-height-relaxed:1.75;--line-height-loose:2;--border-radius-none:0px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-2xl:24px;--border-radius-full:9999px;--shadow-none:none;--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 0 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);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.06);--shadow-focus:0 0 0 3px rgba(102,126,234,.3);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:200ms cubic-bezier(0.34,1.56,0.64,1);--transition-all:all 200ms cubic-bezier(0.4,0,0.2,1);--z-index-base:0;--z-index-dropdown:1000;--z-index-sticky:1100;--z-index-fixed:1200;--z-index-modal-backdrop:1300;--z-index-modal:1400;--z-index-popover:1500;--z-index-tooltip:1600;--z-index-notification:1700;--z-index-max:9999;--glass-light-bg:hsla(0,0%,100%,.15);--glass-light-border:hsla(0,0%,100%,.2);--glass-light-blur:20px;--glass-light-shadow:0 8px 32px rgba(0,0,0,.1);--glass-medium-bg:hsla(0,0%,100%,.25);--glass-medium-border:hsla(0,0%,100%,.3);--glass-medium-blur:25px;--glass-medium-shadow:0 8px 32px rgba(0,0,0,.15);--glass-strong-bg:hsla(0,0%,100%,.35);--glass-strong-border:hsla(0,0%,100%,.4);--glass-strong-blur:30px;--glass-strong-shadow:0 8px 32px rgba(0,0,0,.2)}[data-theme=dark]{--color-gray-50:#171923;--color-gray-100:#1a202c;--color-gray-200:#2d3748;--color-gray-300:#4a5568;--color-gray-400:#718096;--color-gray-500:#a0aec0;--color-gray-600:#cbd5e0;--color-gray-700:#e2e8f0;--color-gray-800:#edf2f7;--color-gray-900:#f7fafc;--color-text-primary:#f7fafc;--color-text-secondary:#e2e8f0;--color-text-tertiary:#cbd5e0;--color-text-disabled:#718096;--color-text-inverse:#1a202c;--color-text-link:#7a9ef9;--color-text-link-hover:#a8bffb;--color-border-light:#4a5568;--color-border-medium:#718096;--color-border-dark:#a0aec0;--color-border-error:#fc8181;--color-surface-default:#1a202c;--color-surface-secondary:#2d3748;--color-surface-tertiary:#4a5568;--color-surface-elevated:#2d3748;--color-surface-overlay:rgba(0,0,0,.7);--color-background-default:#1a202c;--color-background-secondary:#2d3748;--color-background-tertiary:#4a5568;--glass-light-bg:rgba(0,0,0,.15);--glass-light-border:hsla(0,0%,100%,.1);--glass-light-blur:20px;--glass-light-shadow:0 8px 32px rgba(0,0,0,.3);--glass-medium-bg:rgba(0,0,0,.25);--glass-medium-border:hsla(0,0%,100%,.15);--glass-medium-blur:25px;--glass-medium-shadow:0 8px 32px rgba(0,0,0,.4);--glass-strong-bg:rgba(0,0,0,.35);--glass-strong-border:hsla(0,0%,100%,.2);--glass-strong-blur:30px;--glass-strong-shadow:0 8px 32px rgba(0,0,0,.5)}*{box-sizing:border-box}html{background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed}body,html{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}a,body,button,div,h1,h2,h3,h4,h5,h6,html,input,label,li,p,select,span,td,textarea,th{font-family:Verdana,Geneva,Tahoma,sans-serif}.verdana-font{font-family:Verdana,Geneva,Tahoma,sans-serif!important}button,input,select,textarea{font-family:inherit}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.bg-gray-300{background:hsla(0,0%,100%,.3)}.bg-gray-700{background:hsla(0,0%,100%,.2)}