:root,[data-theme=light]{--saleaah-purple:#A09EFB;--saleaah-purple-light:#C4BBFD;--saleaah-purple-dark:#7C6EE6;--saleaah-dark:#231F20;--saleaah-bg:#F9FAFB;--saleaah-surface:#FFFFFF;--saleaah-surface-raised:#F3F4F6;--saleaah-border:rgba(0,0,0,0.04);--saleaah-border-strong:#E5E7EB;--saleaah-text-primary:#111827;--saleaah-text-secondary:#4B5563;--saleaah-text-muted:#9CA3AF;--saleaah-success:#16A34A;--saleaah-success-bg:#DCFCE7;--saleaah-success-border:rgba(22,163,74,0.2);--saleaah-warning:#D97706;--saleaah-warning-bg:#FEF3C7;--saleaah-warning-border:rgba(217,119,6,0.2);--saleaah-error:#DC2626;--saleaah-error-bg:#FEE2E2;--saleaah-error-border:rgba(220,38,38,0.2);--saleaah-info:#2563EB;--saleaah-info-bg:#DBEAFE;--saleaah-info-border:rgba(37,99,235,0.2);--badge-success-color:#16A34A;--badge-success-bg:#DCFCE7;--badge-warning-color:#D97706;--badge-warning-bg:#FEF3C7;--badge-error-color:#DC2626;--badge-error-bg:#FEE2E2;--badge-info-color:#2563EB;--badge-info-bg:#DBEAFE;--badge-purple-color:#A093F9;--badge-purple-bg:rgba(160,147,249,0.12);--badge-default-color:#6B7280;--badge-default-bg:#F3F4F6;--saleaah-row-hover:#FAF9FF;--saleaah-btn-primary-shadow:rgba(160,147,249,0.35);--saleaah-btn-hover-shadow:rgba(160,147,249,0.5);--saleaah-chart-cursor:rgba(160,147,249,0.06);--saleaah-glow:rgba(160,147,249,0.15);--saleaah-glow-strong:rgba(160,147,249,0.3);--saleaah-sidebar-bg:#FFFFFF;--saleaah-sidebar-border:#E7E2F5;--saleaah-sidebar-active-bg:rgba(160,147,249,0.10);--saleaah-sidebar-hover-bg:rgba(160,147,249,0.05);--sidebar-width:260px;--header-height:64px;--card-shadow:0 4px 24px rgba(0,0,0,0.03),0 1px 2px rgba(0,0,0,0.02);--card-shadow-hover:0 10px 30px rgba(160,147,249,0.08),0 4px 10px rgba(0,0,0,0.04);--dropdown-shadow:0 8px 32px rgba(0,0,0,0.10),0 2px 8px rgba(160,147,249,0.08);--saleaah-hero-gradient:linear-gradient(135deg,#7C6EE6,#A093F9);--saleaah-hero-text-primary:#FFFFFF;--saleaah-hero-text-secondary:rgba(255,255,255,0.9);--saleaah-hero-text-muted:rgba(255,255,255,0.75);--saleaah-pattern-color:rgba(160,147,249,0.14);--saleaah-panel:rgba(255,255,255,0.72);--header-bg:#A093F9;--header-text:#FFFFFF;--header-muted:rgba(255,255,255,0.72);--header-border:rgba(255,255,255,0.22);--header-icon-bg:rgba(255,255,255,0.14);--header-icon-hover-bg:rgba(255,255,255,0.24);--app-header-bg:var(--header-bg);--app-header-text:var(--header-text);--app-header-border:var(--header-border);--sidebar-brand-bg:var(--header-bg);--sidebar-active-bg:rgba(160,147,249,0.11);--sidebar-active-text:#7C6EE6;--sidebar-active-border:#A093F9}[data-theme=dark]{--saleaah-purple:#A093F9;--saleaah-purple-light:#B4AAFF;--saleaah-purple-dark:#8B7EF0;--saleaah-dark:#F8F7FF;--saleaah-bg:#0A0A0E;--saleaah-surface:#12121A;--saleaah-surface-raised:#1A1A24;--saleaah-border:rgba(255,255,255,0.04);--saleaah-border-strong:rgba(255,255,255,0.08);--saleaah-text-primary:#F0EEFF;--saleaah-text-secondary:#B9B3C9;--saleaah-text-muted:#6B688A;--saleaah-success:#4ADE80;--saleaah-success-bg:rgba(74,222,128,0.12);--saleaah-success-border:rgba(74,222,128,0.25);--saleaah-warning:#FBBF24;--saleaah-warning-bg:rgba(251,191,36,0.12);--saleaah-warning-border:rgba(251,191,36,0.25);--saleaah-error:#F87171;--saleaah-error-bg:rgba(248,113,113,0.12);--saleaah-error-border:rgba(248,113,113,0.25);--saleaah-info:#60A5FA;--saleaah-info-bg:rgba(96,165,250,0.12);--saleaah-info-border:rgba(96,165,250,0.25);--badge-success-color:#4ADE80;--badge-success-bg:rgba(74,222,128,0.12);--badge-warning-color:#FBBF24;--badge-warning-bg:rgba(251,191,36,0.12);--badge-error-color:#F87171;--badge-error-bg:rgba(248,113,113,0.12);--badge-info-color:#60A5FA;--badge-info-bg:rgba(96,165,250,0.12);--badge-purple-color:#B4AAFF;--badge-purple-bg:rgba(160,147,249,0.20);--badge-default-color:#9CA3AF;--badge-default-bg:rgba(156,163,175,0.12);--saleaah-row-hover:rgba(160,147,249,0.07);--saleaah-btn-primary-shadow:rgba(160,147,249,0.25);--saleaah-btn-hover-shadow:rgba(160,147,249,0.40);--saleaah-chart-cursor:rgba(160,147,249,0.10);--saleaah-glow:rgba(160,147,249,0.12);--saleaah-glow-strong:rgba(160,147,249,0.25);--saleaah-sidebar-bg:#1C1826;--saleaah-sidebar-border:rgba(160,147,249,0.14);--saleaah-sidebar-active-bg:rgba(160,147,249,0.16);--saleaah-sidebar-hover-bg:rgba(160,147,249,0.08);--sidebar-width:260px;--header-height:64px;--card-shadow:0 1px 0 rgba(160,147,249,0.04),0 2px 10px rgba(0,0,0,0.20);--card-shadow-hover:0 0 0 1px rgba(160,147,249,0.15),0 8px 24px rgba(0,0,0,0.30);--dropdown-shadow:0 8px 40px rgba(0,0,0,0.50),0 2px 8px rgba(160,147,249,0.12);--saleaah-hero-gradient:linear-gradient(135deg,#443799,#7C6EE6);--saleaah-hero-text-primary:#FFFFFF;--saleaah-hero-text-secondary:rgba(255,255,255,0.9);--saleaah-hero-text-muted:rgba(255,255,255,0.75);--saleaah-pattern-color:rgba(180,170,255,0.13);--saleaah-panel:rgba(42,36,53,0.70);--header-bg:#0A0A0E;--header-text:#F0EEFF;--header-muted:#B9B3C9;--header-border:rgba(255,255,255,0.04);--header-icon-bg:rgba(160,147,249,0.1);--header-icon-hover-bg:rgba(160,147,249,0.2);--app-header-bg:var(--header-bg);--app-header-text:var(--header-text);--app-header-border:var(--header-border);--sidebar-brand-bg:var(--header-bg);--sidebar-active-bg:rgba(160,147,249,0.15);--sidebar-active-text:#B4AAFF;--sidebar-active-border:#A093F9}*,:after,:before{margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100%;background-color:var(--saleaah-bg);color:var(--saleaah-text-primary);font-family:var(--font-ui,"Hanken Grotesk",system-ui,sans-serif);font-size:14px;-moz-osx-font-smoothing:grayscale;transition:background-color .25s ease,color .25s ease}[dir=rtl] body{font-family:var(--font-arabic,"IBM Plex Sans Arabic","Segoe UI",sans-serif)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--saleaah-bg)}::-webkit-scrollbar-thumb{background:var(--saleaah-border-strong,var(--saleaah-border));border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--saleaah-purple)}:focus-visible{outline:2px solid var(--saleaah-purple);outline-offset:2px}::selection{background:var(--saleaah-purple-light);color:var(--saleaah-dark)}:root{--bs-primary:#A09EFB;--bs-primary-rgb:160,158,251;--bs-body-font-family:"Hanken Grotesk",system-ui,sans-serif;--bs-body-bg:#F2EDE3;--bs-body-color:#1E1A2E;--bs-border-color:#DDD8CE;--bs-border-radius:8px;--bs-border-radius-sm:6px;--bs-border-radius-lg:12px;--bs-border-radius-pill:999px;--bs-link-color:#A09EFB;--bs-link-hover-color:#6B5FAF;--color-periwinkle:#A09EFB;--color-violet:#6B5FAF;--color-deep-violet:#3A3070;--color-antique-gold:#B89A52;--color-espresso-ink:#1E1A2E;--color-sand:#F2EDE3;--color-bg-page:#F2EDE3;--color-bg-surface:#FFFCF6;--color-bg-surface-alt:#F7F4EE;--color-bg-sidebar:#1E1A2E;--color-bg-header:#FFFFFF;--color-bg-kpi-banner:#3A3070;--color-text-primary:#1E1A2E;--color-text-secondary:#4A445A;--color-text-muted:#7A748A;--color-text-inverse:#FFFFFF;--color-text-sidebar:rgba(255,255,255,0.70);--color-text-sidebar-active:#FFFFFF;--color-accent-primary:#A09EFB;--color-accent-secondary:#6B5FAF;--color-accent-deep:#3A3070;--color-accent-gold:#B89A52;--color-border:#DDD8CE;--color-border-subtle:#EAE6DC;--color-border-table:#EAE6DC;--color-status-paid:#3DAA6E;--color-status-pending:#E5A020;--color-status-review:#5B8DD9;--color-status-danger:#D95B3A;--color-status-processing:#9B8FD4;--color-status-paid-bg:rgba(61,170,110,0.10);--color-status-pending-bg:rgba(229,160,32,0.10);--color-status-review-bg:rgba(91,141,217,0.10);--color-status-danger-bg:rgba(217,91,58,0.10);--color-status-processing-bg:rgba(155,143,212,0.12);--font-display:Georgia,"Times New Roman",serif;--font-ui:"Hanken Grotesk",system-ui,sans-serif;--font-mono:"IBM Plex Mono","Courier New",monospace;--font-arabic:"IBM Plex Sans Arabic","Segoe UI",sans-serif;--text-kpi-hero:3.25rem;--text-kpi-sub:1.75rem;--text-kpi-card:1.625rem;--text-page-title:1.375rem;--text-section-h:1rem;--text-card-title:0.875rem;--text-body:0.875rem;--text-body-sm:0.8125rem;--text-caption:0.75rem;--text-eyebrow:0.6875rem;--text-mono-md:0.875rem;--text-mono-sm:0.8125rem;--radius-xs:2px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--shadow-none:none;--shadow-xs:0 1px 2px rgba(30,26,46,0.05);--shadow-sm:0 1px 4px rgba(30,26,46,0.08),0 1px 2px rgba(30,26,46,0.04);--shadow-md:0 4px 12px rgba(30,26,46,0.10),0 1px 3px rgba(30,26,46,0.05);--shadow-focus:0 0 0 3px rgba(160,158,251,0.25);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--sidebar-width:250px;--topbar-height:68px;--page-padding-x:24px;--page-padding-y:20px;--card-gap:16px;--section-gap:20px;--z-base:1;--z-card:10;--z-topbar:100;--z-sidebar:200;--z-modal:300;--z-toast:400;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease}[data-theme=dark]{--color-bg-page:#1E1A2E;--color-bg-surface:#26213A;--color-bg-surface-alt:#2F2A46;--color-bg-sidebar:#141120;--color-bg-header:#1E1A2E;--color-bg-kpi-banner:#2A2358;--color-text-primary:#F2EDE3;--color-text-secondary:#C5BFD4;--color-text-muted:#8A84A0;--color-text-inverse:#1E1A2E;--color-text-sidebar:rgba(242,237,227,0.65);--color-text-sidebar-active:#F2EDE3;--color-accent-secondary:#7B6FC0;--color-accent-deep:#5A4FA0;--color-border:#3A3555;--color-border-subtle:#2E2A44;--color-border-table:#2E2A44;--color-status-paid-bg:rgba(61,170,110,0.15);--color-status-pending-bg:rgba(229,160,32,0.15);--color-status-review-bg:rgba(91,141,217,0.15);--color-status-danger-bg:rgba(217,91,58,0.15);--color-status-processing-bg:rgba(155,143,212,0.15)}*,:after,:before{box-sizing:border-box}body{font-family:var(--font-ui);font-size:var(--text-body);background-color:var(--color-bg-page);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;margin:0}a{color:var(--color-accent-primary);text-decoration:none}a:hover{color:var(--color-accent-secondary)}:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.dashboard-shell{display:flex;min-height:100vh;background-color:var(--color-bg-page)}.main-wrapper{margin-left:var(--sidebar-width);flex:1 1;min-width:0;display:flex;flex-direction:column}.page-content{padding:var(--page-padding-y) var(--page-padding-x);flex:1 1}.sidebar-brand{width:var(--sidebar-width);height:100vh;background-color:var(--color-bg-sidebar);position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;padding:12px 6px 6px;overflow:hidden;z-index:var(--z-sidebar)}.sidebar-logo{padding:0 4px 16px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-logo img{height:38px!important;width:auto}.sidebar-nav-scroll{flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden;margin-right:-4px;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}.sidebar-nav-scroll::-webkit-scrollbar{width:4px}.sidebar-nav-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-nav-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.28);border-radius:4px}.sidebar-nav-scroll::-webkit-scrollbar-thumb:hover{background:rgba(160,158,251,.65)}.sidebar-section-label{font-family:var(--font-ui);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.4);padding:0 8px;margin-top:20px;margin-bottom:6px}.sidebar-nav{list-style:none;padding:0;margin:0}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-body);font-weight:500;color:rgba(255,255,255,.7);text-decoration:none;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.sidebar-nav-item:hover{background-color:rgba(255,255,255,.06);color:#FFFFFF}.sidebar-nav-item.active{background-color:rgba(255,255,255,.12);color:#FFFFFF;font-weight:600}.sidebar-nav-item.active .sidebar-icon{color:var(--color-accent-primary)}.sidebar-nav-badge{margin-left:auto;background:rgba(255,255,255,.15);color:rgba(255,255,255,.9);font-family:var(--font-ui);font-size:10px;font-weight:600;padding:2px 6px;border-radius:var(--radius-pill);line-height:1.4}.sidebar-user-block{margin-top:12px;padding:12px 4px;border-top:1px solid rgba(255,255,255,.08);gap:10px}.sidebar-avatar,.sidebar-user-block{display:flex;align-items:center;flex-shrink:0}.sidebar-avatar{width:32px;height:32px;border-radius:25%;background-color:var(--color-accent-deep);color:var(--color-accent-primary);border:1px solid rgba(160,158,251,.3);font-family:var(--font-ui);font-size:12px;font-weight:700;justify-content:center}.sidebar-user-name{font-size:13px;font-weight:600;color:#FFFFFF}.sidebar-user-name,.sidebar-user-role{font-family:var(--font-ui);line-height:1.2}.sidebar-user-role{font-size:11px;color:rgba(255,255,255,.5)}.topbar-brand{height:var(--topbar-height);background-color:var(--color-bg-page);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--page-padding-x);position:sticky;top:0;z-index:var(--z-topbar);gap:16px}.topbar-title-group{display:flex;flex-direction:column;justify-content:center}.topbar-title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--color-text-primary);line-height:1.1;margin:0}.topbar-subtitle{font-family:var(--font-ui);font-size:13px;color:var(--color-text-muted);margin:0;line-height:1.4}.topbar-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.topbar-lang-btn{font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--color-text-secondary);border:1px solid var(--color-border);background:var(--color-bg-surface);border-radius:var(--radius-lg);padding:7px 12px;cursor:pointer;transition:background var(--transition-fast)}.topbar-lang-btn:hover{background-color:var(--color-bg-surface-alt)}.topbar-icon-btn{background:var(--color-bg-surface);border:1px solid var(--color-border);padding:8px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background var(--transition-fast)}.topbar-icon-btn:hover{color:var(--color-text-primary);background-color:var(--color-bg-surface-alt)}.topbar-user{display:flex;align-items:center;gap:8px;cursor:pointer;border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:6px 14px 6px 6px;background-color:var(--color-bg-surface)}.topbar-user .sidebar-avatar{width:32px;height:32px;font-size:12px;border-radius:50%}.topbar-user-name{font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--color-text-primary);line-height:1.1}.topbar-user-role{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;color:var(--color-text-muted);line-height:1.2}.kpi-banner{background-color:var(--color-bg-kpi-banner);background-image:linear-gradient(135deg,#2D235C,#1A133B);border-radius:var(--radius-lg);padding:32px 36px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:var(--section-gap)}.kpi-banner:before{content:"";position:absolute;inset:0;pointer-events:none}.kpi-banner-main{flex:1 1;min-width:0;position:relative;z-index:1}.kpi-banner-label{font-family:var(--font-ui);font-size:var(--text-eyebrow);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:6px}.kpi-banner-amount{font-family:var(--font-display);font-size:56px;font-weight:700;color:#FFFFFF;line-height:1;margin-bottom:16px;letter-spacing:-1px}.kpi-banner-growth-chip{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.15);color:#FFFFFF;font-family:var(--font-ui);font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--radius-pill);margin-right:10px}.kpi-banner-growth-dot{width:6px;height:6px;border-radius:50%;background-color:#3DAA6E;flex-shrink:0}.kpi-banner-supporting{font-family:var(--font-ui);font-size:var(--text-body-sm);color:rgba(255,255,255,.55)}.kpi-banner-secondary{display:flex;gap:32px;align-items:center;position:relative;z-index:1;flex-shrink:0}.kpi-banner-secondary-label{font-family:var(--font-ui);font-size:var(--text-eyebrow);font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:4px}.kpi-banner-secondary-amount{font-family:var(--font-display);font-size:26px;font-weight:700;color:#FFFFFF;line-height:1.1;letter-spacing:-.5px}.kpi-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px 24px;position:relative;display:flex;flex-direction:column;gap:8px;min-height:110px}.kpi-card-icon{position:absolute;top:14px;right:14px;color:var(--color-text-muted);opacity:.6}.kpi-card-label{font-family:var(--font-ui);font-size:var(--text-eyebrow);font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-muted)}.kpi-card-number{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--color-text-primary);line-height:1}.kpi-card-support{font-family:var(--font-ui);font-size:var(--text-caption);color:var(--color-text-muted);line-height:1.4}.chart-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px}.chart-card-title{font-family:var(--font-ui);font-size:var(--text-section-h);font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.chart-card-subtitle{margin-bottom:16px}.chart-card-subtitle,.chart-legend{font-family:var(--font-ui);font-size:var(--text-caption);color:var(--color-text-muted)}.chart-legend{display:flex;align-items:center;gap:6px;margin-top:12px}.chart-legend-line{width:20px;height:2px;background-color:var(--color-accent-primary);border-radius:2px;flex-shrink:0}.chart-date-range{font-family:var(--font-ui);font-size:var(--text-caption);color:var(--color-text-muted);text-align:right;margin-top:8px}.donut-legend{display:flex;flex-direction:column;gap:10px}.donut-legend-item{display:flex;align-items:center;gap:8px;font-family:var(--font-ui);font-size:var(--text-body-sm)}.donut-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.donut-legend-count{font-weight:700;color:var(--color-text-primary);min-width:20px}.donut-legend-label{color:var(--color-text-muted)}.data-table-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.data-table-header{display:flex;align-items:baseline;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--color-border);gap:12px}.data-table-title{font-family:var(--font-ui);font-size:var(--text-section-h);font-weight:600;color:var(--color-text-primary)}.data-table-title-tag{font-family:var(--font-mono);color:var(--color-text-muted);margin-left:6px}.btn-view-all,.data-table-title-tag{font-size:var(--text-caption);font-weight:500}.btn-view-all{font-family:var(--font-ui);color:var(--color-text-secondary);background:var(--color-bg-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 12px;cursor:pointer;transition:background var(--transition-fast);text-decoration:none;white-space:nowrap}.btn-view-all:hover{background-color:var(--color-border-subtle);color:var(--color-text-primary)}.data-table{width:100%;border-collapse:collapse}.data-table th{font-family:var(--font-ui);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);padding:6px 16px;text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap}.data-table td{font-family:var(--font-ui);font-size:13px;color:var(--color-text-primary);padding:8px 16px;border-bottom:1px solid var(--color-border-table);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table .col-amount{font-family:var(--font-mono);font-size:var(--text-mono-md);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.data-table .col-reason{font-family:var(--font-ui);font-size:var(--text-body-sm);color:var(--color-text-muted)}.restaurant-cell{display:flex;align-items:center;gap:10px}.restaurant-avatar{width:28px;height:28px;border-radius:50%;background-color:var(--color-accent-primary);color:#FFFFFF;font-family:var(--font-ui);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-transform:uppercase}.restaurant-name{font-weight:500}.badge-status{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-ui);font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-pill);white-space:nowrap;line-height:1}.badge-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge-pending{background:var(--color-status-pending-bg);color:#A06A00}.badge-pending .badge-status-dot{background:var(--color-status-pending)}.badge-approved{background:var(--color-status-paid-bg);color:#1F7845}.badge-approved .badge-status-dot{background:var(--color-status-paid)}.badge-review{background:var(--color-status-review-bg);color:#2A5CA0}.badge-review .badge-status-dot{background:var(--color-status-review)}.badge-processing{background:var(--color-status-processing-bg);color:#5A4FA0}.badge-processing .badge-status-dot{background:var(--color-status-processing)}.badge-high-risk{background:var(--color-status-danger-bg);color:#A03010}.badge-high-risk .badge-status-dot{background:var(--color-status-danger)}.badge-paid{background:var(--color-status-paid-bg);color:#1F7845}.badge-paid .badge-status-dot{background:var(--color-status-paid)}.badge-rejected{background:var(--color-status-danger-bg);color:#A03010}.badge-rejected .badge-status-dot{background:var(--color-status-danger)}.activity-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px 20px}.activity-card-title{font-family:var(--font-ui);font-size:var(--text-section-h);font-weight:600;color:var(--color-text-primary)}.activity-card-title em{font-family:var(--font-display);font-style:italic;font-weight:700}.activity-card-subtitle{font-family:var(--font-ui);font-size:var(--text-caption);color:var(--color-text-muted);margin-left:4px}.activity-list{list-style:none;margin:8px 0 0;padding:0}.activity-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--color-border-subtle);gap:12px}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-left{display:flex;align-items:center;gap:10px;flex:1 1}.activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.activity-dot-blue{background-color:var(--color-accent-primary)}.activity-dot-red{background-color:var(--color-status-danger)}.activity-dot-amber{background-color:var(--color-status-pending)}.activity-dot-green{background-color:var(--color-status-paid)}.activity-text{font-size:var(--text-body);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis}.activity-text,.activity-time{font-family:var(--font-ui);white-space:nowrap}.activity-time{font-size:var(--text-caption);color:var(--color-text-muted);flex-shrink:0;text-align:right}.cr-page{padding:4px 0}.cr-banner{background:linear-gradient(135deg,#322554,#22173F);border-radius:12px;padding:28px 32px;display:flex;align-items:flex-start;justify-content:space-between;gap:32px;position:relative;overflow:hidden;margin-bottom:16px}.cr-banner-blob{position:absolute;border-radius:50%;pointer-events:none}.cr-banner-blob-1{top:-60px;right:-40px;width:260px;height:260px;background:radial-gradient(circle,rgba(160,158,251,.18) 0,transparent 70%)}.cr-banner-blob-2{bottom:-80px;left:30%;width:200px;height:200px;background:radial-gradient(circle,rgba(160,158,251,.1) 0,transparent 70%)}.cr-banner-left{flex:1 1;min-width:0;position:relative;z-index:1}.cr-banner-eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.45);margin:0 0 10px}.cr-banner-amount{font-size:52px;color:#FFFFFF;line-height:1;letter-spacing:-1.5px;margin-bottom:14px;display:flex;align-items:baseline;gap:4px}.cr-banner-amount,.cr-banner-sar-prefix{font-family:var(--font-display);font-weight:700}.cr-banner-sar-prefix{font-size:20px;color:rgba(255,255,255,.75);letter-spacing:0}.cr-banner-num{font-size:58px;color:#FFFFFF;letter-spacing:-2px;line-height:1}.cr-banner-num,.cr-stat-sar{font-family:var(--font-display);font-weight:700}.cr-stat-sar{font-size:14px;color:rgba(255,255,255,.65);letter-spacing:0}.cr-banner-chips{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cr-growth-chip{display:inline-flex;align-items:center;gap:5px;background:rgba(61,170,110,.15);border:none;color:#FFFFFF;font-family:var(--font-ui);font-size:11px;font-weight:600;padding:4px 12px;border-radius:999px}.cr-growth-dot{width:6px;height:6px;border-radius:50%;background:#3DAA6E;flex-shrink:0}.cr-banner-supporting{font-family:var(--font-ui);font-size:12px;color:rgba(255,255,255,.45)}.cr-banner-right{display:flex;align-items:flex-start;gap:28px;flex-shrink:0;position:relative;z-index:1;padding-top:2px}.cr-banner-stat{display:flex;flex-direction:column;gap:5px}.cr-banner-stat-label{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5)}.cr-banner-stat-value{font-family:var(--font-display);font-size:32px;font-weight:700;color:#FFFFFF;letter-spacing:-.5px;line-height:1;display:flex;align-items:baseline;gap:3px}.cr-banner-divider{width:1px;height:40px;background:rgba(255,255,255,.15);flex-shrink:0}.cr-kpi-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:10px;padding:18px 20px 16px;position:relative;display:flex;flex-direction:column;gap:5px;height:100%;min-height:108px}.cr-kpi-icon{position:absolute;top:16px;right:16px;opacity:.55}.cr-kpi-icon,.cr-kpi-label{color:var(--color-text-muted)}.cr-kpi-label{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;margin-bottom:2px}.cr-kpi-value{font-family:var(--font-display);font-size:36px;font-weight:700;color:var(--color-text-primary);line-height:1;letter-spacing:-.5px}.cr-kpi-helper{font-family:var(--font-ui);font-size:12px;color:var(--color-text-muted);line-height:1.4}.cr-kpi-helper-sar{font-family:var(--font-mono);font-size:11px;color:var(--color-accent-primary);font-weight:500}.cr-table-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:10px;overflow:hidden;height:100%}.cr-table-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 12px;border-bottom:1px solid var(--color-border);gap:8px}.cr-table-title{font-family:var(--font-ui);font-size:14px;font-weight:600;color:var(--color-text-primary);letter-spacing:-.1px}.cr-view-all{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-ui);font-size:11px;font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-surface-alt);border:1px solid var(--color-border);border-radius:999px;padding:3px 10px;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease;text-decoration:none}.cr-view-all:hover{background:var(--color-border-subtle);color:var(--color-text-primary)}.cr-table{width:100%;border-collapse:collapse}.cr-table th{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-muted);padding:7px 16px;white-space:nowrap;border-bottom:1px solid var(--color-border);background:var(--color-bg-surface-alt)}.cr-table td{font-family:var(--font-ui);font-size:13px;color:var(--color-text-primary);padding:9px 16px;border-bottom:1px solid var(--color-border-table);vertical-align:middle;white-space:nowrap}.cr-table tr:last-child td{border-bottom:none}.cr-table tbody tr{transition:background .12s ease}.cr-table tbody tr:hover{background:var(--color-bg-surface-alt)}.cr-mono{font-family:var(--font-mono);font-size:12.5px;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cr-restaurant-cell{gap:9px}.cr-avatar,.cr-restaurant-cell{display:flex;align-items:center}.cr-avatar{width:26px;height:26px;border-radius:50%;background:rgba(160,158,251,.15);color:var(--color-accent-primary);font-family:var(--font-ui);font-size:10px;font-weight:700;justify-content:center;flex-shrink:0;text-transform:uppercase}.cr-restaurant-name{font-weight:500;font-size:13px}.cr-reason{font-size:12px;color:var(--color-text-secondary);white-space:normal;max-width:200px;line-height:1.35}.cr-page .chart-card{border-radius:10px;padding:16px 18px 12px}.cr-page .chart-card-title{font-size:14px;font-weight:600;margin-bottom:1px}.cr-page .chart-card-subtitle{font-size:11px;margin-bottom:12px}.cr-page .activity-card{border-radius:10px;padding:14px 20px 8px}.cr-page .activity-card-title{font-size:15px;font-weight:600}.cr-page .activity-item{padding:9px 0}.cr-page .activity-dot{width:7px;height:7px}.cr-page .activity-text{font-size:13px}.cr-page .activity-time{font-size:11px;min-width:60px}.main-wrapper{margin-left:0!important;margin-inline-start:var(--sidebar-width)!important}@media (max-width:1023px){.dashboard-shell{display:block;width:100%;min-width:0}.main-wrapper{margin-left:0!important;margin-right:0!important;margin-inline-start:0!important;margin-inline-end:0!important;width:100%!important;max-width:100%!important;min-width:0!important}.topbar-brand{width:100%;max-width:100%;left:0;right:0}.page-content{width:100%;max-width:100%;min-width:0}.dashboard-shell>.sidebar-brand{display:none!important}}.cr-page,.page-content{overflow-x:hidden}@media (max-width:1023px){.cr-banner{flex-direction:column;align-items:stretch;padding:24px 24px 20px;gap:20px}.cr-banner-right{flex-direction:row;flex-wrap:wrap;gap:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);align-items:flex-start}.cr-banner-divider{display:none}.cr-banner-stat{flex-grow:1;flex-shrink:1;flex-basis:calc(33.333% - 20px);min-width:110px}}@media (max-width:480px){.cr-banner{padding:20px 16px 16px}.cr-banner-right{gap:16px}.cr-banner-stat{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 16px)}.cr-banner-num{font-size:44px;letter-spacing:-1px}.cr-banner-sar-prefix{font-size:16px}.cr-banner-stat-value{font-size:24px}.cr-banner-stat-value .cr-stat-sar{font-size:11px}}@media (max-width:360px){.cr-kpi-value{font-size:28px}.cr-banner-num{font-size:36px}}@media (max-width:767px){.cr-page .chart-card>div:last-child{min-height:200px}}@media (max-width:480px){.cr-page .chart-card{padding:12px 12px 8px}}@media (max-width:1023px){.topbar-brand{padding:0 16px}.topbar-actions{gap:8px}.topbar-icon-btn,.topbar-lang-btn,.topbar-user{height:36px;padding:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.topbar-icon-btn{width:36px}.topbar-lang-btn{padding:0 10px;font-size:12px}.topbar-user{width:36px;border-radius:50%}.topbar-user .sidebar-avatar{width:30px;height:30px}}.activity-left,.activity-text{min-width:0}[data-theme=dark] .badge-pending{background:var(--color-status-pending-bg);color:#E5A020}[data-theme=dark] .badge-approved,[data-theme=dark] .badge-paid{background:var(--color-status-paid-bg);color:#3DAA6E}[data-theme=dark] .badge-review{background:var(--color-status-review-bg);color:#5B8DD9}[data-theme=dark] .badge-high-risk,[data-theme=dark] .badge-rejected{background:var(--color-status-danger-bg);color:#D95B3A}[data-theme=dark] .badge-processing{background:var(--color-status-processing-bg);color:#A09EFB}[data-theme=dark] .cr-table th{background:var(--color-bg-surface-alt)}[dir=rtl] .sidebar-brand{left:auto;right:0}[dir=rtl] .sidebar-nav-badge{margin-left:0;margin-right:auto}[dir=rtl] .sidebar-section-label,[dir=rtl] .topbar-title-group{text-align:right}[dir=rtl] .activity-time{text-align:left}[dir=rtl] .cr-table td,[dir=rtl] .cr-table td[style*="text-align: right"],[dir=rtl] .cr-table th,[dir=rtl] .cr-table th[style*="text-align: right"]{text-align:right}[dir=rtl] .cr-banner-chips{flex-direction:row-reverse}[dir=rtl] .cr-kpi-icon{right:auto;left:16px}[dir=rtl] .cr-banner-stat-value{flex-direction:row-reverse}[dir=rtl] .cr-banner-left{text-align:right}[dir=rtl] .cr-banner-amount{flex-direction:row-reverse;justify-content:flex-end}[dir=rtl] .cr-banner-stat-label,[dir=rtl] .cr-kpi-helper,[dir=rtl] .cr-kpi-label{text-align:right}[dir=rtl] .cr-restaurant-cell{flex-direction:row-reverse}[dir=rtl] .cr-table td[style*="text-align: left"],[dir=rtl] .cr-table th[style*="text-align: left"]{text-align:left}[dir=rtl] .cr-banner-chips{justify-content:flex-end}.login-brand-panel{display:none!important}@media (min-width:1024px){.login-brand-panel{display:flex!important}}.login-shell{display:flex;min-height:100vh;width:100%;background-color:var(--color-bg-page);position:relative;overflow:hidden}.login-container{display:flex;flex:1 1;width:100%;z-index:1}.login-form-side{flex:1 1 100%;display:flex;flex-direction:column;background-color:var(--color-bg-page);border-inline-end:1px solid var(--color-border);position:relative;transition:all .3s ease}.login-page-actions{position:absolute;top:24px;inset-inline-end:32px;display:flex;justify-content:flex-end;align-items:center;z-index:100}@media (max-width:768px){.login-page-actions{top:16px;inset-inline-end:16px}}.login-page-actions .btn-action{height:36px;min-width:40px;padding:0 10px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg-page);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-ui);font-size:12px;font-weight:700;display:grid;place-items:center;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.03)}.login-page-actions .btn-action:hover{background:var(--color-bg-surface-alt)}.login-center-wrapper{margin:auto;width:100%;max-width:440px;padding:40px 24px}.login-card,.login-center-wrapper{display:flex;flex-direction:column;gap:32px}.login-card{position:relative;background-color:var(--color-bg-surface);padding:40px;box-shadow:var(--card-shadow);transition:background-color .3s ease,border-color .3s ease;z-index:2}.login-card,.login-card:before{border:1px solid var(--color-border);border-radius:var(--radius-lg)}.login-card:before{content:"";position:absolute;top:12px;inset-inline-start:-12px;inset-inline-end:-12px;bottom:-12px;background:transparent;z-index:-1;opacity:.5;pointer-events:none}.login-ledger-strip{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-top:-16px}.login-ledger-dot{width:6px;height:6px;background-color:var(--color-periwinkle);border-radius:50%;display:inline-block;box-shadow:0 0 6px var(--color-periwinkle)}.login-trust-indicators{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding-top:16px;border-top:1px dashed var(--color-border)}.trust-item{display:flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:12px;color:var(--color-text-secondary)}.trust-item svg{color:var(--color-status-paid-text,#3DAA6E)}.login-logo-wrapper{display:flex;justify-content:center;margin-bottom:8px}.login-logo-wrapper>div{width:160px}.login-title-section{text-align:center}.login-title{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--color-text-primary);margin-bottom:8px;letter-spacing:-.5px}.login-subtitle{font-family:var(--font-ui);font-size:15px;color:var(--color-text-secondary)}.login-form{display:flex;flex-direction:column;gap:20px}.login-form-label{display:block;font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.login-input-wrapper{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;inset-inline-start:14px;color:var(--color-text-muted);transition:color .2s ease;display:flex;pointer-events:none}.login-input-wrapper:focus-within .login-input-icon{color:var(--color-periwinkle)}.login-input{width:100%;padding:11px 14px;padding-inline-start:42px;font-size:14px;font-family:var(--font-ui);color:var(--color-text-primary);background:var(--color-bg-page);border:1.5px solid var(--color-border);border-radius:10px;outline:none;transition:all .2s ease}.login-input:focus{background:var(--color-bg-surface-alt);border-color:var(--color-periwinkle);box-shadow:0 0 0 3px rgba(160,158,251,.12)}.login-pwd-toggle{position:absolute;inset-inline-end:12px;background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;padding:4px}.login-pwd-toggle:hover{color:var(--color-text-primary)}.login-error{padding:12px;background:var(--color-status-danger-bg);border:1px solid rgba(217,91,58,.2);border-radius:10px;font-size:13px;color:#D93B3A;font-weight:500}.login-error,.login-submit-btn{font-family:var(--font-ui);display:flex;align-items:center;gap:8px}.login-submit-btn{width:100%;padding:14px;font-size:15px;font-weight:600;color:#fff;background:var(--color-periwinkle);border:none;border-radius:10px;cursor:pointer;justify-content:center;transition:all .2s ease;box-shadow:0 4px 14px rgba(160,158,251,.4)}.login-submit-btn:hover:not(:disabled){background:var(--color-violet);transform:translateY(-1px)}.login-submit-btn:disabled{background:var(--color-border);box-shadow:none;cursor:not-allowed}.login-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.login-demo-section{margin-top:24px}.login-demo-label{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;text-align:center}.login-demo-list{display:flex;flex-direction:column;gap:10px}.login-demo-card{width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--color-bg-page);border:1.5px solid var(--color-border);border-radius:10px;cursor:pointer;font-family:var(--font-ui);transition:all .18s ease}.login-demo-card:not(:disabled):hover{transform:translateY(-1px)}.login-demo-icon{font-size:18px;line-height:1}.login-demo-info{flex:1 1;text-align:start}.login-demo-title{font-size:13px;font-weight:600;color:var(--color-text-primary)}.login-demo-email{font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted)}.login-demo-card.selected-purple{background:rgba(160,158,251,.12);border-color:var(--color-periwinkle);box-shadow:0 2px 8px rgba(160,158,251,.15)}.login-demo-card.selected-purple .login-demo-title{color:var(--color-periwinkle)}.login-demo-card.selected-info{background:rgba(91,141,217,.12);border-color:var(--color-status-review-text,#5B8DD9);box-shadow:0 2px 8px rgba(91,141,217,.15)}.login-demo-card.selected-info .login-demo-title{color:#5B8DD9}.login-demo-card.selected-success{background:rgba(61,170,110,.12);border-color:var(--color-status-paid-text,#3DAA6E);box-shadow:0 2px 8px rgba(61,170,110,.15)}.login-demo-card.selected-success .login-demo-title{color:#3DAA6E}.login-demo-badge{font-family:var(--font-ui);font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px}.login-demo-card:disabled{opacity:.6;cursor:not-allowed}.login-brand-panel-new{display:none}@media (min-width:1024px){.login-form-side{flex:1 1 50%}.login-brand-panel-new{display:flex;flex:1 1 50%;background-color:var(--color-bg-surface-alt);position:relative;overflow:hidden;align-items:center;justify-content:center}.login-brand-panel-new:before{background:radial-gradient(circle at top right,rgba(160,158,251,.15) 0,transparent 60%),radial-gradient(circle at bottom left,rgba(160,158,251,.08) 0,transparent 60%)}.login-brand-panel-new:after,.login-brand-panel-new:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}.login-brand-panel-new:after{background-image:radial-gradient(circle,rgba(160,158,251,.1) 1px,transparent 0);background-size:28px 28px}}.login-brand-content{position:relative;z-index:1;text-align:center;padding:40px;max-width:500px;display:flex;flex-direction:column;align-items:center}.login-brand-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid rgba(160,158,251,.3);background:rgba(160,158,251,.08);border-radius:20px;font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-periwinkle);margin-bottom:24px}.chip-dot{width:6px;height:6px;background-color:var(--color-periwinkle);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(160,158,251,.4)}70%{box-shadow:0 0 0 6px rgba(160,158,251,0)}to{box-shadow:0 0 0 0 rgba(160,158,251,0)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.login-brand-title{font-family:var(--font-display);font-size:42px;font-weight:800;color:var(--color-text-primary);letter-spacing:-1.5px;line-height:1.1;margin-bottom:20px}.login-brand-title span{color:var(--color-periwinkle)}.login-brand-desc{font-family:var(--font-ui);font-size:18px;color:var(--color-text-secondary);line-height:1.6;font-weight:400}.login-feature-grid{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:start}.login-feature-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--card-shadow)}.login-feature-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center}.login-feature-title{font-family:var(--font-ui);font-size:14px;font-weight:700;color:var(--color-text-primary)}.login-feature-text{font-family:var(--font-ui);font-size:12px;color:var(--color-text-secondary)}.saleaah-card{background:var(--saleaah-surface);border:1px solid var(--saleaah-border);border-radius:18px;box-shadow:var(--card-shadow);transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.saleaah-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--saleaah-border)}.recharts-legend-item-text,.recharts-text{fill:var(--saleaah-text-secondary)!important;color:var(--saleaah-text-secondary)!important;font-family:Alexandria,Inter,system-ui,sans-serif!important;font-size:12px!important}.recharts-tooltip-wrapper{outline:none}.period-selector{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--saleaah-border);border-radius:8px;background:var(--saleaah-surface)}.period-selector button{border:0;border-radius:6px;min-height:30px;padding:6px 10px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;color:var(--saleaah-text-secondary);background:transparent}.period-selector button[data-active=true]{color:var(--saleaah-dark);background:var(--saleaah-purple)}[data-theme=dark] .period-selector button[data-active=true]{color:#151316}.detail-button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--saleaah-border);background:var(--saleaah-surface);color:var(--saleaah-text-primary);border-radius:12px;padding:8px 11px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.control-room-page{display:flex;flex-direction:column;gap:18px;width:100%;max-width:1500px}.control-room-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.control-room-topbar h1{margin:0;font-size:clamp(26px,3vw,34px);line-height:1.05;font-weight:850;color:var(--saleaah-text-primary);letter-spacing:0}.control-room-topbar p{margin:7px 0 0;color:var(--saleaah-text-secondary);font-size:14px}.control-room-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;min-width:0}.control-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(0,2fr);gap:14px;min-height:178px;padding:22px;border-radius:20px;border:1px solid rgba(160,147,249,.34);background:var(--saleaah-hero-gradient);box-shadow:var(--card-shadow)}.control-hero:before{content:"";position:absolute;inset:0;background-size:34px 34px,100% 100%;pointer-events:none}.control-hero>*{position:relative;z-index:1}.control-hero-main,.control-hero-metric{min-width:0;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.control-hero-main{display:flex;flex-direction:column;justify-content:center;border-radius:18px;padding:18px}.control-hero-main span,.control-hero-metric span{color:var(--saleaah-hero-text-secondary,var(--saleaah-text-secondary));font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.3px}.control-hero-main strong{margin-top:10px;color:var(--saleaah-hero-text-primary,var(--saleaah-text-primary));font-size:clamp(34px,4.6vw,52px);line-height:1;font-weight:900;letter-spacing:0}.control-hero-main small{margin-top:10px;color:var(--saleaah-hero-text-muted,var(--saleaah-text-muted));font-size:13px}.control-hero-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.control-hero-metric{display:flex;flex-direction:column;justify-content:center;border-radius:16px;padding:16px}.control-hero-metric strong{margin-top:9px;color:var(--saleaah-hero-text-primary,var(--saleaah-text-primary));font-size:clamp(22px,2.6vw,31px);line-height:1;font-weight:850;letter-spacing:0}.control-hero-metric--accent{background:rgba(255,255,255,.25)}.control-kpi-grid{display:grid;gap:14px;grid-template-columns:repeat(6,minmax(0,1fr))}.control-kpi-card{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:12px;min-height:102px;padding:16px;border-radius:18px;border:1px solid var(--saleaah-border);background:var(--saleaah-surface);box-shadow:var(--card-shadow)}.control-kpi-icon{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;color:var(--saleaah-purple);background:var(--badge-purple-bg)}.control-kpi-icon--success{color:var(--saleaah-success);background:var(--saleaah-success-bg)}.control-kpi-icon--warning{color:var(--saleaah-warning);background:var(--saleaah-warning-bg)}.control-kpi-icon--error{color:var(--saleaah-error);background:var(--saleaah-error-bg)}.control-kpi-card span{display:block;color:var(--saleaah-text-muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;line-height:1.35}.control-kpi-card strong{display:block;margin-top:8px;color:var(--saleaah-text-primary);font-size:clamp(19px,2vw,25px);line-height:1;font-weight:850;letter-spacing:0;word-break:break-word}.control-kpi-card small{display:block;margin-top:7px;color:var(--saleaah-text-secondary);font-size:11px;line-height:1.35}[data-theme=dark] .control-hero{box-shadow:0 18px 46px rgba(0,0,0,.34),0 0 0 1px rgba(160,147,249,.12)}@media (max-width:1279px){.control-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.control-room-page{gap:16px}.control-hero{grid-template-columns:1fr}.control-hero-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.control-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.control-room-actions,.control-room-actions>*{width:100%}.control-room-actions{justify-content:stretch}.control-hero{padding:16px;border-radius:18px}.control-hero-grid,.control-kpi-grid{grid-template-columns:1fr}.period-selector{width:100%}.period-selector button{flex:1 1}}[data-theme=dark] .recharts-default-tooltip{background:var(--saleaah-surface)!important;border-color:var(--saleaah-border)!important}.grid-cols-2,.grid-cols-3,.grid-cols-3-2-1,.grid-kpi-3,.grid-kpi-4{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:640px){.grid-cols-2,.grid-kpi-3,.grid-kpi-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-kpi-4{grid-template-columns:repeat(4,1fr)}.grid-kpi-3{grid-template-columns:repeat(3,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-3-2-1{grid-template-columns:2fr 1fr}.col-span-2{grid-column:span 2}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes btn-spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.theme-toggle-icon{transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}