:root{--rpt-bg:var(--color-bg-primary);--rpt-surface:var(--color-bg-surface);--rpt-surface-elevated:var(--color-bg-elevated);--rpt-border:var(--color-border);--rpt-border-strong:var(--color-border-strong);--rpt-text:var(--color-text-primary);--rpt-text-secondary:var(--color-text-secondary);--rpt-text-muted:var(--color-text-muted);--rpt-accent:var(--color-info);--rpt-accent-light:var(--color-info-alpha);--rpt-success:var(--color-success);--rpt-danger:var(--color-danger);--rpt-warning:var(--color-warning);--rpt-radius:8px;--rpt-gap:24px;--rpt-font:"Tajawal",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--nav-height:8vh}.main-container{box-sizing:border-box;max-width:100%;width:100%}.page-background{background-color:var(--color-bg-primary)}@media (max-width:768px){:root{--nav-height:10vh}}html{min-height:100%;overflow-x:hidden;scroll-behavior:smooth;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Tajawal,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-y:auto}#root{max-width:100%;min-height:100%;overflow-x:hidden;width:100%}::-webkit-scrollbar{height:8px;height:var(--scrollbar-width,8px);width:8px;width:var(--scrollbar-width,8px)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{-ms-overflow-style:auto;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.logo-icon{height:24px;position:relative;width:32px}.circle-1,.circle-2{align-items:center;border:2px solid var(--color-text-primary);border-radius:50%;box-sizing:border-box;color:var(--color-text-primary);display:flex;font-size:10px;font-weight:800;height:18px;justify-content:center;line-height:1;position:absolute;width:18px}.circle-1{left:0}.circle-2{right:0}.logo-icon.large{height:36px;width:48px}.logo-icon.large .circle-1,.logo-icon.large .circle-2{border-width:3px;font-size:14px;height:26px;width:26px}.logo-icon.small{height:18px;width:24px}.logo-icon.small .circle-1,.logo-icon.small .circle-2{border-width:1.5px;font-size:8px;height:14px;width:14px}.logo-icon.mini{height:24px;width:32px}.logo-icon.mini .circle-1,.logo-icon.mini .circle-2{border-width:2px;font-size:9px;height:16px;width:16px}:root:not([data-theme=light]) input[type=date]::-webkit-calendar-picker-indicator,:root:not([data-theme=light]) input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1) brightness(1.5)}[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator,[data-theme=light] input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;filter:none}:root:not([data-theme=light]) input[type=date]::-webkit-calendar-picker-indicator:hover,:root:not([data-theme=light]) input[type=time]::-webkit-calendar-picker-indicator:hover{filter:invert(1) brightness(1.5)}:root:not([data-theme=light]) input[type=date]::-moz-calendar-picker-indicator,:root:not([data-theme=light]) input[type=time]::-moz-calendar-picker-indicator{cursor:pointer;filter:invert(1) brightness(1.5)}:root:not([data-theme=light]) input[type=date]::-moz-calendar-picker-indicator:hover,:root:not([data-theme=light]) input[type=time]::-moz-calendar-picker-indicator:hover{filter:invert(1) brightness(1.5)}[data-theme=light] .MuiTextField-root input[type=date]::-moz-calendar-picker-indicator,[data-theme=light] .MuiTextField-root input[type=date]::-webkit-calendar-picker-indicator,[data-theme=light] .MuiTextField-root input[type=time]::-moz-calendar-picker-indicator,[data-theme=light] .MuiTextField-root input[type=time]::-webkit-calendar-picker-indicator,[data-theme=light] input[type=date]::-moz-calendar-picker-indicator,[data-theme=light] input[type=time]::-moz-calendar-picker-indicator{filter:none}:root:not([data-theme=light]) .MuiTextField-root input[type=date]::-webkit-calendar-picker-indicator,:root:not([data-theme=light]) .MuiTextField-root input[type=date]::-webkit-calendar-picker-indicator:hover,:root:not([data-theme=light]) .MuiTextField-root input[type=time]::-webkit-calendar-picker-indicator,:root:not([data-theme=light]) .MuiTextField-root input[type=time]::-webkit-calendar-picker-indicator:hover{filter:invert(1) brightness(1.5)}body,html{background-color:#0f172a;background-color:var(--color-bg-primary);transition:background-color .15s ease,color .15s ease}html.loading *{transition:none!important}#root,.App{transition:background-color .15s ease}.MuiCard-root,.MuiPaper-root,.modal-content,.sidebar,[class*=container]:not([class*=ag-]),[class*=page]:not([class*=ag-]),header,nav{transition:background-color .15s ease,color .15s ease,border-color .15s ease}.ag-theme-alpine,.ag-theme-alpine-dark,.ag-theme-balham,.ag-theme-balham-dark{transition:none}.ag-root-wrapper{transition:background-color .15s ease}:focus-visible{outline:2px solid #10b981;outline:2px solid var(--color-primary);outline-offset:2px}[role=button]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #10b981;outline:2px solid var(--color-primary);outline-offset:2px}input:not([type=checkbox]):not([type=radio]),select,textarea{transition:background-color .15s ease,color .15s ease,border-color .15s ease}.Mui-disabled,input:disabled,select:disabled,textarea:disabled{background:#33415566!important;background:var(--color-bg-disabled)!important;color:#64748b!important;color:var(--color-text-disabled)!important;cursor:not-allowed}button{transition:transform .1s ease,opacity .1s ease,box-shadow .1s ease}:root{--color-bg-primary:#0f172a;--color-bg-surface:#1e293b;--color-bg-elevated:#334155;--color-bg-hover:#1e293bd9;--color-ag-grid-bg:#253347;--color-ag-grid-header-bg:#2d3a4d;--color-border:#334155;--color-border-strong:#475569;--color-border-subtle:#94a3b81a;--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-text-soft:#64748b;--color-text-disabled:#64748b;--color-bg-disabled:#33415566;--color-bg-light:#f8fafc;--color-bg-light-elevated:#fff;--color-text-light:#0f172a;--color-border-light:#e2e8f0;--color-border-light-strong:#cbd5e1;--color-primary:#10b981;--color-primary-light:#34d399;--color-primary-dark:#059669;--color-primary-alpha-10:#10b9811a;--color-primary-alpha-15:#10b98126;--color-primary-alpha-30:#10b9814d;--color-primary-alpha-40:#10b98166;--color-success:#10b981;--color-success-alpha:#4ade8026;--color-success-box-bg:#4ade801a;--color-success-box-border:#4ade8066;--color-danger:#f87171;--color-danger-alpha:#ef44441f;--color-danger-border:#ef444440;--color-danger-box-bg:var(--color-danger-alpha);--color-danger-box-border:var(--color-danger-border);--color-danger-box-text:var(--color-danger);--color-warning:#fbbf24;--color-info:#60a5fa;--color-info-alpha:#60a5fa26;--color-glass:#1e293b99;--color-glass-strong:#1e293bd9;--color-mui-primary:#31bb68;--color-mui-secondary:#f7d244;--toast-success-bg:linear-gradient(135deg,#2e7d32,#1b5e20);--toast-success-border:5px solid #4caf50;--toast-success-text:#fff;--toast-success-icon:#4caf50;--toast-error-bg:linear-gradient(135deg,#d32f2f,#b71c1c);--toast-error-border:5px solid #f44336;--toast-error-text:#fff;--toast-error-icon:#f44336;--toast-warning-bg:linear-gradient(135deg,#f57c00,#e65100);--toast-warning-border:5px solid #ff9800;--toast-warning-text:#fff;--toast-warning-icon:#ff9800;--toast-info-bg:linear-gradient(135deg,#1976d2,#0d47a1);--toast-info-border:5px solid #2196f3;--toast-info-text:#fff;--toast-info-icon:#2196f3;--font-family:"Montserrat","Tajawal",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-arabic:"Tajawal",sans-serif;--font-family-code:"Courier New",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-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--line-height-loose:2;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--content-max-width:1600px;--page-padding-x:1.5rem;--page-padding-y:1.5rem;--focus-ring:2px solid var(--color-primary);--focus-ring-offset:2px;--border-radius-2xl:20px;--border-radius-full:9999px;--border-width:1px;--border-width-thick:2px;--border-width-thicker:3px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--shadow-2xl:0 25px 50px #00000040;--shadow-primary:0 8px 24px #99651540;--shadow-primary-lg:0 12px 32px #99651559;--shadow-danger:0 4px 14px #ef444459;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--transition-fast:150ms ease;--transition-base:300ms ease;--transition-slow:500ms ease;--gradient-primary:linear-gradient(135deg,#059669,#047857);--gradient-bg-dark:linear-gradient(135deg,#0f172a,#1e293b);--gradient-bg-light:linear-gradient(135deg,#f8fafc,#f1f5f9);--gradient-radial-blue:radial-gradient(ellipse 80% 50% at 0% 0%,#3b82f61f 0%,#0000 50%);--gradient-radial-purple:radial-gradient(ellipse 60% 40% at 100% 100%,#8b5cf614 0%,#0000 50%);--dash-bg:var(--color-bg-primary);--dash-surface:#1e293b80;--dash-surface-hover:#1e293bd9;--dash-border:#ffffff14;--dash-border-strong:#ffffff1f;--dash-text:var(--color-text-primary);--dash-text-muted:var(--color-text-muted);--dash-text-soft:var(--color-text-soft);--dash-accent:var(--color-primary);--dash-radius:16px;--dash-radius-sm:12px;--dash-shadow:0 4px 24px #0003;--dash-shadow-hover:0 12px 32px -8px #00000059;--color-ag-header-bg:var(--color-bg-surface);--shadow-status-bar:0 1px 0 #0000001a;--scrollbar-width:8px;--scrollbar-track:#0000001a;--scrollbar-thumb:#94a3b866;--scrollbar-thumb-hover:#94a3b899}[data-theme=light]{--color-bg-primary:#fff5e6;--color-bg-surface:#fbf6f0;--color-bg-elevated:#f5ede4;--color-bg-hover:#fbf6f0;--color-border:#c9c4ba;--color-border-strong:#94a3b8;--color-border-subtle:#c9c4bae6;--color-text-primary:#0f172a;--color-text-secondary:#1e293b;--color-text-muted:#334155;--color-text-soft:#475569;--color-text-disabled:#94a3b8;--color-bg-disabled:#c9c4ba80;--gradient-radial-blue:none;--gradient-radial-purple:none;--color-primary:#059669;--color-primary-light:#10b981;--color-primary-dark:#047857;--color-primary-alpha-10:#0596691a;--color-primary-alpha-15:#05966926;--color-primary-alpha-30:#0596694d;--color-primary-alpha-40:#05966966;--color-ag-grid-bg:#f8f2e6;--color-ag-grid-header-bg:#f5edd8;--color-ag-header-bg:#f9fafb;--color-ag-grid-line:#f3f4f6;--color-success:#059669;--color-success-alpha:#05966914;--color-success-box-bg:#ecfdf5;--color-success-box-border:#10b981;--color-danger:#dc2626;--color-danger-alpha:#dc262614;--color-danger-border:#dc26264d;--color-warning:#d97706;--color-warning-alpha:#d977061a;--color-info:#2563eb;--color-info-alpha:#2563eb1a;--color-danger-box-bg:#fef2f2;--color-danger-box-border:#dc2626;--color-danger-box-text:#b91c1c;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 2px 8px #0000001f;--shadow-lg:0 4px 16px #00000026;--shadow-xl:0 8px 24px #0000002e;--shadow-2xl:0 12px 32px #0003;--shadow-status-bar:0 1px 3px #0000001a;--shadow-primary:0 4px 16px #99651540;--shadow-primary-lg:0 8px 24px #9965154d;--shadow-sidebar-card:0 1px 3px #0000001a;--gradient-primary:linear-gradient(135deg,#059669,#047857);--gradient-green-light:linear-gradient(135deg,#10b981,#059669);--gradient-bg-light:linear-gradient(135deg,#fff5e6,#fbf6f0);--scrollbar-track:#0000;--scrollbar-thumb:#94a3b8;--scrollbar-thumb-hover:#64748b;--color-glass:#ffffffe6;--color-glass-strong:#fff;--dash-bg:var(--color-bg-primary);--dash-surface:var(--color-bg-surface);--dash-surface-hover:var(--color-bg-hover);--dash-border:var(--color-border);--dash-border-strong:var(--color-border-strong);--dash-text:var(--color-text-primary);--dash-text-muted:var(--color-text-muted);--dash-text-soft:var(--color-text-soft);--dash-shadow:0 1px 3px #0000000d;--dash-shadow-hover:0 4px 12px #0000000f;--toast-success-bg:var(--color-bg-surface);--toast-success-border:5px solid var(--color-primary);--toast-success-text:var(--color-text-primary);--toast-success-icon:var(--color-primary);--toast-error-bg:var(--color-danger-box-bg);--toast-error-border:5px solid var(--color-danger);--toast-error-text:var(--color-danger-box-text);--toast-error-icon:var(--color-danger);--toast-warning-bg:var(--color-bg-surface);--toast-warning-border:5px solid var(--color-warning);--toast-warning-text:var(--color-text-primary);--toast-warning-icon:var(--color-warning);--toast-info-bg:var(--color-bg-surface);--toast-info-border:5px solid var(--color-primary);--toast-info-text:var(--color-text-primary);--toast-info-icon:var(--color-primary)}[data-theme=light] .store-settings-page{--glass-border:var(--color-border)}[data-theme=light] .ag-theme-alpine,[data-theme=light] .ag-theme-alpine-dark,[data-theme=light] .ag-theme-balham-dark{--ag-background-color:var(--color-ag-grid-bg);--ag-header-background-color:var(--color-ag-grid-header-bg);--ag-border-color:#f3f4f6;--ag-header-foreground-color:#111827;--ag-foreground-color:#111827;--ag-row-hover-color:#0000000a;--ag-selected-row-background-color:#9965151f}[data-theme=light] .ag-theme-alpine .ag-header,[data-theme=light] .ag-theme-alpine-dark .ag-header,[data-theme=light] .ag-theme-balham-dark .ag-header{border-bottom:1px solid #e5e7eb}[data-theme=light] .ag-theme-alpine .ag-cell,[data-theme=light] .ag-theme-alpine .ag-header-cell,[data-theme=light] .ag-theme-alpine-dark .ag-cell,[data-theme=light] .ag-theme-alpine-dark .ag-header-cell,[data-theme=light] .ag-theme-balham-dark .ag-cell,[data-theme=light] .ag-theme-balham-dark .ag-header-cell{color:#f1f5f9;color:var(--color-text-primary)}[data-theme=light] .ag-theme-alpine .ag-root,[data-theme=light] .ag-theme-alpine .ag-row,[data-theme=light] .ag-theme-alpine-dark .ag-root,[data-theme=light] .ag-theme-alpine-dark .ag-row,[data-theme=light] .ag-theme-balham-dark .ag-root,[data-theme=light] .ag-theme-balham-dark .ag-row{background-color:#253347!important;background-color:var(--color-ag-grid-bg)!important}.bg-primary{background-color:#0f172a;background-color:var(--color-bg-primary)}.bg-surface{background-color:#1e293b;background-color:var(--color-bg-surface)}.bg-elevated{background-color:#334155;background-color:var(--color-bg-elevated)}.text-primary{color:#f1f5f9;color:var(--color-text-primary)}.text-secondary{color:#cbd5e1;color:var(--color-text-secondary)}.text-muted{color:#94a3b8;color:var(--color-text-muted)}.border-default{border-color:#334155;border-color:var(--color-border)}.border-strong{border-color:#475569;border-color:var(--color-border-strong)}.color-brand{color:#10b981;color:var(--color-primary)}.bg-brand{background-color:#10b981;background-color:var(--color-primary)}.shadow-sm{box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg)}.transition-base{transition:all .3s ease;transition:all var(--transition-base)}.transition-fast{transition:all .15s ease;transition:all var(--transition-fast)}[data-theme=light] .MuiDialog-paper{background-color:#1e293b!important;background-color:var(--color-bg-surface)!important;box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl);color:#f1f5f9;color:var(--color-text-primary)}[data-theme=light] .MuiDialogTitle-root{color:#f1f5f9!important;color:var(--color-text-primary)!important}[data-theme=light] .MuiInputBase-input::placeholder,[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#94a3b8;color:var(--color-text-muted);opacity:1}[data-theme=light] .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,[data-theme=light] .MuiTextField-root .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#10b981!important;border-color:var(--color-primary)!important;border-width:2px!important}[data-theme=light] .accounts-sidebar .MuiPaper-root,[data-theme=light] .sidebar-card-surface,[data-theme=light] [class*=sidebar] .MuiPaper-root{background-color:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .invoices-toolbar,[data-theme=light] .reports-toolbar,[data-theme=light] [class*=-toolbar]{background-color:#fff!important;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.alert-danger-box,.warning-box{background:#ef44441f;background:var(--color-danger-box-bg);border:1px solid #ef444440;border:1px solid var(--color-danger-box-border);border-radius:8px;border-radius:var(--border-radius-md);color:#f87171;color:var(--color-danger-box-text);padding:12px 16px}.alert-success-box,.success-box{background:#4ade801a;background:var(--color-success-box-bg,#ecfdf5);border:1px solid #4ade8066;border:1px solid var(--color-success-box-border,#10b981);border-radius:8px;border-radius:var(--border-radius-md);color:#10b981;color:var(--color-success);padding:12px 16px}[data-theme=light] .alert-success-box,[data-theme=light] .success-box{background:#ecfdf5;border-color:#10b981;color:#059669}[data-theme=light] .MuiButton-containedPrimary,[data-theme=light] button.primary-btn,[data-theme=light] button[type=submit]:not(.secondary-btn){background:linear-gradient(135deg,#059669,#047857)!important;border:none!important;box-shadow:0 3px 10px #0596694d!important;color:#fff!important;font-family:Montserrat,Tajawal,sans-serif;font-weight:700;transition:all .2s ease}[data-theme=light] .MuiButton-containedPrimary:hover,[data-theme=light] button.primary-btn:hover,[data-theme=light] button[type=submit]:not(.secondary-btn):hover{background:linear-gradient(135deg,#047857,#065f46)!important;box-shadow:0 6px 20px #05966966!important;transform:translateY(-2px)}[data-theme=light] .MuiButton-outlined,[data-theme=light] button.secondary-btn{background:#fffaf1!important;border:2px solid #059669!important;color:#059669!important;font-family:Montserrat,Tajawal,sans-serif;font-weight:700;transition:all .2s ease}[data-theme=light] .MuiButton-outlined:hover,[data-theme=light] button.secondary-btn:hover{background:#0596691a!important;border-color:#047857!important;color:#047857!important}[data-theme=light] .MuiCard-root,[data-theme=light] .MuiPaper-root:not(.MuiDialog-paper):not(.MuiMenu-paper),[data-theme=light] .card{background:#fffaf1!important;border-radius:8px!important;box-shadow:0 3px 12px #0000001a!important}[data-theme=light] .clean-card{border-top:none!important;box-shadow:0 1px 3px #0000000f!important}[data-theme=light] .app-header,[data-theme=light] .navigation-bar,[data-theme=light] header{background:#edddb8!important;border-bottom:2px solid #c9c4ba;box-shadow:0 2px 6px #00000014}[data-theme=light] .app-header-brand,[data-theme=light] .page-title{color:#059669!important;font-family:Montserrat,Tajawal,sans-serif;font-weight:800}[data-theme=light] .app-header-slogan,[data-theme=light] .page-subtitle{color:#0f172a!important;font-family:Montserrat,Tajawal,sans-serif;font-size:.8rem;font-weight:600}[data-theme=light] .ag-theme-alpine .ag-header,[data-theme=light] .ag-theme-alpine-dark .ag-header,[data-theme=light] .ag-theme-balham-dark .ag-header{background-color:#2d3a4d!important;background-color:var(--color-ag-grid-header-bg)!important;border-bottom:2px solid #c9c4ba!important;font-weight:700}[data-theme=light] .ag-theme-alpine .ag-header-cell-label,[data-theme=light] .ag-theme-alpine-dark .ag-header-cell-label,[data-theme=light] .ag-theme-balham-dark .ag-header-cell-label{color:#0f172a!important;font-family:Montserrat,Tajawal,sans-serif;font-weight:700}[data-theme=light] .ag-theme-alpine .ag-cell,[data-theme=light] .ag-theme-alpine-dark .ag-cell,[data-theme=light] .ag-theme-balham-dark .ag-cell{border-color:#c9c4ba!important;color:#0f172a!important}[data-theme=light] .ag-theme-alpine .ag-row:nth-child(2n),[data-theme=light] .ag-theme-alpine-dark .ag-row:nth-child(2n),[data-theme=light] .ag-theme-balham-dark .ag-row:nth-child(2n){background-color:#253347!important;background-color:var(--color-ag-grid-bg)!important}[data-theme=light] .ag-theme-alpine .ag-row:hover,[data-theme=light] .ag-theme-alpine-dark .ag-row:hover,[data-theme=light] .ag-theme-balham-dark .ag-row:hover{background-color:#05966914!important}[data-theme=light] .ag-theme-alpine .ag-row-selected,[data-theme=light] .ag-theme-alpine-dark .ag-row-selected,[data-theme=light] .ag-theme-balham-dark .ag-row-selected{-webkit-border-start:4px solid #10b981!important;-webkit-border-start:4px solid var(--color-primary)!important;background-color:#0596691f!important;border-inline-start:4px solid #10b981!important;border-inline-start:4px solid var(--color-primary)!important}[data-theme=light] .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{border-color:#10b981!important;border-color:var(--color-primary)!important;border-width:2px!important;box-shadow:0 0 0 4px #10b98126!important;box-shadow:0 0 0 4px var(--color-primary-alpha-15)!important}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:#fff!important;background:var(--color-bg-light-elevated)!important;border:1px solid #334155!important;border:1px solid var(--color-border)!important;color:#f1f5f9!important;color:var(--color-text-primary)!important;font-family:Montserrat,Tajawal,sans-serif}[data-theme=light] .MuiChip-root,[data-theme=light] .badge,[data-theme=light] .pill{background:#10b98126!important;background:var(--color-primary-alpha-15)!important;border:1px solid #10b981!important;border:1px solid var(--color-primary)!important;color:#059669!important;color:var(--color-primary-dark)!important;font-family:Montserrat,Tajawal,sans-serif;font-weight:700}[data-theme=light] .link,[data-theme=light] a{color:#10b981;color:var(--color-primary);font-weight:600;transition:color .2s ease}[data-theme=light] .link:hover,[data-theme=light] a:hover{color:#059669;color:var(--color-primary-dark);text-decoration:underline}[data-theme=light] .icon-primary,[data-theme=light] .nav-icon-mui{color:#10b981;color:var(--color-primary)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#94a3b866;background:var(--scrollbar-thumb);border-radius:9999px}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#94a3b899;background:var(--scrollbar-thumb-hover)}[data-theme=light] body,[data-theme=light] button,[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{font-family:Montserrat,Tajawal,-apple-system,sans-serif}[data-theme=light] .arabic-text,[data-theme=light] [dir=rtl],[data-theme=light] [lang=ar]{font-family:Tajawal,sans-serif}[data-theme=light]{.invoice-print-header,.purchase-print-header,.sale-print-header{border-bottom:3px solid var(--color-primary)!important}.invoice-print-title,.purchase-print-title,.sale-print-title{color:var(--color-primary)!important}.purchase-print-info,.sale-print-info{-webkit-border-end:4px solid var(--color-primary)!important;background-color:#0596690d!important;border-inline-end:4px solid var(--color-primary)!important}.invoice-print-table th,.invoice-print-total,.purchase-print-table th,.purchase-print-total,.sale-print-table th,.sale-print-total{background-color:var(--color-primary)!important;color:#fff!important}.ag-cell[style*="color: #22c55e"],.ag-cell[style*="color: #4ade80"],.check-icon,.success-icon,.verified-icon{color:var(--color-primary)!important}.recharts-bar[fill="#22c55e"],.recharts-bar[fill="#4ade80"],.recharts-line[stroke="#4ade80"]{stroke:var(--color-primary)!important;fill:var(--color-primary)!important}.footer-btn-success,[class*=success-btn]{background:var(--gradient-primary)!important;border-color:var(--color-primary)!important;color:#fff!important}.navigation-sidebar,.sidebar,[class*=nav-sidebar],[class*=sidebar]{-webkit-border-end:1px solid var(--color-border)!important;background:var(--color-bg-primary)!important;border-inline-end:1px solid var(--color-border)!important}.nav-item,.sidebar-item,[class*=nav-item],[class*=sidebar-item]{color:var(--color-text-primary)!important}.nav-item:hover,.sidebar-item:hover{background:var(--color-primary-alpha-10)!important}.nav-item.active,.sidebar-item.active{-webkit-border-start:4px solid var(--color-primary)!important;background:var(--color-primary-alpha-15)!important;border-inline-start:4px solid var(--color-primary)!important;color:var(--color-primary)!important}.nav-icon,.sidebar-icon{color:var(--color-text-primary)!important}.nav-item.active .nav-icon,.sidebar-item.active .sidebar-icon{color:var(--color-primary)!important}.MuiButton-containedPrimary,.btn-primary,[class*=primary-button],button.primary-btn,button[type=submit]:not(.secondary-btn){background:var(--gradient-primary)!important;border-color:var(--color-primary)!important;box-shadow:0 3px 10px var(--color-primary-alpha-30)!important;color:#fff!important;font-weight:700!important}.MuiButton-containedPrimary:hover,button.primary-btn:hover,button[type=submit]:not(.secondary-btn):hover{background:linear-gradient(135deg,var(--color-primary-dark) 0,#065f46 100%)!important;box-shadow:0 6px 20px var(--color-primary-alpha-40)!important}.MuiButton-outlined,.btn-outlined,button.secondary-btn{background:var(--color-bg-primary)!important;border:2px solid var(--color-primary)!important;color:var(--color-primary)!important;font-weight:700!important}.MuiButton-outlined:hover,button.secondary-btn:hover{background:var(--color-primary-alpha-10)!important;color:var(--color-primary-dark)!important}.ag-theme-alpine .ag-header,.ag-theme-alpine-dark .ag-header,.ag-theme-balham-dark .ag-header{border-bottom:2px solid var(--color-border)!important;font-weight:700!important}.ag-theme-alpine .ag-header-cell-label,.ag-theme-alpine-dark .ag-header-cell-label,.ag-theme-balham-dark .ag-header-cell-label{color:var(--color-text-primary)!important;font-weight:700!important}.ag-theme-alpine-dark,.ag-theme-balham-dark{--ag-background-color:var(--color-ag-grid-bg)!important;--ag-header-background-color:var(--color-ag-grid-header-bg)!important;--ag-foreground-color:var(--color-text-primary)!important}.MuiCard-root,.MuiPaper-root,.card,[class*=card],[class*=panel]{background:var(--color-bg-primary)!important;box-shadow:0 3px 12px #0000001a!important}.clean-card{border-top:none!important;box-shadow:0 1px 3px #00000014!important}.dashboard,.dashboard-container,.landing-container-v2,.landing-page,[class*=dashboard],[class*=landing]{background:var(--color-bg-primary)!important;color:var(--color-text-primary)!important}.metric-box-v2,[class*=metric-box]{background:var(--color-bg-primary)!important;border:2px solid var(--color-border)!important}.metric-box-v2 .icon{color:var(--color-primary)!important}.MuiDialog-paper,.modal,[class*=modal]{background:var(--color-bg-primary)!important;border:1px solid var(--color-border)!important;color:var(--color-text-primary)!important}.MuiMenu-paper,.MuiPaper-root.MuiMenu-paper,.MuiPaper-root.MuiPopover-paper,.MuiPopover-paper,.MuiSelect-select,[class*=MuiMenu-paper],[class*=MuiPopover-paper]{background:var(--color-bg-light-elevated)!important;border:1px solid var(--color-border)!important;box-shadow:0 4px 20px #0000001f!important;color:var(--color-text-primary)!important}.MuiMenu-list,.MuiPopover-paper .MuiList-root{background:var(--color-bg-light-elevated)!important;color:var(--color-text-primary)!important}.MuiListItem-root,.MuiMenuItem-root{color:var(--color-text-primary)!important}.MuiListItem-root:hover,.MuiMenuItem-root:hover{background:#99651514!important;color:var(--color-text-primary)!important}.MuiListItem-root.Mui-selected,.MuiMenuItem-root.Mui-selected{background:#9965151f!important;color:var(--color-text-primary)!important}.MuiListItem-root.Mui-selected:hover,.MuiMenuItem-root.Mui-selected:hover{background:#9965152e!important}.MuiSelect-nativeInput,.MuiSelect-select{color:var(--color-text-primary)!important}.MuiOutlinedInput-input.MuiSelect-select{background:var(--color-bg-light-elevated)!important}.accounts-container,.accounts-sidebar,.accounts-workspace,.cash-in-page,.cash-in-page .page-background,.cash-module,.cash-out-page,.cash-out-page .page-background,.inventory-container,.inventory-transfers-container,.inventory-workspace,.invoices-module,.main-container,.money-transfer-page,.page-background,.reports-module,.stocking-module,.stocking-page,[class*=accounts-],[class*=cash-module],[class*=inventory-container],[class*=inventory-transfers],[class*=inventory-workspace],[class*=invoices-module],[class*=money-transfer],[class*=reports-module],[class*=stocking-]{background:var(--color-bg-primary)!important;background-color:var(--color-bg-primary)!important;color:var(--color-text-primary)!important}.accounts-sidebar,.cash-module .cash-toolbar,.cash-stat-card,.invoices-module .invoices-toolbar,.invoices-toolbar{background:var(--color-bg-surface)!important;border-color:var(--color-border)!important}.ag-theme-alpine,.ag-theme-alpine-dark,.ag-theme-balham-dark{--ag-background-color:var(--color-ag-grid-bg)!important;--ag-header-background-color:var(--color-ag-grid-header-bg)!important;--ag-foreground-color:var(--color-text-primary)!important}.accounts-grid-wrapper .ag-theme-alpine,.accounts-grid-wrapper .ag-theme-alpine-dark,.ag-theme-alpine .ag-root,.ag-theme-alpine-dark .ag-root,.ag-theme-balham-dark .ag-root,.cash-grid-wrapper .ag-theme-alpine-dark,.invoices-grid-wrapper .ag-theme-alpine-dark,.money-transfer-page .ag-theme-alpine-dark{background-color:var(--color-ag-grid-bg)!important}.ag-theme-alpine .ag-header,.ag-theme-alpine-dark .ag-header,.ag-theme-balham-dark .ag-header{background-color:var(--color-ag-grid-header-bg)!important;border-bottom-color:var(--color-border)!important}.ag-theme-alpine .ag-row,.ag-theme-alpine .ag-row:nth-child(2n),.ag-theme-alpine-dark .ag-row,.ag-theme-alpine-dark .ag-row:nth-child(2n),.ag-theme-balham-dark .ag-row,.ag-theme-balham-dark .ag-row:nth-child(2n){background-color:var(--color-ag-grid-bg)!important}.ag-theme-alpine .ag-cell,.ag-theme-alpine-dark .ag-cell,.ag-theme-balham-dark .ag-cell,.dateTime,.invNo,.sales-title,.t-l-t-2,.totl{border-color:var(--color-border)!important;color:var(--color-text-primary)!important}.dateTime,.invNo,.sales-title,.t-l-t-2,.totl{background:var(--color-bg-elevated)!important;background-color:var(--color-bg-elevated)!important}.totl{background:linear-gradient(135deg,var(--color-bg-elevated) 0,var(--color-bg-surface) 100%)!important}.MuiPaper-root[elevation="3"],.totl{border:1px solid var(--color-border)!important}.MuiPaper-root[elevation="3"]{background-color:var(--color-bg-surface)!important}.MuiInputBase-input,.MuiOutlinedInput-root,input,select,textarea{background:var(--color-bg-light-elevated)!important;border:1px solid var(--color-border)!important;border-color:var(--color-border)!important;color:var(--color-text-primary)!important}input::placeholder,textarea::placeholder{color:var(--color-text-muted)!important}.MuiFormLabel-root,.MuiInputLabel-root{color:var(--color-text-primary)!important}.MuiOutlinedInput-root.Mui-focused,input:focus,select:focus,textarea:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 4px var(--color-primary-alpha-15)!important}.app-content,[class*=content],body{color:var(--color-text-primary)!important;font-family:Montserrat,Tajawal,-apple-system,sans-serif!important}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)!important;font-weight:700!important}.link,a{color:var(--color-primary)!important;font-weight:600!important}.link:hover,a:hover{color:var(--color-primary-dark)!important}.MuiChip-root,.badge,.pill,[class*=badge]{background:var(--color-primary-alpha-15)!important;border:1px solid var(--color-primary)!important;color:var(--color-primary-dark)!important;font-weight:700!important}.progress-bar-fill,.progress-fill,[class*=progress-fill]{background:var(--color-primary)!important}.loader,.spinner,[class*=loader],[class*=spinner]{border-color:var(--color-primary)!important;border-top-color:#0000!important}}.MuiButton-contained.MuiButton-colorError,.MuiButton-contained.MuiButton-colorError:hover,.MuiButton-contained.MuiButton-colorInfo,.MuiButton-contained.MuiButton-colorInfo:hover,.MuiButton-contained.MuiButton-colorPrimary,.MuiButton-contained.MuiButton-colorPrimary:hover,.MuiButton-contained.MuiButton-colorSuccess,.MuiButton-contained.MuiButton-colorSuccess:hover{color:#fff!important}.MuiButton-contained.MuiButton-colorSecondary,.MuiButton-contained.MuiButton-colorSecondary:hover,.MuiButton-contained.MuiButton-colorWarning,.MuiButton-contained.MuiButton-colorWarning:hover{color:#1a1a1a!important}.ag-theme-alpine,.ag-theme-alpine-dark{--ag-background-color:var(--color-ag-grid-bg,var(--color-bg-surface));--ag-border-color:var(--color-border);--ag-header-background-color:var(--color-ag-grid-header-bg,var(--color-bg-elevated));--ag-header-foreground-color:var(--color-text-primary);--ag-foreground-color:var(--color-text-primary);--ag-odd-row-background-color:var(--color-ag-grid-bg,var(--color-bg-surface));--ag-row-hover-color:var(--color-primary-alpha-10);--ag-selected-row-background-color:var(--color-primary-alpha-15);--ag-font-family:var(--font-family);--ag-font-size:14px;--ag-cell-horizontal-border:1px solid var(--color-border);transition:background-color .3s ease,color .3s ease}.ag-theme-alpine .ag-root,.ag-theme-alpine-dark .ag-root{background-color:var(--color-bg-surface)!important;background-color:var(--color-ag-grid-bg,var(--color-bg-surface))!important}.ag-theme-alpine .ag-header,.ag-theme-alpine-dark .ag-header{background-color:var(--color-bg-elevated)!important;background-color:var(--color-ag-grid-header-bg,var(--color-bg-elevated))!important;border-bottom:1px solid var(--color-border);font-weight:600}.ag-theme-alpine .ag-header-cell,.ag-theme-alpine-dark .ag-header-cell{color:var(--color-text-primary)!important;font-weight:600;overflow:visible;text-overflow:clip;white-space:nowrap}.ag-theme-alpine .ag-header-cell-label,.ag-theme-alpine .ag-header-cell-text,.ag-theme-alpine-dark .ag-header-cell-label,.ag-theme-alpine-dark .ag-header-cell-text{overflow:visible;text-overflow:clip;white-space:nowrap}.ag-theme-alpine .ag-cell,.ag-theme-alpine-dark .ag-cell{border-color:var(--color-border)!important;color:var(--color-text-primary)!important}.ag-theme-alpine .ag-row,.ag-theme-alpine-dark .ag-row{background-color:var(--color-bg-surface)!important;background-color:var(--color-ag-grid-bg,var(--color-bg-surface))!important;border-color:var(--color-border)!important}.ag-theme-alpine .ag-row:hover,.ag-theme-alpine-dark .ag-row:hover{background-color:var(--color-primary-alpha-10)!important}.ag-theme-alpine .ag-row-selected,.ag-theme-alpine-dark .ag-row-selected{-webkit-border-start:4px solid var(--color-primary)!important;background-color:var(--color-primary-alpha-15)!important;border-inline-start:4px solid var(--color-primary)!important;font-weight:500}.ag-theme-alpine .ag-row-selected:hover,.ag-theme-alpine-dark .ag-row-selected:hover{background-color:var(--color-primary-alpha-15)!important;filter:brightness(1.05)}.ag-theme-alpine .ag-row-pinned,.ag-theme-alpine-dark .ag-row-pinned{background-color:var(--color-bg-elevated)!important;background-color:var(--color-ag-grid-header-bg,var(--color-bg-elevated))!important;border-top:2px solid var(--color-primary);font-weight:600}.ag-theme-alpine .ag-row-pinned .ag-cell,.ag-theme-alpine-dark .ag-row-pinned .ag-cell{color:var(--color-primary)!important}.ag-theme-alpine .ag-header-cell.header-class,.ag-theme-alpine-dark .ag-header-cell.header-class,.header-class{background-color:var(--color-bg-elevated)!important;background-color:var(--color-ag-grid-header-bg,var(--color-bg-elevated))!important;border-bottom:1px solid var(--color-border)!important;color:var(--color-text-primary)!important;font-size:.8125rem!important;font-weight:600!important;letter-spacing:.03em;overflow:visible!important;text-align:center!important;text-overflow:clip!important;text-transform:uppercase;white-space:nowrap!important}[dir=rtl] .ag-theme-alpine .ag-cell,[dir=rtl] .ag-theme-alpine .ag-header-cell,[dir=rtl] .ag-theme-alpine-dark .ag-cell,[dir=rtl] .ag-theme-alpine-dark .ag-header-cell{text-align:start}.ag-theme-balham,.ag-theme-balham-dark{--ag-background-color:var(--color-ag-grid-bg,var(--color-bg-surface));--ag-border-color:var(--color-border);--ag-header-background-color:var(--color-ag-grid-header-bg,var(--color-bg-elevated));--ag-header-foreground-color:var(--color-text-primary);--ag-foreground-color:var(--color-text-primary);--ag-row-hover-color:var(--color-primary-alpha-10);--ag-selected-row-background-color:var(--color-primary-alpha-15);--ag-font-family:var(--font-family);--ag-font-size:14px;transition:background-color .3s ease,color .3s ease}.ag-theme-balham .ag-root,.ag-theme-balham-dark .ag-root{background-color:var(--color-bg-surface)!important;background-color:var(--color-ag-grid-bg,var(--color-bg-surface))!important}.ag-theme-balham .ag-header,.ag-theme-balham-dark .ag-header{background-color:var(--color-bg-elevated)!important;background-color:var(--color-ag-grid-header-bg,var(--color-bg-elevated))!important;border-bottom:1px solid var(--color-border);font-weight:600}.ag-theme-balham .ag-header-cell,.ag-theme-balham-dark .ag-header-cell{color:var(--color-text-primary)!important;font-weight:600}.ag-theme-balham .ag-cell,.ag-theme-balham-dark .ag-cell{border-color:var(--color-border)!important;color:var(--color-text-primary)!important}.ag-theme-balham .ag-row,.ag-theme-balham-dark .ag-row{background-color:var(--color-bg-surface)!important;background-color:var(--color-ag-grid-bg,var(--color-bg-surface))!important}.ag-theme-balham .ag-row:hover,.ag-theme-balham-dark .ag-row:hover{background-color:var(--color-primary-alpha-10)!important}[dir=rtl] .ag-theme-balham .ag-cell,[dir=rtl] .ag-theme-balham .ag-header-cell,[dir=rtl] .ag-theme-balham-dark .ag-cell,[dir=rtl] .ag-theme-balham-dark .ag-header-cell{text-align:start}@media (max-width:1024px){.MuiDataGrid-root,.ag-theme-alpine,.ag-theme-alpine-dark{min-height:400px!important;overflow-x:auto!important;width:100%!important}.MuiDialog-paper{margin:10px!important;max-width:100%!important;width:calc(100% - 20px)!important}.MuiGrid-container{box-sizing:border-box!important;max-width:100%!important;width:100%!important}.MuiButton-root{font-size:14px!important;padding:8px 12px!important}}@media (max-width:768px){.flex-row-responsive{flex-direction:column!important}h1{font-size:1.5rem!important}h2{font-size:1.3rem!important}h3{font-size:1.1rem!important}.search-bar-container{align-items:stretch!important}.accounts-container,.accounts-container .MuiGrid-container,.inventory-container,.inventory-container .MuiGrid-container,.search-bar-container{flex-direction:column!important}.accounts-sidebar,.inventory-sidebar,[class*=-sidebar]{max-width:none!important;min-width:0!important;width:100%!important}[class*=-workspace]{padding:10px!important;width:100%!important}}@media (max-width:480px){.MuiDialogContent-root{padding:10px!important}.stats-card-value{font-size:1.2rem!important}.hide-on-mobile{display:none!important}.MuiFormControl-root,.MuiTextField-root{margin-bottom:10px!important;width:100%!important}.MuiTableCell-root{font-size:.8rem!important;padding:8px 4px!important}.modal-content{padding:15px!important;width:95%!important}}.clean-main-content,.clean-status-bar-inner,.clean-status-center,.clean-status-left,.clean-trading-container,.datetime-section-inner,.main-content-with-nav>*,.nav-section{min-width:0}body{background-color:var(--color-bg-primary);background-image:var(--gradient-radial-blue),var(--gradient-radial-purple);color:var(--color-text-primary);font-family:Tajawal,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;max-width:100%;min-height:100vh;overflow-x:hidden;width:100%}.App.dashboard-page{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;min-height:0;overflow:hidden;padding:0;width:100%}.dashboard-logout-btn{align-items:center;background:var(--color-danger-alpha);border:1px solid var(--color-danger-border);border-radius:var(--dash-radius-sm);color:var(--color-danger);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:8px;padding:10px 18px;transition:all .25s ease}.dashboard-logout-btn:hover{background:var(--color-danger);border-color:var(--color-danger);box-shadow:0 4px 14px var(--color-danger-alpha);color:#fff;transform:translateY(-1px)}.dashboard-logout-btn:focus-visible{outline:2px solid var(--color-danger);outline-offset:2px}.dashboard-main{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1280px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:24px 32px 20px;width:100%}.dashboard-main::-webkit-scrollbar{width:8px}.dashboard-main::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.dashboard-main::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.dashboard-main::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.dashboard-grid{display:flex;flex-direction:column;gap:32px;padding-bottom:24px}.dashboard-section{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--dash-radius);box-shadow:var(--dash-shadow);padding:20px 24px}.section-title{-webkit-padding-start:12px;-webkit-border-start:4px solid var(--color-primary);border-inline-start:4px solid var(--color-primary);color:var(--dash-text-muted);font-size:clamp(.95rem,1.8vw,1.1rem);font-weight:700;letter-spacing:-.02em;margin:0 0 24px;padding-inline-start:12px}.smart-alerts-strip{flex-wrap:wrap;gap:12px}.smart-alert,.smart-alerts-strip{align-items:flex-start;display:flex}.smart-alert{border:1px solid var(--dash-border);border-radius:10px;border-radius:var(--dash-radius-sm,10px);font-size:.9rem;gap:10px;max-width:100%;padding:12px 16px}.smart-alert-loading{background:var(--color-primary-alpha-10);color:var(--dash-text-muted)}.smart-alert-empty{background:var(--color-bg-elevated);color:var(--dash-text-muted)}.smart-alert-error{background:var(--color-danger-alpha);color:var(--color-danger)}.smart-alert-info{background:var(--color-info-alpha);color:var(--color-text-primary)}.smart-alert-warning{background:#f59e0b1f;background:var(--color-warning-alpha,#f59e0b1f);border-color:var(--color-warning);color:var(--color-text-primary)}.smart-alerts-list{display:flex;flex-wrap:wrap;gap:12px}.smart-alert-label{color:var(--dash-text-muted);flex-shrink:0;font-weight:600}.smart-alert-message{flex:1 1;white-space:pre-wrap;word-break:break-word}.section-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding-top:12px}.dashboard-card{align-items:center;background:var(--color-bg-surface);border:1px solid var(--dash-border);border-radius:var(--dash-radius-sm);box-shadow:var(--shadow-sm);color:inherit;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;justify-content:center;min-height:120px;overflow:hidden;padding:20px 16px;position:relative;text-align:center;transition:all .28s cubic-bezier(.4,0,.2,1)}.dashboard-card.wide{background:linear-gradient(135deg,var(--color-primary-alpha-10) 0,var(--color-bg-elevated) 100%);border-color:var(--color-primary-alpha-30);grid-column:span 2}.dashboard-card:focus{outline:none}.dashboard-card:focus-visible{outline:2px solid var(--dash-accent);outline:2px solid var(--accent-color,var(--dash-accent));outline-offset:2px}.card-icon{align-items:center;background:var(--color-bg-elevated);border-radius:12px;color:var(--dash-text-muted);color:var(--accent-color,var(--dash-text-muted));display:flex;height:48px;justify-content:center;margin-bottom:12px;transition:all .28s ease;width:48px}.card-icon svg{font-size:28px!important}.card-label{color:var(--color-text-primary);font-size:clamp(.85rem,1.5vw,1rem);font-weight:600;line-height:1.3;transition:color .28s ease}.card-flare{background:radial-gradient(circle at 30% 20%,#0000,#0000 60%);background:radial-gradient(circle at 30% 20%,var(--accent-color,#0000),#0000 60%);inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .28s ease}[dir=rtl] .card-flare{background:radial-gradient(circle at 70% 20%,#0000,#0000 60%);background:radial-gradient(circle at 70% 20%,var(--accent-color,#0000),#0000 60%)}.dashboard-card:hover{background:var(--dash-surface-hover);border-color:var(--accent-color);box-shadow:var(--dash-shadow-hover);transform:translateY(-4px)}.dashboard-card:hover .card-icon{background:var(--dash-accent);background:var(--accent-color,var(--dash-accent));box-shadow:var(--shadow-md);color:var(--color-text-primary);transform:scale(1.08)}.dashboard-card:hover .card-label{color:var(--color-text-primary)}.dashboard-card:hover .card-flare{opacity:.12}.dashboard-card:active{transform:translateY(-2px)}.dashboard-footer{border-top:1px solid var(--dash-border);color:var(--dash-text-soft);flex-shrink:0;font-size:.8rem;margin-top:auto;padding:16px 0 0;text-align:center}.dashboard-footer p{margin:0}@media (max-width:1024px){.App.dashboard-page{padding:20px 24px}.section-cards{gap:14px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.dashboard-card{min-height:110px;padding:16px 12px}}@media (max-width:768px){body{min-height:auto;overflow:auto}.App.dashboard-page{min-height:auto;padding:16px}.dashboard-section{padding:16px 18px}.section-cards{gap:12px;grid-template-columns:repeat(2,1fr)}.dashboard-card{min-height:100px;padding:14px 10px}.dashboard-card.wide{grid-column:span 1}.card-icon{height:42px;width:42px}.card-icon svg{font-size:24px!important}}@media (max-width:480px){.section-cards{grid-template-columns:1fr}.dashboard-card{flex-direction:row;gap:16px;justify-content:flex-start;min-height:auto;padding:16px 20px;text-align:start}.card-icon{flex-shrink:0;margin-bottom:0}.card-label{font-size:1rem}}@media (max-height:700px){.App.dashboard-page{padding:16px 24px}.dashboard-grid{gap:24px}.dashboard-section{padding:16px 20px}.dashboard-card{min-height:100px}}.breadcrumbs{align-items:center;color:#ffffffeb;color:var(--color-text-secondary,#ffffffeb);display:flex;font-size:.8rem;justify-content:flex-start;width:100%}.breadcrumbs-list{flex-wrap:wrap;list-style:none;margin:0;padding:0}.breadcrumbs-item,.breadcrumbs-list{align-items:center;display:flex;gap:4px}.breadcrumbs-link{background:none;border:none;border-radius:4px;color:#ffffffeb;color:var(--color-text-secondary,#ffffffeb);cursor:pointer;font-family:inherit;font-size:inherit;margin:-2px -6px;padding:2px 6px;transition:color .2s,background .2s}.breadcrumbs-link:hover{background:#ffffff14}.breadcrumbs-current,.breadcrumbs-link:hover{color:#fff;color:var(--color-text-primary,#fff)}.breadcrumbs-current{font-weight:600;padding:2px 0}.breadcrumb-separator-icon{color:inherit;flex-shrink:0;opacity:.85}.breadcrumbs-compact{font-size:.72rem}.breadcrumbs-compact .breadcrumbs-current,.breadcrumbs-compact .breadcrumbs-link{margin:-1px -4px;padding:1px 4px}.breadcrumbs-light .breadcrumbs-link{color:#475569}.breadcrumbs-light .breadcrumbs-link:hover{background:#0000000d;color:#0f172a}.breadcrumbs-light .breadcrumbs-current{color:#0f172a}.breadcrumbs-light .breadcrumb-separator-icon{color:#94a3b8}.lp-modal-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:40px 16px;position:fixed;z-index:99999}.lp-modal-content{border-radius:16px;box-sizing:border-box;flex-shrink:0;max-width:560px;padding:36px;width:90%}.lp-modal-dark{background:#1e293b;border:1px solid #94a3b833;box-shadow:0 24px 60px #00000080}.lp-modal-light{background:#fff;border:1px solid #e2e8f0;box-shadow:0 24px 60px #00000026}.lp-modal-header{border-bottom:1px solid #0000;margin-bottom:28px;padding-bottom:16px}.lp-modal-dark .lp-modal-header{border-bottom-color:#94a3b826}.lp-modal-light .lp-modal-header{border-bottom-color:#e2e8f0}.lp-modal-content h2{font-size:1.35rem;font-weight:700;margin:0}.lp-modal-dark .lp-modal-content h2{color:#fff}.lp-modal-light .lp-modal-content h2{color:#0f172a}.lp-settings-form{display:flex;flex-direction:column;gap:0}.lp-form-grid{grid-gap:22px 24px;display:grid;gap:22px 24px;grid-template-columns:1fr 1fr}.lp-form-group{display:flex;flex-direction:column;gap:8px}.lp-form-grid .lp-form-group{justify-content:flex-start}.lp-form-grid .lp-form-group input{margin-top:auto}.lp-form-group.lp-form-full{grid-column:1/-1}.lp-form-group label{display:block;font-size:.9rem;font-weight:600;margin:0}.lp-modal-dark .lp-form-group label{color:#cbd5e1}.lp-modal-light .lp-form-group label{color:#475569}.lp-form-hint{font-size:.85rem;font-weight:400}.lp-form-hint-below{display:block;grid-column:1;margin-top:4px}.lp-modal-dark .lp-form-hint{color:#94a3b8}.lp-modal-light .lp-form-hint{color:#64748b}.lp-form-group input{border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:1rem;line-height:1.5;min-height:46px;padding:12px 16px;transition:border-color .2s,background-color .2s;width:100%}.lp-modal-dark .lp-form-group input{background:#0f172a!important;border:1px solid #94a3b840;color:#fff!important}.lp-modal-dark .lp-form-group input::placeholder{color:#64748b}.lp-modal-light .lp-form-group input{background:#f8fafc!important;border:1px solid #e2e8f0;color:#0f172a!important}.lp-modal-light .lp-form-group input::placeholder{color:#94a3b8}.lp-modal-dark .lp-form-group input:disabled{background:#0f172a99!important;border-color:#94a3b826;color:#94a3b8!important;cursor:not-allowed}.lp-modal-light .lp-form-group input:disabled{background:#f1f5f9!important;border-color:#e2e8f0;color:#64748b!important;cursor:not-allowed}.lp-modal-dark .lp-form-group input:-webkit-autofill,.lp-modal-dark .lp-form-group input:-webkit-autofill:active,.lp-modal-dark .lp-form-group input:-webkit-autofill:focus,.lp-modal-dark .lp-form-group input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 46px #0f172a!important;box-shadow:inset 0 0 0 46px #0f172a!important}.lp-modal-light .lp-form-group input:-webkit-autofill,.lp-modal-light .lp-form-group input:-webkit-autofill:active,.lp-modal-light .lp-form-group input:-webkit-autofill:focus,.lp-modal-light .lp-form-group input:-webkit-autofill:hover{-webkit-text-fill-color:#0f172a!important;-webkit-box-shadow:inset 0 0 0 46px #f8fafc!important;box-shadow:inset 0 0 0 46px #f8fafc!important}.lp-form-group input:focus{border-color:#996515;outline:none}.lp-modal-dark .lp-form-group input:focus{background:#14b8a60f!important}.lp-modal-light .lp-form-group input:focus{background:#fff!important}.lp-modal-actions{border-top:1px solid #0000;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.lp-modal-dark .lp-modal-actions{border-top-color:#94a3b826}.lp-modal-light .lp-modal-actions{border-top-color:#e2e8f0}.lp-btn-cancel{border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 22px;transition:all .2s}.lp-modal-dark .lp-btn-cancel{background:#0000;border:1px solid #94a3b84d;color:#94a3b8}.lp-modal-dark .lp-btn-cancel:hover:not(:disabled){border-color:#94a3b880;color:#e2e8f0}.lp-modal-light .lp-btn-cancel{background:#0000;border:1px solid #cbd5e1;color:#64748b}.lp-modal-light .lp-btn-cancel:hover:not(:disabled){border-color:#94a3b8;color:#334155}.lp-btn-cancel:disabled,.lp-btn-save:disabled{cursor:not-allowed;opacity:.6}.lp-btn-save{background:#996515;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 26px;transition:all .2s}.lp-btn-save:hover:not(:disabled){background:#0d9488;box-shadow:0 4px 12px #14b8a659}@media (max-width:560px){.lp-form-grid{grid-template-columns:1fr}}.hp-user-menu-wrap{align-items:center;display:flex;gap:16px;overflow:visible;position:relative}.hp-logout-btn{align-items:center;background:#94a3b814;border:1px solid #94a3b833;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.hp-logout-btn:hover{background:#14b8a614;border-color:#996515;color:#14b8a6}.hp-user-greeting-wrap{position:relative;z-index:1}.hp-user-greeting-btn{align-items:center;background:#0000;border:1px solid #94a3b833;border-radius:8px;cursor:pointer;display:flex;font-family:inherit;gap:8px;padding:8px 16px;transition:all .2s}.hp-user-greeting-btn:hover{background:#14b8a60d;border-color:#996515}.hp-greeting-text{color:#94a3b8;font-size:.95rem;font-weight:400}.hp-username{color:#fff;font-size:.95rem;font-weight:700}.hp-user-icon{height:22px;object-fit:contain;width:22px}.app-header-light .hp-username{color:#0f172a}.app-header-light .hp-greeting-text{color:#64748b}.app-header-light .hp-logout-btn{background:#0000000a;border-color:#e2e8f0;color:#64748b}.app-header-light .hp-logout-btn:hover{border-color:#996515;color:#0d9488}.app-header-light .hp-user-greeting-btn{border-color:#e2e8f0}.app-header-light .hp-user-greeting-btn:hover{border-color:#996515}.app-header-light .hp-user-dropdown{background:#fff;border-color:#e2e8f0;box-shadow:0 12px 40px #0000001f}.app-header-light .hp-dropdown-item{color:#64748b}.app-header-light .hp-dropdown-item:hover{color:#0f172a}.app-header-light .hp-dropdown-divider{background:#e2e8f0}.hp-user-dropdown{background:#1e293b;border:1px solid #94a3b833;border-radius:10px;box-shadow:0 12px 40px #0000004d;min-width:200px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:9999}[dir=rtl] .hp-user-dropdown{left:0;right:auto}.hp-dropdown-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;padding:10px 14px;text-align:inherit;transition:all .2s;width:100%}.hp-dropdown-item:hover{background:#14b8a61a;color:#fff}.hp-dropdown-divider{background:#94a3b826;height:1px;margin:4px 0}.landing-container-v2.theme-light .hp-username{color:#0f172a}.landing-container-v2.theme-light .hp-greeting-text{color:#64748b}.landing-container-v2.theme-light .hp-logout-btn{background:#0000000a;border-color:#e2e8f0;color:#64748b}.landing-container-v2.theme-light .hp-logout-btn:hover{border-color:#996515;color:#0d9488}.landing-container-v2.theme-light .hp-user-greeting-btn{border-color:#e2e8f0}.landing-container-v2.theme-light .hp-user-greeting-btn:hover{border-color:#996515}.landing-container-v2.theme-light .hp-user-dropdown{background:#fff;border-color:#e2e8f0;box-shadow:0 12px 40px #0000001f}.landing-container-v2.theme-light .hp-dropdown-item{color:#64748b}.landing-container-v2.theme-light .hp-dropdown-item:hover{color:#0f172a}.landing-container-v2.theme-light .hp-dropdown-divider{background:#e2e8f0}@media (max-width:768px){.hp-user-menu-wrap{gap:12px}.hp-greeting-text{display:none}}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:visible;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:200}.app-header-dark{background:#0f172af2;border-bottom:1px solid #94a3b81a}.app-header-light{background:#edddb8;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0);box-shadow:0 1px 3px #0000000f}.app-header-content{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 32px}.app-header-logo{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:inherit;gap:10px;margin:-6px -10px;padding:6px 10px;transition:opacity .2s}.app-header-dark .app-header-logo{color:#fff}.app-header-light .app-header-logo{color:#0f172a}.app-header-logo:hover{opacity:.9}.app-header-logo-icon,.app-header-logo-img{flex-shrink:0;height:32px;object-fit:contain;width:32px}.app-header-dark .app-header-logo-img{filter:drop-shadow(0 0 10px rgba(153,101,21,.4)) drop-shadow(0 0 4px rgba(255,255,255,.15)) drop-shadow(0 2px 6px rgba(0,0,0,.35))}.app-header-light .app-header-logo-img{filter:drop-shadow(0 0 12px rgba(153,101,21,.45)) drop-shadow(0 0 6px rgba(153,101,21,.2)) drop-shadow(0 2px 8px rgba(0,0,0,.12))}.app-header-brand-wrap{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.app-header-brand{font-size:1.2rem;font-weight:700;line-height:1.2}.app-header-slogan{font-size:.7rem;font-weight:500;opacity:.85}.app-header-dark .app-header-slogan{color:#94a3b8}.app-header-light .app-header-slogan{color:#4a5568}.app-header-right{align-items:center;display:flex;gap:20px;overflow:visible;position:relative}.app-header-syncing-indicator{background:#3b82f633;border:1px solid #3b82f666;border-radius:6px;color:#2563eb;font-size:.75rem;font-weight:600;padding:4px 10px}.app-header-offline-indicator{background:#f59e0b33;border:1px solid #f59e0b66;border-radius:6px;color:#d97706;font-size:.75rem;font-weight:600;padding:4px 10px}.app-header-dark .app-header-offline-indicator{background:#fbbf2426;border-color:#fbbf2459;color:#fbbf24}.app-header-lang-switch{align-items:center;background:#14b8a61a;border:1px solid #14b8a64d;border-radius:8px;color:#996515;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;height:36px;justify-content:center;min-width:40px;padding:0 12px;transition:all .2s}.app-header-lang-switch:hover{background:#14b8a633;border-color:#14b8a6}.app-header-welcome{font-size:.95rem}.app-header-dark .app-header-welcome{color:#94a3b8}.app-header-light .app-header-welcome{color:#64748b}.app-header-username{-webkit-margin-start:6px;font-weight:700;margin-inline-start:6px}.app-header-dark .app-header-username{color:#fff}.app-header-light .app-header-username{color:#1a1d21}.app-header-logout{align-items:center;background:#0000;border:1px solid #94a3b833;border-radius:8px;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s}.app-header-dark .app-header-logout{color:#94a3b8}.app-header-light .app-header-logout{border-color:#cbd5e1;color:#64748b}.app-header-logout:hover{background:#14b8a60d;border-color:#14b8a6;color:#996515}.app-header-theme-switch{align-items:center;background:#14b8a61a;border:1px solid #14b8a64d;border-radius:8px;color:#996515;cursor:pointer;display:flex;font-family:inherit;height:36px;justify-content:center;transition:all .2s;width:40px}.app-header-theme-switch:hover{background:#14b8a633;border-color:#14b8a6}.app-header-logout span{line-height:1}.app-header-breadcrumbs-wrap{display:flex;flex-shrink:0;justify-content:flex-start;margin:0 auto 20px;max-width:1280px;padding:12px 32px 16px;width:100%}.app-header-breadcrumbs-wrap .breadcrumbs{font-size:.85rem}@media (max-width:768px){.app-header-content{padding:0 16px}.app-header-breadcrumbs-wrap{padding:10px 16px 14px}.app-header-welcome{display:none}}.usage-progress-bar{background:#fff;background:var(--color-bg-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:8px;padding:12px}.usage-progress-bar--compact{padding:8px}.usage-progress-bar--loading{min-height:24px}.usage-progress-bar-item:last-child{margin-bottom:0!important}.react-hot-toast{direction:rtl!important;font-family:Tajawal,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}.react-hot-toast>div{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:2px solid #ffffff1a!important;border-radius:16px!important;box-shadow:0 10px 30px #0006!important;display:flex!important;font-size:17px!important;font-weight:600!important;gap:12px!important;max-width:500px!important;min-height:80px!important;min-width:300px!important;padding:18px 24px!important}.react-hot-toast>div,.react-hot-toast>div>div{direction:rtl!important;text-align:right!important}.react-hot-toast>div>div{flex:1 1!important}.react-hot-toast>div>button{align-items:center!important;background:#ffffff40!important;border:2px solid #ffffff4d!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;height:36px!important;justify-content:center!important;margin-left:0!important;margin-right:8px!important;opacity:1!important;order:-1!important;padding:0!important;transition:all .2s ease!important;width:36px!important}.react-hot-toast>div>button:hover{background:#fff6!important;border-color:#ffffff80!important}.react-hot-toast>div>button:active{background:#ffffff80!important}.react-hot-toast>div>svg{flex-shrink:0!important;height:28px!important;width:28px!important}.react-hot-toast>div>div[class*=loader],.react-hot-toast>div>svg{margin-left:0!important;margin-right:0!important;order:0!important}.react-hot-toast>div[data-type=success]{-webkit-border-start:var(--toast-success-border)!important;background:var(--toast-success-bg)!important;border-inline-start:var(--toast-success-border)!important;color:var(--toast-success-text)!important}.react-hot-toast>div[data-type=error]{-webkit-border-start:var(--toast-error-border)!important;background:var(--toast-error-bg)!important;border-inline-start:var(--toast-error-border)!important;color:var(--toast-error-text)!important}.react-hot-toast>div[data-type=warning]{-webkit-border-start:var(--toast-warning-border)!important;background:var(--toast-warning-bg)!important;border-inline-start:var(--toast-warning-border)!important;color:var(--toast-warning-text)!important}.react-hot-toast>div[data-type=custom],.react-hot-toast>div[data-type=info]{-webkit-border-start:var(--toast-info-border)!important;background:var(--toast-info-bg)!important;border-inline-start:var(--toast-info-border)!important;color:var(--toast-info-text)!important}.react-hot-toast>div[data-type=success]>svg{color:var(--toast-success-icon)!important}.react-hot-toast>div[data-type=error]>svg{color:var(--toast-error-icon)!important}.react-hot-toast>div[data-type=warning]>svg{color:var(--toast-warning-icon)!important}.react-hot-toast>div[data-type=custom]>svg,.react-hot-toast>div[data-type=info]>svg{color:var(--toast-info-icon)!important}[data-theme=light] .react-hot-toast>div{background:var(--color-bg-surface)!important;box-shadow:var(--shadow-xl)!important}[data-theme=light] .react-hot-toast>div,[data-theme=light] .react-hot-toast>div>button{border:2px solid var(--color-border)!important;color:var(--color-text-primary)!important}[data-theme=light] .react-hot-toast>div>button{background:#0f172a14!important}[data-theme=light] .react-hot-toast>div>button:hover{background:#0f172a1f!important;border-color:var(--color-border-strong)!important;color:var(--color-text-primary)!important}[data-theme=light] .react-hot-toast>div>button:active{background:#0f172a2e!important}[data-theme=light] .react-hot-toast>div[data-type=success]{-webkit-border-start:var(--toast-success-border)!important;background:var(--toast-success-bg)!important;border-inline-start:var(--toast-success-border)!important;color:var(--toast-success-text)!important}[data-theme=light] .react-hot-toast>div[data-type=error]{-webkit-border-start:var(--toast-error-border)!important;background:var(--toast-error-bg)!important;border-inline-start:var(--toast-error-border)!important;color:var(--toast-error-text)!important}[data-theme=light] .react-hot-toast>div[data-type=warning]{-webkit-border-start:var(--toast-warning-border)!important;background:var(--toast-warning-bg)!important;border-inline-start:var(--toast-warning-border)!important;color:var(--toast-warning-text)!important}[data-theme=light] .react-hot-toast>div[data-type=custom],[data-theme=light] .react-hot-toast>div[data-type=info]{-webkit-border-start:var(--toast-info-border)!important;background:var(--toast-info-bg)!important;border-inline-start:var(--toast-info-border)!important;color:var(--toast-info-text)!important}[data-theme=light] .react-hot-toast>div:not([data-type]),[data-theme=light] .react-hot-toast>div[data-type=blank]{background:var(--color-bg-surface)!important;border:2px solid var(--color-border)!important;color:var(--color-text-primary)!important}[data-theme=light] .react-hot-toast>div[data-type=success]>svg{color:var(--toast-success-icon)!important}[data-theme=light] .react-hot-toast>div[data-type=error]>svg{color:var(--toast-error-icon)!important}[data-theme=light] .react-hot-toast>div[data-type=warning]>svg{color:var(--toast-warning-icon)!important}[data-theme=light] .react-hot-toast>div[data-type=custom]>svg,[data-theme=light] .react-hot-toast>div[data-type=info]>svg{color:var(--toast-info-icon)!important}@media (max-width:480px){.react-hot-toast>div{font-size:15px!important;max-width:95vw!important;min-height:70px!important;min-width:95vw!important;padding:14px 18px!important}.react-hot-toast>div>button{height:32px!important;width:32px!important}}.navigation-bar{align-items:stretch;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-subtle);box-shadow:0 1px 0 0 var(--color-border-subtle);box-sizing:border-box;display:flex;height:8vh;height:var(--nav-height,8vh);left:0;margin:0;max-width:100%;min-height:48px;min-width:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;width:100%;z-index:1000}[data-theme=light] .navigation-bar{background:var(--color-bg-light-elevated);border-bottom:1px solid var(--color-border-light);box-shadow:0 1px 3px #0000000a}.nav-section{align-items:center;display:flex;height:100%;min-width:0;padding:0 16px}.page-title-section{-webkit-border-end:1px solid var(--color-border-subtle);border-inline-end:1px solid var(--color-border-subtle);flex:0 0 26%;justify-content:flex-start;min-width:140px;overflow:hidden}[data-theme=light] .page-title-section{border-inline-end-color:var(--color-border-light)}.page-title-container{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:flex-start;min-width:0;width:100%}.page-title-text-block{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.page-title{color:var(--color-text-primary);font-size:clamp(15px,1.1vw,18px);font-weight:600;letter-spacing:.01em;line-height:1.25;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=light] .page-title{color:var(--color-text-light);text-shadow:none}.page-subtitle{color:var(--color-text-secondary);font-size:11px;font-weight:400;letter-spacing:.02em}[data-theme=light] .page-subtitle{color:var(--color-text-soft)}.nav-bar-logo{-webkit-border-end:1px solid var(--color-border-subtle);-webkit-padding-end:12px;-webkit-margin-end:12px;border-inline-end:1px solid var(--color-border-subtle);filter:drop-shadow(0 0 10px rgba(153,101,21,.4)) drop-shadow(0 0 4px rgba(255,255,255,.12)) drop-shadow(0 2px 6px rgba(0,0,0,.3));flex-shrink:0;height:32px;margin-inline-end:12px;object-fit:contain;padding-inline-end:12px;width:32px}[data-theme=light] .nav-bar-logo{border-inline-end-color:var(--color-border-light);filter:drop-shadow(0 0 12px rgba(153,101,21,.45)) drop-shadow(0 0 6px rgba(153,101,21,.2)) drop-shadow(0 2px 8px rgba(0,0,0,.12))}.page-title-icon-mui{color:var(--color-text-primary)!important;flex-shrink:0;font-size:28px!important;height:28px;width:28px}[data-theme=light] .page-title-icon-mui{color:var(--color-text-light)}.navigation-buttons-section{-webkit-border-end:1px solid var(--color-border-subtle);border-inline-end:1px solid var(--color-border-subtle);flex:1 1 48%;flex-direction:column;justify-content:center;min-width:0}[data-theme=light] .navigation-buttons-section{border-inline-end-color:var(--color-border-light)}.nav-items-container{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:0 4px;width:100%}.nav-items-left,.nav-items-right{align-items:center;display:flex;gap:8px}.nav-item{align-items:center;background:var(--color-bg-elevated);border:1px solid #0000;border-radius:10px;box-shadow:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;height:40px;justify-content:center;min-width:40px;overflow:hidden;padding:0;position:relative;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;width:40px}[data-theme=light] .nav-item{background:var(--color-bg-light);border-color:var(--color-border-light);color:var(--color-text-light)}.nav-item:hover{background:var(--color-bg-hover);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}[data-theme=light] .nav-item:hover{background:var(--color-border-light);box-shadow:0 2px 8px #0000000f}.nav-item.active{background:var(--color-primary-alpha-15);border-color:var(--color-primary-alpha-30);color:var(--color-primary)}[data-theme=light] .nav-item.active{background:var(--color-primary-alpha-10);border-color:var(--color-primary-alpha-30);color:var(--color-primary-dark)}.nav-item.home-button{background:var(--color-info-alpha);border-color:#0000;color:var(--color-info)}.nav-item.home-button:hover{background:var(--color-info-alpha);filter:brightness(1.05)}.nav-item.menu-button{background:#fbbf2426;border-color:#0000;color:var(--color-warning)}.nav-item.menu-button:hover{background:#fbbf2440}.nav-item.logout-button-global{background:var(--color-danger-alpha);border-color:#0000;color:var(--color-danger)}.nav-item.logout-button-global:hover{background:var(--color-danger-alpha);filter:brightness(1.05)}.nav-icon-mui{color:inherit;font-size:22px!important;transition:transform .2s ease}.nav-item:hover .nav-icon-mui{transform:scale(1.08)}.nav-icon-img{height:22px;object-fit:contain;transition:transform .2s ease;width:22px}.nav-item.sale-button .nav-icon-img{filter:none}[data-theme=light] .nav-item.sale-button.active .nav-icon-img{filter:brightness(0) saturate(100%) invert(32%) sepia(65%) saturate(1184%) hue-rotate(8deg) brightness(94%) contrast(89%)}.nav-item.sale-button:not(.active) .nav-icon-img{filter:brightness(0) saturate(100%) invert(1)}[data-theme=light] .nav-item.sale-button:not(.active) .nav-icon-img{filter:brightness(0) saturate(100%) invert(32%) sepia(65%) saturate(1184%) hue-rotate(8deg) brightness(94%) contrast(89%)}.nav-item:hover .nav-icon-img{transform:scale(1.08)}.nav-label{display:none}.nav-branch-selector-wrap{flex-shrink:0}.nav-branch-trigger{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:10px;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:500;gap:6px;max-width:180px;padding:6px 10px;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;white-space:nowrap}.nav-branch-trigger:hover{background:var(--color-bg-hover);border-color:var(--color-border);box-shadow:0 2px 8px #0000000f}[data-theme=light] .nav-branch-trigger{background:var(--color-bg-light);border-color:var(--color-border-light);color:var(--color-text-light)}[data-theme=light] .nav-branch-trigger:hover{background:var(--color-border-light)}.nav-branch-icon{color:var(--color-primary);flex-shrink:0;font-size:18px!important}[data-theme=light] .nav-branch-icon{color:var(--color-primary-dark)}.nav-branch-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-branch-chevron{color:var(--color-text-secondary);flex-shrink:0;font-size:16px!important;transition:transform .2s ease}[data-theme=light] .nav-branch-chevron{color:var(--color-text-soft)}.nav-branch-trigger:hover .nav-branch-chevron{transform:translateY(1px)}.nav-branch-dropdown{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 40px #0003,0 2px 10px #00000014;max-width:280px;min-width:200px;padding:6px 0}[data-theme=light] .nav-branch-dropdown{background:var(--color-bg-light-elevated);border-color:var(--color-border-light);box-shadow:0 10px 40px #00000014,0 2px 10px #0000000a}.nav-branch-dropdown-item{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:10px;padding:10px 14px;position:relative;text-align:start;transition:background-color .15s ease;width:100%}.nav-branch-dropdown-item:hover{background:var(--color-bg-hover)}[data-theme=light] .nav-branch-dropdown-item{color:var(--color-text-light)}[data-theme=light] .nav-branch-dropdown-item:hover{background:var(--color-border-light)}.nav-branch-dropdown-item.active{background:var(--color-primary-alpha-10);color:var(--color-primary)}[data-theme=light] .nav-branch-dropdown-item.active{background:var(--color-primary-alpha-10);color:var(--color-primary-dark)}.nav-branch-dropdown-icon{color:var(--color-text-secondary);flex-shrink:0;font-size:18px!important}.nav-branch-dropdown-item.active .nav-branch-dropdown-icon{color:var(--color-primary)}[data-theme=light] .nav-branch-dropdown-item.active .nav-branch-dropdown-icon{color:var(--color-primary-dark)}.nav-branch-dropdown-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-branch-dropdown-check{-webkit-margin-start:auto;color:var(--color-success);flex-shrink:0;font-size:18px!important;margin-inline-start:auto}.nav-header-button-group{align-items:center;display:flex;gap:6px}.theme-switcher-wrapper{align-items:center;display:flex;justify-content:center;margin:0;padding:0}.nav-item.theme-switcher-button{background:var(--color-bg-elevated);border:1px solid #0000;border-radius:10px;flex-shrink:0;height:40px;min-width:40px;padding:0;width:40px}.nav-item.theme-switcher-button:hover{background:var(--color-bg-hover);transform:translateY(-1px)}.lang-switcher-global .lang-text{font-size:12px;font-weight:600;letter-spacing:.05em}.nav-network-indicator,.nav-notification-bell{align-items:center;display:inline-flex}.nav-network-indicator{border-radius:6px;cursor:default;justify-content:center;padding:4px;transition:color .2s ease}.nav-network-indicator.nav-network-offline{color:var(--color-text-muted)}.nav-network-indicator.nav-network-offline svg{color:var(--color-danger)!important}.nav-network-indicator.nav-network-online.excellent,.nav-network-indicator.nav-network-online.excellent svg{color:var(--color-success)!important}.nav-network-indicator.nav-network-online.good,.nav-network-indicator.nav-network-online.good svg{color:var(--color-warning)!important}.nav-network-indicator.nav-network-online.poor,.nav-network-indicator.nav-network-online.poor svg{color:var(--color-danger)!important}.nav-syncing-indicator{background:var(--color-info-alpha);border:1px solid #60a5fa4d;border-radius:8px;color:var(--color-info)}.nav-offline-indicator,.nav-syncing-indicator{font-size:10px;font-weight:600;padding:4px 8px}.nav-offline-indicator{background:#fbbf2433;border:1px solid #fbbf2459;border-radius:8px;color:var(--color-warning)}.datetime-section{align-items:center;flex:0 0 26%;flex-direction:column;justify-content:center}.datetime-section-inner{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;width:100%}.nav-user-trigger-wrap{flex-shrink:0}.nav-user-trigger{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:10px;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:500;gap:6px;padding:6px 10px;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.nav-user-trigger:hover{background:var(--color-bg-hover);border-color:var(--color-border);box-shadow:0 2px 8px #0000000f}[data-theme=light] .nav-user-trigger{background:var(--color-bg-light);border-color:var(--color-border-light);color:var(--color-text-light)}[data-theme=light] .nav-user-trigger:hover{background:var(--color-border-light)}.nav-user-avatar{border-radius:50%;flex-shrink:0;height:24px;object-fit:cover;width:24px}.nav-user-name{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-user-chevron{color:var(--color-text-secondary);flex-shrink:0;font-size:16px!important}[data-theme=light] .nav-user-chevron{color:var(--color-text-soft)}.nav-user-dropdown{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 40px #0003,0 2px 10px #00000014;min-width:180px;padding:6px 0}[data-theme=light] .nav-user-dropdown{background:var(--color-bg-light-elevated);border-color:var(--color-border-light);box-shadow:0 10px 40px #00000014,0 2px 10px #0000000a}.nav-user-dropdown-usage{border-bottom:1px solid var(--color-border-subtle);padding:8px 12px}[data-theme=light] .nav-user-dropdown-usage{border-bottom-color:var(--color-border-light)}.nav-user-dropdown-item{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:10px;padding:10px 14px;text-align:start;transition:background-color .15s ease;width:100%}.nav-user-dropdown-item:hover{background:var(--color-bg-hover)}[data-theme=light] .nav-user-dropdown-item{color:var(--color-text-light)}[data-theme=light] .nav-user-dropdown-item:hover{background:var(--color-border-light)}.nav-user-dropdown-icon{color:var(--color-text-secondary);flex-shrink:0;font-size:20px!important}.nav-user-dropdown-divider{background:var(--color-border-subtle);height:1px;margin:4px 0}[data-theme=light] .nav-user-dropdown-divider{background:var(--color-border-light)}.datetime-bottom{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:10px;min-width:0}.datetime-text{align-items:center;display:flex;flex-direction:column;gap:2px}.current-date{color:var(--color-text-secondary);font-size:11px;font-weight:400;letter-spacing:.02em;text-align:center}.current-time{font-feature-settings:"tnum";color:var(--color-text-primary);direction:ltr;font-size:13px;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.03em;text-align:center}[data-theme=light] .current-time{color:var(--color-text-light)}.hidden-menu-container{display:inline-flex;justify-content:center;max-width:min(95vw,560px);padding-top:6px}.hidden-menu-container,.hidden-menu-portal{width:-webkit-fit-content;width:fit-content}.hidden-menu{grid-gap:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 40px #0003,0 2px 10px #00000014;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr));max-width:560px;min-width:320px;padding:12px}[data-theme=light] .hidden-menu{background:var(--color-bg-light-elevated);border-color:var(--color-border-light);box-shadow:0 10px 40px #00000014,0 2px 10px #0000000a}.hidden-menu-item{align-items:center;background:var(--color-bg-elevated);border:1px solid #0000;border-radius:10px;box-sizing:border-box;color:var(--color-text-primary);cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:6px;justify-content:center;min-height:52px;min-width:0;padding:10px 8px;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}[data-theme=light] .hidden-menu-item{background:var(--color-bg-light);border-color:var(--color-border-light);color:var(--color-text-light)}.hidden-menu-item:hover{background:var(--color-bg-hover);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}[data-theme=light] .hidden-menu-item:hover{background:var(--color-border-light)}.hidden-menu-item.active{background:var(--color-primary-alpha-15);border-color:var(--color-primary-alpha-30);color:var(--color-primary)}.hidden-menu-icon-mui{color:inherit!important;flex-shrink:0;font-size:22px!important;height:22px;min-height:22px;min-width:22px;width:22px}.hidden-menu-label{color:inherit;display:block;font-size:11px;font-weight:600;line-height:1.2;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.desktop-menu-button{display:flex}.desktop-nav-items,.mobile-menu-button{display:none}.main-content-with-nav{box-sizing:border-box;display:flex;flex-direction:column;height:92vh;height:calc(100vh - var(--nav-height, 8vh));margin-top:8vh;margin-top:var(--nav-height,8vh);min-height:92vh;min-height:calc(100vh - var(--nav-height, 8vh));overflow-x:hidden;overflow-y:auto;width:100%}.main-content-with-nav>*{flex:1 1 auto;min-height:0;min-width:0}@media (max-width:1200px){.page-title{font-size:15px}.page-subtitle{font-size:10px}.nav-item{height:38px;min-width:38px;width:38px}.nav-icon-mui{font-size:20px!important}.nav-icon-img{height:20px;width:20px}.nav-bar-logo{height:28px;width:28px}.current-date{font-size:10px}.current-time{font-size:12px}}@media (max-width:768px){.navigation-bar{height:10vh;min-height:44px;padding:0 10px}.nav-section{-webkit-border-end:none!important;border-inline-end:none!important;padding:0 8px}.datetime-section{flex:1 1 auto;min-width:0}.datetime-bottom{display:none}.datetime-section-inner{gap:0;justify-content:flex-end}.nav-user-trigger .nav-user-name{display:none}.nav-user-trigger{padding:6px 8px}.nav-user-chevron{display:none}.nav-branch-trigger{max-width:140px;padding:6px 8px}.nav-branch-name{font-size:11px;max-width:80px}.nav-branch-icon{font-size:16px!important}.nav-branch-chevron{font-size:14px!important}.nav-branch-dropdown{max-width:min(90vw,240px);min-width:180px}.page-title-section{-webkit-border-end:1px solid var(--color-border-subtle);border-inline-end:1px solid var(--color-border-subtle);flex:1 1 50%;justify-content:flex-end;min-width:0;order:1}.navigation-buttons-section{-webkit-border-end:none;border-inline-end:none;flex:1 1 50%;order:2}.nav-items-container{gap:8px;padding:0}.nav-items-left,.nav-items-right{gap:8px}.desktop-menu-button{display:none}.mobile-menu-button{display:flex}.nav-item.home-button,.nav-item.menu-button{background:#0000!important;border:none!important;box-shadow:none!important;height:36px;min-width:36px;width:36px}.nav-item.home-button:hover,.nav-item.menu-button:hover{background:var(--color-bg-hover)!important;transform:translateY(0)}.nav-item.home-button .nav-icon-mui,.nav-item.menu-button .nav-icon-mui{font-size:22px!important}.page-title-container{align-items:center;text-align:right}.page-title-text-block{align-items:flex-end}.page-title{font-size:14px}.page-subtitle{font-size:10px}.nav-bar-logo{height:26px;width:26px}.hidden-menu{grid-template-columns:repeat(2,minmax(0,1fr));max-width:min(95vw,360px);min-width:280px;padding:12px}.hidden-menu-item{min-height:48px}.hidden-menu-icon-mui{font-size:20px!important;height:20px;min-height:20px;min-width:20px;width:20px}.main-content-with-nav{height:90vh;height:calc(100vh - var(--nav-height, 10vh));margin-top:10vh;margin-top:var(--nav-height,10vh);min-height:90vh;min-height:calc(100vh - var(--nav-height, 10vh))}}.theme-switcher-container{position:relative}.theme-switcher-container *{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}.theme-card{overflow:hidden;position:relative}.theme-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.theme-card:hover:before{left:100%}@keyframes ripple{0%{opacity:.6;transform:scale(0)}to{opacity:0;transform:scale(4)}}.theme-card-ripple{animation:ripple .6s ease-out;background:#14b8a666;border-radius:50%;height:20px;position:absolute;width:20px}@keyframes colorPulse{0%,to{box-shadow:0 2px 4px #0000001a;transform:scale(1)}50%{box-shadow:0 4px 8px #0003;transform:scale(1.05)}}.color-preview:hover{animation:colorPulse 1s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 5px var(--color-primary),0 0 10px var(--color-primary)}50%{box-shadow:0 0 10px var(--color-primary),0 0 20px var(--color-primary)}}.active-theme-indicator{animation:glow 2s ease-in-out infinite}.MuiPopover-paper{animation:slideIn .2s ease-out}.notification-bars{left:0;position:fixed;right:0;z-index:9999}.notification-bars-top{top:0}.notification-bars-bottom{bottom:0}.notification-bar{align-items:center;box-shadow:0 2px 10px #0000001a;display:flex;gap:12px;justify-content:center;padding:12px 20px}.notification-bar,.notification-bar-slide{animation:slideIn .5s ease-out}.notification-bar-fade{animation:fadeIn .5s ease-out}.notification-bar-grow{animation:growIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes growIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.notification-bar-icon{flex-shrink:0;font-size:20px;line-height:1}.notification-bar-content{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:8px;justify-content:center}.notification-bar-title{font-size:15px;font-weight:700;letter-spacing:.02em}.notification-bar-message{font-size:14px;font-weight:500}.notification-bar-cta{border-radius:4px;cursor:pointer;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.05em;padding:6px 16px;text-decoration:none;text-transform:uppercase;transition:opacity .2s}.notification-bar-cta:hover{opacity:.9}.notification-bar-close{background:none;border:none;cursor:pointer;flex-shrink:0;font-size:20px;line-height:1;opacity:.7;padding:4px 8px;transition:opacity .2s}.notification-bar-close:hover{opacity:1}@media (max-width:768px){.notification-bar{gap:8px;padding:10px 16px}.notification-bar-content{flex-direction:column;gap:6px;text-align:center}.notification-bar-title{font-size:14px}.notification-bar-message{font-size:13px}.notification-bar-cta{font-size:11px;padding:5px 12px}.notification-bar-icon{font-size:18px}}@media print{.notification-bars{display:none!important}}@media (prefers-contrast:high){.notification-bar{border:2px solid!important}}@media (prefers-reduced-motion:reduce){.notification-bar{animation:none!important}}