@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";._wrapper_1sn44_1{display:inline-flex;position:relative}._bellButton_1sn44_3{border:1px solid var(--border-light,#e2e8f0);background:var(--bg-surface,#fff);width:38px;height:38px;color:var(--enterprise-accent-strong,#12295a);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:relative}._bellButton_1sn44_3:hover{background:var(--enterprise-surface-muted,#f1f5f9)}._badge_1sn44_18{top:-4px;background:var(--status-danger,#dc3545);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:800;line-height:1;display:flex;position:absolute;inset-inline-end:-4px}._panel_1sn44_36{background:var(--bg-surface,#fff);border:1px solid var(--border-light,#e2e8f0);border-radius:var(--radius-md,10px);width:min(92vw,380px);max-height:480px;box-shadow:var(--shadow-strong,0 20px 50px #0f172a33);z-index:5000;direction:rtl;font-family:Cairo,Segoe UI,Tahoma,sans-serif;overflow-y:auto}._panelHeader_1sn44_53{border-bottom:1px solid var(--border-light,#e2e8f0);color:var(--neutral-950,#0f172a);background:var(--bg-surface,#fff);justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;font-weight:800;display:flex;position:sticky;top:0}._emptyState_1sn44_67{text-align:center;color:var(--text-muted-strong,#64748b);padding:32px 16px;font-size:13px}._groupTitle_1sn44_74{color:var(--enterprise-accent-strong,#12295a);text-transform:uppercase;letter-spacing:.4px;padding:8px 14px 4px;font-size:11px;font-weight:800}._item_1sn44_83{cursor:pointer;border-bottom:1px solid #e2e8f099;align-items:flex-start;gap:8px;padding:9px 14px;display:flex}._item_1sn44_83:hover{background:var(--enterprise-surface-muted,#f1f5f9)}._itemDot_1sn44_92{background:var(--status-warning,#d39e00);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}._itemDotOverdue_1sn44_93{background:var(--status-danger,#dc3545)}._itemBody_1sn44_94{flex:1;min-width:0}._itemTitle_1sn44_95{color:var(--neutral-900,#1e293b);font-size:12.5px;font-weight:700}._itemMeta_1sn44_96{color:var(--text-muted-strong,#64748b);margin-top:2px;font-size:11px}@layer reset{*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html{scroll-behavior:smooth;text-rendering:optimizelegibility;width:100%;height:100%;font-size:16px;overflow-x:hidden}body{color:#1a202c;background-color:#fff;width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}img,picture,video,canvas,svg:not([width]){max-width:100%;height:auto;display:block}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button,[type=button],[type=reset],[type=submit]{cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}input,textarea,select{font:inherit;color:inherit}input,textarea{width:100%}textarea{resize:vertical}select{cursor:pointer}table{border-collapse:collapse;border-spacing:0}button,[role=button],input[type=checkbox],input[type=radio]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (hover:hover) and (pointer:fine){button,[role=button],a[role=button]{touch-action:manipulation}}}@layer foundation{:root{--font-size-xs:clamp(.7rem, 1vw, .8rem);--font-size-sm:clamp(.8rem, 1.2vw, .95rem);--font-size-base:clamp(.95rem, 1.4vw, 1.1rem);--font-size-md:clamp(1.1rem, 1.6vw, 1.3rem);--font-size-lg:clamp(1.25rem, 2vw, 1.75rem);--font-size-xl:clamp(1.5rem, 2.5vw, 2.2rem);--font-size-2xl:clamp(1.875rem, 3vw, 2.75rem);--font-size-3xl:clamp(2.25rem, 4vw, 3.75rem);--space-xs:clamp(.25rem, .5vw, .5rem);--space-sm:clamp(.5rem, 1vw, 1rem);--space-md:clamp(1rem, 2vw, 1.5rem);--space-lg:clamp(1.5rem, 3vw, 2.5rem);--space-xl:clamp(2rem, 4vw, 3.5rem);--space-2xl:clamp(2.5rem, 5vw, 4.5rem);--touch-target-size:44px;--touch-padding:12px;--breakpoint-xs:0;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--color-primary:#12295a;--color-primary-light:#eaf0fa;--color-primary-dark:#0b1d45;--color-text-main:#1a202c;--color-text-secondary:#4a5568;--color-text-light:#718096;--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-border:#e2e8f0;--color-error:#dc3545;--color-success:#1e7e34}body{font-size:var(--font-size-base);line-height:1.6}h1{font-size:var(--font-size-3xl);font-weight:700;line-height:1.2}h2{font-size:var(--font-size-2xl);font-weight:700;line-height:1.3}h3{font-size:var(--font-size-xl);font-weight:600;line-height:1.4}h4,h5,h6{font-size:var(--font-size-lg);font-weight:600;line-height:1.4}p{font-size:var(--font-size-base);line-height:1.6}small{font-size:var(--font-size-sm)}}@layer utilities{.container{width:100%;padding:0 var(--space-md);margin:0 auto;overflow-x:hidden}@media (width>=768px){.container{padding:0 var(--space-lg)}}@media (width>=1024px){.container{max-width:1200px;padding:0 var(--space-xl)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-center{justify-content:center;align-items:center}.flex-between{justify-content:space-between;align-items:center}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.grid{gap:var(--space-md);display:grid}@media (width>=768px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.px-sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.w-full{width:100%}.max-w-full{max-width:100%}.max-w-container{max-width:1200px}.hidden-mobile{display:none}@media (width>=768px){.hidden-mobile{display:block}}.visible-mobile{display:block}@media (width>=768px){.visible-mobile{display:none}}.no-overflow{overflow:hidden auto}img,picture,video,canvas,svg:not([width]){object-fit:cover;max-width:100%;height:auto;display:block}table{width:100%;max-width:100%;display:block;overflow-x:auto}.text-wrap{word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-truncate-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skip-to-content{background:var(--color-primary);color:#fff;z-index:100;padding:8px;text-decoration:none;position:absolute;top:-40px;left:0}.skip-to-content:focus{top:0}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){body{color:#000;background-color:#fff}a{text-decoration:underline}button,input,select,textarea{border-width:2px}}.min-h-screen{min-height:100dvh}.safe-area-top{padding-top:max(12px, env(safe-area-inset-top))}.safe-area-bottom{padding-bottom:max(12px, env(safe-area-inset-bottom))}.safe-area-left{padding-left:max(12px, env(safe-area-inset-left))}.safe-area-right{padding-right:max(12px, env(safe-area-inset-right))}.no-select{-webkit-user-select:none;user-select:none}.scroll-smooth{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}}@layer components{button,[role=button],input[type=button],input[type=submit],input[type=reset]{min-height:var(--touch-target-size);min-width:var(--touch-target-size);font-size:var(--font-size-base);cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff;background:linear-gradient(135deg,#4a6fa5,#1b3a6b);border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#4a6fa5,#1b3a6b)}.btn-primary:active{opacity:.9;transform:scale(.98)}@media (hover:hover) and (pointer:fine){.btn-primary:hover{background:linear-gradient(135deg,#1b3a6b,#12295a)}}a[role=button],.link-button{min-height:var(--touch-target-size);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:12px 16px;text-decoration:none;display:inline-flex}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],textarea,select{min-height:var(--touch-target-size);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:6px;padding:12px;transition:border-color .2s}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=date]:focus,input[type=time]:focus,textarea:focus,select:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}input[type=checkbox],input[type=radio]{min-width:var(--touch-target-size);min-height:var(--touch-target-size);cursor:pointer}select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360a5fa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;padding-right:36px}.navbar{gap:var(--space-md);padding:var(--space-md);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}@media (width>=768px){.navbar{padding:var(--space-md) var(--space-lg);flex-direction:row;justify-content:space-between;align-items:center}}.nav-item{color:var(--color-text-main);border-radius:6px;align-items:center;gap:8px;padding:12px;text-decoration:none;transition:background-color .2s;display:flex}.nav-item:active{background-color:var(--color-primary-light)}@media (hover:hover) and (pointer:fine){.nav-item:hover{background-color:var(--color-primary-light)}}.nav-item.active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:600}}@media print{body{color:#000;background:#fff}.no-print{display:none!important}img{max-width:100%}a{text-decoration:underline}}:root{--odoo-primary:#1b3a6b;--odoo-primary-hover:#12295a;--odoo-primary-dark:#0b1d45;--odoo-primary-light:#4a6fa5;--odoo-secondary:#1f5fbf;--odoo-secondary-hover:#174a96;--odoo-bg:var(--bg-page,#f8fafc);--odoo-surface:var(--bg-surface,#fff);--odoo-border:var(--border-light,#e2e8f0);--odoo-text-main:var(--text-primary,#1e293b);--odoo-text-muted:var(--text-muted,#64748b);--odoo-success:var(--status-success,#28a745);--odoo-warning:var(--status-warning,#ffc107);--odoo-danger:var(--status-danger,#dc3545);--odoo-info:var(--status-info,#17a2b8);--input-height:35px}.odoo-erp-wrapper{background-color:var(--odoo-bg);min-height:100vh;color:var(--odoo-text-main);padding:16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.odoo-control-panel{background:var(--odoo-surface);border-radius:var(--radius-md,6px);border:1px solid var(--odoo-border);justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 20px;display:flex;box-shadow:0 1px 2px #00000005}.breadcrumb-nav{color:var(--odoo-text-muted);font-size:13px}.breadcrumb-nav .separator{margin:0 8px}.breadcrumb-nav .current-page{color:var(--odoo-text-main);font-weight:600}.btn-odoo{height:var(--input-height);border-radius:var(--radius-sm,4px);cursor:pointer;border:none;padding:0 16px;font-size:13px;font-weight:500;transition:background .15s}.btn-odoo-primary{background-color:var(--odoo-primary);color:#fff}.btn-odoo-primary:hover{background-color:var(--odoo-primary-hover)}.btn-odoo-secondary{color:#334155;background-color:#e2e8f0;margin-right:8px}.btn-odoo-secondary:hover{background-color:#cbd5e1}.odoo-sheet{background:var(--odoo-surface);border:1px solid var(--odoo-border);border-radius:var(--radius-md,6px);padding:20px;box-shadow:0 4px 6px -1px #00000003}.odoo-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:24px;display:grid}.kpi-card{background:var(--bg-surface-muted,#f1f5f9);border:1px solid var(--odoo-border,#cbd5e1);border-radius:var(--radius-md,6px);flex-direction:column;padding:12px 16px;display:flex}.kpi-label{color:var(--odoo-text-muted);margin-bottom:4px;font-size:12px;font-weight:600}.kpi-value{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.account-section{border:1px solid var(--odoo-border);border-radius:var(--radius-md,6px);margin-bottom:24px;overflow:hidden}.account-header-bar{background:var(--bg-surface-muted,#f8fafc);border-bottom:1px solid var(--odoo-border);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.account-header-bar h3{margin:0;font-size:14px;font-weight:600}.account-badge{border-radius:var(--radius-sm,4px);color:#475569;background:#e2e8f0;padding:2px 8px;font-size:11px;font-weight:600}.table-responsive{width:100%;overflow-x:auto}.odoo-list-table{border-collapse:collapse;text-align:right;width:100%;font-size:13px}.odoo-list-table th{color:#475569;border-bottom:2px solid var(--odoo-border);background-color:#f8fafc;padding:8px 12px;font-weight:600}.odoo-list-table td{font-variant-numeric:tabular-nums;border-bottom:1px solid #f1f5f9;padding:6px 12px}.odoo-list-table tr:hover{background-color:#f8fafc}.table-total-row{border-top:2px solid var(--odoo-border);background-color:#f8fafc;font-weight:700}.text-debit{color:#17a2b8}.text-credit{color:#dc3545}code{background:#f1f5f9;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px}.odoo-notebook-tabs{border-bottom:1px solid var(--odoo-border);gap:20px;margin-bottom:18px;display:flex;overflow-x:auto}.odoo-notebook-tab{color:var(--odoo-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 2px;font-size:13px;font-weight:700}.odoo-notebook-tab:hover{color:var(--odoo-primary)}.odoo-notebook-tab.active{color:var(--odoo-primary);border-bottom-color:var(--odoo-primary)}.odoo-statusbar{border:1px solid var(--odoo-border);border-radius:var(--radius-sm,4px);display:inline-flex;overflow:hidden}.odoo-statusbar-pill{color:var(--odoo-text-muted);background:var(--odoo-surface);border-inline-end:1px solid var(--odoo-border);padding:6px 14px;font-size:12px;font-weight:700}.odoo-statusbar-pill:last-child{border-inline-end:none}.odoo-statusbar-pill.active{font-weight:800}html,body,#root{width:100%;overflow-x:hidden}*{max-width:100%}.recharts-wrapper,.recharts-surface{max-width:none}.container,.page-container,main,section{width:100%;max-width:100%;margin:0 auto;padding-left:clamp(8px,3vw,24px);padding-right:clamp(8px,3vw,24px);overflow-x:hidden}img,picture,video,canvas,svg:not([width]){width:100%;max-width:100%;height:auto;display:block}img.no-stretch{width:auto}.table-responsive,.table-base{width:100%}.table-responsive table,.table-base{border-collapse:collapse;width:100%;font-size:clamp(.8rem,1.2vw,1rem)}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.desktop-table-view{display:block}.mobile-card-stack{display:none}@media (width<=768px){.desktop-table-view{display:none!important}.mobile-card-stack{display:block!important}.table-responsive table,.table-base{display:block}.table-responsive thead,.table-base thead{display:none}.table-responsive tbody tr,.table-base tbody tr{background:var(--bg-primary);border:1px solid #e2e8f0f2;border-radius:1rem;margin-bottom:16px;display:block;overflow:hidden;box-shadow:0 10px 24px #0f172a0d}.table-responsive td,.table-base td{border:none;text-align:left;border-top:1px solid #f1f5f9f2;width:100%;padding:14px 16px;display:block;position:relative}.table-responsive tbody tr:first-child td,.table-base tbody tr:first-child td{border-top:none}.table-responsive td:before,.table-base td:before{content:attr(data-label);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem;font-size:.75rem;font-weight:700;display:block}.table-responsive tbody tr,.table-base tbody tr{background:var(--bg-primary)}.table-responsive td:last-child,.table-base td:last-child{border-bottom:none}}button,[role=button],a[role=button],input[type=button],input[type=submit],input[type=reset]{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:linear-gradient(135deg,#4a6fa5,#1b3a6b);border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:12px 16px;font-size:16px;transition:all .2s;display:inline-flex}button,[role=button],a,input,textarea,select{touch-action:manipulation}button:active,[role=button]:active{opacity:.9;transform:scale(.98)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],textarea,select{border:1px solid #e2e8f0;border-radius:6px;width:100%;min-height:44px;padding:12px;font-family:inherit;font-size:16px;transition:border-color .2s}input:focus,textarea:focus,select:focus{outline-offset:2px;border-color:#12295a;outline:2px solid #12295a}html{font-size:16px}body{font-size:clamp(.95rem,1.4vw,1.1rem);line-height:1.6}h4,h5,h6{font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.4}p{font-size:clamp(.95rem,1.4vw,1.1rem);line-height:1.6}small{font-size:clamp(.8rem,1.2vw,.95rem)}.full-height,.hero,.modal{-webkit-overflow-scrolling:touch;min-height:100dvh;max-height:100dvh;overflow-y:auto}body{padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(12px, env(safe-area-inset-bottom));padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}.bottom-nav,.bottom-action-bar{padding-bottom:calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e2e8f0;position:fixed;bottom:0;left:0;right:0}.grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=640px){.grid-sm-2{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.grid-md-2{grid-template-columns:repeat(2,1fr)}.grid-md-3{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.grid-lg-3{grid-template-columns:repeat(3,1fr)}.grid-lg-4{grid-template-columns:repeat(4,1fr)}}.flex-mobile-col{flex-direction:column;gap:12px;display:flex}@media (width>=768px){.flex-md-row{flex-direction:row;gap:16px}}@media (width>=1024px){.flex-lg-row{flex-direction:row;gap:24px}}button,[role=button],a[role=button],.no-select{-webkit-user-select:none;user-select:none}.card,.page-section,.kpi-card,.global-page-surface,.admin-section-card-header,.admin-policy-result,.table-responsive,.table-base{background:var(--surface-card);border:1px solid var(--surface-card-border);border-radius:1.25rem;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 12px 28px #0f172a0f}.card{padding:clamp(1rem,2.5vw,1.25rem)}.card:active,.card:focus-within{transform:scale(.98)}.btn,button{min-height:44px;color:var(--text-primary);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #ffffff52;border-radius:999px;padding:.85rem 1rem;transition:transform .16s,box-shadow .16s,background-color .2s,border-color .2s;box-shadow:0 10px 30px #0f172a14}.btn:active,button:active{transform:scale(.98)}.btn:hover:not(:disabled),button:hover:not(:disabled){border-color:#94a3b859;transform:translateY(-1px);box-shadow:0 12px 28px #0f172a1f}.btn-primary,button.btn-primary{border-color:#0000}.btn-secondary,button.btn-secondary{border-color:#94a3b859}.btn-danger,button.btn-danger{border-color:var(--status-danger)}.table-responsive{border:1px solid #e2e8f0e6;border-radius:1rem}.table-base{background:var(--bg-primary)}.table-base th{color:var(--text-secondary);background:#f8fafcf2;border-bottom:1px solid #e2e8f0e6}.table-base td{border-bottom:1px solid #f1f5f9f2}@media (width<=768px){.card,.page-section,.kpi-card,.global-page-surface{-webkit-backdrop-filter:blur(20px);background:linear-gradient(#ffffffd6,#ffffffb3);border:1px solid #ffffff4d;border-radius:1.5rem;padding:1rem;box-shadow:0 16px 42px #0f172a1a}.btn,button{-webkit-backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #ffffff8c;width:100%;max-width:100%;padding:.95rem 1rem;font-size:1rem;box-shadow:0 14px 34px #0f172a1a}.btn:hover:not(:disabled),button:hover:not(:disabled){border-color:#94a3b86b}.btn-primary,button.btn-primary{color:var(--primary-blue);background:#ffffffeb;border-color:#8f6a8338}.btn-secondary,button.btn-secondary{background:#ffffffe0}.table-base th,.table-base td{padding:1rem}.table-responsive{-webkit-backdrop-filter:blur(16px);background:#ffffffb8;border:1px solid #ffffff73;border-radius:1.25rem;margin:0;box-shadow:inset 0 0 0 1px #ffffff14}.table-responsive table{min-width:100%}}*{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #12295a}.mobile-menu{z-index:999;-webkit-overflow-scrolling:touch;background:#fff;display:none;position:fixed;inset:0;overflow-y:auto}.mobile-menu.open{flex-direction:column;display:flex}@media (width<=768px){.mobile-menu{display:none}.mobile-menu.open{display:flex}.hamburger-btn{min-width:44px;min-height:44px;display:block}}@media (width>=769px){.mobile-menu{display:none!important}.hamburger-btn{display:none}.desktop-menu{gap:16px;display:flex}}.text-wrap{word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.text-truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.text-truncate-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:focus-visible{outline-offset:2px;outline:2px solid #12295a}@media (prefers-contrast:more){body{color:#000;background-color:#fff}button,input,select,textarea{border-width:2px}a{text-decoration:underline}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.scrollable{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overflow-y:auto}.p-responsive{padding:clamp(12px,4vw,32px)}.m-responsive{margin:clamp(12px,4vw,32px)}.gap-responsive{gap:clamp(12px,3vw,24px)}.sidebar-layout{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=1024px){.sidebar-layout{grid-template-columns:1fr 300px;gap:24px}}.hidden-mobile{display:none}@media (width>=768px){.hidden-mobile{display:block}}.visible-mobile{display:block}@media (width>=768px){.visible-mobile{display:none}}.w-full-mobile{width:100%}@media (width>=768px){.w-full-mobile{width:auto}}.flex-col-mobile{flex-direction:column;display:flex}@media (width>=768px){.flex-col-mobile{flex-direction:row}}@media (width<=767px){.container,.page-container,.app-container,.form-container,main,section,article{padding:8px!important}.form-row,.form-group{gap:4px!important;margin-bottom:8px!important}input,select,textarea,button,[type=button],[type=submit],[type=reset]{gap:4px!important;padding:6px 8px!important}.grid,.product-grid,[style*=grid-template-columns],.flex,.flex-row,.flex-col{gap:6px!important}}@media (width<=768px){.table-responsive,.sp-table-wrap,.table-container,.report-table-wrap,.card-ui,.global-page-surface{-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}table,.products-table,.report-table,.variant-table,.sp-sales-table,.sp-table{table-layout:fixed!important;width:100%!important;min-width:0!important}table th,table td,.products-table th,.products-table td,.report-table th,.report-table td,.variant-table th,.variant-table td,.sp-sales-table th,.sp-sales-table td,.sp-table th,.sp-table td{word-break:break-word!important;white-space:normal!important}[style*="display: flex"],[style*=display\:flex]{gap:4px!important}.card,[class*=Card],[class*=card]{gap:6px!important;margin-bottom:8px!important;padding:8px!important}.modal,.dialog,[role=dialog]{padding:12px!important}li,[role=listitem]{margin-bottom:4px!important}h1,h2,h3,h4,h5,h6{margin-top:6px!important;margin-bottom:6px!important}p{margin-bottom:4px!important}table td,table th{padding:4px 6px!important}[class*=purchase],[class*=order],[class*=form]{gap:4px!important}.nav,nav,[role=navigation]{gap:4px!important;padding:8px!important}.action-buttons,.button-group,[class*=actions]{flex-direction:column!important;gap:4px!important}*{margin-top:0!important;margin-bottom:4px!important}input:not([type=checkbox]):not([type=radio]),select,textarea,button,.btn,[role=button]{min-height:36px;padding:6px 8px!important}}@media (width<=1023px) and (width>=768px){.form-row,.form-group{gap:8px!important;margin-bottom:10px!important}.grid,.product-grid{gap:10px!important}.card{margin-bottom:10px!important;padding:10px!important}}@media (width<=767px){form,.form{flex-direction:column!important;gap:4px!important;display:flex!important}.form-group,.input-group,[class*=FormGroup]{width:100%!important;margin-bottom:8px!important;display:block!important}label,.label{display:block;margin-bottom:2px!important;font-size:12px!important}div[class^=col-],div[class*=\ col-],div[class*=field],div[style*=grid]{gap:0!important;width:100%!important}}:root{--primary-blue:#1b3a6b;--dark-blue:#12295a;--light-blue:#eaf0fa;--border-blue:#c9d6ec;--white:#fff;--text-main:#1a202c;--text-secondary:#4a5568;--text-header:#000;--text-light:#718096;--link-blue:#4a6fa5;--bg-primary:#f8fafc;--bg-secondary:#eaf0fa;--border-light:#e2e8f0;--danger-red:#dc3545;--success-green:#1e7e34;--bg-success:#d4edda;--bg-danger:#f8d7da;--radius-compact:2px;--radius-input:2px;--radius-card:2px;--shadow-soft:none;--shadow-card:none;--spacing-compact:8px;--spacing-tight:12px;--border-subtle:#94a3b847}body,html,#root{width:100vw;min-height:100%;color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;padding:0;overflow-x:hidden;background:var(--bg-body,#f8fafc)!important;font-family:Inter,Plus Jakarta Sans,-apple-system,Segoe UI,sans-serif!important}*,:before,:after{box-sizing:border-box}img,picture,video,svg{max-width:100%;height:auto;display:block}input,select,textarea,button,a{-webkit-tap-highlight-color:transparent;outline:none}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{border-color:#5c3a53e6;outline:none;box-shadow:0 0 0 2px #5c3a531f}button,.btn-primary,.lang-btn{min-height:36px;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}button,.btn-primary,input,select,textarea,.status-badge{word-break:break-word}button,.btn,.btn-primary,input,select,textarea,.card,.panel,.page-section,.table-responsive,.table-base,.kpi-card,.metric-card,.summary-box,.modal-content,.login-container,.form-container,.app-shell-header,.app-sidebar,.prod-card,.prod-stat-card,.prod-card-item,.status-badge,.badge{border-radius:var(--radius-card)!important;box-shadow:var(--shadow-card)!important}.badge,.status-badge{background-clip:padding-box;border:none}.app-shell{background:#f4f7fb;min-height:100vh;display:flex}.nav{width:246px;min-width:246px;box-shadow:none;color:var(--text-main);background:#f7f9fc;border-bottom:none;border-right:1px solid #e2e8f0;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:12px;padding:18px 12px 16px;display:flex}.nav-brand{border-bottom:1px solid #e8edf3;align-items:center;gap:10px;margin-bottom:8px;padding:6px 10px 14px;display:flex}.nav-brand-top{color:#fff;background:linear-gradient(135deg,#1b3a6b,#4a6fa5);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;box-shadow:0 8px 16px #1b3a6b2e}.nav-brand strong{letter-spacing:-.02em;color:#1f2937;font-size:1rem;font-weight:700}.nav .nav-links{flex-direction:column;gap:4px;width:100%;display:flex}.nav-links-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:10px 12px 6px;font-size:11px;font-weight:700}.nav a{color:#374151;border-radius:10px;padding:10px 12px;font-weight:600;text-decoration:none;transition:all .2s}.nav a:hover,.nav a:focus-visible{color:#111827;background:#1b3a6b14}.nav .nav-link-item.active-link{color:#1f2937;background:linear-gradient(90deg,#1b3a6b1f,#1b3a6b0a);border:1px solid #1b3a6b1f;box-shadow:inset 0 0 0 1px #1b3a6b05}.nav .nav-item-label{font-size:.86rem}.nav-user{border-top:1px solid #e8edf3;flex-direction:column;gap:8px;margin-top:auto;padding-top:12px;display:flex}.app-main{background:#f4f7fb;flex:1;min-height:100vh;padding:24px 28px 40px}.sp-card,.prod-card,.prod-stat-card,.page-section,.panel,.card,.summary-box,.metric-card,.kpi-card{border:1px solid #94a3b833!important;border-radius:14px!important;box-shadow:0 2px 10px #0f172a05!important}@media (width<=768px){.app-shell{display:block}.nav{border-bottom:1px solid #e2e8f0;border-right:none;width:100%;min-width:0;padding:12px 14px 16px}.app-main{padding:18px 14px 32px}.nav{justify-content:space-between;align-items:stretch}.nav a{text-align:center;width:100%;margin-right:0}}.nav .nav-link-item,.nav .nav-link-item:visited,.nav .nav-item-label,.nav .nav-links-section-title,.nav .nav-links .active-link{color:#000!important}[data-theme=dark] .nav .nav-link-item,[data-theme=dark] .nav .nav-link-item:visited,[data-theme=dark] .nav .nav-item-label,[data-theme=dark] .nav .nav-links .active-link{color:#fff!important}.nav-user{align-items:center;display:flex}.lang-switcher{border:1px solid #ffffff59;border-radius:6px;margin-right:12px;display:inline-flex;overflow:hidden}.lang-btn{color:var(--white);cursor:pointer;background:0 0;border:0;padding:6px 10px;font-size:.8rem;font-weight:500}.lang-btn:hover{background:#ffffff24}.lang-btn.active{background:#ffffff40}.app-container{width:min(100%,1400px);max-width:100vw;margin:2rem auto;padding:0 1rem;overflow-x:hidden}.login-container{-webkit-backdrop-filter:none;text-align:center;background:#fff;border:1px solid #94a3b833;max-width:420px;margin:clamp(20px,10vh,120px) auto;padding:clamp(1.5rem,5vw,2.5rem);box-shadow:none!important;border-radius:0!important}.form-container{background:var(--white);border:1px solid var(--border-light);margin-top:2rem;padding:clamp(1.25rem,3vw,1.75rem);box-shadow:none!important;border-radius:0!important}.form-row{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}@media (width<=768px){.form-row{flex-direction:column;gap:10px}}input,select,textarea{border:1px solid var(--border-light);border-radius:var(--radius-input);box-sizing:border-box;width:100%;color:var(--text-main);background-color:#fff;padding:.625rem .75rem;font-family:Inter,Plus Jakarta Sans,-apple-system,Segoe UI,sans-serif;font-size:.875rem;line-height:1.4;transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:var(--text-light);font-weight:400}.white-dropdown{color:#fff!important;background-color:var(--primary-blue)!important}.white-dropdown option{color:var(--text-main);background-color:#fff}input:focus,select:focus,textarea:focus{border-color:var(--primary-blue);background-color:#fff;outline:none;box-shadow:0 0 0 3px #5c3a531a}.product-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(250px,30vw,320px),1fr));gap:clamp(1rem,3vw,2rem);padding:clamp(.5rem,2vw,1.5rem) 0;display:grid}.card{background:var(--white);border:1px solid var(--border-light);flex-direction:column;justify-content:space-between;padding:clamp(1.25rem,3vw,1.5rem);transition:none;display:flex;box-shadow:none!important;border-radius:8px!important}.card:hover{border-color:var(--primary-blue);transform:none;box-shadow:none!important}.price-tag{color:var(--primary-blue);margin:.5rem 0;font-size:1.25rem;font-weight:700}.status-badge{background:var(--bg-success);color:var(--status-success);border-radius:99px;padding:4px 10px;font-size:.75rem;font-weight:600}.status-badge.low-stock{background:var(--bg-danger);color:var(--status-danger)}button,.btn-primary{color:#fff;cursor:pointer;text-transform:capitalize;letter-spacing:-.01em;background:linear-gradient(135deg,#4a6fa5,#1b3a6b);border:none;border-radius:8px;padding:clamp(.625rem,2vw,.75rem) clamp(1rem,3vw,1.5rem);font-size:clamp(.9rem,1vw,1rem);font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #1b3a6b40}button:hover,.btn-primary:hover{box-shadow:none;background:linear-gradient(135deg,#1b3a6b,#12295a);transform:none}button:active,.btn-primary:active{box-shadow:none;transform:none}.page-top-actions,.page-hero-card,.layout-switcher,.layout-switcher button,.global-quick-access-bar button,.dashboard-card,.card,.form-container,.card-ui,.global-page-surface,button,.btn,.btn-primary,.btn-secondary,.btn-edit,.btn-delete,.btn-logout,.btn-success,input,select,textarea{box-shadow:none!important;border-radius:6px!important}.page-top-actions{justify-content:flex-end;align-items:center;margin-bottom:14px;display:flex}.page-hero-card{background:linear-gradient(135deg,#fffffff5,#f8fafce6);border:1px solid #94a3b833;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding:18px 20px;display:flex;box-shadow:none!important;border-radius:8px!important}.page-hero-card h1{color:#0f172a;margin:3px 0 6px;font-size:1.15rem;font-weight:800}.page-hero-card p{color:#475569;margin:0;font-size:.95rem}.page-hero-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#12295a;margin:0 0 4px;font-size:.77rem;font-weight:700}.layout-switcher{background:#f1f5f9f2;border:1px solid #e2e8f0e6;align-items:center;gap:6px;padding:4px;display:inline-flex;box-shadow:none!important;border-radius:6px!important}.layout-switcher button{color:#475569;cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:.83rem;font-weight:700;transition:all .16s;box-shadow:none!important;border-radius:6px!important}.layout-switcher button.active{color:#fff;background:linear-gradient(135deg,#12295a,#1b3a6b);box-shadow:none!important}.card-actions{gap:8px;margin-top:15px;display:flex}.btn-edit,.btn-delete{color:#fff;background:linear-gradient(135deg,#4a6fa5,#1b3a6b);flex:1;padding:8px}.btn-logout{color:#fff;background:linear-gradient(135deg,#4a6fa5,#1b3a6b);border:1px solid #8f6a8380;padding:6px 12px}.btn-logout:hover{color:#fff;background:linear-gradient(135deg,#1b3a6b,#12295a)}.dashboard-links{flex-wrap:wrap;gap:12px;margin-bottom:1.5rem;display:flex}.btn-link{color:#1b3a6b;cursor:pointer;background:0 0;border:1px solid #1b3a6b;border-radius:6px;padding:8px 16px;font-weight:500;text-decoration:none;transition:background .2s,color .2s}.btn-link:hover{color:#fff;background:#1b3a6b}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-header);font-weight:700}p{color:var(--text-secondary);margin:.5rem 0 1rem;font-size:clamp(.9rem,1vw,1rem);line-height:1.6}.status-badge{background:var(--bg-success);color:var(--status-success);white-space:normal;word-break:break-word;overflow-wrap:anywhere;text-overflow:clip;border-radius:6px;align-items:center;gap:4px;max-width:100%;padding:clamp(3px,1.5vw,6px) clamp(6px,2vw,10px);font-size:clamp(.65rem,1.2vw,.8rem);font-weight:700;display:inline-flex;overflow:visible}@media (width<=1024px){.app-container{max-width:100%;padding:0 clamp(.5rem,2vw,1.5rem)}button,.btn-primary{font-size:.95rem}}@media (width>=768px){.desktop-table-view{display:table}.mobile-card-view{display:none}}@media (width<=768px){body,html,#root{font-size:clamp(.9rem,1.2vw,1rem)}.nav{flex-wrap:wrap;padding:.75rem clamp(.5rem,2vw,1rem)}.nav strong{font-size:clamp(1rem,1.8vw,1.1rem)}.login-container{margin:30px 16px;padding:clamp(1.25rem,4vw,1.75rem)}.form-container{border-radius:12px;padding:clamp(1rem,3vw,1.5rem)}.form-row{flex-direction:column;gap:10px}input,select,textarea{border-radius:8px;padding:.75rem .875rem;font-size:.95rem}button,.btn-primary,.btn-link{min-height:44px;padding:clamp(.65rem,1.5vw,.75rem) clamp(1rem,2.5vw,1.25rem);font-size:.95rem}.card{padding:clamp(1rem,2.5vw,1.25rem)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:clamp(.75rem,2vw,1.25rem)}.page-hero-card{flex-direction:column;align-items:flex-start}.layout-switcher{justify-content:space-between;width:100%}.layout-switcher button{text-align:center;flex:1}h1,h2,h3,h4,h5,h6,p,span,label,button,a{word-break:break-word;overflow-wrap:break-word}table td,table th{padding:.5rem .75rem;font-size:.85rem}.price-tag{font-size:clamp(1rem,2vw,1.2rem)}}@media (width<=640px){.nav{padding:.5rem clamp(.25rem,1vw,.75rem)}.nav strong{font-size:1rem}.nav a{margin-right:clamp(8px,2vw,12px);font-size:.9rem}.app-container{padding:0 clamp(.5rem,1.5vw,1rem)}.login-container{max-width:100%;margin:20px 12px}.card,.form-container{padding:1rem}h1{font-size:clamp(1.5rem,4vw,2rem)}h2{font-size:clamp(1.25rem,3vw,1.5rem)}h3{font-size:clamp(1.1rem,2.5vw,1.25rem)}button,.btn-primary,.btn-link{width:100%;font-size:.9rem}.product-grid{grid-template-columns:1fr}input,select,textarea{padding:.75rem;font-size:1rem}}@media (width<=768px){body,html,#root{position:relative;width:100%!important;max-width:100%!important;min-height:100dvh!important;overflow-x:hidden!important}*{box-sizing:border-box!important;max-width:100vw!important}.app-container,.login-container{width:calc(100% - 32px)!important;margin:16px auto!important;padding:0!important}.product-grid{grid-template-columns:1fr!important;gap:12px!important;margin:0!important;padding:0!important}.nav{box-sizing:border-box!important;width:100%!important}}.form-group,.input-container,.select-container{flex-direction:column;width:100%;min-width:0;margin-bottom:1rem;display:flex}label,.form-label{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:.375rem;line-height:1.4;display:block}input,select,textarea{box-sizing:border-box;width:100%;min-width:0}.form-row>*,.filters-row>*{flex:150px;min-width:150px}@layer base{:root{--fs-xs:clamp(.7rem, .6rem + .5vw, .8rem);--fs-sm:clamp(.8rem, .7rem + .5vw, .9rem);--fs-base:clamp(.9375rem, .85rem + .4vw, 1.0625rem);--fs-md:clamp(1.125rem, 1rem + .6vw, 1.375rem);--fs-lg:clamp(1.25rem, 1.1rem + .7vw, 1.75rem);--fs-xl:clamp(1.5rem, 1.3rem + 1vw, 2.25rem);--fs-2xl:clamp(1.75rem, 1.5rem + 1.2vw, 2.75rem);--fs-3xl:clamp(2rem, 1.75rem + 1.5vw, 3.5rem);--glass-blur:12px;--glass-bg:#ffffffa6;--glass-border:#fff6;--glass-shadow:0 8px 32px 0 #1f26871a;--glass-shadow-dark:0 8px 32px 0 #0000004d;--glass-bg-dark:#1e293bbf;--glass-border-dark:#47556966;--color-white:#fff;--color-black:#000;--primary-blue:#1b3a6b;--primary-blue-dark:#12295a;--primary-blue-light:#eaf0fa;--primary-blue-border:#c9d6ec;--link-blue:#1b3a6b;--neutral-50:#f8fafc;--neutral-100:#f1f5f9;--neutral-200:#e2e8f0;--neutral-300:#cbd5e1;--neutral-400:#94a3b8;--neutral-500:#64748b;--neutral-600:#475569;--neutral-700:#334155;--neutral-800:#1e293b;--neutral-900:#0f172a;--neutral-950:#111827;--radius-none:0;--shadow-card:none;--spacing-compact:8px;--spacing-tight:12px;--border-subtle:#94a3b847;--status-success:#28a745;--status-success-light:#d4edda;--status-success-dark:#155724;--status-warning:#d39e00;--status-warning-light:#fff3cd;--status-warning-dark:#856404;--status-danger:#dc3545;--status-danger-light:#f8d7da;--status-danger-dark:#721c24;--status-info:#17a2b8;--status-info-light:#d1ecf1;--status-info-dark:#0c5460;--status-pending:#4a6fa5;--status-pending-light:#eaf0fa;--status-pending-dark:#0b1d45;--color-success:var(--status-success);--color-warning:var(--status-warning);--color-danger:var(--status-danger);--color-info:var(--status-info);--font-family-base:"Inter", "Plus Jakarta Sans", -apple-system, "Segoe UI", sans-serif;--font-family-arabic:"Cairo", sans-serif;--line-tight:1.1;--line-normal:1.5;--line-relaxed:1.6;--space-px:1px;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:20px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:12px;--radius-full:9999px;--enterprise-bg:#f8f9fa;--enterprise-surface:#fff;--enterprise-surface-muted:#f8fafc;--enterprise-border:#e5e7eb;--enterprise-accent:#1b3a6b;--enterprise-accent-strong:#12295a;--enterprise-accent-active:#0b1d45;--enterprise-text:#13203b;--enterprise-muted:#3f4f6e;--enterprise-muted-soft:#5b6678;--enterprise-shadow:0 1px 3px #0000001a;--shadow-soft:0 1px 2px #0f172a0f;--elev-0-bg:var(--enterprise-bg);--elev-1-bg:var(--enterprise-surface);--elev-1-border:1px solid var(--enterprise-border);--elev-1-shadow:none;--elev-2-bg:var(--enterprise-surface);--elev-2-border:1px solid var(--enterprise-border);--elev-2-shadow:var(--enterprise-shadow);--elev-3-bg:var(--enterprise-surface);--elev-3-shadow:0 8px 24px #00000029;--elev-3-backdrop:#0f172a73;--table-bg:var(--enterprise-surface);--table-header-bg:var(--enterprise-surface-muted);--table-border:var(--enterprise-border);--table-text-header:var(--neutral-600);--table-text-body:var(--enterprise-text);--table-row-hover:var(--neutral-100);--admin-glass-opacity:.35;--admin-cairo-weight:600;--space-3:24px;--surface:#fff;--surface-muted:#f9fafb;--bg-page:#f9fafb;--bg-canvas:#f9fafb;--bg-body:#f8fafc;--bg-surface:#fff;--bg-surface-muted:#f8fafc;--border-interactive:var(--border-strong);--surface-raised:#fff;--bg-overlay:#ffffffe0;--bg-sidebar:#ffffffd1;--bg-sidebar-hover:#1b3a6b1f;--text-primary:#13203b;--text-secondary:#3f4f6e;--text-muted:#5b6678;--text-muted-strong:#2e3e5e;--text-inverse:#fff;--border-strong:#cbd5e1;--surface-glass:#ffffffc7;--surface-glass-border:#ffffff80;--surface-glass-shadow:0 28px 64px #0f172a1f;--shadow-strong:0 16px 40px #0f172a1f;--font-family-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-base:4px;--radius-card:6px;--radius-input:4px;--button-height:40px;--input-height:40px;--grid-gap:var(--space-xl);--input-unified-height:35px;--text-header:#0b1d45;--border-light:var(--neutral-200);--bg-primary:var(--color-white);--bg-secondary:#eaf0fa;--sidebar-width:280px;--sidebar-collapsed-width:72px;--nav-item-height:44px}html{font-size:16px}}*,:before,:after{box-sizing:border-box;overflow-wrap:anywhere;-webkit-text-size-adjust:100%}[data-theme=dark]{--color-white:var(--neutral-900);--primary-blue-light:#1e293b99;--primary-blue-border:#33415566;--neutral-50:#030712;--neutral-100:#07111f;--neutral-200:#0f1d33;--neutral-300:#142a45;--neutral-400:#1f3b5d;--neutral-500:#4b617f;--neutral-600:#8b9bb3;--neutral-700:#c7d2e8;--neutral-800:#e2e8f0;--neutral-900:#f8fafc;--neutral-950:#fff;--status-success-light:#9fe0b72e;--status-warning-light:#ffc1072e;--status-danger-light:#e4606d2e;--status-info-light:#17a2b82e;--status-pending-light:#17a2b82e;--glass-bg:#ffffff08;--glass-border:#ffffff1a;--glass-shadow:0 24px 64px #0000003d;--enterprise-shadow:0 18px 48px #00000047;--shadow-soft:0 16px 40px #00000073;--bg-body:#0b1630;--bg-surface:#112042f5;--bg-surface-muted:#091228e6;--bg-overlay:#000000a6;--bg-sidebar:#081024fa;--bg-sidebar-hover:#1b3a6b38;--text-primary:#e6ecf7;--text-secondary:#bcc8e0;--text-muted:#9fb0cf;--text-muted-strong:#d3ddf0;--border-light:#ffffff1a;--border-strong:#ffffff29;--border-interactive:#ffffff42;--surface-raised:#192b56fa;--surface-glass:#ffffff08;--surface-glass-border:#ffffff1a;--surface-glass-shadow:0 28px 64px #00000059;--surface-card:#0f172aeb;--surface-card-border:#47556959;--surface-card-strong:#1e293be0;--surface-card-muted:#94a3b899;--shadow-strong:0 32px 90px #0006;--enterprise-bg:var(--bg-body);--enterprise-surface:var(--bg-surface);--enterprise-surface-muted:var(--bg-surface-muted);--enterprise-border:#ffffff1a;--enterprise-text:#e6ecf7;--enterprise-muted:#bcc8e0;--enterprise-muted-soft:#9fb0cf;--surface:var(--bg-surface);--surface-muted:var(--bg-surface-muted);--bg-page:var(--bg-body);--bg-canvas:var(--bg-body);--elev-3-backdrop:#000000a6}html{text-rendering:optimizelegibility}body{font-family:var(--font-family-sans);color:var(--text-primary);min-height:100vh;font-size:var(--fs-base);line-height:var(--line-normal);letter-spacing:-.01em;background-color:#f8fafc;background-image:none;font-weight:400;transition:background-color .3s,color .3s}button,input,select,textarea{font-family:var(--font-family-sans)}button{border-radius:var(--radius-base);border:1px solid #0000;height:38px;min-height:38px;padding:0 1rem;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s}input,select,textarea{height:38px;min-height:38px;color:var(--text-primary);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;padding:0 .9rem;font-size:.95rem;line-height:1.2;transition:border-color .2s,background-color .2s}input:focus,select:focus,textarea:focus{background:#ffffff17;border-color:#17a2b880;box-shadow:0 0 0 3px #17a2b81f}.card,.enterprise-card,.metric-card,.ledger-card,.form-container{background:#fff padding-box padding-box;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;display:flex;box-shadow:0 1px 2px #0f172a0f}.card>*,.enterprise-card>*,.metric-card>*,.ledger-card>*,.form-container>*{min-width:0}.card{width:100%;overflow-x:auto}.table-cell-truncate,.ledger-table td,.ledger-table th{white-space:normal;text-overflow:clip;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;overflow:visible}.grid-layout{gap:var(--grid-gap);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.page-shell{width:min(100%,1400px);padding:var(--space-2xl);margin:0 auto}.page-header{justify-content:space-between;align-items:center;gap:24px;min-height:64px;margin-bottom:24px;display:flex}.header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.page-title{font-size:var(--fs-2xl);line-height:var(--line-tight);margin:0}.page-subtitle{color:var(--text-secondary);font-size:var(--fs-base);margin:0}.enterprise-button{padding:0 var(--space-md);border-radius:var(--radius-sm);border:var(--space-px) solid transparent;background:var(--color-white);color:var(--text-primary);justify-content:center;align-items:center;gap:8px;transition:background .2s,border-color .2s,transform .1s;display:inline-flex}.enterprise-button.primary:active:not(:disabled){transform:translateY(1px)}.enterprise-button.secondary{background:var(--color-white);color:var(--text-primary);border-color:var(--neutral-300)}.enterprise-feedback{margin-bottom:var(--space-md);border-radius:var(--radius-md);border:var(--space-px) solid transparent;padding:16px;font-weight:700}.enterprise-card{padding:24px}.enterprise-card-title{margin:0 0 16px}.ledger-table th,.ledger-table td{border-bottom:var(--space-px) solid var(--neutral-200);font-size:var(--fs-base);padding:16px}.ledger-table th{color:#111827;text-transform:uppercase;letter-spacing:.08em;text-align:left;background:#f9fafb;font-weight:700}.ledger-table td{color:var(--neutral-950);max-width:200px}[data-theme=dark]{--bg-primary:var(--neutral-800);--bg-secondary:var(--neutral-900);--text-main:var(--neutral-100);--text-secondary:var(--neutral-400);--border-light:var(--neutral-700);--text-header:var(--neutral-100);--color-success-light:var(--status-success-light);--color-danger-light:var(--status-danger-light);--color-info-light:var(--status-info-light);--primary-blue:var(--primary-blue);--dark-blue:var(--primary-blue-dark);--light-blue:var(--primary-blue-light);--border-blue:var(--primary-blue-border);--table-bg:var(--bg-surface);--table-header-bg:var(--bg-surface-muted);--table-border:var(--border-light);--table-text-header:var(--text-secondary);--table-text-body:var(--text-primary);--table-row-hover:#ffffff0d;--shadow:var(--glass-shadow-dark)}h6{font-size:.75rem;font-weight:600;line-height:1.4}p{color:var(--text-secondary);margin-top:0;margin-bottom:.75rem;font-size:.8125rem;line-height:1.5}.text-muted-foreground,.muted,.text-muted{color:var(--text-secondary);font-size:.75rem}.text-xs{font-size:.75rem}.text-sm{font-size:.8125rem}.text-base{font-size:.9375rem}.text-lg{font-size:1rem}.break-words{word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.container-mobile{box-sizing:border-box;width:100%;padding-left:env(safe-area-inset-left,var(--space-md));padding-right:env(safe-area-inset-right,var(--space-md))}.toast-content{align-items:center;gap:var(--space-8);background:var(--toast-bg);color:var(--toast-text);padding:var(--space-12) var(--space-16);font-size:var(--fs-base);border:1px solid #ffffff1a;border-radius:12px;line-height:1.5;display:flex;box-shadow:0 10px 25px -5px #0000004d}@keyframes shadowAnimate{0%{opacity:.5;transform:rotateX(90deg)rotate(45deg)scale(.8)}50%{opacity:.2;transform:rotateX(90deg)rotate(225deg)scale(1.1)}to{opacity:.5;transform:rotateX(90deg)rotate(405deg)scale(.8)}}@keyframes cubeRotate{0%{transform:rotateX(-30deg)rotateY(45deg)}to{transform:rotateX(-30deg)rotateY(405deg)}}@keyframes checkmarkAppear{0%,80%,to{stroke-dashoffset:100px;opacity:0;transform:scale(.8)}20%,60%{stroke-dashoffset:0;opacity:1;transform:scale(1)}40%{transform:scale(1.2)}}@keyframes pulseOpacity{0%,to{opacity:.5}50%{opacity:1}}[data-theme=dark] body{background-color:var(--bg-body)!important;color:var(--text-primary)!important}[data-theme=dark] body :where(:not([style*="color: var(--status-"],[style*="color:var(--status-"],[style*="color: var(--badge-"],[style*="color:var(--badge-"],[style*="color: var(--text-muted"],[style*="color: var(--text-secondary"],[style*="color: var(--color-success"],[style*="color: var(--color-danger"],[style*="color: var(--color-warning"],[class*=success],[class*=Success],[class*=danger],[class*=Danger],[class*=warning],[class*=Warning],[class*=error],[class*=Error],[class*=positive],[class*=negative],[class*=muted],[class*=Muted],[class*=badge],[class*=Badge],[class*=status],[class*=Status],[class*=credit],[class*=debit],.recharts-legend-item-text)){color:var(--text-primary)!important}[data-theme=dark] body :where(:not(.active,.active-link,[class*=-active],[class*=Active],[class*=rimary],[class*=btn-add],[class*=newSale],[class*=addCustomer],[class*=statusbar-pill],[role=progressbar],[class*=progress],[class*=Progress],[style*="background-color: var("],[style*="background: var("],[style*=gradient],[class*=badge],[class*=Badge],[class*=status],[class*=Status],[class*=chip],[class*=Chip],[class*=pill],[class*=Pill])){box-shadow:none!important;border-color:var(--border-light)!important;background:0 0!important}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select,[data-theme=dark] button:where(:not([class*=rimary],[class*=Active],[class*=-active],.active,[class*=btn-add],[class*=newSale],[class*=addCustomer])){background:var(--bg-surface)!important;color:var(--text-primary)!important;border-color:var(--border-interactive)!important}[data-theme=dark] .modal-content,[data-theme=dark] .modal-shell,[data-theme=dark] [class*=modal],[data-theme=dark] [class*=dropdown],[data-theme=dark] [class*=popover],[data-theme=dark] [role=dialog],[data-theme=dark] [role=menu]{background:var(--surface-raised)!important}[data-theme=dark] .enterprise-button.primary,[data-theme=dark] .btn-primary{color:var(--text-inverse)!important;background:linear-gradient(135deg, var(--enterprise-accent-strong), var(--enterprise-accent))!important;border-color:#0000!important}[data-theme=dark] ::placeholder{color:var(--text-muted)!important;opacity:1!important}.card{background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:none;padding:clamp(.875rem,2vw,1.25rem);transition:background-color .15s,border-color .15s}.card:hover{background:#fff;border-color:#94a3b859}button,.btn,.btn-primary,.btn-secondary,.btn-danger,.btn-neutral,input,select,textarea,.form-input,.form-control,.status-badge,.badge{border-radius:var(--radius-sm)!important;box-shadow:none!important}.card,.panel,.page-section,.table-responsive,.table-base,.kpi-card,.metric-card,.summary-box,.summary-card,.modal-content,.login-container,.form-container,.app-shell-header,.app-sidebar,.prod-card,.prod-stat-card,.prod-card-item,.sp-card,.sp-top-bar,.po-card,.po-top-bar,.nav-header,[class*=card],[class*=panel],[class*=container]{border-radius:var(--radius-md)!important;box-shadow:none!important}table,th,td,thead,tbody,tr{border-radius:0!important}[style*=border-radius]:not([style*=\%]):not([style*="999"]),[style*=borderRadius]:not([style*=\%]):not([style*="999"]){border-radius:var(--radius-sm)!important}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:700;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:var(--primary-blue-dark);box-shadow:0 0 0 1px #1b3a6b2e}.form-label{color:var(--text-secondary);font-size:.8125rem;font-weight:600}.form-input{border:1px solid var(--border-light);background:var(--bg-primary);color:var(--text-main);border-radius:0;outline:none;padding:.625rem .875rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s,background-color .15s}.form-input:focus{border-color:#5c3a53cc;box-shadow:0 0 0 2px #5c3a531f}.form-grid{grid-template-columns:repeat(auto-fit,minmax(11.25rem,1fr));gap:1rem;display:grid}.page-shell{background:var(--bg-canvas);width:min(100%,1200px);min-height:100vh;margin:0 auto;padding:32px}.dashboard-shell,.enterprise-dashboard-page{background:var(--bg-canvas);color:var(--text-primary)}.page-header{min-height:var(--space-4xl);justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.overline{letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:.75rem;font-weight:700}.page-title{color:var(--text-primary);margin:.25rem 0 0;font-size:clamp(1.75rem,2.5vw,2.5rem);line-height:1.05}.enterprise-button{font-family:var(--font-family-sans);cursor:pointer;height:40px;min-height:40px;color:var(--text-primary);background:#fff;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.enterprise-button.primary{background:var(--enterprise-accent);color:#fff;border-color:var(--enterprise-accent)}.enterprise-button.primary:hover:not(:disabled){background:var(--enterprise-accent-strong)}.enterprise-button.primary:active:not(:disabled){background:var(--enterprise-accent-active)}.enterprise-button.secondary{color:var(--text-primary);background:#fff;border-color:#d1d5db}.enterprise-button.secondary:hover:not(:disabled){background:#f3f4f6}.enterprise-button:disabled{opacity:.7;cursor:not-allowed}.enterprise-tab-list{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:8px;margin:24px 0 16px;padding-bottom:12px;display:flex}.enterprise-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px 6px 0 0;padding:10px 16px;font-size:.95rem;font-weight:700;transition:all .2s}.enterprise-tab:hover,.enterprise-tab:focus{color:var(--enterprise-accent);background:#1b3a6b14}.enterprise-tab.active{color:var(--enterprise-accent);background:#fff;border-color:#e5e7eb}.enterprise-feedback{border:1px solid #0000;border-radius:1rem;margin-bottom:1rem;padding:1rem 1.25rem;font-weight:700}.enterprise-feedback.success{background:var(--color-success-light);color:var(--badge-success-fg);border-color:#28a74533}.enterprise-feedback.error{background:var(--color-danger-light);color:var(--badge-danger-fg);border-color:#dc354533}.enterprise-metric-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.metric-card{background:var(--enterprise-surface);border:1px solid var(--enterprise-border);box-shadow:none;border-radius:0;padding:1rem 1.25rem}.metric-card .label{letter-spacing:.08em;color:var(--enterprise-muted);text-transform:uppercase;margin-bottom:.75rem;font-size:.75rem;display:block}.metric-card .value{color:var(--enterprise-text);font-size:1.5rem;font-weight:800;display:block}.enterprise-grid{gap:1.5rem;display:grid}.enterprise-section{gap:1rem;display:grid}.enterprise-card{box-shadow:none;background:#fff;border:1px solid #e5e7eb;border-radius:0;padding:18px 20px}.enterprise-card-title{color:var(--text-primary);margin:0 0 16px;font-size:1.1rem;font-weight:700;line-height:1.2}.enterprise-row{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.enterprise-row strong{color:var(--enterprise-text);font-weight:700}.enterprise-row.divider{border-top:1px solid var(--enterprise-border);padding-top:.9rem}.finance-status{text-align:center;color:var(--color-success);background:var(--color-success-light);border-radius:.9rem;margin-top:1rem;padding:.95rem 1rem;font-weight:700}.finance-status.unbalanced{color:var(--color-danger);background:var(--color-danger-light)}.ledger-card{box-shadow:var(--shadow-soft);background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.ledger-table-container{width:100%;overflow-x:auto}.ledger-table th,.ledger-table td{border-bottom:1px solid #e5e7eb;padding:16px;font-size:.95rem}.ledger-table th{color:#111827;text-transform:uppercase;letter-spacing:.08em;text-align:left;white-space:normal;word-break:break-word;overflow-wrap:anywhere;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;background:#f9fafb;max-width:none;font-weight:700}.ledger-table tbody tr{height:56px;min-height:56px}.ledger-table td.text-end{text-align:right}.ledger-account-header td{color:#111827;white-space:normal;background:#f9fafb;font-weight:700}@media (width<=768px){.ledger-table{min-width:620px}}@media (width<=520px){.ledger-table th,.ledger-table td{padding:.75rem}}.page-title{color:var(--text-header);word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;margin:0;font-size:clamp(1.5rem,2vw,2rem);font-weight:800}.page-subtitle{color:var(--text-secondary);word-wrap:break-word;overflow-wrap:break-word;margin:.25rem 0 0}.page-section{background:var(--bg-primary);border:1px solid var(--border-light);box-shadow:none;border-radius:0;margin-bottom:1rem;padding:1rem}.section-heading{color:var(--text-header);word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:normal;margin:0 0 .75rem;font-size:1rem;font-weight:700}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.kpi-card{background:var(--bg-primary);border:1px solid var(--border-light);word-wrap:break-word;overflow-wrap:break-word;border-radius:0;padding:1rem;overflow:visible}.mini-summary{color:var(--text-secondary);word-break:break-word;overflow-wrap:break-word;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-weight:600;display:flex}.filters-row{word-break:break-word;overflow-wrap:break-word;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.button-group{flex-wrap:wrap;gap:.75rem;display:flex}.btn,button,.action-btn,.table-action-btn{box-shadow:none!important;border-radius:0!important}.tab-row{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;margin-bottom:1.5rem;padding-left:.5rem;display:flex}.card,.panel,.modal-content,.modal-shell,.sp-card,.sp-details-section,.sp-history-row,.sp-cheque-row,.po-card,.po-cheque-row,.po-modal-content,.po-top-bar,.sp-top-bar,.summary-card,.metric-card,.kpi-card,.nav-header,.page-section{box-shadow:none!important;border-radius:0!important}.summary-box,.status-badge,.badge{border-radius:0!important}.justify-end{justify-content:flex-end}.input-base,.select-base{border:1px solid var(--border-light);background:var(--bg-primary);width:100%;min-width:0;color:var(--text-main);font:inherit;border-radius:0;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s}.page-error{background:var(--color-danger-light);border:1px solid var(--color-danger);color:var(--badge-danger-fg);border-radius:0;margin:1rem 0;padding:1rem}.clickable-row:hover td{background:var(--table-row-hover)}.clickable-row:focus td{background:var(--color-info-light);outline:2px solid var(--color-info);outline-offset:-2px}.table-responsive{overflow-x:auto}@media (width<=768px){table{border-collapse:collapse;width:100%;margin-bottom:1rem;display:block}thead{display:none}tbody{display:block}tr{border:1px solid var(--border-light);box-shadow:none;background:#fff;border-radius:0;margin-bottom:.75rem;display:block;overflow:hidden}th,td{text-align:right;background:0 0;border:none;border-bottom:1px solid #e2e8f0eb;width:100%;padding:.9rem 1rem;display:block}td:last-child,th:last-child{border-bottom:none}td:before,th:before{content:attr(data-label);color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.35rem;font-size:.72rem;font-weight:700;display:block}td[data-label=""]:before,th[data-label=""]:before{display:none}td>*,th>*{width:100%}.actions,.table-actions,.actions-cell{flex-wrap:wrap;gap:.75rem;display:flex}}.table-base{border-collapse:collapse;border:1px solid var(--border-light);background:#fff;width:100%}.table-base thead th{z-index:2;text-align:right;color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase;background:#f8fafc;font-size:.75rem;font-weight:700;position:sticky;top:0}.table-base th,.table-base td{border:1px solid var(--border-light);color:var(--text-main);vertical-align:middle;padding:.5rem .625rem;font-size:.8125rem}.table-base td{text-align:right;background:#fff}.table-base tbody tr{transition:background-color .15s}.table-base th strong,.table-base td strong{font-weight:700}.table-base td small,.table-base td .text-muted,.table-base td .muted{color:var(--text-secondary);font-size:.72rem}.nav-brand{border-bottom:1px solid #94a3b859;flex:none;min-width:0;max-width:none;padding:2px 6px 8px}.nav-brand-top{cursor:pointer;border:1px solid #8f6a8359;border-radius:10px;flex-direction:row-reverse;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:18px;font-weight:700;line-height:1;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 8px 18px #1b3a6b40}.nav-section-caret{color:#475569;font-size:.75rem;transition:transform .18s}.nav-link-item{height:auto;min-height:var(--nav-item-height);color:#0b1d45;white-space:normal;text-overflow:clip;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;background:0 0;border:none;border-radius:8px;margin:2px 0;padding:0 .75rem;font-weight:500;line-height:1.4;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:block;overflow:visible}.breadcrumbs{color:#0b1d45;text-overflow:clip;white-space:normal;word-break:break-word;overflow-wrap:anywhere;flex:none;min-width:0;max-width:100%;margin:0;padding:0 6px;font-size:.75rem;display:block;overflow:visible}.breadcrumb-item a{color:#12295a;text-decoration:none}.breadcrumb-item .breadcrumb-current{font-weight:600}.breadcrumb-separator{color:#1b3a6b;margin:0 6px}.nav-user-meta{color:#0b1d45;width:100%;font-size:13px;font-weight:600}[data-theme=dark] .nav{color:#9db1d3;background:linear-gradient(120deg,#0f172af0,#1e293be6);border-color:#1b3a6b33;box-shadow:0 16px 38px #0006,inset 0 1px #ffffff0f}[data-theme=dark] .nav-links-search{color:#9db1d3;background:#0f172acc;border-color:#47556980}[data-theme=dark] .nav-section-count{color:#9db1d3;background:#4d33508c;border-color:#1b3a6b33}[data-theme=dark] .nav-links-section-title,[data-theme=dark] .nav-section-caret{color:var(--text-muted)}[data-theme=dark] .sidebar-toggle-btn{color:#9db1d3;background:linear-gradient(140deg,#0f172ae0,#1e293bd1);border-color:#1b3a6b4d;box-shadow:0 8px 18px #0000004d}.field-hint{font-size:var(--fs-xs);color:var(--text-secondary);opacity:0;max-height:0;margin-top:4px;transition:max-height .2s,opacity .2s;overflow:hidden}.app-shell.sidebar-collapsed .nav-links .active-link{border-right:none!important;border-left:4px solid var(--primary-blue)!important;border-radius:0!important;padding-left:0!important;padding-right:0!important}.glass-lang-trigger{color:#0b1d45;min-width:128px;box-shadow:none;-webkit-backdrop-filter:none;background:#fff;border:1px solid #1b3a6b4d;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:.9rem;font-weight:600;line-height:1.2;display:inline-flex}.glass-lang-menu{min-width:100%;box-shadow:none;-webkit-backdrop-filter:none;z-index:40;background:#fff;border:1px solid #1b3a6b52;border-radius:6px;padding:6px;position:absolute;top:calc(100% + 10px);left:0}.theme-toggle{min-width:92px;min-height:42px;color:var(--text-primary);-webkit-backdrop-filter:blur(16px);background:#ffffffd6;border:1px solid #94a3b838;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .8rem;font-size:.85rem;font-weight:700;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:inline-flex;position:relative;box-shadow:0 10px 28px #0f172a1f}.theme-toggle:hover{border-color:#94a3b859;transform:translateY(-1px)}.theme-toggle-icon{background:#fffffff2;border-radius:.75rem;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;display:inline-flex;box-shadow:inset 0 1px 2px #00000014}.theme-toggle-text{white-space:nowrap;color:var(--text-secondary)}.theme-toggle-handle{background:#fff;border-radius:999px;width:1.1rem;height:1.1rem;transition:transform .25s,background .25s;position:absolute;top:50%;left:.45rem;transform:translateY(-50%);box-shadow:0 8px 18px #0f172a24}.theme-toggle.light .theme-toggle-handle{transform:translateY(-50%)}.theme-toggle.system .theme-toggle-handle{transform:translate(1.25rem,-50%)}.theme-toggle.dark .theme-toggle-handle{transform:translate(2.5rem,-50%)}[data-theme=dark] .theme-toggle{color:var(--text-secondary);background:#0f172ab8;border-color:#94a3b82e}[data-theme=dark] .theme-toggle-icon{background:#ffffff14}[data-theme=dark] .theme-toggle-handle{background:#1f2937}.form-container{background:var(--bg-primary);padding:var(--space-24);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 1px 3px #0000001a}.response-message{border-radius:6px;margin-bottom:20px;padding:14px 16px;font-weight:500}.response-message.error{background-color:var(--status-danger-light);border:1px solid var(--status-danger);border-left:4px solid var(--status-danger);color:var(--status-danger-dark)}.response-details{background-color:var(--color-info-light);border:1px solid var(--color-info);border-left:4px solid var(--status-info);border-radius:8px;margin-bottom:20px;padding:1rem}.status-badge{border-radius:4px;padding:4px 8px;font-size:.85rem;font-weight:600}.status-badge.in-stock{color:#0b1d45;background-color:#eaf0fa}table,.products-table,.report-table,.variant-table{border-collapse:collapse;background:var(--table-bg);width:100%;color:var(--text-main);border:1px solid var(--table-border);box-shadow:var(--shadow-sm);table-layout:fixed;direction:rtl;border-radius:12px}table th,table td,.products-table th,.products-table td,.report-table th,.report-table td,.variant-table th,.variant-table td{border-bottom:1px solid var(--table-border);text-align:right;vertical-align:middle;unicode-bidi:plaintext;padding:.75rem 1rem}@media (width<=900px){.app-main{padding:.625rem .625rem 1rem}.global-page-surface{border-radius:16px;min-height:auto;padding:.625rem}}@media (width<=768px){.purchase-orders-page{padding:14px!important}.purchase-orders-title{font-size:22px!important}.purchase-orders-subtitle{font-size:20px!important}}@media print{.no-print{display:none!important}.purchase-orders-page{background:#fff!important}.nav,.sidebar-toggle-btn,.mobile-nav-backdrop,.no-print,.btn,.action-row,.nav-header button,.export-controls{display:none!important}body{background:#fff;margin:0;padding:0}.app-main{padding:0!important}@page{margin:20mm}}.editable-cell{cursor:pointer;border-radius:4px;padding:6px 8px;transition:background-color .2s}.editable-cell input{margin:0;font-size:.9rem}@media (width<=1024px){.nav{width:min(280px,100% - 20px);min-width:250px;max-width:280px;margin:10px 8px 10px 10px}.app-main{padding:12px 14px 18px}.form-container{padding:16px}input,select,textarea,button{font-size:16px}}@media (width<=768px){.app-shell{display:block;position:relative}.nav{height:100%;width:var(--mobile-sidebar-width);z-index:100;min-width:0;max-width:none;padding:max(env(safe-area-inset-top,0px), 8px) 12px 0;z-index:100;-webkit-backdrop-filter:blur(10px)saturate(150%);background:#fff;border:none;border-bottom:2px solid #5c3a534d;border-radius:0;flex-direction:row;align-items:center;gap:0;height:4rem;margin:0;transition:transform .3s;position:fixed;top:0;left:0;right:auto;overflow:visible;transform:translate(-100%);box-shadow:0 4px 12px #0000001f}.sidebar-toggle-btn{aria-label:"Toggle sidebar navigation";color:#fff;background:#1b3a6b;border-radius:12px;flex-shrink:0;width:48px;height:48px;box-shadow:0 4px 12px #1b3a6b4d}.sidebar-toggle-btn:active{transform:scale(.95)}.nav-brand{border-bottom:none;flex:1;min-width:0;margin-inline-start:0;padding:0 8px}.nav-brand-top{flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:6px}.app-shell .nav:not(.collapsed){width:100%;height:4rem;padding:max(env(safe-area-inset-top,0px), 8px) 12px 0;z-index:101;border-bottom:2px solid #5c3a534d;flex-direction:row;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0;transform:none!important}.app-main{padding-top:calc(max(56px + max(env(safe-area-inset-top,0px), 12px), 72px) + 4px);padding-left:max(4px, env(safe-area-inset-left,0px));padding-right:max(4px, env(safe-area-inset-right,0px));padding-bottom:max(8px, env(safe-area-inset-bottom,0px));width:100%;overflow-x:auto}.global-page-surface{box-sizing:border-box;width:100%;max-width:100%;min-height:calc(100vh - max(72px + max(env(safe-area-inset-top,0px), 12px), 88px) - max(8px, env(safe-area-inset-bottom,0px)));border-radius:8px!important;padding:8px!important;overflow-x:auto!important}.nav strong{letter-spacing:.01em;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.sidebar-toggle-btn{font-size:0}.sidebar-toggle-btn:after{content:"☰";font-size:1.375rem;display:inline-block}.mobile-bottom-nav{background:#fff;background:var(--glass-bg);width:100%;height:auto;min-height:60px;-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-border);box-shadow:var(--glass-shadow);z-index:98;padding-bottom:max(0px, env(safe-area-inset-bottom,0px));border-top:1px solid #e2e8f0;flex-direction:row;justify-content:space-around;align-items:stretch;gap:0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #00000014}.mobile-nav-item{color:#64748b;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;white-space:normal;word-break:break-word;overflow-wrap:anywhere;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-height:60px;padding:8px 4px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;overflow:visible}.mobile-nav-item span{flex-shrink:0;min-width:24px;font-size:24px;line-height:1;display:block}.mobile-nav-item div{text-overflow:clip;white-space:normal;word-break:break-word;overflow-wrap:anywhere;width:100%;font-size:11px;line-height:1.2;overflow:visible}.mobile-nav-item:active{background:#1b3a6b26;transform:scale(.98)}.mobile-nav-item.active{color:#4a6fa5;background:#1b3a6b1a;font-weight:600}.mobile-nav-item.active span{filter:drop-shadow(0 0 2px #8f6a8380)}.mobile-nav-item button{cursor:pointer;background:0 0;border:none}.app-main{padding-bottom:calc(max(60px, 68px) + max(8px, env(safe-area-inset-bottom,0px)))}.app-shell.sidebar-collapsed .nav{width:min(85vw,320px);min-width:260px;max-width:none;height:100vh;max-height:-webkit-fill-available;padding:max(env(safe-area-inset-top,0px), 8px) 0 0;background:#fff;border-bottom:none;border-radius:0;flex-direction:column;align-items:stretch;gap:0;margin:0;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards slideInRight;top:0;left:auto;right:0;box-shadow:-8px 0 32px #00000040}@keyframes slideInRight{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.app-shell.sidebar-collapsed .nav-brand{border-bottom:1px solid #94a3b840;flex:none;justify-content:space-between;align-items:center;gap:12px;margin-inline-start:0;padding:12px 16px;display:flex}.app-shell.sidebar-collapsed .nav-brand-top{flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:0;display:flex}.app-shell.sidebar-collapsed .nav strong{white-space:normal;-webkit-text-fill-color:currentColor;color:var(--text-primary,#1f2937);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:1.05rem;line-height:1.25;display:-webkit-box;overflow:hidden}[dir=rtl] .app-shell.sidebar-collapsed .nav{border-radius:0;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards slideInLeft;left:0;right:auto;box-shadow:4px 0 16px #5c3a5326}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.app-shell.sidebar-collapsed .breadcrumbs{display:none}.app-shell.sidebar-collapsed .nav-links{-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:4px;max-height:none;margin:8px 0 0;padding:8px 0;display:flex;overflow:hidden visible}.app-shell.sidebar-collapsed .nav-links::-webkit-scrollbar{width:6px}.app-shell.sidebar-collapsed .nav-links::-webkit-scrollbar-track{background:0 0}.app-shell.sidebar-collapsed .nav-links::-webkit-scrollbar-thumb{background:#1b3a6b4d;border-radius:3px}.app-shell.sidebar-collapsed .nav-links::-webkit-scrollbar-thumb:hover{background:#1b3a6b80}.app-shell.sidebar-collapsed .nav-link-item{color:#334155;white-space:normal;text-overflow:clip;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;background:linear-gradient(120deg,#fff6,#eff6ff33);border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;min-height:44px;margin:0 8px;padding:12px 14px;font-size:.95rem;text-decoration:none;transition:all .18s cubic-bezier(.34,1.56,.64,1);display:flex;overflow:visible}.app-shell.sidebar-collapsed .nav-link-item span{flex-shrink:0;justify-content:center;align-items:center;min-width:20px;font-size:20px;line-height:1;display:inline-flex}.app-shell.sidebar-collapsed .nav-link-item:hover{color:#12295a;background:linear-gradient(120deg,#5c3a531f,#1b3a6b14)}.app-shell.sidebar-collapsed .nav-link-item.active-link{color:#12295a;background:linear-gradient(120deg,#5c3a5333,#1b3a6b1f);border-color:#5c3a534d;font-weight:600}.app-shell.sidebar-collapsed .nav-link-item:active{transform:scale(.98)}.app-shell.sidebar-collapsed .nav-user{padding:12px;padding-bottom:max(12px, env(safe-area-inset-bottom,0px));border-top:1px solid #94a3b840;flex-direction:column;gap:10px;margin:0;display:flex}.app-shell.sidebar-collapsed .nav-user-meta{width:100%;padding:6px 8px;font-size:12px}.app-shell.sidebar-collapsed .btn-logout{border-radius:10px;width:100%;padding:10px 12px;font-size:.9rem}.app-shell.sidebar-collapsed .nav-links-section-title{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:.5rem .5rem 0;padding:.75rem 1rem;font-size:.75rem;font-weight:600;display:block}.nav-item-label{text-overflow:clip;white-space:normal;word-break:break-word;overflow-wrap:anywhere;overflow:visible}.app-shell.sidebar-collapsed .sidebar-toggle-btn:after{content:"✕";font-size:1.5rem}.nav-user{margin-top:0}.mobile-nav-backdrop{display:none}.app-shell.sidebar-collapsed .app-main{width:100%;transform:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.form-container{box-sizing:border-box;border-radius:10px;max-width:100%;padding:12px;overflow-x:hidden}.form-row{box-sizing:border-box;flex-direction:column;gap:0;width:100%}.export-controls{flex-direction:column;gap:8px;width:100%}.export-controls button{width:100%}table,.products-table,.report-table,.variant-table{border-collapse:collapse;-webkit-overflow-scrolling:touch;border:none;width:100%;display:block;overflow:auto hidden}table th,table td,.products-table th,.products-table td,.report-table th,.report-table td,.variant-table th,.variant-table td{white-space:normal;word-break:break-word;overflow-wrap:anywhere;min-width:100px;padding:12px 10px;font-size:13px}.card,.form-container,.card-ui,.global-page-surface{box-sizing:border-box;max-width:100%;overflow-x:auto;border-radius:10px!important;padding:.625rem!important}.global-page-surface{min-height:calc(100vh - max(72px + max(env(safe-area-inset-top,0px), 12px), 88px) - max(12px, env(safe-area-inset-bottom,0px)));padding:10px!important}[dir=rtl] .nav{border-left:none;border-right:none;left:0;right:auto}[dir=rtl] .app-shell.sidebar-collapsed .nav{left:auto;right:0}[dir=rtl] .app-main{padding-left:max(8px, env(safe-area-inset-left,0px));padding-right:max(8px, env(safe-area-inset-right,0px))}[dir=rtl] .app-shell.sidebar-collapsed .app-main{padding-right:max(var(--space-xs), env(safe-area-inset-right,0px));padding-left:max(8px, env(safe-area-inset-left,0px));margin-right:min(85vw,320px)}}@media (width<=640px){.nav-links-section-title{font-size:.625rem}.nav-link-item{font-size:.9rem}}.sp-table-action-button{white-space:nowrap;border:1px solid var(--border-light);background:var(--bg-primary);min-width:auto;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:0 8px;font-family:inherit;font-size:12px;font-weight:700;line-height:1;transition:all .15s;display:inline-flex}.sp-table-action-button.delete{background:var(--bg-primary);color:var(--status-danger);border-color:var(--status-danger-light)}@media (width<=768px){body,div,p,span,h1,h2,h3,h4,h5,h6,label,button,a,td,th,li{word-break:normal;overflow-wrap:break-word}table td,table th{white-space:normal;word-break:break-word;overflow-wrap:anywhere;min-width:100px;max-width:100%}}.toast-notification{bottom:var(--space-24);z-index:10000;pointer-events:none;width:auto;min-width:200px;max-width:90vw;position:fixed;left:50%}.toast-content{align-items:center;gap:var(--space-8);background:var(--glass-bg);color:var(--text-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);font-size:var(--fs-base);border:1px solid #ffffff1a;line-height:1.5;display:flex;box-shadow:0 10px 25px -5px #0000004d}:root{--status-success:#28a745;--status-success-light:#28a74529;--status-success-dark:#155724;--status-warning:#d39e00;--status-warning-light:#fff3cd66;--status-warning-dark:#856404;--status-danger:#dc3545;--status-danger-light:#fee2e266;--status-danger-dark:#a71d2a;--status-info:#17a2b8;--status-info-light:#17a2b829;--status-info-dark:#0c5460;--status-pending:#4a6fa5;--status-pending-light:#8f6a832e;--status-pending-dark:#1b3a6b}html.inventory-edit-open .nav,html.inventory-edit-open .app-shell .nav,html.inventory-edit-open .mobile-nav-backdrop{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}html.inventory-edit-open .app-main{padding-inline:0!important}html.inventory-edit-open .prod-modal-overlay{z-index:2147483647!important}.admin-header{border-bottom:1px solid var(--border-light);background:linear-gradient(90deg,#ffffff05,#fff0);align-items:center;gap:20px;padding:18px 24px;display:flex}.page-title{color:var(--text-header);margin:0;font-size:1.25rem;font-weight:700}.page-subtitle{color:var(--text-secondary);margin:0;font-size:.95rem}.tab-button{color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-weight:600;display:inline-flex}.tab-button.active{color:var(--primary-blue);background:#5c3a5314;border-color:#5c3a531f}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;padding:8px 12px;font-weight:600;display:inline-flex}.btn-sm{border-radius:6px;padding:6px 8px;font-size:.85rem}.btn-lg{border-radius:10px;padding:10px 16px;font-size:1rem}.btn-primary{background:var(--primary-blue);color:#fff;border-color:#0000;box-shadow:0 6px 18px #5c3a5314}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border-light);background:0 0}.btn-danger{background:var(--status-danger-solid);color:#fff}.btn-outline{color:var(--primary-blue);background:0 0;border:1px dashed #8f6a831f}.admin-feedback-banner{z-index:9999;border-radius:8px;padding:12px 16px;position:fixed;top:20px;right:20px;box-shadow:0 6px 24px #0f172a14}.admin-feedback-banner.error{background:var(--color-danger-light);color:var(--color-danger)}.admin-feedback-banner.success{background:var(--color-success-light);color:var(--color-success)}.admin-section-card-header{border-bottom:1px solid var(--border-light);background:linear-gradient(#ffffff05,#0000);padding:14px 18px}.admin-section-card-title{margin:0;font-size:1rem}.admin-section-card-subtitle{color:var(--text-secondary);margin:0;font-size:.85rem}.admin-policy-result{background:var(--table-header-bg);border:1px solid var(--table-border);border-radius:8px;margin-top:12px;padding:12px}.admin-policy-result-content{white-space:pre-wrap;font-family:inherit}.admin-form-button-row{align-items:center;gap:10px;display:flex}.admin-mini-button-row{gap:6px;display:flex}.accent-success{color:var(--color-success)}.accent-danger{color:var(--color-danger)}.accent-info{color:var(--primary-blue)}.init-overlay{background:var(--bg-primary);z-index:9999;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cube-scene{perspective:1000px;width:7.5rem;height:7.5rem}.cube-shadow{filter:blur(18px);background:#5c3a5326;width:6.25rem;height:6.25rem;animation:4s linear infinite shadowAnimate;position:absolute;top:100px;left:10px;transform:rotateX(90deg)rotate(45deg)}.cube-isometric{width:100%;height:100%;transform-style:preserve-3d;animation:4s linear infinite cubeRotate;position:relative;transform:rotateX(-30deg)rotateY(45deg)}.cube-face{border:var(--space-xxs) solid var(--primary-blue);background:#fffffff2;justify-content:center;align-items:center;width:6.25rem;height:6.25rem;display:flex;position:absolute}.cube-face.front{transform:rotateY(0)translateZ(50px)}.cube-face.back{transform:rotateY(180deg)translateZ(50px)}.cube-face.right{transform:rotateY(90deg)translateZ(50px)}.cube-face.left{transform:rotateY(-90deg)translateZ(50px)}.cube-face.top{transform:rotateX(90deg)translateZ(50px)}.cube-face.bottom{transform:rotateX(-90deg)translateZ(50px)}.init-checkmark{fill:none;width:3.75rem;height:3.75rem;stroke:var(--primary-blue);stroke-width:8px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100px;opacity:0;animation:4s ease-in-out infinite checkmarkAppear}.init-text{color:var(--primary-blue);font-weight:600;font-size:var(--fs-base);letter-spacing:.1em;text-transform:uppercase;margin-top:2.5rem;animation:2s ease-in-out infinite pulseOpacity}[data-theme=dark]{--primary-blue:#1b3a6b;--dark-blue:#0b1d45;--light-blue:#0b163099;--border-blue:#33415566;--white:#0f172a;--text-main:#e6ecf7;--text-light:#cbd5e1;--bg-secondary:#0b1630;--border-light:#33415580;--shadow:#0000004d;--status-success:#1e7e34;--status-success-light:#15572466;--status-warning:#d39e00;--status-warning-light:#85640466;--status-danger:#dc3545;--status-danger-light:#721c2466;--status-info:#17a2b8;--status-info-light:#17a2b82e;--status-pending:#4a6fa5;--status-pending-light:#8f6a834d;--table-header-bg:#1e293b99;--table-border:#33415580;--table-row-hover:#1e293b80}body{background:linear-gradient(180deg, var(--light-blue) 0%, var(--bg-secondary) 100%);color:var(--text-primary);min-height:100vh;font-family:Inter,Plus Jakarta Sans,-apple-system,Segoe UI,sans-serif;font-size:clamp(.95rem,1vw,1rem);line-height:var(--line-normal);letter-spacing:-.01em;font-weight:400;transition:background-color .3s,color .3s}input,select,textarea,button{letter-spacing:-.01em;font-family:Inter,Plus Jakarta Sans,-apple-system,Segoe UI,sans-serif}html[dir=rtl] *{font-family:var(--font-family-arabic)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;margin-top:var(--space-xl);margin-bottom:var(--space-sm);font-weight:700}h1{font-size:var(--fs-2xl);line-height:var(--line-tight)}h2{font-size:var(--fs-xl);line-height:var(--line-tight)}h3{font-size:var(--fs-lg);line-height:var(--line-tight)}h4{font-size:var(--fs-md);line-height:var(--line-normal)}h5{font-size:var(--fs-base);line-height:var(--line-normal)}h6{font-size:var(--fs-xs);line-height:var(--line-normal);font-weight:600}p{margin-top:0;margin-bottom:var(--space-md);color:var(--text-secondary);line-height:var(--line-relaxed)}.app-shell{align-items:stretch;width:100%;min-height:100dvh;display:flex;overflow-x:hidden}.ptr-container{overscroll-behavior-y:contain;position:relative}.ptr-indicator{z-index:50;pointer-events:none;justify-content:center;align-items:center;height:48px;transition:transform .2s cubic-bezier(0,0,.2,1);display:flex;position:absolute;top:-48px;left:0;right:0}.ptr-spinner{border:3px solid var(--border-blue);border-top-color:var(--primary-blue);opacity:0;border-radius:50%;width:24px;height:24px;transition:opacity .2s;animation:.8s linear infinite ptr-spin}@keyframes ptr-spin{to{transform:rotate(360deg)}}.app-main{flex:auto;min-width:0;padding:0;transition:transform .3s,width .3s;overflow-x:visible}.global-page-surface{z-index:1;height:auto;min-height:calc(100vh - 64px);box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;flex:auto;padding:0;display:flex;position:relative;overflow-x:auto}.page-hero-card,.layout-switcher,.layout-switcher button,.global-quick-access-bar button,.dashboard-card,.card,.form-container,.card-ui,.global-page-surface,button,.btn,.btn-primary,.btn-secondary,.btn-edit,.btn-delete,.btn-logout,.btn-success,input,select,textarea{box-shadow:none!important;border-radius:6px!important}.global-quick-access-bar{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.global-quick-access-bar button{color:#12295a;cursor:pointer;background:linear-gradient(135deg,#eff6fff2,#f2ecf0e6);border:1px solid #d9cdd6f2;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:none!important;border-radius:6px!important}.global-quick-access-bar button:hover{transform:translateY(-1px);box-shadow:none!important}.nav{width:var(--sidebar-width);height:calc(100vh - var(--space-xl));color:#0b1d45;z-index:30;background:#fffffff5;border:1px solid #1b3a6b38;border-radius:10px;flex-direction:column;flex-shrink:0;align-items:stretch;gap:10px;margin:0;padding:20px 16px;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s;display:flex;position:sticky;top:12px}.nav strong{letter-spacing:-.01em;white-space:normal;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.card{background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-light);padding:clamp(1rem,4vw,1.5rem);box-shadow:0 1px 3px #0000000d}.btn{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-weight:700;font-size:var(--fs-base);cursor:pointer;border:1px solid #0000;transition:all .2s;display:inline-flex;box-shadow:none!important}.btn:hover:not(:disabled){transform:none;box-shadow:none!important}button,.btn,[role=button],.action-btn,.icon-button,.filter-button,.table-action-btn{box-shadow:none!important;border-radius:6px!important}button:disabled,.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.btn-primary:hover:not(:disabled){background:var(--primary-blue-dark)}.btn-secondary{background:var(--color-white);color:var(--text-secondary);border-color:var(--neutral-200)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:#cbd5e1}.btn-danger{background:var(--status-danger-solid);color:var(--color-white);border-color:var(--status-danger)}.btn-danger:hover:not(:disabled){background:#bd2130}.page-shell{background:radial-gradient(circle at 100% 0,#1b3a6b1f,#0000 24%),radial-gradient(circle at 0 100%,#28a74514,#0000 24%),#f8fafc;border-radius:14px;width:min(100%,1200px);min-height:100vh;margin:0 auto;padding:18px clamp(14px,2.5vw,24px) 28px}.page-title{font-size:var(--fs-xl);color:var(--text-primary);margin:0;font-weight:900}.page-subtitle{margin:var(--space-xxs) 0 18px;color:var(--text-secondary)}.page-section{-webkit-backdrop-filter:none;background:#fffffff5;border:1px solid #94a3b82e;border-radius:8px;margin-bottom:12px;padding:14px 16px;box-shadow:0 1px 2px #0f172a0a}.section-heading{margin:0 0 var(--space-sm);font-size:var(--fs-base);color:var(--text-primary);font-weight:700}.kpi-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.kpi-card{word-wrap:break-word;overflow-wrap:break-word;background:linear-gradient(135deg,#f8fafcf5,#fffffff0);border:1px solid #e2e8f0cc;border-radius:8px;padding:12px 14px;overflow:visible;box-shadow:0 1px 2px #0f172a0a}.mini-summary{gap:var(--space-md);margin-bottom:var(--space-md);color:var(--text-secondary);flex-wrap:wrap;font-weight:600;display:flex}.filters-row{gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.button-group{gap:var(--space-sm);flex-wrap:wrap;display:inline-flex}.input-base,.select-base{width:100%;min-width:0;color:var(--text-main);font:inherit;background:#fffffff2;border:1px solid #94a3b84d;border-radius:6px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.page-error{margin:var(--space-md) 0;background:var(--status-danger-light);border:var(--space-px) solid var(--status-danger);color:#a71d2a;border-radius:.75rem;padding:1rem}.clickable-row{cursor:pointer}.space-bottom{margin-bottom:var(--space-md)}.kpi-card.stat-card{border-top:var(--space-xxs) solid var(--stat-card-accent);cursor:default;padding:var(--space-md);border-radius:var(--radius-xl);background:var(--glass-bg);border:var(--space-px) solid var(--glass-border);box-shadow:var(--glass-shadow)}.kpi-card-label{color:var(--text-secondary);word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:normal;margin-bottom:.5rem;font-size:.875rem;line-height:1.4}.kpi-card-value{color:var(--text-main);word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:normal;font-size:1.5rem;font-weight:700;line-height:1.3}.input-base:focus,.select-base:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #5c3a5324}.table-responsive{background:#fff;border:1px solid #cbd5e1e6;border-radius:0;overflow-x:auto}.table-base{border-collapse:collapse;table-layout:fixed;background:#fffffffa;border-radius:0;width:100%;overflow:hidden}.table-base th,.table-base td{color:#334155;border-bottom:1px solid #e2e8f0f2;border-left:0;border-radius:0;padding:.7rem .8rem;font-size:13px;box-shadow:none!important}.table-base thead th{letter-spacing:.01em;color:#475569;background:#f8fafc;border-bottom:1px solid #94a3b8e6;font-weight:800}.table-base tbody tr{background:#fffffffa}.table-base th{text-align:right;color:#475569;background:#f8fafc;font-weight:800}.table-base td{text-align:right}.table-base td,.table-base th{white-space:normal;word-break:break-word;overflow-wrap:break-word;vertical-align:middle;line-height:1.4}.table-base tbody tr:hover{background:#f8fafcb3}.text-right{text-align:right}.text-center{text-align:center}.text-muted{color:var(--text-secondary)}.nav-brand{border-bottom:1px solid #94a3b859;flex:none;max-width:none;padding:2px 6px 8px}.nav-brand-top{width:var(--space-3xl);cursor:pointer;border:1px solid #8f6a8359;border-radius:10px;flex-direction:row-reverse;flex-shrink:0;justify-content:center;align-items:center;height:34px;padding:0;font-size:18px;font-weight:700;line-height:1;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 8px 18px #1b3a6b40}.sidebar-toggle-btn:hover{background:linear-gradient(140deg,#1b3a6b,#12295a);transform:translateY(-1px);box-shadow:0 12px 22px #1b3a6b59}.sidebar-toggle-btn:focus-visible{outline-offset:2px;outline:3px solid #1b3a6b4d}.nav-brand strong{white-space:normal;text-overflow:clip;color:var(--text-primary,#1f2937);line-height:1.35;display:block;overflow:visible}.nav a{color:#fff;border-radius:8px;font-weight:600;text-decoration:none}.nav a:hover{opacity:1;background:#5c3a5324}.nav-links{flex-direction:column;flex:1;gap:12px;min-width:0;padding:4px 0;display:flex;overflow-y:auto}.nav-links::-webkit-scrollbar{width:8px}.nav-links::-webkit-scrollbar-thumb{background:#1b3a6b4d;border-radius:999px}.nav-links-section{flex-direction:column;gap:6px;display:flex}.nav-links-search-wrap{margin-bottom:8px;padding-inline:2px}.nav-links-search{box-sizing:border-box;width:100%;padding:var(--space-8) var(--space-12);color:#0b1d45;background:linear-gradient(130deg,#ffffffeb,#eff6ffc7);border:1px solid #94a3b861;border-radius:8px;outline:none;margin:0;font-size:.88rem}.nav-links-search:focus{border-color:#5c3a5380;box-shadow:0 0 0 3px #5c3a531f}.nav-section-toggle{width:100%;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:2px 6px;display:flex}.nav-section-toggle:hover{background:#1b3a6b14}.nav-section-toggle-meta{align-items:center;gap:var(--space-xs);display:inline-flex}.nav-section-count{color:#0b1d45;background:#d9cdd6e6;border:1px solid #1b3a6b33;border-radius:999px;justify-content:center;align-items:center;min-width:1.125rem;height:1.125rem;padding:0 5px;font-size:.6875rem;font-weight:700;display:inline-flex}.nav-section-caret{font-size:var(--fs-xs);color:#475569;transition:transform .18s}.nav-section-caret.collapsed{transform:rotate(-90deg)}.nav-links-section-title{text-transform:uppercase;letter-spacing:.06em;color:#475569;margin:0;padding:0 8px;font-size:.6875rem;font-weight:700}.nav-links-list{flex-direction:column;gap:4px;display:flex}.nav-links-list.collapsed{display:none}.nav-link-item{padding:0 var(--space-sm);height:auto;min-height:var(--nav-item-height);color:#0b1d45;white-space:normal;text-overflow:clip;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;background:0 0;border:none;border-radius:8px;margin:2px 0;font-weight:500;line-height:1.4;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:block;overflow:visible}.nav-link-item:hover{background:#5c3a531a;transform:translate(-4px)}[dir=ltr] .nav-link-item:hover{transform:translate(4px)}[dir=rtl] .nav-link-item:hover{transform:translate(-2px)}.nav-links .active-link{background:linear-gradient(90deg,#5c3a5326 0%,#5c3a530d 100%);font-weight:700;box-shadow:inset 0 0 0 1px #5c3a5333;color:var(--primary-blue)!important}.nav-links .active-link:hover{background:#5c3a5326}.nav-link-item:focus,.nav-links .active-link:focus{border-left:none!important;border-right:4px solid var(--primary-blue)!important;border-radius:8px 0 0 8px!important;padding-left:12px!important;padding-right:8px!important}.nav-section{flex-direction:column;gap:4px;display:flex}.nav-user{border-top:1px solid #94a3b859;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.nav-user-meta{width:100%;font-size:var(--fs-sm);color:#0b1d45;font-weight:600}.mobile-nav-backdrop{display:none}[data-theme=dark] .nav{background:linear-gradient(120deg, var(--neutral-900), var(--neutral-800));color:#9db1d3;border-color:#1b3a6b33;box-shadow:0 16px 38px #0006,inset 0 1px #ffffff0f}[data-theme=dark] .nav strong,[data-theme=dark] .nav-brand strong{color:#9db1d3}[data-theme=dark] .nav-brand,[data-theme=dark] .nav-user{border-color:#47556980}[data-theme=dark] .nav a{color:#9db1d3}[data-theme=dark] .nav a:hover{background:#1b3a6b26}[data-theme=dark] .nav-links-search{background:var(--neutral-900);color:#9db1d3;border-color:#47556980}[data-theme=dark] .nav-links-search::placeholder{color:#64748b}[data-theme=dark] .nav-links-search:focus{border-color:#8f6a8380;box-shadow:0 0 0 3px #1b3a6b2e}[data-theme=dark] .nav-section-toggle:hover{background:#1b3a6b1f}[data-theme=dark] .nav-section-count{background:var(--primary-blue-dark);color:#9db1d3;border-color:#1b3a6b33}[data-theme=dark] .nav-links-section-title,[data-theme=dark] .nav-section-caret{color:var(--text-muted)}[data-theme=dark] .nav-link-item{color:var(--neutral-300);background:#0f172a59;border-color:#0000}[data-theme=dark] .nav-link-item:hover{background:linear-gradient(120deg,#4d335080,#5c3a5347);border-color:#8f6a8359;box-shadow:0 8px 18px #00000040}[dir=rtl] [data-theme=dark] .nav-link-item:hover{transform:translate(-2px)}[data-theme=dark] .nav-links .active-link{border-color:#8f6a8373;background:#1b3a6b1f;border-inline-start:4px solid #4a6fa5}.nav-link-item[title]:hover:after{content:attr(title);color:#fff;white-space:nowrap;z-index:1001;background:#1e293b;border-radius:4px;margin-left:10px;padding:4px 8px;font-size:12px;position:absolute;left:100%}[data-theme=dark] .breadcrumbs,[data-theme=dark] .breadcrumb-item a,[data-theme=dark] .nav-user-meta{color:#9db1d3}[data-theme=dark] .breadcrumb-separator{color:#4a6fa5}[data-theme=dark] .sidebar-toggle-btn{border-color:var(--primary-blue-border);color:#9db1d3;background:linear-gradient(140deg,#0f172ae0,#1e293bd1);box-shadow:0 8px 18px #0000004d}[data-theme=dark] .sidebar-toggle-btn:hover{background:linear-gradient(140deg,#1e293bf2,#334155e6)}.field-hint{color:#64748b;opacity:0;max-height:0;margin-top:4px;font-size:11px;transition:max-height .2s,opacity .2s;overflow:hidden}input:focus~.field-hint,select:focus~.field-hint,textarea:focus~.field-hint{opacity:1;max-height:3em}.sp-field-label{opacity:0;max-height:0;transition:max-height .2s,opacity .2s;overflow:hidden}div:focus-within>.sp-field-label{opacity:1;max-height:2em}.purchase-orders-page label{color:#334155;font-weight:600}.purchase-orders-page button{transition:all .2s}.purchase-orders-page button:hover{filter:brightness(1.02);transform:translateY(-1px)}.nav-user .btn-logout{width:100%;margin-top:4px}.nav-user .theme-toggle{margin-right:0!important}.app-shell.sidebar-collapsed .nav{width:var(--sidebar-collapsed-width);padding:10px 8px}.app-shell.sidebar-collapsed .nav-brand{border-bottom:0;padding:0}.app-shell.sidebar-collapsed .nav-brand-top{justify-content:center}.app-shell.sidebar-collapsed .nav-brand strong,.app-shell.sidebar-collapsed .breadcrumbs,.app-shell.sidebar-collapsed .nav-links,.nav-search-container,.app-shell.sidebar-collapsed .nav-user{display:none}.app-shell.sidebar-collapsed .nav-links .active-link{border-radius:var(--radius-none)!important;border-right:none!important;border-left:4px solid var(--primary-blue)!important;padding-left:0!important;padding-right:0!important}[dir=rtl] .app-shell.sidebar-collapsed .nav-links .active-link{border-left:none!important;border-right:4px solid var(--primary-blue)!important}.app-shell.sidebar-collapsed .nav-links-section-title{display:none}.glass-lang-switcher{margin-inline-end:2px;position:relative}.glass-lang-trigger{min-width:128px;padding:var(--space-xs) var(--space-sm);color:#0b1d45;-webkit-backdrop-filter:blur(14px)saturate(170%);background:linear-gradient(135deg,#ffffffd1,#eff6ffbd);border:1px solid #1b3a6b4d;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;font-size:.9rem;font-weight:600;line-height:1.2;display:inline-flex;box-shadow:inset 0 1px #ffffffad,0 8px 20px #5c3a5333}.glass-lang-trigger:hover{background:linear-gradient(135deg,#ffffffeb,#f2ecf0c7);transform:translateY(-1px)}.glass-lang-trigger:focus-visible{outline-offset:2px;outline:3px solid #5c3a5333}.glass-lang-caret{opacity:.9;transition:transform .2s}.glass-lang-caret.open{transform:rotate(180deg)}.glass-lang-menu{-webkit-backdrop-filter:blur(18px)saturate(180%);z-index:40;background:linear-gradient(145deg,#ffffffe6,#eff6ffd6);border:1px solid #1b3a6b52;border-radius:8px;min-width:100%;padding:6px;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 20px 34px #5c3a5333,inset 0 1px #ffffffb8}.glass-lang-item{text-align:start;color:#fff;cursor:pointer;background:linear-gradient(135deg,#4a6fa5,#1b3a6b);border:0;border-radius:8px;width:100%;margin:0;padding:9px 11px;font-size:.9rem;font-weight:600}.glass-lang-item:hover{background:linear-gradient(135deg,#1b3a6b,#12295a)}.glass-lang-item.active{background:linear-gradient(135deg,#1b3a6b,#12295a);box-shadow:inset 0 1px #ffffff4d,0 0 0 1px #8f6a834d,0 0 18px #1b3a6b66}[dir=rtl] .glass-lang-menu{left:auto;right:0}.app-container{max-width:1200px;margin:var(--space-2xl) auto;padding:0 var(--space-md)}.login-container{max-width:26.25rem;box-shadow:var(--shadow-lg), 0 16px 32px #5c3a531f;-webkit-backdrop-filter:blur(12px)saturate(150%);text-align:center;background:linear-gradient(145deg,#ffffffbf,#eff6ffad);border:1px solid #fff9;border-radius:16px;margin:3.75rem auto;padding:clamp(2rem,5vw,3rem)}.card:hover{border-color:var(--primary-blue);box-shadow:0 4px 12px #5c3a5314}.card.admin-category-unit-card,.card.admin-session-card{background:var(--glass-bg);border:var(--space-px) solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow)}.form-container{padding:var(--space-24);border:1px solid var(--border-light);background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.form-row{gap:var(--space-12);margin-bottom:var(--space-12);display:flex}input,select,textarea{width:100%;padding:var(--space-12);margin:var(--space-xs) 0;box-sizing:border-box;background:#ffffffd1;border:1px solid #94a3b861;border-radius:8px;box-shadow:inset 0 1px #ffffffb8}input:focus,select:focus,textarea:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #5c3a531a}button,.btn-primary,.btn-secondary,.btn-edit,.btn-delete,.btn-logout,.btn-success,.btn-dark,.btn-neutral,.btn-print{--btn-bg-start:#1b3a6b;--btn-bg-end:#12295a;--btn-text:#fff;--btn-border:#ffffff52;--btn-shadow:0 14px 30px #1b3a6b38;justify-content:center;align-items:center;gap:var(--space-xs);min-height:var(--button-height);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--btn-border);background:linear-gradient(135deg, var(--btn-bg-start), var(--btn-bg-end));color:var(--btn-text);letter-spacing:.01em;cursor:pointer;box-shadow:var(--btn-shadow);font-size:.95rem;font-weight:700;line-height:1.1;text-decoration:none;transition:transform .18s,box-shadow .18s,filter .18s,background .18s,color .18s,border-color .18s;display:inline-flex}button:hover,.btn-primary:hover,.btn-secondary:hover,.btn-edit:hover,.btn-delete:hover,.btn-logout:hover,.btn-success:hover,.btn-dark:hover,.btn-neutral:hover,.btn-print:hover{filter:none;transform:none;box-shadow:0 0 0 1px #94a3b859}button:active,.btn-primary:active,.btn-secondary:active,.btn-edit:active,.btn-delete:active,.btn-logout:active,.btn-success:active,.btn-dark:active,.btn-neutral:active,.btn-print:active{transform:none;box-shadow:0 0 0 1px #94a3b847}button:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-edit:focus-visible,.btn-delete:focus-visible,.btn-logout:focus-visible,.btn-success:focus-visible,.btn-dark:focus-visible,.btn-neutral:focus-visible,.btn-print:focus-visible{outline:none;box-shadow:0 0 0 2px #5c3a5324}button:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-edit:disabled,.btn-delete:disabled,.btn-logout:disabled,.btn-success:disabled,.btn-dark:disabled,.btn-neutral:disabled,.btn-print:disabled{opacity:.56;cursor:not-allowed;filter:none;box-shadow:none;transform:none}.btn-secondary,button.btn-secondary{--btn-bg-start:#4a6fa5;--btn-bg-end:#1b3a6b;--btn-text:#fff;--btn-border:#8f6a8380;--btn-shadow:0 10px 24px #1b3a6b40}.btn-neutral,button.btn-neutral{--btn-bg-start:#4a6fa5;--btn-bg-end:#1b3a6b;--btn-text:#fff;--btn-border:#8f6a8380;--btn-shadow:0 10px 24px #1b3a6b33}.btn-dark,button.btn-dark,.btn-print,button.btn-print{--btn-bg-start:#1b3a6b;--btn-bg-end:#12295a;--btn-text:#fff;--btn-border:#1b3a6b6b;--btn-shadow:0 14px 28px #1b3a6b42}.btn-success,button.btn-success{--btn-bg-start:#4a6fa5;--btn-bg-end:#1b3a6b;--btn-text:#fff;--btn-border:#8f6a8380;--btn-shadow:0 14px 28px #1b3a6b3d}.btn-delete,button.btn-delete,.btn-edit,button.btn-edit{--btn-bg-start:#4a6fa5;--btn-bg-end:#1b3a6b;--btn-text:#fff;--btn-border:#8f6a8380;--btn-shadow:0 14px 28px #1b3a6b38;padding:9px 14px;font-size:.85rem}.btn-logout,button.btn-logout{--btn-bg-start:#4a6fa5;--btn-bg-end:#1b3a6b;--btn-text:#fff;--btn-border:#8f6a8380;--btn-shadow:0 10px 24px #1b3a6b33;min-height:38px;padding:9px 14px}.response-message{margin-bottom:var(--space-lg);border-radius:var(--radius-sm);padding:14px 16px;font-weight:500}.response-message.success{background-color:var(--status-success-light);border:var(--space-px) solid var(--status-success);border-left:var(--space-xxs) solid var(--status-success);color:var(--status-success-dark)}.response-message.error{background-color:var(--badge-danger-bg);color:var(--badge-danger-fg);border:1px solid #f1959b;border-left:4px solid #dc3545}.response-details{background-color:var(--status-info-light);border:var(--space-px) solid var(--status-info);border-radius:var(--radius-md);padding:var(--space-md);border-left:4px solid #4a6fa5;margin-bottom:20px}.response-table{border-collapse:collapse;width:100%;font-size:.9rem}.response-table td{border-bottom:1px solid #bee5eb;padding:8px}.response-table tr:last-child td{border-bottom:none}.response-table td:first-child{background-color:var(--status-info-light);width:180px;font-weight:600}.status-badge{font-size:var(--fs-sm);border-radius:4px;padding:4px 8px;font-weight:600}.status-badge.low-stock{background-color:var(--status-warning-light);color:var(--status-warning-dark)}.status-badge.in-stock{background-color:var(--primary-blue-light);color:var(--primary-blue-dark)}.no-products{text-align:center;color:#64748b;grid-column:1/-1;padding:40px 20px;font-style:italic}.search-row,.search-group,.toolbar,.nav-actions,.export-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.search-input{max-width:320px}table,.products-table,.report-table,.variant-table{border-collapse:collapse;background:var(--table-bg);width:100%;color:var(--table-text-body);border:var(--space-px) solid var(--table-border);box-shadow:var(--shadow-soft);border:1px solid var(--border-light);table-layout:fixed;direction:rtl;border-radius:12px}table th,table td,.products-table th,.products-table td,.report-table th,.report-table td,.variant-table th,.variant-table td{padding:var(--space-sm) var(--space-md);text-align:right;vertical-align:middle;unicode-bidi:plaintext;border-bottom:1px solid #f1f5f9}table th,.products-table th,.report-table th,.variant-table th{background-color:var(--table-header-bg);color:var(--table-text-header);font-size:var(--fs-xs);text-transform:uppercase}@media (width<=900px){.app-main{padding:.625rem .625rem 1rem}.global-page-surface{border-radius:16px;min-height:auto;padding:.625rem}}@media (width<=768px){.purchase-orders-page{padding:14px!important}.purchase-orders-title{font-size:22px!important}.purchase-orders-subtitle{font-size:20px!important}}@media print{.no-print{display:none!important}.purchase-orders-page{background:#fff!important}.nav,.sidebar-toggle-btn,.mobile-nav-backdrop,.no-print,.btn,.action-row,.nav-header button,.export-controls{display:none!important}body{background:#fff;margin:0;padding:0}.app-main{padding:0!important}@page{margin:20mm}}table tr:last-child td,.products-table tr:last-child td,.report-table tr:last-child td,.variant-table tr:last-child td{border-bottom:none}.editable-cell{border-radius:var(--radius-xxs);cursor:pointer;padding:6px 8px;transition:background-color .2s}.editable-cell:hover{background:#5c3a5314}.editable-cell input{font-size:var(--fs-base);margin:0}.nav-hamburger{cursor:pointer;background:0 0;border:none;padding:8px;display:none}.hamburger-line{background-color:var(--primary-blue);width:24px;height:2px;margin:4px 0;transition:background .2s;display:block}@media (width<=1024px){.nav{width:min(280px,100% - 20px);min-width:250px;max-width:280px;margin:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-xs)}.app-main{padding:12px 14px 18px}.form-container{padding:16px}input,select,textarea,button{font-size:16px}}@media (width<=768px){.app-shell{display:block;position:relative}.nav{height:100%;width:var(--mobile-sidebar-width);z-index:100;min-width:0;max-width:none;padding:max(env(safe-area-inset-top,0px), 8px) 12px 0;z-index:100;-webkit-backdrop-filter:blur(10px)saturate(150%);background:#fff;border:none;border-bottom:2px solid #5c3a534d;border-radius:0;flex-direction:row;align-items:center;gap:0;height:4rem;margin:0;transition:transform .3s;position:fixed;top:0;left:0;right:auto;overflow:visible;transform:translate(-100%);box-shadow:0 4px 12px #0000001f}.sidebar-toggle-btn{aria-label:"Toggle sidebar navigation";color:#fff;background:#1b3a6b;border-radius:12px;flex-shrink:0;width:48px;height:48px;box-shadow:0 4px 12px #1b3a6b4d}.sidebar-toggle-btn:active{transform:scale(.95)}.nav-brand{border-bottom:none;flex:1;min-width:0;margin-inline-start:0;padding:0 8px}.nav-brand-top{justify-content:space-between;align-items:center;gap:var(--space-xs);flex-direction:row-reverse}.app-shell .nav:not(.collapsed){width:100%;height:4rem;padding:max(env(safe-area-inset-top,0px), 8px) 12px 0;z-index:101;border-bottom:2px solid #5c3a534d;flex-direction:row;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0;transform:none!important}.app-main{padding-top:calc(max(56px + max(env(safe-area-inset-top,0px), var(--space-sm)), 72px) + var(--space-xxs));padding-left:max(4px, env(safe-area-inset-left,0px));padding-right:max(4px, env(safe-area-inset-right,0px));padding-bottom:max(8px, env(safe-area-inset-bottom,0px));width:100%;overflow-x:auto}.global-page-surface{box-sizing:border-box;width:100%;max-width:100%;min-height:calc(100vh - max(72px + max(env(safe-area-inset-top,0px), var(--space-sm)), 88px) - max(var(--space-xs), env(safe-area-inset-bottom,0px)));padding:var(--space-xs)!important;border-radius:var(--radius-md)!important;overflow-x:auto!important}.nav strong{letter-spacing:.01em;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.sidebar-toggle-btn{font-size:0}.sidebar-toggle-btn:after{content:"☰";font-size:var(--fs-md);display:inline-block}.mobile-bottom-nav{background:var(--color-white);background:var(--glass-bg);width:100%;height:auto;min-height:60px;-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-top:var(--space-px) solid var(--neutral-200);z-index:98;padding-bottom:max(0px, env(safe-area-inset-bottom,0px));flex-direction:row;justify-content:space-around;align-items:stretch;gap:0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #00000014}.mobile-nav-item{padding:var(--space-xs) var(--space-xxs);color:#64748b;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;white-space:normal;word-break:break-word;overflow-wrap:anywhere;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-height:60px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;overflow:visible}.mobile-nav-item span{flex-shrink:0;min-width:24px;font-size:24px;line-height:1;display:block}.mobile-nav-item div{text-overflow:clip;white-space:normal;word-break:break-word;overflow-wrap:anywhere;width:100%;font-size:11px;line-height:1.2;overflow:visible}.mobile-nav-item:active{background:#1b3a6b26;transform:scale(.98)}.mobile-nav-item.active{color:#4a6fa5;background:#1b3a6b1a;font-weight:600}.mobile-nav-item.active span{filter:drop-shadow(0 0 2px #8f6a8380)}.mobile-nav-item button{cursor:pointer;background:0 0;border:none}.app-main{padding-bottom:calc(max(60px, 68px) + max(var(--space-xs), env(safe-area-inset-bottom,0px)))}.app-shell.sidebar-collapsed .nav{width:min(85vw,320px);min-width:260px;max-width:none;height:100vh;max-height:-webkit-fill-available;padding:max(env(safe-area-inset-top,0px), var(--space-xs)) 0 0;background:#fff;border-bottom:none;border-radius:0;flex-direction:column;align-items:stretch;gap:0;margin:0;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards slideInRight;top:0;left:auto;right:0;box-shadow:-8px 0 32px #00000040}@keyframes slideInRight{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.app-shell.sidebar-collapsed .nav-brand{border-bottom:var(--space-px) solid #94a3b840;flex:none;justify-content:space-between;align-items:center;gap:12px;margin-inline-start:0;padding:12px 16px;display:flex}.app-shell.sidebar-collapsed .nav-brand-top{flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:0;display:flex}.app-shell.sidebar-collapsed .nav strong{font-size:var(--fs-base);white-space:normal;-webkit-text-fill-color:currentColor;color:var(--text-primary,#1f2937);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}[dir=rtl] .app-shell.sidebar-collapsed .nav{border-radius:0;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards slideInLeft;left:0;right:auto;box-shadow:4px 0 16px #5c3a5326}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.app-shell.sidebar-collapsed .breadcrumbs{display:none}.app-shell.sidebar-collapsed .nav-links{max-height:none;margin:var(--space-xs) 0 0 0;-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:4px;padding:8px 0;display:flex;overflow:hidden visible}.app-shell.sidebar-collapsed .nav-links::-webkit-scrollbar{width:6px}.app-shell.sidebar-collapsed .nav-links::-webkit-scrollbar-track{background:0 0}.app-shell.sidebar-collapsed .nav-links::-webkit-scrollbar-thumb{background:#1b3a6b4d;border-radius:3px}.app-shell.sidebar-collapsed .nav-links::-webkit-scrollbar-thumb:hover{background:#1b3a6b80}.app-shell.sidebar-collapsed .nav-link-item{margin:0 var(--space-xs);color:#334155;white-space:normal;text-overflow:clip;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;background:linear-gradient(120deg,#fff6,#eff6ff33);border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;min-height:44px;padding:12px 14px;font-size:.95rem;text-decoration:none;transition:all .18s cubic-bezier(.34,1.56,.64,1);display:flex;overflow:visible}.app-shell.sidebar-collapsed .nav-link-item span{flex-shrink:0;justify-content:center;align-items:center;min-width:20px;font-size:20px;line-height:1;display:inline-flex}.app-shell.sidebar-collapsed .nav-link-item:hover{color:#12295a;background:linear-gradient(120deg,#5c3a531f,#1b3a6b14)}.app-shell.sidebar-collapsed .nav-link-item.active-link{color:#12295a;background:linear-gradient(120deg,#5c3a5333,#1b3a6b1f);border-color:#5c3a534d;font-weight:600}.app-shell.sidebar-collapsed .nav-link-item:active{transform:scale(.98)}.app-shell.sidebar-collapsed .nav-user{border-top:var(--space-px) solid #94a3b840;padding:12px;padding-bottom:max(var(--space-sm), env(safe-area-inset-bottom,0px));flex-direction:column;gap:10px;margin:0;display:flex}.app-shell.sidebar-collapsed .nav-user-meta{font-size:var(--fs-xs);width:100%;padding:6px 8px}.app-shell.sidebar-collapsed .btn-logout{width:100%;font-size:var(--fs-base);border-radius:10px;padding:10px 12px}.app-shell.sidebar-collapsed .nav-links-section-title{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:.5rem .5rem 0;padding:.75rem 1rem;font-size:.75rem;font-weight:600;display:block}.nav-item-label{text-overflow:clip;white-space:normal;word-break:break-word;overflow-wrap:anywhere;overflow:visible}.app-shell.sidebar-collapsed .sidebar-toggle-btn:after{content:"✕";font-size:1.5rem}.nav-user{margin-top:0}.mobile-nav-backdrop{display:none}.app-shell.sidebar-collapsed .mobile-nav-backdrop{cursor:pointer;z-index:99;-webkit-backdrop-filter:blur(3px);background:#0f172a80;width:100%;height:100%;animation:.2s forwards fadeIn;display:block;position:fixed;inset:0}.app-shell.sidebar-collapsed .app-main{width:100%;padding-inline:0;transform:none}html[dir=rtl] .app-shell.sidebar-collapsed .app-main{padding-inline-end:min(85vw,320px)}html:not([dir=rtl]) .app-shell.sidebar-collapsed .app-main{padding-inline-start:min(85vw,320px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.form-container{padding:var(--space-sm);border-radius:var(--radius-md);box-sizing:border-box;max-width:100%;overflow-x:hidden}.form-row{box-sizing:border-box;flex-direction:column;gap:0;width:100%}.export-controls{flex-direction:column;gap:8px;width:100%}.export-controls button{width:100%}table,.products-table,.report-table,.variant-table{border-collapse:collapse;-webkit-overflow-scrolling:touch;border:none;width:100%;display:block;overflow:auto hidden}table th,table td,.products-table th,.products-table td,.report-table th,.report-table td,.variant-table th,.variant-table td{font-size:var(--fs-sm);white-space:normal;word-wrap:break-word;overflow-wrap:anywhere;word-break:break-word;min-width:100px;padding:12px 10px}.card,.form-container,.card-ui,.global-page-surface{box-sizing:border-box;max-width:100%;overflow-x:auto;padding:var(--space-xs)!important;border-radius:var(--radius-md)!important}.global-page-surface{min-height:calc(100vh - max(72px + max(env(safe-area-inset-top,0px), 12px), 88px) - max(12px, env(safe-area-inset-bottom,0px)))}[dir=rtl] .nav{border-left:none;border-right:none;left:0;right:auto}[dir=rtl] .app-shell.sidebar-collapsed .nav{left:auto;right:0}[dir=rtl] .app-main{padding-left:max(8px, env(safe-area-inset-left,0px));padding-right:max(8px, env(safe-area-inset-right,0px))}[dir=rtl] .app-shell.sidebar-collapsed .app-main{padding-right:max(var(--space-xs), env(safe-area-inset-right,0px));padding-left:max(8px, env(safe-area-inset-left,0px));margin-right:min(85vw,320px)}}@media (width<=640px){.nav-links-section-title{font-size:.625rem}.nav-link-item{font-size:var(--fs-base)}}.sp-table-action-button{white-space:nowrap;color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;min-width:auto;height:32px;padding:0 8px;font-family:inherit;font-size:12px;font-weight:700;line-height:1;transition:all .15s;display:inline-flex}.sp-table-action-button .sp-table-icon{flex-shrink:0;width:18px;height:18px}.sp-table-action-button.delete{color:var(--badge-danger-fg);background:#fff;border-color:#f1959b}.sp-table-action-button.delete:hover{background:var(--badge-danger-bg);color:var(--badge-danger-fg);border-color:#dc3545}@media (width<=768px){body,div,p,span,h1,h2,h3,h4,h5,h6,label,button,a,td,th,li{word-break:normal;overflow-wrap:break-word}table td,table th{white-space:normal;word-break:break-word;overflow-wrap:anywhere;min-width:140px;max-width:100%}.sp-table-cell{white-space:normal;word-break:break-word;text-align:left}.sp-table-cell-value{text-align:right;word-break:break-word;white-space:normal;flex-grow:1}.sp-kpi-value{font-size:var(--fs-md)}.sp-table-wrap,.sp-table{background:0 0!important;border:none!important}.sp-table thead{display:none}.sp-table tbody,.sp-table tr,.sp-table td{display:block;width:100%!important}.sp-table tr{border:var(--space-px) solid var(--neutral-200);background:#fff;border-radius:12px;margin-bottom:12px;padding:12px;box-shadow:0 1px 3px #0000000d}.sp-table td{justify-content:space-between;align-items:center;display:flex;border:none!important;padding:8px 0!important}.sp-table td:before{content:attr(data-label);color:#64748b;font-weight:700}input,select,textarea{width:100%;margin:var(--space-xs) 0;box-sizing:border-box;border-radius:8px;padding:11px 10px;font-size:.875rem}.text-container,.content-cell,.data-cell,.description,.note,.message{word-break:break-word;max-width:100%}code,pre{white-space:pre-wrap;word-break:break-word}.global-page-surface{padding:10px!important}.nav strong{font-size:.95rem}.login-container{margin:30px 16px;padding:24px}button,.btn-primary{font-size:var(--fs-base);padding:10px 14px}input[type=checkbox],input[type=radio]{width:auto}button,.btn,.btn-primary,.btn-secondary,.btn-edit,.btn-delete,.btn-logout,.btn-success{min-height:40px;padding:var(--space-xs) var(--space-md);font-size:var(--fs-base);border-radius:8px}.sp-table-action-button{margin:0 1px;padding:4px}.sp-table-action-button.delete{color:var(--badge-danger-fg)}.sp-table-action-button:hover{color:var(--primary-blue);background-color:#e2e8f0}.sp-table-action-button.delete:hover{color:var(--badge-danger-fg)}.sp-table-icon{width:18px;height:18px}[data-theme=dark] .nav{background:linear-gradient(120deg,#0f172af5,#1e293beb);border-bottom-color:#1b3a6b26}[data-theme=dark] .sidebar-toggle-btn{color:#9db1d3;background:linear-gradient(140deg,#0f172ae6,#1e293bcc)}[data-theme=dark] .app-shell.sidebar-collapsed .nav{background:linear-gradient(120deg, var(--neutral-900), var(--neutral-800))}[data-theme=dark] .nav-brand,[data-theme=dark] .app-shell.sidebar-collapsed .nav-brand{border-bottom-color:#47556940}[data-theme=dark] .app-shell.sidebar-collapsed .nav-user{border-top-color:#47556940}[data-theme=dark] .app-shell.sidebar-collapsed .nav-link-item{background:linear-gradient(120deg, var(--primary-blue-dark), var(--primary-blue-light));color:#9db1d3}[data-theme=dark] .app-shell.sidebar-collapsed .nav-link-item:hover{background:linear-gradient(120deg,#4d335080,#5c3a5347)}[data-theme=dark] .mobile-nav-backdrop{background:#0009}.nav-logo-wrap{flex-shrink:1;min-width:0}.nav-company-name{display:-webkit-box}}@media (width<=512px){*{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.nav-logo-wrap{gap:0!important}.nav-company-name{display:none!important}.nav-brand-mark{margin:0!important}.sidebar-toggle-btn{width:40px!important;min-width:40px!important;height:40px!important}h1,h2,h3,h4,h5,h6,p,span,div,label,button,a,li{word-wrap:break-word;overflow-wrap:break-word}table td,table th{word-wrap:break-word;overflow-wrap:break-word;padding:6px 4px;font-size:.6875rem}}.sp-add-customer-button{color:var(--color-white);border-radius:var(--radius-md);cursor:pointer;box-shadow:none;background-color:#12295a;border:none;padding:12px 24px;font-size:16px;font-weight:700;transition:background-color .15s,box-shadow .15s,opacity .15s}.sp-add-customer-button:hover{transform:none;box-shadow:0 0 0 1px #5c3a5340}.sp-table-action-button.sp-btn-view-profile{color:#12295a;background-color:#f3f7fd;border-color:#c9d6ec}.sp-table-action-button.sp-btn-view-profile:hover{background-color:#eaf0fa;border-color:#9db1d3}.sp-table-action-button.sp-btn-edit{background-color:var(--badge-warning-bg);color:var(--badge-warning-fg);border-color:#ffdb70}.sp-table-action-button.sp-btn-edit:hover{background-color:var(--badge-warning-bg);border-color:#ffce3a}.sp-table-action-button.sp-btn-view-transactions{color:#17a2b8;background-color:#e8f6f8;border-color:#bee5eb}.sp-table-action-button.sp-btn-view-transactions:hover{background-color:#e8f6f8;border-color:#9db1d3}.sp-table-action-button.sp-btn-collect-payment{color:#28a745;background-color:#eaf7ee;border-color:#9fe0b7}.sp-table-action-button.sp-btn-collect-payment:hover{background-color:var(--badge-success-bg);border-color:#7fd99a}.sp-table-cell.wrap-content{white-space:normal;word-break:break-word}.sp-table{table-layout:fixed}.sp-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}[dir=rtl] .sp-table-action-button{flex-direction:row-reverse}.sp-empty-state{text-align:center;color:var(--text-muted);box-shadow:none;background:#fff;border:1px solid #e2e8f0;border-radius:0;padding:48px 16px}.sp-empty-icon{color:var(--primary-blue);margin-bottom:16px}.sp-empty-text{margin-bottom:16px;font-size:18px;font-weight:600}.sp-add-supplier-button{color:#fff;cursor:pointer;box-shadow:none;background:#1b3a6b;border:1px solid #1b3a6b33;border-radius:0;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1rem;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.sp-add-supplier-button:hover{background:#12295a}.sp-text-bold{font-weight:600}.sp-text-primary{color:#1e293b}.sp-text-sm{font-size:12px}.sp-text-secondary{color:#64748b}.sp-text-center{text-align:center}.status-badge{box-sizing:border-box;border-left:4px solid;border-radius:8px;align-items:center;gap:6px;max-width:100%;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-badge.success{background-color:var(--status-success-light);border-color:var(--status-success);color:var(--status-success-dark)}.status-badge.warning{background-color:var(--status-warning-light);border-color:var(--status-warning);color:var(--status-warning-dark)}.status-badge.danger{background-color:var(--status-danger-light);border-color:var(--status-danger);color:var(--status-danger-dark)}.status-badge.info{background-color:var(--status-info-light);border-color:var(--status-info);color:var(--status-info-dark)}.status-badge.pending{background-color:var(--status-pending-light);border-color:var(--status-pending);color:var(--status-pending-dark)}.status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.status-dot.success{background-color:var(--status-success-solid)}.status-dot.warning{background-color:var(--status-warning-solid)}.status-dot.danger{background-color:var(--status-danger-solid)}.status-dot.info{background-color:var(--status-info-solid)}.status-dot.pending{background-color:var(--status-pending)}.status-text{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.status-text.success{color:var(--status-success)}.status-text.warning{color:var(--status-warning)}.status-text.danger{color:var(--status-danger)}.status-text.info{color:var(--status-info)}.status-text.pending{color:var(--status-pending)}.stock-level-bar{background-color:#e2e8f0;border-radius:12px;height:24px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.stock-level-bar:after{content:attr(data-percentage);color:#fff;text-shadow:0 1px 2px #0003;pointer-events:none;justify-content:center;align-items:center;width:100%;font-size:12px;font-weight:700;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.stock-level-fill{background:linear-gradient(90deg,#28a745 0%,#ffc107 50%,#dc3545 100%);justify-content:center;align-items:center;height:100%;transition:width .3s;display:flex}.status-badge-hc{border:2px solid;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.status-badge-hc.success{background-color:var(--status-success-solid);color:#fff;border-color:var(--status-success-dark)}.status-badge-hc.warning{background-color:var(--status-warning-solid);color:#fff;border-color:var(--status-warning-dark)}.status-badge-hc.danger{background-color:var(--status-danger-solid);color:#fff;border-color:var(--status-danger-dark)}.status-badge-hc.info{background-color:var(--status-info-solid);color:#fff;border-color:var(--status-info-dark)}[data-theme=dark] .status-badge-hc.success{background-color:var(--status-success-solid);border-color:#28a745}[data-theme=dark] .status-badge-hc.warning{background-color:var(--status-warning-solid);color:#fff;border-color:#ffce3a}[data-theme=dark] .status-badge-hc.danger{background-color:var(--status-danger-solid);border-color:#e4606d}[data-theme=dark] .status-badge-hc.info{background-color:var(--status-info-solid);border-color:#4a6fa5}.list-item-indicator{background-color:#f8fafc;border-left:5px solid;border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.list-item-indicator.success{background-color:var(--status-success-light);border-color:var(--status-success);color:var(--status-success-dark)}.list-item-indicator.warning{background-color:var(--status-warning-light);border-color:var(--status-warning);color:var(--status-warning-dark)}.list-item-indicator.danger{background-color:var(--status-danger-light);border-color:var(--status-danger);color:var(--status-danger-dark)}.list-item-indicator.info{background-color:var(--status-info-light);border-color:var(--status-info);color:var(--status-info-dark)}[data-theme=dark] .list-item-indicator{background-color:#0000}[data-theme=dark] .list-item-indicator.success{color:#7fd99a;border-color:#28a745}[data-theme=dark] .list-item-indicator.warning{color:#ffdb70;border-color:#ffc107}[data-theme=dark] .list-item-indicator.danger{color:#f1959b;border-color:#dc3545}[data-theme=dark] .list-item-indicator.info{color:#9db1d3;border-color:#1b3a6b}.status-alert{border-left:4px solid;border-radius:8px;margin-bottom:10px;padding:12px 14px;font-size:13px;font-weight:500}.status-alert.success{background-color:var(--status-success-light);border-color:var(--status-success);color:var(--status-success-dark)}.status-alert.warning{background-color:var(--status-warning-light);border-color:var(--status-warning);color:var(--status-warning-dark)}.status-alert.danger{background-color:var(--status-danger-light);border-color:var(--status-danger);color:var(--status-danger-dark)}.status-alert.info{background-color:var(--status-info-light);border-color:var(--status-info);color:var(--status-info-dark)}@media print{.app-shell{display:block!important}.app-main{padding:0!important}.nav{width:100%!important;box-shadow:none!important;color:#111827!important;text-align:center!important;background:0 0!important;border:0!important;border-radius:0!important;margin:0 0 8px!important;padding:0 0 8px!important;display:block!important;position:static!important;top:auto!important}.nav-links,.nav-user,.breadcrumbs,.nav-hamburger{display:none!important}.nav-brand{flex:none!important;width:100%!important;min-width:0!important;max-width:none!important}.nav-brand strong{color:#111827!important;white-space:normal!important;text-overflow:clip!important;margin:0!important;font-size:18px!important;line-height:1.3!important;display:block!important;overflow:visible!important}}.global-loading-container{background:linear-gradient(#f3f7fd 0%,#f1f5f9 100%);flex-direction:column;justify-content:center;align-items:center;height:100dvh;font-family:Cairo,sans-serif;display:flex}.loading-progress-bar{background-color:#eaf0fa;border-radius:4px;width:13.75rem;height:.25rem;position:relative;overflow:hidden}.loading-progress-fill{background-color:#12295a;border-radius:4px;width:40%;height:100%;animation:1.5s ease-in-out infinite shimmer-progress;position:absolute;top:0;left:0}img,video{max-width:100%;height:auto}p,h1,h2,h3,div{word-break:break-word}@keyframes shimmer-progress{0%{left:-40%}to{left:100%}}.page-container{width:92%;margin:0 auto;padding:10px 0}@media (width>=768px){.page-container{width:85%;max-width:1200px}}.inventory-grid{flex-direction:column;gap:10px;display:flex}@media (width>=600px){.inventory-grid{flex-direction:row}}.sp-responsive-grid-table{border:1px solid #e2e8f0;border-radius:.75rem;grid-template-columns:minmax(260px,2.2fr) minmax(70px,1fr) minmax(90px,1fr) minmax(90px,1fr) minmax(110px,1.2fr) minmax(80px,1fr) minmax(120px,1.4fr) minmax(50px,.8fr);grid-auto-flow:row;min-width:900px;display:grid;overflow:hidden}.sp-items-grid-cell-header,.sp-responsive-grid-table-cell{min-width:0}.sp-responsive-grid-table-header{color:#64748b;font-size:12px;display:contents}.sp-responsive-grid-table-body,.sp-responsive-grid-table-row{display:contents}.sp-responsive-grid-table-cell{vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #f1f5f9;flex-direction:column;align-items:flex-start;gap:.35rem;min-width:0;padding:16px 8px;display:flex;overflow:hidden}.sp-responsive-grid-table-cell input,.sp-responsive-grid-table-cell select,.sp-responsive-grid-table-cell>div{min-width:0;max-width:100%}@media (width<=768px){.sp-responsive-grid-table{border:none;flex-direction:column;gap:12px;min-width:auto;display:flex;overflow:visible}.sp-responsive-grid-table-header{display:none}.sp-responsive-grid-table-row{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px;display:block;box-shadow:0 1px 3px #0000000d}.sp-responsive-grid-table-cell{border-bottom:none;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.sp-responsive-grid-table-cell:before{content:attr(data-label);color:#64748b;flex-shrink:0;margin-inline-end:10px;font-weight:700}}.ledger-card{background:var(--enterprise-surface);border:1px solid var(--enterprise-border);box-shadow:var(--enterprise-shadow);border-radius:1rem;overflow:hidden}.ledger-table-container{-webkit-backdrop-filter:blur(10px);background:#fff6;border-radius:1.25rem;width:100%;padding:1rem;overflow-x:auto;box-shadow:0 24px 60px #0f172a14}.ledger-table{border-collapse:collapse;background:0 0;width:100%;min-width:720px}.ledger-table th,.ledger-table td{border-bottom:1px solid var(--table-border);white-space:normal;height:auto;padding:0 1rem;font-size:.95rem;line-height:1.5}.ledger-table th{color:#1f2937;text-transform:uppercase;letter-spacing:.08em;text-align:right;background:#ffffffb8;border-bottom:1px solid #94a3b838;font-weight:700;box-shadow:inset 0 -1px #94a3b81f}.ledger-table td{color:var(--table-text-body);text-overflow:clip;word-break:break-word;overflow-wrap:anywhere;overflow:visible}.ledger-table .num-col{text-align:left;direction:ltr;min-width:140px;font-family:Roboto Mono,Courier New,Courier,monospace}.ledger-table .desc-col{min-width:240px}.ledger-table tbody tr{height:35px}.ledger-table tbody tr:nth-child(odd){background:var(--enterprise-surface-muted)}.ledger-table tbody tr:hover{background:var(--table-row-hover)}.ledger-account-header td{background:var(--table-header-bg);color:var(--enterprise-text);white-space:normal;text-align:right;font-weight:800}.text-left{text-align:left}.text-right,.text-end{text-align:right}@media (width<=768px){.ledger-table{min-width:620px}.ledger-table th,.ledger-table td{padding:.75rem;font-size:.9rem}}@media (width<=520px){.ledger-table{min-width:500px}.ledger-table th,.ledger-table td{padding:.5rem;font-size:.85rem}}:root{--border-default:var(--enterprise-border);--surface-default:var(--enterprise-surface);--surface-muted-default:var(--enterprise-surface-muted);--bg-page-default:var(--enterprise-bg)}body{background-color:var(--bg-page-default);color:var(--text-primary)}.card,.enterprise-card,.metric-card,.global-card{background:var(--surface-default);border:var(--space-px) solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);flex-direction:column;width:100%;padding:24px;display:flex;overflow-x:auto}.card>*+*,.enterprise-card>*+*,.metric-card>*+*,.global-card>*+*{margin-top:var(--space-md)}.data-table,.ledger-table,.standard-table{border-collapse:collapse;background:var(--surface-default);width:100%;min-width:720px}.data-table th,.data-table td,.ledger-table th,.ledger-table td,.standard-table th,.standard-table td{border-bottom:1px solid var(--table-border);white-space:normal;text-overflow:clip;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;max-width:none;padding:16px;font-size:.95rem;overflow:visible}.data-table th,.ledger-table th,.standard-table th{background:var(--table-header-bg);color:var(--table-text-header);text-transform:uppercase;letter-spacing:.08em;text-align:left;font-weight:700}.data-table td.text-right,.ledger-table td.text-right,.standard-table td.text-right,.text-right,.text-end{text-align:right}.ledger-table tbody tr,.data-table tbody tr,.standard-table tbody tr{height:56px;min-height:56px}.ledger-table tbody tr:nth-child(odd),.data-table tbody tr:nth-child(odd),.standard-table tbody tr:nth-child(odd){background:var(--surface-muted-default)}.ledger-table tbody tr:hover,.data-table tbody tr:hover,.standard-table tbody tr:hover{background:var(--table-row-hover)}.btn,.enterprise-button,button,.form-button{min-height:var(--button-height);border-radius:var(--radius-base);border:var(--space-px) solid transparent;cursor:pointer;height:40px;color:var(--text-primary);background:#fff;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.95rem;font-weight:600;transition:background .2s,border-color .2s,transform .1s;display:inline-flex}.btn-primary,.enterprise-button.primary{background:var(--enterprise-accent);color:#fff;border-color:var(--enterprise-accent)}.btn-primary:hover:not(:disabled),.enterprise-button.primary:hover:not(:disabled){background:var(--enterprise-accent-strong)}input[type=text],input[type=search],select,textarea,.form-input,.form-select{height:40px;min-height:40px;padding:0 12px;padding:0 var(--space-sm);border-radius:var(--radius-base);height:var(--input-unified-height);border:1px solid var(--border-default);color:var(--text-primary);box-sizing:border-box;background:#fff;outline:none;width:100%;transition:border-color .2s,box-shadow .2s}input[type=text]:focus,input[type=search]:focus,select:focus,textarea{min-height:var(--input-unified-height);height:auto;padding:var(--space-xs) var(--space-sm)}textarea:focus,.form-input:focus,.form-select:focus{border-color:var(--enterprise-accent);box-shadow:0 0 0 3px #1b3a6b1f}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.page-shell{max-width:1200px;margin:0 auto;padding:32px}.page-header,.header,.dashboard-header{justify-content:space-between;align-items:center;gap:24px;min-height:64px;display:flex}.app-main{padding:32px}.sidebar,.app-sidebar,.nav{width:var(--sidebar-width);min-width:var(--sidebar-width)}.app-shell.sidebar-collapsed .nav{width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width);padding:10px 8px}.grid-layout{gap:var(--grid-gap)}.table-cell-truncate,.card table td,.card table th,.form-container table td,.form-container table th{white-space:normal;text-overflow:clip;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;max-width:none;overflow:visible}.admin-section-card-header{border-bottom:var(--space-px) solid var(--neutral-100);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm)}.admin-section-card-title{font-size:var(--fs-md);margin:0;font-weight:700}body{background:radial-gradient(circle at top left, #1b3a6b29, transparent 24%), radial-gradient(circle at bottom right, #8f6a8314, transparent 24%), var(--bg-canvas);color:var(--text-primary);min-height:100vh}.app-shell{background:0 0}.app-main{background:var(--bg-body);min-height:100vh;color:var(--text-primary);padding:1rem;transition:padding .2s,background-color .3s,color .3s}.page-shell,.card,.enterprise-card,.metric-card,.ledger-card,.form-container,.enterprise-feedback,.dashboard-shell,.page-header{-webkit-backdrop-filter:none;background:#fffffff5;border:1px solid #94a3b833;border-radius:10px;box-shadow:0 1px 2px #0f172a0f}.page-shell{padding:1rem 1.25rem 1.5rem}.page-header{gap:1rem;padding:.9rem 1rem}.page-title,.enterprise-card-title,.metric-card .label,.metric-card .value,.page-subtitle{color:var(--text-primary)}.btn,.btn-primary,.btn-secondary,.enterprise-button,button,input,select,textarea,.form-input,.form-select{font-variant-numeric:tabular-nums;border-radius:14px;transition:all .2s}button,.btn,.enterprise-button{height:38px;min-height:38px}.btn-primary:hover:not(:disabled),.enterprise-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#12295a 0%,#1b3a6b 100%);transform:translateY(-1px)}input,select,textarea,.form-input,.form-select{height:auto;min-height:38px;color:var(--text-primary);background:#ffffffeb;border:1px solid #94a3b873;padding:.85rem 1rem;box-shadow:inset 0 1px 2px #0f172a0d}input:focus,select:focus,textarea:focus,.form-input:focus,.form-select:focus{border-color:#4a6fa5;box-shadow:0 0 0 4px #8f6a831f}.data-table,.ledger-table,.standard-table,.table-base,.table-responsive,.table-wrap,.table-container,.prod-table-wrap{background:#ffffffe6;border:1px solid #e2e8f0f2;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #0f172a0f}.data-table th,.ledger-table th,.standard-table th,.table-base th,.prod-table th{color:var(--table-text-header);letter-spacing:.08em;text-transform:uppercase;background:#f8fafceb;border-bottom:1px solid #e2e8f0f2;font-weight:700}.data-table td,.ledger-table td,.standard-table td,.table-base td,.prod-table td{font-variant-numeric:tabular-nums}.data-table tbody tr:hover,.ledger-table tbody tr:hover,.standard-table tbody tr:hover,.table-base tbody tr:hover,.prod-table tr:hover{background:#8f6a8314}.status-badge,.sp-status-badge,.tx-status-badge,.enterprise-feedback{letter-spacing:.01em;border-radius:999px}.status-badge.in-stock,.status-badge.success,.status-pill.status-active,.tx-status-success{color:var(--badge-info-fg);background:#28a74529;border:1px solid #28a7453d}.status-badge.low-stock,.status-badge.warning,.tx-status-warning{color:var(--badge-warning-fg);background:#ffc10729;border:1px solid #ffc10738}.status-badge.danger,.status-badge.out-of-stock,.status-badge.variance,.tx-status-danger{color:#bd2130;background:#e4606d29;border:1px solid #e4606d38}.status-badge.info,.status-badge.pending,.tx-status-info{color:var(--badge-info-fg);background:#17a2b829;border:1px solid #17a2b83d}.btn,.btn-primary,.btn-secondary,.enterprise-button,button,.form-button{border-radius:14px;height:38px;min-height:38px}.btn-primary,.enterprise-button.primary{color:#fff;background:linear-gradient(135deg,#1b3a6b 0%,#4a6fa5 100%);border-color:#0000;box-shadow:0 16px 32px #1b3a6b2e}.btn-secondary,.enterprise-button.secondary{color:var(--text-primary);background:#ffffff14;border-color:#ffffff1f}.btn-secondary:hover:not(:disabled),.enterprise-button.secondary:hover:not(:disabled){background:#ffffff1f}.data-table thead,.ledger-table thead,.standard-table thead,.table-base thead,.prod-table thead{z-index:5;background:var(--bg-surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.data-table tfoot,.ledger-table tfoot,.standard-table tfoot,.table-base tfoot,.prod-table tfoot{z-index:4;background:var(--bg-surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;bottom:0}.data-table th,.ledger-table th,.standard-table th,.table-base th,.prod-table th,.data-table td,.ledger-table td,.standard-table td,.table-base td,.prod-table td{font-variant-numeric:tabular-nums}.table-row-actions{opacity:0;pointer-events:none;gap:.5rem;transition:opacity .18s;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.table-row:hover .table-row-actions{opacity:1;pointer-events:auto}.table-row-action{width:32px;height:32px;color:var(--text-primary);background:#ffffff1f;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;transition:transform .18s,background-color .18s;display:inline-flex}.table-row-action:hover{background:#ffffff2e;transform:translateY(-1px)}.table-row-action svg{width:16px;height:16px}.status-badge.low-stock,.status-pill.status-draft,.tx-status-warning{color:var(--badge-warning-fg);background:#ffc10724}.status-badge.out-of-stock,.status-pill.status-archived,.tx-status-danger{color:#bd2130;background:#dc354524}.nav,.app-sidebar,.sidebar,.mobile-bottom-nav,.mobile-nav-item{background:var(--surface-glass);border:1px solid var(--surface-glass-border);-webkit-backdrop-filter:blur(16px)}.nav a,.nav-link-item,.sidebar-nav-link,.mobile-nav-item{transition:background .2s,color .2s}.nav a:hover,.nav-link-item:hover,.sidebar-nav-link:hover,.mobile-nav-item:hover{color:var(--text-primary);background:#1b3a6b1f}.app-sidebar .sidebar-nav-link.active,.app-sidebar .nav-link-item.active-link,.app-sidebar .nav-links .active-link{box-shadow:inset 0 0 0 1px #1b3a6b2e;color:var(--text-primary)!important;background:#1b3a6b38!important}.app-shell-header{border:1px solid var(--border-light);color:var(--text-primary);background:#ffffffe6;border-radius:8px;padding:.7rem 1rem;box-shadow:0 1px 2px #0f172a0f}.app-sidebar{z-index:100;-webkit-backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #94a3b82e;transition:width .3s,background-color .3s;position:fixed;top:0;bottom:0;box-shadow:0 1px 2px #0f172a0f}.sidebar-logo,.sidebar-toggle-btn{background:#ffffffc7;border:1px solid #ffffffa6;border-radius:16px}.sidebar-nav-link,.nav-link-item{border-radius:8px}.sidebar-nav-link.active,.nav-link-item.active-link,.nav-links .active-link{background:#1b3a6b38!important}.global-loading-container{background:radial-gradient(circle at top left, #1b3a6b29, transparent 25%), radial-gradient(circle at bottom right, #8f6a8314, transparent 24%), var(--bg-canvas);place-items:center;min-height:100vh;padding:2rem;display:grid}.loading-progress-bar{background:#ffffff8c;border-radius:999px;width:min(560px,90vw);height:8px;overflow:hidden;box-shadow:inset 0 2px 6px #0f172a1a}.loading-progress-fill{background:linear-gradient(135deg,#1b3a6b 0%,#4a6fa5 100%);width:38%;height:100%;animation:2s ease-in-out infinite loading-bar}@keyframes loading-bar{0%{transform:translate(-100%)}to{transform:translate(100%)}}.admin-section-card-subtitle{margin:var(--space-xxs) 0 0;font-size:var(--fs-sm);color:var(--neutral-500)}.admin-policy-result{margin-top:var(--space-md);padding:var(--space-sm);background:var(--neutral-50);border-radius:var(--radius-md);border:var(--space-px) solid var(--neutral-200)}.admin-policy-result-title{margin-bottom:var(--space-xs);font-weight:600}.admin-policy-result-content{font-size:var(--fs-sm)}.admin-category-units-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.admin-category-unit-card{gap:var(--space-xs);padding:var(--space-md);border-radius:var(--radius-md);flex-direction:column;display:flex}.admin-category-unit-label{color:var(--text-primary);font-weight:700}.admin-category-unit-inputs{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.admin-category-unit-input-label{font-size:var(--fs-sm);color:var(--text-secondary);white-space:nowrap}.admin-category-unit-input-label-margin{margin-inline-start:var(--space-xs)}.admin-session-list{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.admin-session-card{gap:var(--space-xxs);padding:var(--space-md);border-radius:var(--radius-md);flex-direction:column;display:flex}.admin-sessions-section{margin-top:var(--space-xl)}.admin-reset-title{font-size:var(--fs-lg);color:var(--status-danger)}.admin-reset-warning{color:var(--status-danger-dark);margin-bottom:var(--space-md);font-weight:600}.admin-form-grid-auto{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.supplier-transactions-page-container{padding:clamp(var(--space-sm), 4vw, var(--space-2xl));max-width:1400px;font-family:var(--font-family-arabic);background:var(--bg-secondary);box-sizing:border-box;direction:rtl;min-height:100vh;margin:0 auto}.supplier-transactions-header{margin-bottom:var(--space-xl);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.supplier-transactions-header-content{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.supplier-transactions-title{font-size:var(--fs-xl);color:var(--text-primary);margin:0;font-weight:800}.supplier-transactions-subtitle{color:var(--text-secondary);margin:var(--space-xxs) 0 0;font-size:var(--fs-sm)}.supplier-transactions-back-btn,.supplier-transactions-action-btn{background:var(--color-white);color:var(--neutral-600);border:var(--space-px) solid var(--neutral-200);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-weight:700;font-size:var(--fs-sm)}.supplier-transactions-actions{gap:var(--space-xs);flex-wrap:wrap;display:flex}.supplier-transactions-card{background:var(--odoo-surface,#fff);border-radius:var(--radius-md,6px);border:1px solid var(--odoo-border,#e2e8f0);box-shadow:none;flex-direction:column;padding:20px;display:flex}.supplier-transactions-selector-card{margin-bottom:var(--space-md);box-shadow:none;padding:16px 20px}.supplier-transactions-selector-label{margin-bottom:var(--space-xs);color:var(--neutral-700);font-weight:700;display:block}.supplier-transactions-select{border-radius:var(--radius-sm,4px);border:1px solid var(--odoo-border,#e2e8f0);width:100%;max-width:360px;font-size:var(--fs-sm);background:var(--odoo-surface,#fff);padding:10px 12px}.supplier-transactions-select:focus{border-color:var(--odoo-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--odoo-primary) 20%, transparent);outline:none}.supplier-transactions-error-card{background:var(--status-danger-light);border:var(--space-px) solid var(--status-danger);color:var(--status-danger-dark);margin-bottom:var(--space-xl)}.supplier-transactions-empty-state{text-align:center;padding:var(--space-3xl);color:var(--text-muted);font-size:var(--fs-md)}.supplier-transactions-summary-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.supplier-transactions-summary-item{border:1px solid var(--odoo-border,#e2e8f0);border-inline-start:4px solid var(--summary-accent-color);border-radius:var(--radius-md,6px);background:var(--odoo-surface,#fff);box-shadow:none;padding:12px 16px}.supplier-transactions-summary-label{font-size:var(--fs-xs);color:var(--neutral-500);text-transform:uppercase;margin:0}.supplier-transactions-summary-value{margin:var(--space-xxs) 0 0;font-size:var(--fs-lg);color:var(--text-primary);font-weight:800}.supplier-transactions-table-wrapper{border-radius:var(--radius-sm,4px);border:1px solid var(--odoo-border,#e2e8f0);width:100%;overflow-x:auto}.supplier-transactions-table{border-collapse:collapse;text-align:right;background:var(--odoo-surface,#fff);width:100%}.supplier-transactions-table-header{border-bottom:2px solid var(--odoo-border,#e2e8f0);text-align:right;color:var(--odoo-text-muted,#64748b);text-transform:uppercase;background:var(--odoo-bg,#f8fafc);padding:12px 16px;font-size:12px;font-weight:700}.supplier-transactions-table-cell{border-bottom:1px solid var(--odoo-border,#f1f5f9);color:var(--odoo-text-main,#334155);vertical-align:middle;padding:12px 16px;font-size:13px}.supplier-transactions-table tbody tr:hover{background:var(--odoo-bg,#f8fafc)}@media (width<=768px){.supplier-transactions-table thead{display:none}.supplier-transactions-table,.supplier-transactions-table tbody,.supplier-transactions-table tr,.supplier-transactions-table td{width:100%;display:block}.supplier-transactions-table tr{border:1px solid var(--odoo-border,#e2e8f0);border-radius:var(--radius-sm,4px);margin-bottom:12px;overflow:hidden}.supplier-transactions-table-cell{text-align:right}.supplier-transactions-table-cell:before{content:attr(data-label);color:var(--odoo-text-muted,#64748b);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem;font-size:.7rem;font-weight:700;display:block}}.sync-dots{justify-content:center;align-items:center;gap:10px;display:inline-flex}.sync-dot{transform-origin:bottom;will-change:transform, box-shadow;border-radius:999px;animation:1.08s cubic-bezier(.2,.6,.2,1) infinite sync-bounce;display:inline-block}.sync-dot:first-child{animation-delay:0s}.sync-dot:nth-child(2){animation-delay:.12s}.sync-dot:nth-child(3){animation-delay:.24s}@keyframes sync-bounce{0%,80%,to{filter:blur();transform:translateY(0)scale(.95);box-shadow:0 6px 18px #0206170f}40%{filter:blur(.2px);transform:translateY(-10px)scale(1.06);box-shadow:0 18px 40px #0206171f}}.sync-dots-card{background:color-mix(in srgb, var(--surface,#fff) 8%, transparent);-webkit-backdrop-filter:blur(8px)saturate(1.05);backdrop-filter:blur(8px)saturate(1.05);border-radius:12px;justify-content:center;align-items:center;padding:10px 16px;display:inline-flex;box-shadow:0 10px 30px #02061729}.sync-dots-notice{color:var(--text-primary);align-items:center;gap:12px;display:flex}.text-danger{color:var(--status-danger)}.text-success{color:var(--status-success)}.app-shell .nav.glass-nav.odoo-sidebar{border:none;border-inline-end:1px solid var(--odoo-border,var(--border-light));background:var(--bg-sidebar);height:100vh;color:var(--odoo-text-main,var(--text-primary));box-shadow:none;-webkit-backdrop-filter:none;border-radius:0;margin:0;position:sticky;top:0}.app-shell .nav-links-section-title{color:var(--odoo-text-muted,var(--text-muted));letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.app-shell .nav-links .active-link,.app-shell .nav-link-item.active-link{background:color-mix(in srgb, var(--odoo-primary) 12%, transparent);color:var(--odoo-primary);border-inline-start:3px solid var(--odoo-primary);border-radius:0}.app-shell .nav-link-item:hover{background:var(--bg-sidebar-hover);border-radius:var(--radius-sm)}.app-shell .nav-links-search{border-radius:var(--radius-sm);border-color:var(--odoo-border,var(--border-light))}.app-shell .nav-links-search:focus{border-color:var(--odoo-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--odoo-primary) 20%, transparent)}.app-shell .nav-user .btn-logout{border-radius:var(--radius-sm);color:var(--odoo-text-muted,var(--text-muted));border:1px solid var(--odoo-border,var(--border-light));background:0 0}.app-shell .nav-user .btn-logout:hover{background:color-mix(in srgb, var(--status-danger) 10%, transparent);color:var(--status-danger);border-color:var(--status-danger)}.app-shell .global-page-surface{background:0 0}.app-shell .app-main{background:var(--odoo-bg,var(--bg-page))}.app-shell .breadcrumbs{color:var(--odoo-text-muted,var(--text-muted));border-bottom:1px solid var(--odoo-border,var(--border-light));margin-bottom:12px;padding:6px 2px;font-size:12px}.app-shell .breadcrumb-item a{color:var(--odoo-text-muted,var(--text-muted))}.app-shell .breadcrumb-item a:hover{color:var(--odoo-primary)}.app-shell .breadcrumb-item .breadcrumb-current{color:var(--odoo-text-main,var(--text-primary));font-weight:600}.app-shell .breadcrumb-separator{color:var(--odoo-text-muted,var(--text-muted));opacity:.6}.mobile-bottom-nav .mobile-nav-item.active{color:var(--odoo-primary)}.sp-section-title{color:var(--odoo-text-main,var(--text-primary));font-size:15px;font-weight:800}.sp-input{border:1px solid var(--odoo-border,var(--border-light));border-radius:var(--radius-sm,4px);background:var(--odoo-surface,var(--bg-surface));color:var(--odoo-text-main,var(--text-primary));font-size:13px;transition:border-color .15s,box-shadow .15s}.sp-input:focus{border-color:var(--odoo-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--odoo-primary) 20%, transparent);outline:none}.sp-btn-primary,.sp-btn-secondary{border-radius:var(--radius-sm,4px);cursor:pointer;border:none;font-size:13px;font-weight:700;transition:opacity .15s}.sp-btn-primary{background:var(--odoo-primary,#1b3a6b);color:#fff}.sp-btn-primary:hover:not(:disabled){opacity:.92}.sp-btn-secondary{background:var(--odoo-bg,var(--bg-page));color:var(--odoo-text-main,var(--text-primary));border:1px solid var(--odoo-border,var(--border-light))}.sp-btn-secondary:hover:not(:disabled){background:var(--bg-sidebar-hover)}.sp-btn-primary:disabled,.sp-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.font-semibold{font-weight:600}@keyframes app-spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite app-spin}.font-bold{font-weight:700}:root{--status-success:#1a722f;--status-warning:#926600;--status-danger:#c82333;--status-info:#0e7c90;--status-success-solid:#1a722f;--status-warning-solid:#926600;--status-danger-solid:#c82333;--status-info-solid:#0e7c90;--badge-success-bg:#d4edda;--badge-success-fg:#155724;--badge-warning-bg:#fff3cd;--badge-warning-fg:#6b4a00;--badge-danger-bg:#f8d7da;--badge-danger-fg:#721c24;--badge-info-bg:#d1ecf1;--badge-info-fg:#0c5460;--text-muted:#5b6678}[data-theme=dark]{--status-success:#3dbe5d;--status-warning:#e8b33a;--status-danger:#f0707c;--status-info:#3fc4da;--status-success-solid:#1e7e34;--status-warning-solid:#926600;--status-danger-solid:#c82333;--status-info-solid:#0e7c90;--badge-success-bg:#3dbe5d29;--badge-success-fg:#8fe3a6;--badge-warning-bg:#e8b33a29;--badge-warning-fg:#f3d27a;--badge-danger-bg:#f0707c29;--badge-danger-fg:#f7a8b0;--badge-info-bg:#3fc4da29;--badge-info-fg:#8eddea;--text-muted:#a3b1c6;--text-secondary:#cbd5e1;--table-text-header:#b6c2d6;--status-success-dark:#8fe3a6;--status-warning-dark:#f3d27a;--status-danger-dark:#f7a8b0;--status-info-dark:#8eddea}.breadcrumbs .breadcrumb-separator,[data-theme=dark] .breadcrumbs .breadcrumb-separator{color:var(--text-muted)!important;opacity:1!important}.recharts-legend-item-text{color:var(--text-primary)!important}.po-section-title{color:var(--text-muted)}.sp-btn-secondary{color:var(--text-primary)}[data-theme=dark] .app-main :is(.btn-primary,button[class*=primary],button[class*=Primary],button[type=submit].btn){color:var(--text-inverse,#fff)!important}:is(.status-badge,[class*=statusBadge]){font-weight:700}:is(.status-badge,[class*=statusBadge]):is([class*=success],[class*=Active],[class*=paid],[class*=Paid],[class*=ok]){background:var(--badge-success-bg);color:var(--badge-success-fg)}:is(.status-badge,[class*=statusBadge]):is([class*=warning],[class*=Pending],[class*=pending],[class*=partial],[class*=Partial]){background:var(--badge-warning-bg);color:var(--badge-warning-fg)}:is(.status-badge,[class*=statusBadge]):is([class*=danger],[class*=Suspended],[class*=overdue],[class*=Overdue],[class*=cancel]){background:var(--badge-danger-bg);color:var(--badge-danger-fg)}a:not([class]){color:var(--odoo-primary,#1b3a6b)}[data-theme=dark] a:not([class]){color:#ffd54a}[data-theme=dark] [style*="color: var(--status-pending)"]{color:#a9c1e8!important}[data-theme=dark] .odoo-statusbar-pill.active{color:#fff!important}@media (width>=769px){.app-main{padding:20px 0 0!important}main,section{padding-inline:0}.global-page-surface{box-sizing:border-box;width:100%;max-width:1480px;margin-inline:auto;padding-inline:24px!important}.global-page-surface>.breadcrumbs{margin:0 0 12px!important}.global-page-surface>.page-top-actions{margin-bottom:12px!important}.global-page-surface>.global-quick-access-bar{margin-bottom:16px}.global-page-surface>:is([class*=_pageContainer_],.page-container,.page-content,.prod-page-container,.sales-page-root,.accounting-container,.mobile-container-root){box-sizing:border-box;width:100%!important;max-width:none!important;margin-inline:0!important;padding-inline:0!important}table{table-layout:auto;display:table;overflow-x:visible}.global-page-surface .page-container{box-sizing:border-box;width:100%!important;max-width:none!important;margin-inline:0!important;padding-inline:0!important}}.global-quick-access-bar[style*="max-height: 110px"]{max-height:320px!important}button[class*=statCard]{align-items:stretch;height:auto!important;min-height:0!important}.odoo-notebook-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.odoo-notebook-tab{flex:none;min-height:38px;width:auto!important;min-width:0!important;height:auto!important}:root{--ui-radius:8px;--ui-radius-sm:6px;--ui-focus:color-mix(in srgb, var(--odoo-primary,#1b3a6b) 55%, transparent);--ui-hover:color-mix(in srgb, var(--text-muted-strong,#64748b) 9%, transparent);--ui-stripe:color-mix(in srgb, var(--text-muted-strong,#64748b) 4%, transparent);--ui-shadow:0 1px 2px #0f172a0f, 0 1px 3px #0f172a0d;--ui-shadow-raised:0 4px 14px #0f172a1a}:is(button,a,input,select,textarea,summary,[role=button],[role=tab],[tabindex]):focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}.app-main :is(button,input:not([type=checkbox]):not([type=radio]),select,textarea):not([style*="radius: 50%"]):not([style*="radius: 999"]):not([style*="radius:50%"]):not([class*=avatar]):not([class*=switch]):not([class*=toggle]):not([class*=pill]){border-radius:var(--ui-radius-sm)!important}.app-main button{letter-spacing:0;font-family:inherit;font-weight:600;transition:background-color .15s,border-color .15s,box-shadow .15s,transform 50ms,opacity .15s}.app-main button:where(:not(:disabled)):active{transform:translateY(1px)}.app-main button:disabled,.app-main button[aria-disabled=true]{opacity:.55;cursor:not-allowed}.app-main button>svg{vertical-align:middle;flex-shrink:0}.app-main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea){font-family:inherit;transition:border-color .15s,box-shadow .15s}.app-main :is(input,select,textarea):focus{border-color:var(--odoo-primary,#1b3a6b);box-shadow:0 0 0 3px color-mix(in srgb, var(--odoo-primary,#1b3a6b) 18%, transparent);outline:none}.app-main :is(input,select,textarea):disabled{opacity:.65;cursor:not-allowed}.app-main input[type=checkbox],.app-main input[type=radio]{accent-color:var(--odoo-primary,#1b3a6b);cursor:pointer;width:16px;height:16px}.app-main :is(.card,.card-ui,.panel,.prod-card,.prod-stat-card,[class*=_card_],[class*=kpiCard],[class*=_statCard_],[class*=summaryCard],[class*=tableCardWrapper]):not(button){border:1px solid var(--border-light);border-radius:var(--ui-radius)!important;box-shadow:var(--ui-shadow)!important}.app-main button[class*=statCard]{border-radius:var(--ui-radius)!important;box-shadow:var(--ui-shadow)!important}.app-main :is(a,button)[class*=statCard],.app-main a[class*=card]{transition:box-shadow .15s,transform .15s,border-color .15s}.app-main :is(a,button)[class*=statCard]:hover,.app-main a[class*=card]:hover{transform:translateY(-1px);box-shadow:var(--ui-shadow-raised)!important}.app-main table{border-collapse:collapse;font-variant-numeric:tabular-nums}.app-main table :is(th){text-transform:none;letter-spacing:0;color:var(--text-muted-strong);white-space:nowrap;border-bottom:2px solid var(--border-light);font-weight:700;line-height:1.4;font-size:12px!important}.app-main table :is(td){vertical-align:middle;border-bottom:1px solid var(--border-light);line-height:1.5}.app-main table tbody tr{transition:background-color .12s}.app-main table tbody tr:hover{background:var(--ui-hover)}.app-main table tbody tr:nth-child(2n):not([style*=background]){background-color:var(--ui-stripe)}.app-main table tbody tr:nth-child(2n):not([style*=background]):hover{background-color:var(--ui-hover)}.app-main table tfoot td,.app-main table tfoot th{border-top:2px solid var(--border-light);font-weight:800}.app-main :is([class*=table-wrap],[class*=tableWrap],[class*=tableContainer],[class*=TableWrap],.table-responsive){scrollbar-width:thin;scrollbar-color:var(--border-light) transparent;border-radius:var(--ui-radius);overflow-x:auto}.app-main :is([class*=table-wrap],[class*=tableWrap],[class*=tableContainer],.table-responsive)::-webkit-scrollbar{height:8px}.app-main :is([class*=table-wrap],[class*=tableWrap],[class*=tableContainer],.table-responsive)::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:8px}@media (width>=769px){.app-main table :is(th){padding:10px 14px!important}.app-main table :is(td){padding:10px 14px}.app-main table:has(>thead th:nth-child(10)) :is(th){white-space:normal;padding:9px 8px!important}.app-main table:has(>thead th:nth-child(10)) :is(td){padding:9px;font-size:12.5px}}.app-main :is([class*=table-wrap],[class*=tableWrap],[class*=tableContainer],.table-responsive){background:linear-gradient(to right, var(--bg-surface) 30%, transparent) left center / 40px 100% no-repeat local, linear-gradient(to left, var(--bg-surface) 30%, transparent) right center / 40px 100% no-repeat local, radial-gradient(farthest-side at 0 50%, #0f172a2e, transparent) left center / 12px 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, #0f172a2e, transparent) right center / 12px 100% no-repeat scroll}.app-main [class*=emptyStateContainer]{border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.app-main ::selection{background:color-mix(in srgb, var(--odoo-primary,#1b3a6b) 28%, transparent)}@media (prefers-reduced-motion:reduce){.app-main *{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{.app-main table tbody tr:nth-child(2n){background:0 0!important}.app-main :is(.card-ui,.card){box-shadow:none!important}}:root{--accent-yellow:#ffc72c;--accent-yellow-strong:#f5b400;--accent-yellow-soft:#fff3c4;--grad-brand:linear-gradient(135deg, #2b5299 0%, #1b3a6b 50%, #0f2552 100%);--grad-brand-hover:linear-gradient(135deg, #3763ad 0%, #244a86 50%, #16316a 100%);--grad-yellow:linear-gradient(135deg, #ffd84d 0%, #ffc72c 55%, #f5b400 100%);--grad-yellow-hover:linear-gradient(135deg, #ffe070 0%, #ffd04a 55%, #ffbf14 100%);--grad-teal:linear-gradient(135deg, #3b82e0 0%, #1f5fbf 55%, #174a96 100%);--grad-success:linear-gradient(135deg, #2fa64a 0%, #1e7e34 100%);--grad-warning:linear-gradient(135deg, #b88400 0%, #8a6200 100%);--grad-danger:linear-gradient(135deg, #db3b4b 0%, #b01e2d 100%);--grad-page:linear-gradient(160deg, #fff 0%, #f4f8fe 45%, #e9f0fb 100%);--grad-surface:linear-gradient(180deg, #fff 0%, #f6f9fe 100%);--grad-header:linear-gradient(180deg, #eef3fb 0%, #dce6f6 100%);--grad-accent-line:linear-gradient(90deg, #1b3a6b 0%, #ffc72c 100%)}[data-theme=dark]{--grad-brand:linear-gradient(135deg, #3a64b0 0%, #274a8c 50%, #162d5e 100%);--grad-brand-hover:linear-gradient(135deg, #4672c2 0%, #3057a0 50%, #1d3871 100%);--grad-teal:linear-gradient(135deg, #2f6fd0 0%, #1f55a8 55%, #163f80 100%);--grad-page:linear-gradient(160deg, #0f1d3d 0%, #0b1630 45%, #08111f 100%);--grad-surface:linear-gradient(180deg, #162852f5 0%, #0e1c3cf5 100%);--grad-header:linear-gradient(180deg, #1b3366 0%, #14284f 100%);--grad-accent-line:linear-gradient(90deg, #ffc72c 0%, #4a6fa5 100%)}body{background-image:var(--grad-page);background-attachment:fixed}.app-main{background:0 0}.app-main :is(.btn-primary,button.primary,.sp-btn-primary),[data-theme=dark] .app-main :is(.btn-primary,button.primary,.sp-btn-primary){background-image:var(--grad-brand)!important;color:#fff!important;background-color:#1b3a6b!important;border-color:#0000!important}.app-main :is(.btn-primary,button.primary,.sp-btn-primary):hover:not(:disabled){background-image:var(--grad-brand-hover)!important}.app-main :is(.btn-primary,button.primary,.sp-btn-primary):disabled{background-image:none!important}.app-main :is(.btn-success,.btn-confirm){background-image:var(--grad-success)!important;color:#fff!important}.app-main :is(.btn-danger,.btn-delete){background-image:var(--grad-danger)!important;color:#fff!important}.app-main :is(.btn-info,.btn-secondary-solid){background-image:var(--grad-teal)!important;color:#fff!important}.nav-brand{background-image:var(--grad-header)}.nav-links .active-link,[data-theme=dark] .nav-links .active-link{background-image:var(--grad-brand)!important;color:#fff!important;box-shadow:inset -4px 0 0 var(--accent-yellow)!important;background-color:#1b3a6b!important}.nav-links .active-link *{color:inherit}.app-main :is(.btn-accent,.btn-warning-solid,button.accent){font-weight:700;background-image:var(--grad-yellow)!important;color:#0b1d45!important;background-color:#ffc72c!important;border-color:#0000!important}.app-main :is(.btn-accent,.btn-warning-solid,button.accent):hover:not(:disabled){background-image:var(--grad-yellow-hover)!important}.app-main :is([class*=tabButtonActive],[class*=tabActive],[role=tab][aria-selected=true],.layout-switcher .active){box-shadow:inset 0 -3px 0 var(--accent-yellow)}:is(a,button,input,select,textarea,[tabindex]):focus-visible{outline-offset:1px;outline:2px solid #1b3a6b;box-shadow:0 0 0 4px #ffc72c8c}[data-theme=dark] :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline-color:#ffc72c}.app-main :is(.card-ui,.card,[class*=statCard],[class*=stat-card],[class*=summaryCard],[class*=kpiCard],[class*=panelCard]){background-image:var(--grad-surface);position:relative}.app-main :is(.card-ui,.card,[class*=statCard],[class*=stat-card],[class*=kpiCard]):before{content:"";border-radius:var(--ui-radius,8px) var(--ui-radius,8px) 0 0;background-image:var(--grad-accent-line);pointer-events:none;height:3px;position:absolute;inset:0 0 auto}.app-main :is(div,section,article,aside)[style*=--bg-surface\)]{background-image:var(--grad-surface)!important}.app-main :is(div,section,article,aside)[style*=--bg-surface-muted\)]{background-image:var(--grad-header)!important}.app-main table thead th{background-image:var(--grad-header)}.app-main :is(.page-header,.page-container>header):after{content:"";background-image:var(--grad-accent-line);opacity:.85;border-radius:3px;height:3px;margin-top:10px;display:block}.app-main :is(.badge-success-solid,.status-success-solid){background-image:var(--grad-success)}.app-main :is(.badge-danger-solid,.status-danger-solid){background-image:var(--grad-danger)}@media print{body,.app-main *{background-image:none!important}.app-main :is(.card-ui,.card):before,.app-main :is(.page-header,.page-container>header):after{display:none!important}}