@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.toast-container[data-v-38dd7c3e]{position:fixed;top:90px;right:var(--space-4, 32px);z-index:9999;display:flex;flex-direction:column;gap:var(--space-2, 16px);max-width:400px;width:100%}.toast[data-v-38dd7c3e]{display:flex;align-items:center;gap:var(--space-3, 24px);padding:var(--space-3, 24px);background:var(--color-bg, #ffffff);border:1px solid var(--color-border-light, rgba(0, 0, 0, .05));border-radius:var(--radius-md, 12px);box-shadow:var(--shadow-lg, 0 8px 16px rgba(0, 0, 0, .1));cursor:pointer;transition:all var(--transition-base, .2s)}.toast[data-v-38dd7c3e]:hover{transform:translate(-4px);box-shadow:var(--shadow-xl, 0 12px 24px rgba(0, 0, 0, .15))}.toast-success[data-v-38dd7c3e]{border-left:4px solid #10b981}.toast-error[data-v-38dd7c3e]{border-left:4px solid #ef4444}.toast-warning[data-v-38dd7c3e]{border-left:4px solid #f59e0b}.toast-info[data-v-38dd7c3e]{border-left:4px solid #3b82f6}.toast-icon[data-v-38dd7c3e]{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.toast-success .toast-icon[data-v-38dd7c3e]{color:#10b981}.toast-error .toast-icon[data-v-38dd7c3e]{color:#ef4444}.toast-warning .toast-icon[data-v-38dd7c3e]{color:#f59e0b}.toast-info .toast-icon[data-v-38dd7c3e]{color:#3b82f6}.toast-message[data-v-38dd7c3e]{flex:1;font-size:var(--text-sm, 14px);color:var(--color-text-primary);margin:0;line-height:1.5}.toast-close[data-v-38dd7c3e]{flex-shrink:0;background:none;border:none;padding:4px;cursor:pointer;color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center;transition:color var(--transition-base, .2s)}.toast-close[data-v-38dd7c3e]:hover{color:var(--color-text-primary)}.toast-enter-active[data-v-38dd7c3e],.toast-leave-active[data-v-38dd7c3e]{transition:all .3s ease}.toast-enter-from[data-v-38dd7c3e],.toast-leave-to[data-v-38dd7c3e]{opacity:0;transform:translate(100%)}.toast-move[data-v-38dd7c3e]{transition:transform .3s ease}@media (max-width: 768px){.toast-container[data-v-38dd7c3e]{top:70px;right:var(--space-2, 16px);left:var(--space-2, 16px);max-width:none}.toast[data-v-38dd7c3e]{padding:var(--space-2, 16px);gap:var(--space-2, 16px)}.toast-message[data-v-38dd7c3e]{font-size:var(--text-xs, 12px)}}@media (max-width: 480px){.toast-container[data-v-38dd7c3e]{top:60px}}.confirm-dialog-overlay[data-v-8d19ecef]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--space-4, 32px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-dialog[data-v-8d19ecef]{background:var(--color-bg, #ffffff);border-radius:var(--radius-lg, 16px);padding:var(--space-6, 48px);max-width:480px;width:100%;box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04));border:1px solid var(--color-border-light, rgba(0, 0, 0, .05));position:relative}.confirm-dialog-header[data-v-8d19ecef]{display:flex;align-items:flex-start;gap:var(--space-3, 24px);margin-bottom:var(--space-4, 32px)}.confirm-dialog-icon[data-v-8d19ecef]{flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-full, 9999px);display:flex;align-items:center;justify-content:center}.confirm-dialog-icon-danger[data-v-8d19ecef]{background:#ef44441a;color:#ef4444}.confirm-dialog-icon-warning[data-v-8d19ecef]{background:#f59e0b1a;color:#f59e0b}.confirm-dialog-icon-info[data-v-8d19ecef]{background:#3b82f61a;color:#3b82f6}.confirm-dialog-title[data-v-8d19ecef]{font-size:var(--text-xl, 20px);font-weight:var(--font-bold, 700);color:var(--color-text-primary);margin:0;flex:1;padding-top:var(--space-1, 8px)}.confirm-dialog-message[data-v-8d19ecef]{font-size:var(--text-base, 16px);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-6, 48px)}.confirm-dialog-actions[data-v-8d19ecef]{display:flex;gap:var(--space-2, 16px);justify-content:flex-end}.btn-cancel[data-v-8d19ecef],.btn-confirm[data-v-8d19ecef]{padding:var(--space-2, 16px) var(--space-4, 32px);border-radius:var(--radius-md, 12px);font-size:var(--text-sm, 14px);font-weight:var(--font-semibold, 600);cursor:pointer;transition:all var(--transition-base, .2s);border:none;min-width:100px}.btn-cancel[data-v-8d19ecef]{background:var(--color-bg-secondary, #f5f5f5);color:var(--color-text-primary)}.btn-cancel[data-v-8d19ecef]:hover{background:var(--color-bg-tertiary, #e9e9e9)}.btn-confirm[data-v-8d19ecef]{color:#fff}.btn-confirm-danger[data-v-8d19ecef]{background:#ef4444}.btn-confirm-danger[data-v-8d19ecef]:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 6px #ef44444d}.btn-confirm-warning[data-v-8d19ecef]{background:#f59e0b}.btn-confirm-warning[data-v-8d19ecef]:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 4px 6px #f59e0b4d}.btn-confirm-info[data-v-8d19ecef]{background:#3b82f6}.btn-confirm-info[data-v-8d19ecef]:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px #3b82f64d}.dialog-enter-active[data-v-8d19ecef],.dialog-leave-active[data-v-8d19ecef]{transition:opacity var(--transition-base, .2s)}.dialog-enter-active .confirm-dialog[data-v-8d19ecef],.dialog-leave-active .confirm-dialog[data-v-8d19ecef]{transition:transform var(--transition-base, .2s),opacity var(--transition-base, .2s)}.dialog-enter-from[data-v-8d19ecef],.dialog-leave-to[data-v-8d19ecef]{opacity:0}.dialog-enter-from .confirm-dialog[data-v-8d19ecef],.dialog-leave-to .confirm-dialog[data-v-8d19ecef]{transform:scale(.95) translateY(-10px);opacity:0}@media (max-width: 480px){.confirm-dialog[data-v-8d19ecef]{padding:var(--space-4, 32px);margin:var(--space-4, 32px)}.confirm-dialog-header[data-v-8d19ecef]{flex-direction:column;align-items:center;text-align:center}.confirm-dialog-actions[data-v-8d19ecef]{flex-direction:column-reverse}.btn-cancel[data-v-8d19ecef],.btn-confirm[data-v-8d19ecef]{width:100%}}.error-boundary[data-v-13742403]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4, 32px);background:var(--color-bg, #ffffff)}.error-content[data-v-13742403]{text-align:center;max-width:600px}.error-content h1[data-v-13742403]{font-size:var(--text-3xl, 32px);color:var(--color-error, #ef4444);margin-bottom:var(--space-2, 16px)}.error-content p[data-v-13742403]{font-size:var(--text-base, 16px);color:var(--color-text-secondary);margin-bottom:var(--space-4, 32px)}.error-content .btn-primary[data-v-13742403],.error-content .btn-secondary[data-v-13742403]{margin:0 var(--space-2, 16px)}.error-details[data-v-13742403]{margin-top:var(--space-4, 32px);text-align:left;background:var(--color-bg-secondary, rgba(0, 0, 0, .02));padding:var(--space-3, 24px);border-radius:var(--radius-md, 12px)}.error-details pre[data-v-13742403]{margin-top:var(--space-2, 16px);font-size:var(--text-xs, 12px);color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-all}*{margin:0;padding:0;box-sizing:border-box}#app{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.route-view{min-height:100%}.page-enter-active,.page-leave-active{transition:opacity .15s ease}.page-enter-from,.page-leave-to{opacity:0}@media (prefers-reduced-motion: reduce){.page-enter-active,.page-leave-active{transition:none}.page-enter-from,.page-leave-to{opacity:1}}:root{--space-0: 0;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-7: 56px;--space-8: 64px;--space-10: 80px;--space-12: 96px;--space-16: 128px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-4xl: 40px;--text-5xl: 48px;--text-6xl: 60px;--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.6;--leading-relaxed: 1.8;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--gradient-brand: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-background: linear-gradient(135deg, #f5f7fa 0%, #f0f0f3 100%);--gradient-card: linear-gradient(135deg, rgba(102, 126, 234, .05) 0%, rgba(118, 75, 162, .05) 100%);--color-card-bg: rgba(102, 126, 234, .04);--color-primary: #667eea;--color-primary-light: #8796f0;--color-primary-dark: #4f5fd0;--color-primary-600: #667eea;--color-accent: #764ba2;--color-accent-light: #9a6cc4;--color-background: linear-gradient(135deg, #f5f7fa 0%, #f0f0f3 100%);--color-bg: #ffffff;--color-bg-secondary: rgba(255, 255, 255, .95);--color-surface: #ffffff;--color-text-primary: #1a1d29;--color-text-secondary: #4a4d5a;--color-text-tertiary: #6b7280;--color-border: rgba(102, 126, 234, .15);--color-border-light: rgba(102, 126, 234, .1);--color-border-hover: rgba(102, 126, 234, .3);--color-border-focus: #667eea;--color-link: #667eea;--color-link-hover: #5568d3;--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-white: #ffffff;--color-success: #10b981;--color-success-light: #34d399;--color-success-bg: rgba(16, 185, 129, .1);--color-error: #ef4444;--color-error-light: #f87171;--color-error-bg: rgba(239, 68, 68, .1);--color-warning: #f59e0b;--color-info: #3b82f6;--color-text-on-primary: #ffffff;--color-text-on-dark: #ffffff;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .12);--shadow-2xl: 0 20px 40px rgba(0, 0, 0, .15);--shadow-primary: 0 8px 24px rgba(102, 126, 234, .2);--shadow-primary-hover: 0 12px 32px rgba(102, 126, 234, .3);--shadow-primary-strong: 0 4px 12px rgba(102, 126, 234, .4);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.4, 0, .2, 1);--z-base: 1;--z-dropdown: 50;--z-sticky: 100;--z-fixed: 200;--z-modal: 500;--z-tooltip: 600;--container-xs: 400px;--container-sm: 480px;--container-md: 640px;--container-lg: 900px;--container-xl: 1200px;--btn-primary-padding: 12px 24px;--btn-primary-font-size: var(--text-sm);--btn-primary-height: 44px;--btn-secondary-padding: 10px 20px;--btn-secondary-font-size: var(--text-sm);--btn-secondary-height: 40px;--btn-small-padding: 8px 16px;--btn-small-font-size: var(--text-xs);--btn-small-height: 32px;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-heading: var(--font-family-base)}:root{--spacing-1: var(--space-1);--spacing-2: var(--space-2);--spacing-3: var(--space-3);--spacing-4: var(--space-4);--spacing-5: var(--space-5);--spacing-6: var(--space-6);--spacing-8: var(--space-8);--spacing-10: var(--space-10);--spacing-12: var(--space-12);--spacing-16: var(--space-16);--color-primary-50: #faf5ff;--color-primary-100: #f3e8ff;--color-primary-200: #e9d5ff;--color-primary-300: #d8b4fe;--color-primary-400: #c084fc;--color-primary-500: #a855f7;--color-primary-600: #9333ea;--color-primary-700: #7e22ce;--color-primary-800: #6b21a8;--color-primary-900: #581c87;--color-success-500: var(--color-success);--color-success-600: #059669;--color-success-700: #047857;--color-success-100: #d1fae5;--color-danger-500: var(--color-error);--color-danger-600: #dc2626;--color-danger-700: #b91c1c;--color-danger-100: #fee2e2;--color-warning-500: var(--color-warning);--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-100: #fef3c7;--color-secondary-100: var(--color-gray-100);--color-secondary-500: var(--color-gray-500);--color-secondary-700: var(--color-gray-700);--color-background-secondary: var(--color-gray-50);--border-radius-sm: var(--radius-sm);--border-radius-md: var(--radius-md);--border-radius-lg: var(--radius-lg);--border-radius-xl: var(--radius-xl);--border-radius-2xl: var(--radius-2xl);--border-radius-full: var(--radius-full);--border-radius-base: var(--radius-md);--font-size-xs: var(--text-xs);--font-size-sm: var(--text-sm);--font-size-base: var(--text-base);--font-size-lg: var(--text-lg);--font-size-xl: var(--text-xl);--font-size-2xl: var(--text-2xl);--font-size-3xl: var(--text-3xl);--font-size-4xl: var(--text-4xl);--font-size-5xl: var(--text-5xl);--font-size-6xl: var(--text-6xl);--font-weight-normal: var(--font-normal);--font-weight-medium: var(--font-medium);--font-weight-semibold: var(--font-semibold);--font-weight-bold: var(--font-bold);--line-height-tight: var(--leading-tight);--line-height-snug: var(--leading-snug);--line-height-normal: var(--leading-normal);--line-height-relaxed: var(--leading-relaxed);--transition-timing-ease: cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .12);--color-text-inverse: var(--color-white);--container-max-width: var(--container-xl);--container-padding: var(--space-4);--line-height-none: 1}[data-theme=tiktok]{--gradient-brand: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-background: linear-gradient(135deg, #f5f7fa 0%, #f0f0f3 100%);--gradient-card: linear-gradient(135deg, rgba(102, 126, 234, .05) 0%, rgba(118, 75, 162, .05) 100%);--color-card-bg: rgba(102, 126, 234, .04);--color-primary: #667eea;--color-primary-light: #8796f0;--color-primary-dark: #4f5fd0;--color-primary-600: #667eea;--color-accent: #764ba2;--color-accent-light: #9a6cc4;--color-background: linear-gradient(135deg, #f5f7fa 0%, #f0f0f3 100%);--color-bg: #ffffff;--color-bg-secondary: rgba(255, 255, 255, .95);--color-surface: #ffffff;--color-text-primary: #1a1d29;--color-text-secondary: #4a4d5a;--color-text-tertiary: #6b7280;--color-border: rgba(102, 126, 234, .15);--color-border-light: rgba(102, 126, 234, .1);--color-border-hover: rgba(102, 126, 234, .3);--color-border-focus: #667eea;--color-link: #667eea;--color-link-hover: #5568d3;--shadow-primary: 0 8px 24px rgba(102, 126, 234, .2);--shadow-primary-hover: 0 12px 32px rgba(102, 126, 234, .3);--shadow-primary-strong: 0 4px 12px rgba(102, 126, 234, .4)}[data-theme=creator]{--gradient-brand: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-card: linear-gradient(135deg, rgba(240, 147, 251, .05) 0%, rgba(245, 87, 108, .05) 100%);--color-card-bg: rgba(240, 147, 251, .04);--color-primary: #f093fb;--color-primary-light: #f5a9fc;--color-primary-dark: #e77ffa;--color-primary-600: #f093fb;--color-accent: #f5576c;--color-accent-light: #f77688;--color-background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--color-bg: #ffffff;--color-bg-secondary: rgba(255, 255, 255, .95);--color-surface: #ffffff;--color-text-primary: #1a1d29;--color-text-secondary: #4a4d5a;--color-text-tertiary: #6b7280;--color-border: rgba(240, 147, 251, .15);--color-border-light: rgba(240, 147, 251, .1);--color-border-hover: rgba(240, 147, 251, .3);--color-border-focus: #f093fb;--color-link: #f093fb;--color-link-hover: #e77ffa;--shadow-primary: 0 8px 24px rgba(240, 147, 251, .2);--shadow-primary-hover: 0 12px 32px rgba(240, 147, 251, .3);--shadow-primary-strong: 0 4px 12px rgba(240, 147, 251, .4)}@media (max-width: 640px){:root{--text-6xl: 48px;--text-5xl: 40px;--text-4xl: 32px;--text-3xl: 28px;--text-2xl: 20px;--space-8: 48px;--space-12: 72px}}:root,[data-theme=light]{--color-bg: #fafbfc;--color-bg-secondary: #f5f6f8;--color-bg-tertiary: #f0f1f3;--color-surface: #ffffff;--color-text-primary: #1a1d29;--color-text-secondary: #5a5d6a;--color-text-tertiary: #8a8d9a;--color-border: rgba(0, 0, 0, .08);--color-border-light: rgba(0, 0, 0, .04);--color-border-hover: rgba(0, 0, 0, .12);--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-primary-600: #6366f1;--color-accent: #8b5cf6;--color-accent-light: #a78bfa;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .12)}[data-theme=dark]{--color-bg: #0f1117;--color-bg-secondary: #181b23;--color-bg-tertiary: #1e2129;--color-surface: #252932;--color-text-primary: #f8f9fa;--color-text-secondary: #c1c4cd;--color-text-tertiary: #8b8f99;--color-border: rgba(255, 255, 255, .08);--color-border-light: rgba(255, 255, 255, .04);--color-border-hover: rgba(255, 255, 255, .12);--color-primary: #818cf8;--color-primary-light: #a5b4fc;--color-primary-dark: #6366f1;--color-primary-600: #818cf8;--color-accent: #a78bfa;--color-accent-light: #c4b5fd;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .6)}@media (prefers-color-scheme: dark){:root:not([data-theme]){--color-bg: #0f1117;--color-bg-secondary: #181b23;--color-bg-tertiary: #1e2129;--color-surface: #252932;--color-text-primary: #f8f9fa;--color-text-secondary: #c1c4cd;--color-text-tertiary: #8b8f99;--color-border: rgba(255, 255, 255, .08);--color-border-light: rgba(255, 255, 255, .04);--color-border-hover: rgba(255, 255, 255, .12);--color-primary: #818cf8;--color-primary-light: #a5b4fc;--color-primary-dark: #6366f1;--color-primary-600: #818cf8;--color-accent: #a78bfa;--color-accent-light: #c4b5fd;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .6)}}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease}.page-container{min-height:100vh;background:var(--color-bg, #ffffff);color:var(--color-text-primary, #212121)}.page-header{text-align:center;margin-bottom:0}.page-title{background:var(--gradient-brand, linear-gradient(135deg, #667eea 0%, #764ba2 100%));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:clamp(var(--text-3xl, 32px),5vw,var(--text-5xl, 48px));font-weight:var(--font-bold, 700);margin-bottom:var(--space-4, 32px);text-align:center}.page-subtitle{font-size:var(--text-lg, 18px);color:var(--color-text-secondary, #666);line-height:1.7;margin-bottom:var(--space-6, 48px);text-align:center}.page-section{padding:var(--space-4, 32px) 0 var(--space-8, 64px) 0}.page-section-compact{padding:var(--space-6, 48px) 0}.card{background:var(--color-bg, #ffffff);border:1px solid var(--color-border-light, rgba(0, 0, 0, .05));border-radius:var(--radius-lg, 16px);padding:var(--space-4, 32px);transition:all var(--transition-base, .2s)}.card:hover{border-color:var(--color-border, rgba(102, 126, 234, .15));box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .07))}.card-compact{padding:var(--space-3, 24px)}.grid{display:grid;gap:var(--space-4, 32px)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.loading-state,.empty-state{text-align:center;padding:var(--space-12, 96px) 0;color:var(--color-text-secondary, #666)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border-light, #e5e7eb);border-top-color:var(--color-primary, #667eea);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto var(--space-3, 24px)}@keyframes spin{to{transform:rotate(360deg)}}.divider{height:1px;background:var(--color-border-light, rgba(0, 0, 0, .05));border:none;margin:var(--space-4, 32px) 0}.divider-compact{margin:var(--space-2, 16px) 0}.landing-page{min-height:100vh;background:var(--color-bg, #ffffff);color:var(--color-text-primary, #212121)}.auth-container{margin:0 auto;width:100%;box-sizing:border-box}.auth-card{background:var(--color-bg, #ffffff);border:1px solid var(--color-border-light, rgba(0, 0, 0, .05));border-radius:var(--radius-lg, 16px);padding:var(--space-4, 32px) var(--space-5, 40px);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .07));box-sizing:border-box;width:100%}.auth-form{margin-bottom:var(--space-3, 24px)}.form-group{margin-bottom:var(--space-2, 16px)}.floating-label{position:relative}.floating-label label{position:absolute;left:var(--space-2, 16px);top:50%;transform:translateY(-50%);font-size:var(--text-sm, 14px);color:var(--color-text-tertiary);pointer-events:none;transition:all var(--transition-base, .2s);background:var(--color-bg, #ffffff);padding:0 4px}.floating-label input:focus~label,.floating-label input:not(:placeholder-shown)~label{top:0;transform:translateY(-50%) scale(.85);font-size:var(--text-sm, 14px);color:var(--color-primary, #667eea)}.form-input{width:100%;padding:12px var(--space-2, 16px);border:1.5px solid var(--color-border-light, rgba(0, 0, 0, .1));border-radius:var(--radius-md, 12px);font-size:var(--text-sm, 14px);color:var(--color-text-primary);background:var(--color-bg, #ffffff);transition:all var(--transition-base, .2s);font-family:inherit;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--color-primary, #667eea);box-shadow:0 0 0 3px var(--color-border-light, rgba(102, 126, 234, .1))}.form-input:disabled{opacity:.6;cursor:not-allowed}select.form-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2, 16px) center;padding-right:calc(var(--space-2, 16px) * 2 + 12px);cursor:pointer;background-color:var(--color-bg, #ffffff)}select.form-input option{background:var(--color-bg, #ffffff);color:var(--color-text-primary);padding:var(--space-2, 16px)}.error-message{color:var(--color-error, #ef4444);font-size:var(--text-sm, 14px);margin-bottom:var(--space-3, 24px);padding:var(--space-2, 16px);background:var(--color-error-bg, rgba(239, 68, 68, .1));border-radius:var(--radius-md, 12px);border-left:4px solid var(--color-error, #ef4444)}.auth-footer{text-align:center;padding-top:var(--space-3, 24px);border-top:1px solid var(--color-border-light)}.auth-footer p{color:var(--color-text-secondary);font-size:var(--text-sm, 14px);margin:0}.auth-link{color:var(--color-primary, #667eea);text-decoration:none;font-weight:var(--font-semibold, 600)}.auth-link:hover{text-decoration:underline}.auth-page-section{padding:var(--space-4, 32px) 0;display:flex;align-items:center}@media (max-width: 768px){.auth-card{padding:var(--space-4, 32px) var(--space-5, 40px)}}body{font-family:var(--font-family-base);color:var(--color-text-primary, #212121);background:var(--color-bg, #ffffff);line-height:var(--line-height-normal, 1.6);font-size:var(--font-size-base, 16px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:var(--color-white);padding:var(--space-2, 16px);text-decoration:none;z-index:10000;border-radius:0 0 var(--radius-md, 12px) 0}.skip-link:focus{top:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm, 8px)}*:focus:not(:focus-visible){outline:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl);background:var(--gradient-brand, linear-gradient(135deg, #667eea 0%, #764ba2 100%));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}a{color:var(--color-link);text-decoration:none;transition:color var(--transition-base) var(--transition-timing-ease)}a:hover{color:var(--color-link-hover);text-decoration:underline}button{font-family:inherit}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--btn-secondary-padding);font-size:var(--btn-secondary-font-size);font-weight:var(--font-semibold);border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-bounce);line-height:var(--line-height-none);text-decoration:none;white-space:nowrap;min-height:var(--btn-secondary-height)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--color-primary, #667eea);color:var(--color-white, #ffffff);border:none;border-radius:var(--radius-md, 12px);padding:var(--space-2, 16px) var(--space-4, 32px);font-size:var(--text-sm, 14px);font-weight:var(--font-semibold, 600);cursor:pointer;transition:all var(--transition-base, .2s);text-decoration:none;display:inline-block;box-shadow:0 4px 6px #667eea4d;font-family:inherit;white-space:nowrap}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark, #5568d3);transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d;text-decoration:none;color:var(--color-white, #ffffff)}.btn-primary:active:not(:disabled){transform:translateY(0) scale(1)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-secondary{background:var(--color-bg-tertiary);color:#4a4d5a;border:1.5px solid var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-bg-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md);text-decoration:none}.btn-danger{background:var(--color-error, #ef4444);color:var(--color-white, #ffffff);border:none;border-radius:var(--radius-md, 12px);padding:var(--space-2, 16px) var(--space-4, 32px);font-size:var(--text-sm, 14px);font-weight:var(--font-semibold, 600);cursor:pointer;transition:all var(--transition-base, .2s);text-decoration:none;display:inline-block;box-shadow:0 4px 6px #ef44444d;font-family:inherit;white-space:nowrap}.btn-danger:hover:not(:disabled){background:var(--color-error-light, #dc2626);transform:translateY(-1px);box-shadow:0 4px 8px #ef444466;text-decoration:none;color:var(--color-white, #ffffff)}.btn-danger:active:not(:disabled){transform:translateY(0) scale(1)}.btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.card{background:var(--color-bg);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border)}.form-group{margin-bottom:4px}.form-label{display:block;margin-bottom:var(--space-1);font-weight:var(--font-medium);color:var(--color-text-secondary);font-size:var(--text-xs);letter-spacing:.5px}.form-input{width:100%;padding:10px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-family-base);color:var(--color-text-primary);background:var(--color-bg);transition:all var(--transition-base);height:40px}.form-input:hover{border-color:var(--color-border-hover)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.form-input::placeholder{color:var(--color-text-tertiary)}.error-message{color:var(--color-danger-600);font-size:var(--font-size-sm);margin-top:var(--spacing-2);font-weight:var(--font-weight-medium)}.success-message{color:var(--color-success-600);font-size:var(--font-size-sm);margin-top:var(--spacing-2);font-weight:var(--font-weight-medium)}.badge{display:inline-flex;align-items:center;padding:4px var(--space-2, 16px);border-radius:var(--radius-full, 9999px);font-size:var(--text-xs, 12px);font-weight:var(--font-semibold, 600);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.badge-success,.badge-active,.badge-available{background:#10b9811a;color:var(--color-success, #10b981)}.badge-warning,.badge-coming-soon{background:#f59e0b1a;color:var(--color-warning, #f59e0b)}.badge-error{background:#ef44441a;color:var(--color-error, #ef4444)}.badge-info{background:#3b82f61a;color:var(--color-info, #3b82f6)}.badge-neutral,.badge-inactive{background:var(--color-gray-100, #f3f4f6);color:var(--color-text-tertiary, #757575)}