:root{--blue-50: #EFF6FF;--blue-100: #DBEAFE;--blue-200: #BFDBFE;--blue-300: #93C5FD;--blue-400: #60A5FA;--blue-500: #3B82F6;--blue-600: #1D4ED8;--blue-700: #1E40AF;--blue-800: #1E3A8A;--blue-900: #172554;--green-50: #ECFDF5;--green-100: #D1FAE5;--green-200: #A7F3D0;--green-500: #10B981;--green-700: #047857;--green-900: #064E3B;--amber-50: #FFFBEB;--amber-100: #FEF3C7;--amber-200: #FDE68A;--amber-500: #F59E0B;--amber-700: #B45309;--amber-900: #78350F;--red-50: #FEF2F2;--red-100: #FEE2E2;--red-200: #FECACA;--red-500: #EF4444;--red-700: #B91C1C;--red-900: #7F1D1D;--cyan-50: #ECFEFF;--cyan-100: #CFFAFE;--cyan-500: #06B6D4;--cyan-700: #0E7490;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1E293B;--gray-900: #111827;--color-primary: var(--blue-600);--color-primary-hover: var(--blue-700);--color-primary-light: var(--blue-50);--color-accent: var(--cyan-500);--color-success: var(--green-500);--color-warning: var(--amber-500);--color-danger: var(--red-500);--color-info: var(--blue-500);--color-white: #FFFFFF;--sidebar-bg: var(--gray-800);--sidebar-hover: var(--gray-700);--sidebar-active: var(--blue-600);--sidebar-width: 88px;--sub-sidebar-width: 216px;--content-bg: #F0F2F5;--card-bg: #FFFFFF;--text-primary: var(--gray-900);--text-secondary: var(--gray-500);--text-placeholder: var(--el-text-color-placeholder);--border-color: var(--gray-200);--table-hover-bg: var(--gray-50);--table-stripe-bg: #FAFAFA;--mask-bg: rgba(0, 0, 0, .45);--mask-strong: rgba(0, 0, 0, .5);--text-on-mask: var(--color-white);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;--font-size-kpi: 24px;--font-size-h1: 20px;--font-size-h2: 16px;--font-size-h3: 14px;--font-size-body: 14px;--font-size-small: 12px;--font-size-caption: 12px;--font-size-hint: 11px;--font-size-code: 13px;--app-topbar-height: 56px;--spacing-3xs: 2px;--spacing-2xs: 4px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-md-plus: 14px;--spacing-lg: 24px;--spacing-2xl: 24px;--spacing-xl: 32px;--spacing-3xl: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .06);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .08);--shadow-dropdown: 0 4px 12px rgba(0, 0, 0, .1);--shadow-modal: 0 8px 24px rgba(0, 0, 0, .15);--shadow-topbar: 0 1px 2px rgba(0, 0, 0, .05);--rfm-high-value: var(--green-500);--rfm-maintain: var(--blue-600);--rfm-potential: var(--amber-500);--rfm-new: var(--cyan-500);--rfm-lost: var(--gray-500);--breakpoint-sm: 768px;--breakpoint-md: 1024px;--breakpoint-lg: 1280px;--breakpoint-xl: 1440px}