:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--primary-500-rgb: 59, 130, 246;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: #4ade80;--success-500: #22c55e;--success-500-rgb: 34, 197, 94;--success-600: #16a34a;--success-700: #15803d;--success-800: #166534;--success-900: #14532d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-500-rgb: 245, 158, 11;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-200: #fecaca;--danger-300: #fca5a5;--danger-400: #f87171;--danger-500: #ef4444;--danger-600: #dc2626;--danger-700: #b91c1c;--danger-800: #991b1b;--danger-900: #7f1d1d;--info-50: #ecfeff;--info-100: #cffafe;--info-200: #a5f3fc;--info-300: #67e8f9;--info-400: #22d3ee;--info-500: #06b6d4;--info-500-rgb: 6, 182, 212;--info-600: #0891b2;--info-700: #0e7490;--info-800: #155e75;--info-900: #164e63;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--neutral-500-rgb: 100, 116, 139;--primary-1: var(--primary-100);--primary-2: var(--primary-200);--primary-3: var(--primary-300);--primary-4: var(--primary-400);--primary-5: var(--primary-500);--primary-6: var(--primary-600);--primary-7: var(--primary-700);--primary-8: var(--primary-800);--primary-9: var(--primary-900);--success-1: var(--success-100);--success-2: var(--success-200);--success-3: var(--success-300);--success-4: var(--success-400);--success-5: var(--success-500);--success-6: var(--success-600);--success-7: var(--success-700);--success-8: var(--success-800);--success-9: var(--success-900);--warning-1: var(--warning-100);--warning-2: var(--warning-200);--warning-3: var(--warning-300);--warning-4: var(--warning-400);--warning-5: var(--warning-500);--warning-6: var(--warning-600);--warning-7: var(--warning-700);--warning-8: var(--warning-800);--warning-9: var(--warning-900);--danger-1: var(--danger-100);--danger-2: var(--danger-200);--danger-3: var(--danger-300);--danger-4: var(--danger-400);--danger-5: var(--danger-500);--danger-6: var(--danger-600);--danger-7: var(--danger-700);--danger-8: var(--danger-800);--danger-9: var(--danger-900);--info-1: var(--info-100);--info-2: var(--info-200);--info-3: var(--info-300);--info-4: var(--info-400);--info-5: var(--info-500);--info-6: var(--info-600);--info-7: var(--info-700);--info-8: var(--info-800);--info-9: var(--info-900);--surface-0: var(--neutral-50);--surface-1: #ffffff;--surface-1-rgb: 255, 255, 255;--surface-2-rgb: 241, 245, 249;--surface-2: var(--neutral-100);--surface-3: var(--neutral-200);--surface-4: var(--neutral-300);--border-1: var(--neutral-200);--border-1-rgb: 226, 232, 240;--border-2: var(--neutral-300);--border-3: var(--neutral-400);--text-1: var(--neutral-900);--text-2: var(--neutral-700);--text-3: var(--neutral-500);--text-4: var(--neutral-400);--text-inverse: #ffffff;--color-primary: var(--primary-600);--primary-600-rgb: 37, 99, 235;--color-secondary: #7c3aed;--color-purple: #8b5cf6;--color-purple-rgb: 139, 92, 246;--color-teal: #14b8a6;--color-teal-rgb: 20, 184, 166;--color-secondary-rgb: 124, 58, 237;--color-accent: #ec4899;--color-accent-rgb: 236, 72, 153;--secondary-500-rgb: 124, 58, 237;--accent-500-rgb: 236, 72, 153;--color-success: var(--success-600);--color-warning: var(--warning-600);--color-error: var(--danger-600);--color-info: var(--info-600);--primary-light: var(--primary-100);--success-light: var(--success-100);--warning-light: var(--warning-100);--danger-light: var(--danger-100);--info-light: var(--info-100);--font-family-base: var(--font-sans);--shadow-card: var(--shadow-sm);--shadow-hover: var(--shadow-lg);--shadow-elevated: var(--shadow-xl);--bg-white-80: rgba(255, 255, 255, .8);--bg-slate-80: rgba(30, 41, 59, .8);--bg-slate-90: rgba(15, 23, 42, .6);--gradient-surface-135: linear-gradient(135deg, var(--surface-1) 0%, var(--surface-2) 100%);--gradient-error: var(--gradient-danger);--blur-md: blur(12px);--transition-fast: all .15s var(--ease-in-out);--warning-600-rgb: 217, 119, 6;--primary-400-rgb: 96, 165, 250;--warning-400-rgb: 251, 191, 36;--danger-500-rgb: 239, 68, 68;--danger-600-rgb: 220, 38, 38;--focus-ring: 0 0 0 3px rgba(59, 130, 246, .35);--chart-grid: var(--border-1);--chart-sales: var(--primary-500);--chart-revenue: var(--success-500);--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);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-primary: 0 4px 14px 0 rgba(59, 130, 246, .25);--shadow-success: 0 4px 14px 0 rgba(34, 197, 94, .25);--shadow-warning: 0 4px 14px 0 rgba(245, 158, 11, .25);--shadow-danger: 0 4px 14px 0 rgba(239, 68, 68, .25);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--fw-thin: 100;--fw-extralight: 200;--fw-light: 300;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--fw-black: 900;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--spacing-0: 0;--spacing-px: 1px;--spacing-0-5: .125rem;--spacing-1: .25rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-2-5: .625rem;--spacing-3: .75rem;--spacing-3-5: .875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--sp-0: var(--spacing-0);--sp-1: var(--spacing-1);--sp-1-5: var(--spacing-1-5);--sp-2: var(--spacing-2);--sp-2-5: var(--spacing-2-5);--sp-3: var(--spacing-3);--sp-3-5: var(--spacing-3-5);--sp-4: var(--spacing-4);--sp-4-5: var(--spacing-5);--sp-5: var(--spacing-5);--sp-6: var(--spacing-6);--sp-8: var(--spacing-8);--sp-10: var(--spacing-10);--sp-12: var(--spacing-12);--radius-none: 0;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-400: .4s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--ease: var(--ease-in-out);--duration: var(--duration-150);--transition: all var(--duration) var(--ease);--gradient-primary: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-700) 100%);--gradient-success: linear-gradient(135deg, var(--success-500) 0%, var(--success-700) 100%);--gradient-warning: linear-gradient(135deg, var(--warning-500) 0%, var(--warning-700) 100%);--gradient-danger: linear-gradient(135deg, var(--danger-500) 0%, var(--danger-700) 100%);--gradient-info: linear-gradient(135deg, var(--info-500) 0%, var(--info-700) 100%);--gradient-mesh: radial-gradient(at 40% 20%, rgba(59, 130, 246, .12) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(34, 197, 94, .12) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(245, 158, 11, .12) 0px, transparent 50%);--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--sidebar-width: 280px;--sidebar-width-collapsed: 72px;--topbar-height: 64px;--content-max-width: 1800px;--bp-xs: 480px;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1536px}:root.dark{color-scheme:dark;--surface-0: var(--neutral-900);--surface-1: var(--neutral-800);--surface-1-rgb: 30, 41, 59;--surface-2-rgb: 51, 65, 85;--surface-2: var(--neutral-700);--surface-3: var(--neutral-600);--surface-4: var(--neutral-500);--border-1: var(--neutral-700);--border-1-rgb: 51, 65, 85;--border-2: var(--neutral-600);--border-3: var(--neutral-500);--text-1: var(--neutral-50);--text-2: var(--neutral-200);--text-3: var(--neutral-400);--text-4: var(--neutral-500);--text-inverse: var(--neutral-900);--primary-light: rgba(59, 130, 246, .15);--success-light: rgba(34, 197, 94, .15);--warning-light: rgba(245, 158, 11, .15);--danger-light: rgba(239, 68, 68, .15);--info-light: rgba(6, 182, 212, .15);--bg-white-80: rgba(30, 41, 59, .8);--bg-slate-80: rgba(15, 23, 42, .8);--bg-slate-90: rgba(0, 0, 0, .7);--gradient-surface-135: linear-gradient(135deg, var(--neutral-800) 0%, var(--neutral-700) 100%);--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, .5);--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .4);--shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-elevated: 0 20px 25px -5px rgba(0, 0, 0, .5);--gradient-mesh: radial-gradient(at 40% 20%, rgba(59, 130, 246, .18) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(34, 197, 94, .18) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(245, 158, 11, .18) 0px, transparent 50%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-fadeIn{animation:fadeIn var(--duration-300) var(--ease)}.animate-slideUp{animation:slideUp var(--duration-300) var(--ease)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.loading-shimmer{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.stat-card--loading .stat-card__icon-bg,.stat-card--loading .stat-card__value{opacity:.5}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}