html,body{min-height:100%;margin:0}body{font-family:Inter,Segoe UI,Arial,sans-serif;background:#f4f7fa;color:#17202a;font-size:14px;font-weight:400}.app-column-toolbar{display:flex;justify-content:flex-end;position:relative;z-index:6;margin:0 0 8px}.app-column-toolbar.in-header{flex:none;margin:0 8px 0 auto}.app-column-button{display:inline-flex;align-items:center;gap:8px;min-height:36px!important;padding:6px 12px!important;border:1px solid #0f766e!important;border-radius:6px!important;background:#fff!important;color:#075c55!important;font-weight:600!important}.app-column-button svg{width:16px;height:16px}.app-column-menu{position:fixed;z-index:1000;width:min(280px,calc(100vw - 24px));max-height:min(420px,70vh);display:flex;flex-direction:column;border:1px solid #dbe3ea;border-radius:7px;background:#fff;box-shadow:0 12px 30px #0f172a29;color:#17202a}.app-column-menu[hidden],.app-column-hidden{display:none!important}app-report-page .app-alteration-columns>*{min-width:0;overflow-wrap:anywhere}app-report-page .app-alteration-columns>:is(span,strong,div){white-space:normal}.app-column-title{padding:12px 14px 8px;font-size:13px}.app-column-options{overflow-y:auto;padding:0 8px 8px}.app-column-option{display:flex;align-items:center;gap:8px;min-height:32px;padding:5px 6px;font-size:13px;font-weight:400!important;cursor:pointer}.app-column-option input[type=checkbox]{flex:none;margin:0;accent-color:#0f766e}.app-column-option span{flex:1;min-width:0;overflow-wrap:anywhere}.app-column-option small{color:#667085;font-size:11px}.app-column-footer{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-top:1px solid #e8edf2}.app-column-footer button{min-height:30px!important;padding:4px 8px!important;border:0!important;background:transparent!important;color:#0f766e!important;font-size:12px!important}@media print{.app-column-toolbar,.app-column-menu{display:none!important}}*{box-sizing:border-box}:root{--ui-bg: #f4f7fa;--ui-surface: #ffffff;--ui-surface-muted: #f8fafc;--ui-border: #dbe3ea;--ui-border-strong: #cbd5df;--ui-text: #17202a;--ui-muted: #52657a;--ui-muted-2: #667085;--ui-primary: #0f766e;--ui-primary-hover: #115e59;--ui-primary-soft: #eef8f6;--ui-danger: #be123c;--ui-danger-soft: #fff1f2;--ui-warning: #b45309;--ui-warning-soft: #fff7ed;--ui-info: #2563eb;--ui-info-soft: #eff6ff;--ui-success: #047857;--ui-success-soft: #ecfdf5;--ui-radius: 8px;--ui-control-height: 40px;--ui-card-padding: 16px;--ui-focus: 0 0 0 3px rgba(15, 118, 110, .16);--ui-shadow-card: 0 1px 3px rgba(15, 23, 42, .06)}app-root :where(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){width:100%;min-height:var(--ui-control-height)!important;border:1px solid var(--ui-border-strong)!important;border-radius:var(--ui-radius)!important;padding:0 11px!important;background:var(--ui-surface)!important;color:var(--ui-text)!important;font-family:inherit!important;font-size:14px!important;font-weight:400!important;line-height:1.35!important;letter-spacing:0!important;box-shadow:none}app-root :where(textarea){min-height:86px!important;padding:10px 11px!important;resize:vertical}app-root :where(input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,select:focus,textarea:focus){outline:0!important;border-color:var(--ui-primary)!important;box-shadow:var(--ui-focus)!important}app-root :where(input::placeholder,textarea::placeholder){color:#8a98a8!important;font-weight:400!important}app-root :where(label,.form-label,.field-label){color:#344054;font-size:13px;font-weight:600;letter-spacing:0}app-root :where(label) :where(span:first-child){letter-spacing:0}app-root :where(button,.button-link,.action-button,.primary-button,.soft-button,.ghost-button,.print-button,.add-button,.save-button,.cancel-button){min-height:var(--ui-control-height);border-radius:var(--ui-radius);padding-inline:14px;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:0;text-decoration:none;cursor:pointer}app-root :where(button svg,.button-link svg,.action-button svg){width:16px;height:16px;flex:0 0 auto}app-root :where(button.secondary,button.cancel,.cancel-button,.ghost-button,.soft-button,a.secondary,.button-link.secondary,.action-button.secondary){border:1px solid var(--ui-border-strong);background:var(--ui-surface);color:#183b56}app-root :where(button.danger,button.delete,.button-link.danger,.button-link.delete,.action-button.danger,.action-button.delete,.actions .danger,.actions .delete,.actions .remove,.actions .deactivate){border-color:#fecdd3;background:var(--ui-danger-soft);color:var(--ui-danger)}app-root :where(button.print,.print-button,.print-action){border:1px solid var(--ui-primary);background:var(--ui-primary);color:#fff}app-root :where(button:disabled,.button-link.disabled,.action-button.disabled){cursor:not-allowed;opacity:.62}app-root .table-action-group{display:inline-flex;align-items:center;justify-content:flex-start;gap:4px;flex-wrap:nowrap}app-product-list .table-action-group,app-category .table-action-group,app-brand .table-action-group,app-unit .table-action-group,app-variant-option .table-action-group,app-abaya-setup .table-action-group,app-material-template .table-action-group,app-product-form .table-action-group{width:100%;justify-content:center}app-stock-report .table-action-button,app-stock-movement .table-action-button,app-material-template .line-row>.table-action-button{justify-self:center}app-root .table-action-button{--action-icon: none;width:32px!important;height:28px!important;min-width:32px!important;min-height:28px!important;max-width:32px!important;max-height:28px!important;display:inline-grid!important;place-items:center;flex:0 0 32px;overflow:hidden;border:1px solid #dbe3ea;border-radius:6px;padding:0!important;background:#fff;color:#334155;font-size:0!important;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}app-root .table-action-button:before{width:14px;height:14px;content:"";background:currentColor;-webkit-mask:var(--action-icon) center / contain no-repeat;mask:var(--action-icon) center / contain no-repeat}app-root .table-action-button>svg,app-root .table-action-button>img{display:none}app-root .table-action-button:hover:not(:disabled){border-color:#9fb5c5;filter:brightness(.98);transform:translateY(-1px)}app-root .table-action-button:focus-visible{outline:2px solid #0f766e;outline-offset:2px}app-root .table-action-button:disabled{cursor:not-allowed;opacity:.58}app-root .table-action-button.action-view{--action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6S2 12 2 12Zm10-3a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E");background:#eff6ff;color:#0369a1}app-root .table-action-button.action-status{--action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 3h2v10h-2V3Zm6.1 3.9 1.4-1.4A9 9 0 1 1 5.5 5.5l1.4 1.4A7 7 0 1 0 17.1 6.9Z'/%3E%3C/svg%3E");background:#fff;color:#334155}app-root .table-action-button.action-edit{--action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 17.25V20h2.75L17.81 8.94l-2.75-2.75L4 17.25Zm15.71-10.04a1 1 0 0 0 0-1.41L18.2 4.29a1 1 0 0 0-1.41 0l-1.18 1.18 2.75 2.75 1.35-1.01Z'/%3E%3C/svg%3E");background:#f0fbf8;color:#0f766e}app-root .table-action-button.action-delete,app-root .table-action-button.action-remove{--action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 21c-1.1 0-2-.9-2-2V8h14v11c0 1.1-.9 2-2 2H7ZM9 6V4h6v2h5v2H4V6h5Zm1 5v7h2v-7h-2Zm4 0v7h2v-7h-2Z'/%3E%3C/svg%3E");border-color:#fecdd3;background:#fff1f3;color:#c01048}app-root .table-action-button.action-print{--action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3h10v5H7V3Zm-2 7h14a3 3 0 0 1 3 3v5h-4v3H6v-3H2v-5a3 3 0 0 1 3-3Zm3 6v3h8v-3H8Zm11-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z'/%3E%3C/svg%3E")}app-root .table-action-button.action-ledger,app-root .table-action-button.action-items{--action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h7a2 2 0 0 1 2 2v14a3 3 0 0 0-3-3H4V4Zm16 0h-7a2 2 0 0 0-2 2v14a3 3 0 0 1 3-3h6V4Z'/%3E%3C/svg%3E");background:#f0fdfa;color:#0f766e}app-root .table-action-button.action-send,app-root .table-action-button.action-receive{--action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 11h12.2l-4.6-4.6L13 5l7 7-7 7-1.4-1.4 4.6-4.6H4v-2Z'/%3E%3C/svg%3E");background:#ecfdf5;color:#047857}app-root .table-action-button.action-note{--action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h9l5 5v15H6V2Zm2 2v16h10V8h-4V4H8Zm2 8h6v2h-6v-2Zm0 4h6v2h-6v-2Z'/%3E%3C/svg%3E")}app-root .table-action-button.action-label{--action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 12 9-9h7v7l-9 9-7-7Zm13-5.5A1.5 1.5 0 1 0 16 3a1.5 1.5 0 0 0 0 3.5Z'/%3E%3C/svg%3E")}app-root .table-action-button.action-problem{--action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 1 21h22L12 2Zm-1 7h2v6h-2V9Zm0 8h2v2h-2v-2Z'/%3E%3C/svg%3E");background:#fff7ed;color:#b45309}app-root .table-action-button.action-access{--action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 14a5 5 0 1 1 3.9 1.9L9 18H7v2H4v-3l3-3Zm5-7a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z'/%3E%3C/svg%3E");background:#f5f3ff;color:#7c3aed}app-root .table-action-button.action-password{--action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V8a5 5 0 0 1 10 0v2h2v11H5V10h2Zm2 0h6V8a3 3 0 0 0-6 0v2Zm2 4v3h2v-3h-2Z'/%3E%3C/svg%3E");background:#f5f3ff;color:#7c3aed}app-root .report-export-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}app-root .report-export-button{min-width:78px;min-height:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid;border-radius:7px;padding:0 11px;background:#fff;font-size:13px;font-weight:700;line-height:1;letter-spacing:0;cursor:pointer;white-space:nowrap}app-root .report-export-button svg{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}app-root .report-export-button.export-pdf{border-color:#efb8b8;background:#fff7f7;color:#b42318}app-root .report-export-button.export-excel{border-color:#a7d7bd;background:#f3fbf6;color:#166534}app-root .report-export-button:disabled{cursor:not-allowed;opacity:.5}@media print{app-root .report-export-actions,app-root .report-export-button{display:none!important}}app-root .table-action-button.action-pay,app-root .table-action-button.action-collect,app-root .table-action-button.action-confirm{--action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 3v2.1c2.4.3 4 1.5 4 3.4h-2.5c0-.9-.9-1.5-2.5-1.5s-2.5.6-2.5 1.5c0 1 1.1 1.4 3.3 2 2.5.7 4.7 1.6 4.7 4.4 0 2.3-1.7 3.8-4.5 4.1V21h-2v-2c-2.8-.4-4.6-1.8-4.6-4h2.5c0 1.2 1.1 2 3.1 2 1.8 0 2.8-.7 2.8-1.8 0-1-1-1.5-3.3-2.1-2.4-.7-4.6-1.5-4.6-4.3 0-2.1 1.6-3.5 4.1-3.8V3h2Z'/%3E%3C/svg%3E");background:#ecfdf5;color:#047857}app-root .table-action-button.action-assign{--action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0 2c-4 0-7 2-7 5v2h11v-2c0-1.4.5-2.7 1.4-3.8A10.7 10.7 0 0 0 9 14Zm9-1v3h-3v2h3v3h2v-3h3v-2h-3v-3h-2Z'/%3E%3C/svg%3E");background:#eff6ff;color:#2563eb}app-root .table-action-button.action-refund{--action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.4 6H16a5 5 0 0 1 0 10h-5v-2h5a3 3 0 0 0 0-6H7.4l3.3 3.3-1.4 1.4L3.6 7l5.7-5.7 1.4 1.4L7.4 6Z'/%3E%3C/svg%3E");background:#fff7ed;color:#b45309}app-root .table-action-button.action-duplicate{--action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 8h11v11H8V8Zm2 2v7h7v-7h-7ZM5 5h11v2H7v9H5V5Z'/%3E%3C/svg%3E");background:#eff6ff;color:#2563eb}app-root .table-action-button.action-select{--action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 1 7 7c0 5-7 13-7 13S5 14 5 9a7 7 0 0 1 7-7Zm0 4a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-1 1.5v3l2.5-1.5L11 7.5Z'/%3E%3C/svg%3E");background:#ecfdf5;color:#047857}app-root .table-action-button.action-invoice{--action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 2h14v20l-3-2-4 2-4-2-3 2V2Zm3 5v2h8V7H8Zm0 4v2h8v-2H8Zm0 4v2h5v-2H8Z'/%3E%3C/svg%3E");background:#f0fdfa;color:#0f766e}app-root .table-action-button.action-add{--action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6V5Z'/%3E%3C/svg%3E");background:#ecfdf5;color:#047857}app-root .table-action-button.action-movement{--action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h12.2l-3-3L14.6 2.6 20 8l-5.4 5.4-1.4-1.4 3-3H4V7Zm16 10H7.8l3 3-1.4 1.4L4 16l5.4-5.4 1.4 1.4-3 3H20v2Z'/%3E%3C/svg%3E");background:#f0fdfa;color:#0f766e}app-root .icon-action{width:32px!important;height:28px!important;min-width:32px!important;min-height:28px!important;border-radius:6px!important;padding:0!important}app-root :where(.card,.page-card,.panel,.detail-card,.form-card,.table-card,.data-card,.statement-card,.ledger-card,.report-card,.filter-card,.toolbar,.list-toolbar,.report-actions,.inline-form,.stock-form){border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);box-shadow:var(--ui-shadow-card)}app-root :where(.form-card,.panel,.detail-card,.data-card,.filter-card,.toolbar,.list-toolbar,.report-actions,.inline-form,.stock-form){padding:var(--ui-card-padding)}app-root :where(.page-actions,.page-header,.page-heading,.admin-page>header,.hero-card,.branch-hero,.purchase-hero,.module-hero,.vendor-hero,.customer-hero,.company-hero,.product-hero,.inventory-hero,.stock-hero,.material-hero,.report-hero):not(.dashboard-hero):not(.dashboard .hero-card){margin-bottom:0}app-root :where(h1,h2,h3){letter-spacing:0}app-root :where(.page-actions h2,.page-heading h2,.page-header h2,.page-title){font-weight:700}app-root :where(table,.data-row,.table-row,.report-row,.ledger-row,.payable-row,.permission-row,.row){font-size:14px}app-root :where(th,.table-head,.report-head,.ledger-head,.payable-head,.row.head,.permission-row.head){color:var(--ui-muted-2);font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}app-root :where(td,.table-row,.data-row,.report-row,.ledger-row,.payable-row,.permission-row){color:var(--ui-text);font-weight:400}app-root :where(.table-row strong,.data-row strong,.report-row strong,.ledger-row strong,td strong){font-weight:600}app-root :where(.table-card,.table-wrapper,.report-table,.ledger-table,.payable-table){overflow:auto;scrollbar-gutter:stable both-edges}app-root :where(.report-table,.payable-table,.ledger-table){max-height:min(68vh,720px)}app-root :where(.report-head,.ledger-head,.payable-head,.table-head){position:sticky;top:0;z-index:2;background:var(--ui-surface-muted)}app-root :where(.status,.status-pill,.status-badge,.badge,.pill,.stat-badge){display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:26px;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;line-height:1;letter-spacing:0}app-root :where(.status.active,.status.ready,.status.paid,.status.success,.status-pill.ready,.status-badge.active,.pill.active){background:var(--ui-success-soft);color:var(--ui-success)}app-root :where(.status.inactive,.status.off,.status.unpaid,.status.danger,.status-badge.inactive,.pill.off){background:var(--ui-danger-soft);color:var(--ui-danger)}app-root :where(.status.pending,.status.partial,.status.warning,.status.low,.pill.pending){background:var(--ui-warning-soft);color:var(--ui-warning)}app-root :where(.modal,.payment-modal,.ledger-modal,.shift-modal,.register-modal){border-radius:12px;background:var(--ui-surface);box-shadow:0 24px 60px #0f172a38}app-root :where(.modal-header,.modal-footer,.payment-modal header,.payment-modal footer){gap:12px}@media(max-width:900px){app-root :where(.report-actions,.filter-card,.toolbar,.list-toolbar,.inline-form,.stock-form){grid-template-columns:1fr!important}app-root :where(.page-actions,.page-header,.page-heading){align-items:stretch}}.pos-header-tools{display:flex;align-items:center;gap:12px}.shift-chip{display:grid;gap:2px;border-radius:999px;padding:8px 12px;background:#fff7ed;color:#c2410c}.shift-chip.open{background:#ecfdf5;color:#047857}.shift-chip span{font-size:11px;font-weight:800;text-transform:uppercase}.shift-chip strong{font-size:12px}.shift-button{min-height:38px;border:0;border-radius:10px;padding:0 14px;background:#0f766e;color:#fff;font-weight:800;cursor:pointer}.shift-button.register-shift{background:#2563eb}.shift-button.close-shift{background:#b45309}.shift-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:18px;background:#0f172a7a}.shift-modal,.register-modal{width:min(720px,100%);display:grid;gap:14px;border-radius:18px;padding:20px;background:#fff;box-shadow:0 24px 70px #0f172a40}.shift-modal{width:min(640px,100%)}.shift-modal header,.shift-modal footer,.shift-hint,.register-modal header,.register-modal footer,.register-meta,.register-cash-flow{display:flex;align-items:center;justify-content:space-between;gap:12px}.shift-modal header span,.register-modal header span{color:#0f766e;font-size:12px;font-weight:900;text-transform:uppercase}.shift-modal header h2,.shift-modal header p,.register-modal header h2,.register-modal header p{margin:0}.shift-modal header p,.register-modal header p{margin-top:5px;color:#64748b}.shift-modal header button,.register-modal header button{width:36px;height:36px;border:1px solid #dbe5ee;border-radius:10px;background:#fff;font-size:22px}.shift-modal label{display:grid;gap:6px}.shift-modal label span{color:#64748b;font-size:12px;font-weight:800}.shift-modal input,.shift-modal textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font:inherit}.shift-hint,.register-meta,.register-cash-flow{border-radius:12px;padding:12px;background:#f8fafc}.register-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.register-summary.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.register-summary article{display:grid;gap:4px;border:1px solid #e2e8f0;border-radius:14px;padding:14px;background:#fff}.register-summary article span{color:#64748b;font-size:12px;font-weight:800}.register-summary article strong{font-size:20px;color:#0f172a}.register-summary article small{color:#64748b}.register-summary article.highlight{border-color:#99f6e4;background:#f0fdfa}.register-cash-flow strong{font-size:18px}.shift-message{margin:0;border-radius:10px;padding:10px 12px;background:#fff7ed;color:#b45309}.cancel-shift,.save-shift{min-height:40px;border-radius:10px;padding:0 14px;font-weight:800}.cancel-shift{border:1px solid #dbe5ee;background:#fff}.save-shift{border:0;background:#0f766e;color:#fff}@media(max-width:760px){.pos-header-tools{flex-wrap:wrap;justify-content:flex-end}.register-summary,.register-summary.compact{grid-template-columns:1fr}.register-cash-flow{display:grid;justify-content:stretch}}html[dir=rtl] body{direction:rtl;text-align:right}html[dir=rtl] input,html[dir=rtl] textarea,html[dir=rtl] select{text-align:right}html[dir=rtl] app-root :where(label,th,.report-head,.table-head,.row.head,.return-result-row){text-align:right}html[dir=rtl] app-root :where(input[type=number],input[type=date],input[type=time]){direction:ltr;text-align:left}.app-language-switch{display:inline-flex;align-items:center;overflow:hidden;border:1px solid #dbe5ee;border-radius:8px;background:#fff;flex:none}.app-language-switch button{min-height:34px;border:0;padding:0 11px;background:transparent;color:#475569;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}.app-language-switch button.active{background:#0f766e;color:#fff}app-root :where(.purchase-hero,.hero-card,.branch-hero,.module-hero,.vendor-hero,.customer-hero,.ledger-hero,.loyalty-hero,.page-heading,.page-header,.ecommerce-hero,.unit-hero,.brand-hero,.category-hero,.product-list-hero,.product-header,.admin-page>header,.company-hero,.product-hero,.inventory-hero,.stock-hero,.material-hero,.report-hero):not(.dashboard-hero):not(.dashboard .hero-card):not(.retail-offer-hero):not(.hero-slider){position:relative!important;isolation:isolate;display:grid!important;grid-template-columns:minmax(280px,.9fr) minmax(520px,1.1fr)!important;column-gap:22px!important;row-gap:4px!important;align-items:end!important;min-height:auto!important;border:0!important;border-radius:10px!important;padding:28px!important;background:linear-gradient(135deg,#09213b,#0d6f67)!important;color:#fff!important;box-shadow:0 18px 38px #09213b2e!important;overflow:hidden}app-root :where(.purchase-hero,.hero-card,.branch-hero,.module-hero,.vendor-hero,.customer-hero,.ledger-hero,.loyalty-hero,.page-heading,.page-header,.ecommerce-hero,.unit-hero,.brand-hero,.category-hero,.product-list-hero,.product-header,.admin-page>header,.company-hero,.product-hero,.inventory-hero,.stock-hero,.material-hero,.report-hero):not(.dashboard-hero):not(.dashboard .hero-card):not(.retail-offer-hero):not(.hero-slider) :where(h1,h2,.page-title){margin:0 0 4px!important;color:#fff!important;font-size:var(--page-hero-title-size, 36px)!important;font-weight:700!important;line-height:1.12!important;letter-spacing:0!important}app-root :where(.purchase-hero,.hero-card,.branch-hero,.module-hero,.vendor-hero,.customer-hero,.ledger-hero,.loyalty-hero,.page-heading,.page-header,.ecommerce-hero,.unit-hero,.brand-hero,.category-hero,.product-list-hero,.product-header,.admin-page>header,.company-hero,.product-hero,.inventory-hero,.stock-hero,.material-hero,.report-hero):not(.dashboard-hero):not(.dashboard .hero-card):not(.retail-offer-hero):not(.hero-slider) :where(p){max-width:720px;margin:0!important;color:#ffffffc2!important;font-size:14px!important;font-weight:400!important;line-height:1.5!important}app-root :where(.purchase-hero,.hero-card,.branch-hero,.module-hero,.vendor-hero,.customer-hero,.ledger-hero,.loyalty-hero,.page-heading,.page-header,.ecommerce-hero,.unit-hero,.brand-hero,.category-hero,.product-list-hero,.product-header,.admin-page>header,.company-hero,.product-hero,.inventory-hero,.stock-hero,.material-hero,.report-hero):not(.dashboard-hero):not(.dashboard .hero-card):not(.retail-offer-hero):not(.hero-slider)>:where(h1,h2,.page-title,p){grid-column:1!important;justify-self:start!important}app-root :where(.purchase-hero,.hero-card,.branch-hero,.module-hero,.vendor-hero,.customer-hero,.ledger-hero,.loyalty-hero,.page-heading,.page-header,.ecommerce-hero,.unit-hero,.brand-hero,.category-hero,.product-list-hero,.product-header,.admin-page>header,.company-hero,.product-hero,.inventory-hero,.stock-hero,.material-hero,.report-hero):not(.dashboard-hero):not(.dashboard .hero-card):not(.retail-offer-hero):not(.hero-slider) :where(.eyebrow,>div:first-child>span:first-child,>span:first-child){color:#b7f1dc!important;font-size:12px!important;font-weight:900!important;letter-spacing:0!important;text-transform:uppercase!important}app-root .purchase-hero>div:first-child>span:first-child,app-root .hero-card>div:first-child>span:first-child,app-root .branch-hero>div:first-child>span:first-child,app-root .module-hero>div:first-child>span:first-child,app-root .vendor-hero>div:first-child>span:first-child,app-root .customer-hero>div:first-child>span:first-child,app-root .ledger-hero>div:first-child>span:first-child,app-root .loyalty-hero>div:first-child>span:first-child,app-root .page-header>div:first-child>span:first-child,app-root .page-heading>span:first-child,app-root .ecommerce-hero>div:first-child>span:first-child,app-root .unit-hero>div:first-child>span:first-child,app-root .brand-hero>div:first-child>span:first-child,app-root .category-hero>div:first-child>span:first-child,app-root .product-list-hero>div:first-child>span:first-child,app-root .product-header>div:first-child>span:first-child,app-root .stock-hero>div:first-child>span:first-child{color:#b7f1dc!important;font-size:12px!important;font-weight:900!important;letter-spacing:0!important;text-transform:uppercase!important}app-root :where(.hero-metrics,.stock-hero-metrics,.hero-stats,.page-heading>div:last-child,.page-header>div:last-child):not(.dashboard *){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;gap:12px!important;min-width:0!important}app-root :where(.purchase-hero article,.hero-card article,.branch-hero article,.branch-pulse,.module-hero article,.vendor-hero article,.customer-hero article,.customer-hero .hero-stats span,.ledger-hero article,.loyalty-hero article,.page-heading article,.page-header article,.stock-hero-metrics article,.hero-metrics article):not(.dashboard .summary-card){min-height:92px!important;display:grid!important;align-content:center!important;gap:8px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:8px!important;padding:16px!important;background:#ffffff1a!important;color:#fff!important;box-shadow:none!important}app-root :where(.purchase-hero article span,.hero-card article span,.branch-hero article span,.branch-pulse span,.branch-pulse small,.module-hero article span,.vendor-hero article span,.customer-hero article span,.customer-hero .hero-stats span,.ledger-hero article span,.loyalty-hero article span,.page-heading article span,.page-header article span,.stock-hero-metrics article span,.hero-metrics article span):not(.dashboard *){color:#ffffffb8!important;font-size:12px!important;font-weight:900!important;letter-spacing:0!important;text-transform:uppercase!important}app-root :where(.purchase-hero article strong,.hero-card article strong,.branch-hero article strong,.branch-pulse strong,.module-hero article strong,.vendor-hero article strong,.customer-hero article strong,.ledger-hero article strong,.loyalty-hero article strong,.page-heading article strong,.page-header article strong,.stock-hero-metrics article strong,.hero-metrics article strong):not(.dashboard *){color:#fff!important;font-size:23px!important;font-weight:700!important;line-height:1.1!important}app-root :where(.hero-card article em,.page-header article em,.page-heading article em):not(.dashboard *){color:#ffffffc7!important;font-size:13px!important;font-style:normal!important}@media(max-width:1200px){app-root :where(.purchase-hero,.hero-card,.branch-hero,.module-hero,.vendor-hero,.customer-hero,.ledger-hero,.loyalty-hero,.page-heading,.page-header,.ecommerce-hero,.unit-hero,.brand-hero,.category-hero,.product-list-hero,.product-header,.admin-page>header,.company-hero,.product-hero,.inventory-hero,.stock-hero,.material-hero,.report-hero):not(.dashboard-hero):not(.dashboard .hero-card):not(.retail-offer-hero):not(.hero-slider){grid-template-columns:1fr!important}}@media(max-width:720px){app-root :where(.purchase-hero,.hero-card,.branch-hero,.module-hero,.vendor-hero,.customer-hero,.ledger-hero,.loyalty-hero,.page-heading,.page-header,.ecommerce-hero,.unit-hero,.brand-hero,.category-hero,.product-list-hero,.product-header,.admin-page>header,.company-hero,.product-hero,.inventory-hero,.stock-hero,.material-hero,.report-hero):not(.dashboard-hero):not(.dashboard .hero-card):not(.retail-offer-hero):not(.hero-slider){padding:20px!important}app-root :where(.purchase-hero,.hero-card,.branch-hero,.module-hero,.vendor-hero,.customer-hero,.ledger-hero,.loyalty-hero,.page-heading,.page-header,.ecommerce-hero,.unit-hero,.brand-hero,.category-hero,.product-list-hero,.product-header,.admin-page>header,.company-hero,.product-hero,.inventory-hero,.stock-hero,.material-hero,.report-hero):not(.dashboard-hero):not(.dashboard .hero-card):not(.retail-offer-hero):not(.hero-slider) :where(h1,h2,.page-title){font-size:var(--page-hero-title-mobile-size, 28px)!important}}app-root .report-kpi-grid.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:12px 16px;border:1px solid #dbe5ee;border-radius:12px;background:#f8fafc;box-shadow:none}app-root .report-kpi-grid.metric-grid:before,app-root .report-kpi-grid.metric-grid>article:before{content:none!important}app-root .report-kpi-grid.metric-grid>article{min-width:0!important;min-height:78px!important;display:flex!important;align-items:center;justify-content:space-between;gap:12px!important;border:1px solid #e2e8f0!important;border-top:3px solid #ef4444!important;border-radius:12px!important;padding:12px 16px!important;background:#fff!important;box-shadow:0 8px 18px #0f172a0f!important}app-root .report-kpi-grid.metric-grid>article:nth-child(2){border-top-color:#3b82f6!important}app-root .report-kpi-grid.metric-grid>article:nth-child(3){border-top-color:#10b981!important}app-root .report-kpi-grid.metric-grid>article:nth-child(4){border-top-color:#f59e0b!important}app-root .report-kpi-grid.metric-grid>article>:where(div,.metric-content,.stat-info){min-width:0;display:grid;gap:5px}app-root .report-kpi-grid.metric-grid>article :where(span:not(.metric-icon),.stat-label){color:#64748b!important;font-size:12px!important;font-weight:700!important;letter-spacing:0;text-transform:none!important}app-root .report-kpi-grid.metric-grid>article :where(strong,.stat-value){color:#0f172a!important;font-size:24px!important;font-weight:800!important;line-height:1.1!important;overflow-wrap:anywhere}app-root .report-kpi-grid.metric-grid>article>.metric-icon{order:-1;width:40px!important;height:40px!important;flex:0 0 40px;display:grid;place-items:center;border-radius:10px!important;background:#fee2e2!important;color:#dc2626!important}app-root .report-kpi-grid.metric-grid>article:nth-child(2)>.metric-icon{background:#dbeafe!important;color:#2563eb!important}app-root .report-kpi-grid.metric-grid>article:nth-child(3)>.metric-icon{background:#d1fae5!important;color:#059669!important}app-root .report-kpi-grid.metric-grid>article:nth-child(4)>.metric-icon{background:#fef3c7!important;color:#d97706!important}app-root .report-kpi-grid.metric-grid>article>.metric-icon svg{width:18px!important;height:18px!important;fill:currentColor}@media(max-width:1100px){app-root .report-kpi-grid.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){app-root .report-kpi-grid.metric-grid{grid-template-columns:minmax(0,1fr)}}app-root :where(.filter-card,.report-actions,.toolbar,.list-toolbar):not(.dashboard *){border-radius:8px!important;padding:12px!important}
