:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-secondary-50: #faf5ff;--color-secondary-100: #f3e8ff;--color-secondary-200: #e9d5ff;--color-secondary-300: #d8b4fe;--color-secondary-400: #c084fc;--color-secondary-500: #a855f7;--color-secondary-600: #9333ea;--color-secondary-700: #7c3aed;--color-secondary-800: #6d28d9;--color-secondary-900: #581c87;--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-success-50: #ecfdf5;--color-success-100: #d1fae5;--color-success-500: #10b981;--color-success-600: #059669;--color-success-700: #047857;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info-700: #1d4ed8;--color-white: #ffffff;--color-black: #000000;--color-transparent: transparent;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--spacing-5xl: 8rem;--border-radius-none: 0;--border-radius-xs: .125rem;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--border-radius-3xl: 1.5rem;--border-radius-full: 9999px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-thin: 100;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0em;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--shadow-none: none;--shadow-xs: 0px 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0px 1px 3px rgba(0, 0, 0, .1), 0px 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0px 4px 6px rgba(0, 0, 0, .07), 0px 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0px 10px 15px rgba(0, 0, 0, .1), 0px 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0px 20px 25px rgba(0, 0, 0, .1), 0px 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0px 25px 50px rgba(0, 0, 0, .15);--shadow-primary: 0px 4px 8px rgba(37, 99, 235, .3);--shadow-primary-light: 0px 2px 4px rgba(37, 99, 235, .2);--shadow-primary-dark: 0px 6px 12px rgba(37, 99, 235, .4);--shadow-success: 0px 4px 8px rgba(16, 185, 129, .3);--shadow-error: 0px 4px 8px rgba(239, 68, 68, .3);--shadow-warning: 0px 4px 8px rgba(245, 158, 11, .3);--shadow-info: 0px 4px 8px rgba(59, 130, 246, .3);--transition-fast: all .2s ease-in-out;--transition-normal: all .3s ease-in-out;--transition-slow: all .5s ease-in-out;--breakpoint-xs: 0px;--breakpoint-sm: 600px;--breakpoint-md: 900px;--breakpoint-lg: 1200px;--breakpoint-xl: 1536px;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--z-index-toast: 1080}@media (prefers-color-scheme: dark){:root{--color-neutral-50: #0f172a;--color-neutral-100: #1e293b;--color-neutral-200: #334155;--color-neutral-300: #475569;--color-neutral-400: #64748b;--color-neutral-500: #94a3b8;--color-neutral-600: #cbd5e1;--color-neutral-700: #e2e8f0;--color-neutral-800: #f1f5f9;--color-neutral-900: #f8fafc;--color-white: #0f172a;--color-black: #ffffff}}#root{width:100%;margin:0;padding:0;text-align:left}.main-content{padding:var(--spacing-xl) var(--spacing-lg);min-height:calc(100vh - 80px);display:flex;flex-direction:column;width:100%;box-sizing:border-box;background:linear-gradient(135deg,var(--color-neutral-50) 0%,var(--color-neutral-100) 100%);align-items:center}.content-container{width:100%;max-width:2400px;padding:0 var(--spacing-xl);box-sizing:border-box;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-lg)}.content-section{background:var(--color-white);border-radius:var(--border-radius-2xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-neutral-200);transition:var(--transition-normal)}.content-section:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width: 768px){.main-content{padding:var(--spacing-md) var(--spacing-sm)}.content-container{padding:0 var(--spacing-sm)}.content-section{padding:var(--spacing-lg)}}