:root{--primary-50: #EAF6FB;--primary-100: #CDE8F3;--primary-200: #9AD1E7;--primary-300: #62B6D7;--primary-400: #2E96BE;--primary-500: #127AA2;--primary-600: #0E4C75;--primary-700: #0B3D5E;--primary-800: #082F48;--primary-900: #062233;--primary-950: #03131F;--accent-50: #E6FAFE;--accent-100: #C2F1FA;--accent-200: #88E3F4;--accent-300: #4FD2EB;--accent-400: #1FC0DE;--accent-500: #00A8CC;--accent-600: #0087A6;--accent-700: #006B83;--accent-800: #014F61;--accent-900: #023849;--slate-50: #F8FAFC;--slate-100: #F1F5F9;--slate-200: #E2E8F0;--slate-300: #CBD5E1;--slate-400: #94A3B8;--slate-500: #64748B;--slate-600: #475569;--slate-700: #334155;--slate-800: #1E293B;--slate-900: #0F172A;--slate-950: #0A1929;--success: #10B981;--success-soft: #D1FAE5;--warning: #F59E0B;--warning-soft: #FEF3C7;--danger: #EF4444;--danger-soft: #FEE2E2;--info: #3B82F6;--info-soft: #DBEAFE;--ai-violet: #8B5CF6;--ai-blue: #3B82F6;--ai-gradient: linear-gradient(135deg, #8B5CF6 0%, #3B82F6 100%);--ai-gradient-soft: linear-gradient(135deg, rgba(139,92,246,.1) 0%, rgba(59,130,246,.1) 100%);--ai-glow: 0 0 0 1px rgba(139,92,246,.25), 0 10px 30px -8px rgba(59,130,246,.35);--live-pulse: #00A8CC;--segment-vip: #B45309;--segment-vip-bg: #FEF3C7;--segment-atrisk: #B91C1C;--segment-atrisk-bg: #FEE2E2;--segment-loyal: #0E4C75;--segment-loyal-bg: #CDE8F3;--segment-new: #047857;--segment-new-bg: #D1FAE5;--bg: #F6FAFD;--bg-0: #F6FAFD;--surface-1: #FFFFFF;--surface-2: #F1F6FA;--surface-3: #E7EFF6;--border: #E2E8F0;--border-strong: #CBD5E1;--fg-1: #0F172A;--fg-2: #334155;--fg-3: #64748B;--fg-inv: #FFFFFF;--font-sans-en: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;--font-sans-ar: "IBM Plex Sans Arabic", "Tajawal", "Segoe UI Arabic", "Geeza Pro", Tahoma, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--font-sans: var(--font-sans-en);--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--text-5xl: 48px;--lh-tight: 1.2;--lh-en: 1.6;--lh-ar: 1.5;--lh-body: 1.6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(14, 76, 117, .06);--shadow-sm: 0 2px 4px rgba(14, 76, 117, .06), 0 1px 2px rgba(14, 76, 117, .04);--shadow-md: 0 6px 16px -4px rgba(14, 76, 117, .1), 0 2px 6px -2px rgba(14, 76, 117, .05);--shadow-lg: 0 18px 40px -12px rgba(14, 76, 117, .18), 0 4px 12px -4px rgba(14, 76, 117, .08);--shadow-xl: 0 32px 64px -16px rgba(14, 76, 117, .22);--shadow-focus: 0 0 0 3px rgba(0, 168, 204, .28);--shadow-ai: 0 10px 28px -8px rgba(139, 92, 246, .35), 0 0 0 1px rgba(139, 92, 246, .18);--ease-out: cubic-bezier(.22,.61,.36,1);--ease-in-out: cubic-bezier(.65,0,.35,1);--dur-fast: .15s;--dur-med: .24s;--dur-slow: .36s}.dark,[data-theme=dark]{--bg: #0A1929;--bg-0: #0A1929;--surface-1: #0F2236;--surface-2: #132B42;--surface-3: #183551;--border: #1E3A56;--border-strong: #2A4C6E;--fg-1: #E6EEF7;--fg-2: #A7B8CC;--fg-3: #7C8FA5;--primary-600: #3AA6D8;--shadow-md: 0 6px 16px -4px rgba(0,0,0,.4), 0 2px 6px -2px rgba(0,0,0,.35);--shadow-lg: 0 18px 40px -12px rgba(0,0,0,.55)}[dir=rtl]{--font-sans: var(--font-sans-ar);--lh-body: var(--lh-ar)}[dir=ltr]{--font-sans: var(--font-sans-en);--lh-body: var(--lh-en)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;font-family:var(--font-sans);color:var(--fg-1);background:var(--bg);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.h-display{font-size:var(--text-5xl);font-weight:700;line-height:var(--lh-tight);letter-spacing:-.02em}.h1{font-size:var(--text-4xl);font-weight:700;line-height:1.15;letter-spacing:-.015em}.h2{font-size:var(--text-3xl);font-weight:700;line-height:1.2;letter-spacing:-.01em}.h3{font-size:var(--text-2xl);font-weight:600;line-height:1.25}.h4{font-size:var(--text-xl);font-weight:600;line-height:1.3}.h5{font-size:var(--text-lg);font-weight:600;line-height:1.4}.body-lg{font-size:var(--text-lg);line-height:var(--lh-body)}.body{font-size:var(--text-base);line-height:var(--lh-body)}.body-sm{font-size:var(--text-sm);line-height:1.5}.caption{font-size:var(--text-xs);line-height:1.4;color:var(--fg-3);letter-spacing:.02em}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}.ai-glow{box-shadow:var(--shadow-ai)}.ai-gradient-text{background:var(--ai-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes naqi-spin{to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes naqi-pulse{0%,to{box-shadow:0 0 #00a8cc8c}50%{box-shadow:0 0 0 8px #00a8cc00}}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--live-pulse);animation:naqi-pulse 1.8s var(--ease-in-out) infinite}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}@media (prefers-reduced-motion: reduce){.live-dot{animation:none}*{transition:none!important;animation:none!important}}@media (max-width: 768px){[data-siderail]{position:fixed!important;inset-block:0;inset-inline-start:-220px;z-index:50;transition:inset-inline-start .25s ease!important;box-shadow:none}[data-siderail-open] [data-siderail]{inset-inline-start:0;box-shadow:4px 0 24px #00000026}[data-shell-main]{margin-inline-start:0!important;width:100%!important}[data-hamburger]{display:flex!important}[data-grid-4],[data-grid-3],[data-grid-2]{grid-template-columns:1fr!important}h1{font-size:clamp(22px,6vw,36px)!important}[data-page-padding]{padding:16px!important}[data-table-col-hide]{display:none!important}header{padding:0 12px!important;gap:8px!important}[data-notif-panel]{width:calc(100vw - 24px)!important;inset-inline-end:0!important}}@media (max-width: 480px){[data-kpi-strip]{grid-template-columns:repeat(2,1fr)!important}}