:root {--color-primary: #00b8a9;--color-primary-dark: #009a8d;--color-primary-light: #e6f8f6;--color-primary-hover: #00d1c1;--color-white: #ffffff;--color-black: #000000;--color-gray-50: #f9fafb;--color-gray-100: #f8fafc;--color-gray-200: #f1f5f9;--color-gray-300: #e2e8f0;--color-gray-400: #cbd5e1;--color-gray-500: #94a3b8;--color-gray-600: #64748b;--color-gray-700: #475569;--color-gray-800: #334155;--color-gray-900: #0f172a;--color-success: #10b981;--color-success-light: #dcfce7;--color-success-dark: #166534;--color-warning: #f59e0b;--color-warning-light: #fef9c3;--color-warning-dark: #854d0e;--color-danger: #ef4444;--color-danger-light: #fff1f2;--color-danger-dark: #991b1b;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-info-dark: #1e40af;--color-text-primary: #334155;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-text-light: #cbd5e1;--color-text-dark: #0f172a;--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-bg-dark: #0f172a;--color-surface: #ffffff;--color-surface-hover: #f8fafc;--color-surface-active: #f1f5f9;--font-primary: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-heading: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, 'Roboto Mono', monospace;--font-size-xs: 0.75rem;--font-size-sm: 0.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-size-6xl: 3.75rem; --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: -0.05em;--letter-spacing-tight: -0.025em;--letter-spacing-normal: 0;--letter-spacing-wide: 0.025em;--letter-spacing-wider: 0.05em;--letter-spacing-widest: 0.1em;--space-0: 0;--space-1: 0.25rem; --space-2: 0.5rem;--space-3: 0.75rem; --space-4: 1rem;--space-5: 1.25rem; --space-6: 1.5rem;--space-7: 1.75rem; --space-8: 2rem;--space-10: 2.5rem; --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --space-24: 6rem; --space-32: 8rem; --space-xs: var(--space-2);--space-sm: var(--space-4);--space-md: var(--space-6);--space-lg: var(--space-8);--space-xl: var(--space-12);--space-xxl: var(--space-16);--space-2xl: var(--space-16);--space-3xl: var(--space-24);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-2xl: 1400px;--radius-none: 0;--radius-sm: 0.25rem;--radius-md: 0.5rem; --radius-lg: 0.75rem;--radius-xl: 1rem; --radius-2xl: 1.25rem; --radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);--shadow-2xl: 0 30px 60px -15px rgba(0, 0, 0, 0.3);--shadow-primary-sm: 0 4px 15px rgba(0, 184, 169, 0.15);--shadow-primary-md: 0 8px 20px rgba(0, 184, 169, 0.2);--shadow-primary-lg: 0 12px 25px rgba(0, 184, 169, 0.3);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--duration-fast: 150ms;--duration-normal: 300ms;--duration-slow: 500ms;--duration-slower: 700ms;--ease-linear: linear;--ease-in: cubic-bezier(0.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, 0.2, 1);--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);--btn-padding-y: 0.9rem;--btn-padding-x: 2rem;--btn-radius: var(--radius-lg);--btn-font-weight: var(--font-weight-extrabold);--btn-transition: all var(--duration-normal) var(--ease-in-out);--card-padding: var(--space-8);--card-radius: var(--radius-2xl);--card-shadow: var(--shadow-sm);--card-shadow-hover: var(--shadow-lg);--input-padding-y: 1rem;--input-padding-x: 1.25rem;--input-radius: var(--radius-lg);--input-border-color: var(--color-gray-300);--input-focus-border: var(--color-primary);--input-bg: var(--color-gray-100);--navbar-height: 80px;--navbar-bg: var(--color-white);--navbar-shadow: var(--shadow-sm);--footer-bg: var(--color-gray-900);--footer-text: var(--color-white);--footer-padding: var(--space-24);}[data-theme="dark"] {--color-white: #ffffff;--color-black: #000000;--color-gray-50: #0f172a;--color-gray-100: #1e293b;--color-gray-200: #334155;--color-gray-300: #475569;--color-gray-400: #64748b;--color-gray-500: #94a3b8;--color-gray-600: #cbd5e1;--color-gray-700: #e2e8f0;--color-gray-800: #f1f5f9;--color-gray-900: #f8fafc;--color-primary: #ef4444;--color-primary-dark: #dc2626;--color-primary-light: #7f1d1d;--color-primary-hover: #f87171;--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-text-light: #64748b;--color-text-dark: #f8fafc;--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-bg-dark: #000000;--color-surface: #1e293b;--color-surface-hover: #334155;--color-surface-active: #475569;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.3);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.3);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -4px rgba(0, 0, 0, 0.4);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.5);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, 0.7);--shadow-2xl: 0 30px 60px -15px rgba(0, 0, 0, 0.8);--shadow-primary-sm: 0 4px 15px rgba(239, 68, 68, 0.3);--shadow-primary-md: 0 8px 20px rgba(239, 68, 68, 0.4);--shadow-primary-lg: 0 12px 25px rgba(239, 68, 68, 0.5);--admin-sidebar: #0a0f1a;--admin-sidebar-hover: #1e293b;--admin-primary: #ef4444;--admin-primary-light: #7f1d1d;--admin-bg: #0b0f1a;--admin-card: #151b2d;--admin-text: #f1f5f9;--admin-text-light: #94a3b8;--admin-border: #334155;--admin-radius: 16px;--admin-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.4);--input-bg: var(--color-gray-200);--input-border-color: var(--color-gray-300);--input-focus-border: var(--color-primary);--navbar-bg: var(--color-gray-100);--navbar-shadow: var(--shadow-sm);--footer-bg: var(--color-gray-50);--footer-text: var(--color-gray-600);}html {transition: background-color var(--duration-normal) var(--ease-in-out);}html * {transition: background-color var(--duration-normal) var(--ease-in-out),border-color var(--duration-normal) var(--ease-in-out),color var(--duration-normal) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out);}html *:not(.no-theme-transition) {transition-property: background-color, border-color, color, box-shadow;}.theme-toggle {width: 40px;height: 40px;border-radius: var(--radius-lg);background: var(--color-surface);border: 2px solid var(--admin-border);color: var(--admin-text);display: inline-flex;align-items: center;justify-content: center;cursor: pointer;transition: all var(--duration-fast) var(--ease-in-out);font-size: var(--font-size-lg);}.theme-toggle:hover {background: var(--color-surface-hover);transform: translateY(-2px);box-shadow: var(--shadow-md);}.theme-toggle i {transition: transform var(--duration-normal) var(--ease-bounce);}.theme-toggle:hover i {transform: rotate(20deg);}@media (prefers-reduced-motion: reduce) {:root {--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-slower: 0ms;}* {animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;}}