:root{--color-primary: #2563eb;--color-primary-rgb: 37, 99, 235;--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #0f172a;--color-primary-950: #020617;--color-accent: #2563eb;--color-accent-700: #1d4ed8;--color-accent-600: #2563eb;--color-accent-500: #3b82f6;--color-accent-400: #60a5fa;--color-accent-100: #eff6ff;--color-neutral-0: #ffffff;--color-neutral-50: #ffffff;--color-neutral-100: #f8fafc;--color-neutral-200: #f1f5f9;--color-neutral-300: #e2e8f0;--color-neutral-400: #cbd5e1;--color-neutral-500: #94a3b8;--color-neutral-600: #64748b;--color-neutral-700: #475569;--color-neutral-800: #1e293b;--color-neutral-900: #0f172a;--color-bg-light: #f8fafc;--color-bg-secondary: #f1f5f9;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-success: #16a34a;--color-success-bg: #f0fdf4;--color-success-text: #15803d;--color-success-border: #bbf7d0;--color-success-100: #dcfce7;--color-success-300: #86efac;--color-success-700: #15803d;--color-success-900: #14532d;--color-success-950: #052e16;--color-warning: #d97706;--color-warning-bg: #fffbeb;--color-warning-text: #b45309;--color-warning-border: #fde68a;--color-warning-100: #fef3c7;--color-warning-300: #fcd34d;--color-warning-700: #b45309;--color-warning-900: #78350f;--color-danger: #dc2626;--color-danger-bg: #fef2f2;--color-danger-text: #b91c1c;--color-danger-border: #fecaca;--color-danger-100: #fee2e2;--color-danger-300: #fca5a5;--color-danger-700: #b91c1c;--color-danger-900: #7f1d1d;--color-info: #0284c7;--color-info-bg: #f0f9ff;--color-info-text: #0369a1;--color-info-border: #bae6fd;--color-info-100: #e0f2fe;--color-info-300: #7dd3fc;--color-info-700: #0369a1;--color-info-900: #0c4a6e;--surface-body: #ffffff;--surface-card: #ffffff;--surface-sidebar: #0f172a;--surface-header: #ffffff;--border-default: #e2e8f0;--border-strong: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-on-dark: #ffffff;--text-link: #2563eb;--font-family-base: "Cairo", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Consolas", monospace;--font-size-xs: .8125rem;--font-size-sm: .875rem;--font-size-base: .9375rem;--font-size-md: 1.05rem;--font-size-lg: 1.1875rem;--font-size-xl: 1.45rem;--font-size-2xl: 1.85rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.3;--line-height-base: 1.55;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px;--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .06), 0 2px 4px -2px rgba(15, 23, 42, .03);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .04);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .1), 0 8px 10px -6px rgba(15, 23, 42, .05);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .22s cubic-bezier(.4, 0, .2, 1);--header-height: 64px;--sidebar-width: 265px;--sidebar-width-collapsed: 72px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:var(--text-primary);background-color:var(--surface-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-md)}p{margin:0 0 var(--space-3);color:var(--text-secondary)}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-700);text-decoration:underline}ul,ol{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}button{font-family:inherit}:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}.page-container{padding:var(--space-5) var(--space-6);width:100%;max-width:100%;min-width:0;box-sizing:border-box;background-color:#fff!important;min-height:100vh}.card{background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5);width:100%;max-width:100%;min-width:0;box-sizing:border-box;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.form-card,.invoice-form-card,.wide-card{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}.card-header,.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-default)}.card-header h1,.card-header h2,.card-header h3,.page-header h1,.page-header h2,.page-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:10px}.header-title-box{display:flex;align-items:center;gap:14px}.header-icon-badge{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;border:1px solid #bfdbfe;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.2rem}.header-icon-badge svg{width:22px;height:22px}.title-with-count{display:flex;align-items:center;gap:10px}.count-badge,.title-count-badge{background:#f1f5f9;color:#475569;font-size:.78rem;font-weight:600;padding:3px 9px;border-radius:20px;border:1px solid #e2e8f0}.header-subtitle,.page-subtitle{font-size:.83rem;color:#64748b;margin-top:4px;margin-bottom:0;display:block}.page-actions,.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:8px 16px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;box-shadow:0 1px 2px #0000000a}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-primary{background-color:#2563eb;color:#fff;border-color:#2563eb;font-weight:700}.btn-primary:hover:not(:disabled){background-color:#1d4ed8;border-color:#1d4ed8;box-shadow:0 4px 12px #2563eb47;transform:translateY(-1px)}.btn-accent{background-color:#2563eb;color:#fff;border-color:#2563eb;font-weight:700}.btn-accent:hover:not(:disabled){background-color:#1d4ed8;border-color:#1d4ed8;color:#fff;box-shadow:0 4px 12px #2563eb47;transform:translateY(-1px)}.btn-secondary{background-color:#f8fafc;border-color:#cbd5e1;color:#1e293b;font-weight:600}.btn-secondary:hover:not(:disabled){background-color:#f1f5f9;border-color:#94a3b8;color:#0f172a;box-shadow:0 2px 6px #0000000d}.btn-danger{background-color:#dc2626;color:#fff;border-color:#dc2626;font-weight:600}.btn-danger:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c;box-shadow:0 2px 8px #dc262640;transform:translateY(-1px)}.btn-ghost{background-color:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--color-neutral-100);color:var(--text-primary)}.btn-sm{padding:6px 12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm)}.btn-lg{padding:12px 24px;font-size:var(--font-size-md);border-radius:var(--radius-lg)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:6px;font-size:.88rem;font-weight:600;color:#0f172a}.form-control{width:100%;min-height:40px;padding:8px 14px;font-size:var(--font-size-base);font-family:inherit;color:var(--text-primary);background-color:#fff;border:1.5px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:0 1px 2px #00000005;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.form-control:focus{outline:none;background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.form-control.is-invalid{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.form-error{margin-top:5px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#dc2626}.form-hint{margin-top:5px;font-size:var(--font-size-xs);color:var(--text-muted)}.table-wrapper{width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border-default);border-radius:var(--radius-lg);background-color:#fff;box-shadow:var(--shadow-sm);position:relative;margin-bottom:var(--space-4)}.data-table{width:100%;min-width:650px;border-collapse:separate;border-spacing:0;font-size:var(--font-size-sm)}.data-table thead{background-color:#f8fafc}.data-table th{text-align:start;padding:12px 14px;font-weight:700;color:#475569;text-transform:uppercase;font-size:.78rem;letter-spacing:.02em;border-bottom:2px solid #e2e8f0;white-space:nowrap;vertical-align:middle}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s ease,background-color .15s ease}.data-table th.sortable:hover{color:#1e293b;background-color:#f1f5f9}.sort-icon{display:inline-block;margin-inline-start:4px;font-size:.75rem;color:#94a3b8}.data-table td{padding:11px 14px;border-bottom:1px solid #f1f5f9;color:#0f172a;vertical-align:middle;font-size:.86rem}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background-color:#f8fafc}.data-table tbody tr:last-child td{border-bottom:none}.td-amount,.amount-cell,.data-table td.td-amount,.data-table td.amount-cell{font-weight:700!important;font-variant-numeric:tabular-nums!important;direction:ltr!important;text-align:right!important;white-space:nowrap!important;color:#0f172a}.td-amount small,.amount-cell small,.currency-symbol{font-size:.72rem;font-weight:600;color:#64748b;margin-inline-start:3px}.td-debit{color:#15803d!important;font-weight:700!important;font-variant-numeric:tabular-nums!important;direction:ltr!important;text-align:right!important}.td-credit{color:#b91c1c!important;font-weight:700!important;font-variant-numeric:tabular-nums!important;direction:ltr!important;text-align:right!important}.code-cell,.td-code{font-weight:700!important;color:#1d4ed8!important;white-space:nowrap!important;font-family:var(--font-family-mono, monospace)!important;font-size:.82rem!important;direction:ltr!important;text-align:right!important}.date-cell,.td-date{white-space:nowrap!important;font-variant-numeric:tabular-nums!important;font-size:.82rem!important;direction:ltr!important;text-align:right!important;color:#334155!important;font-weight:500!important}.actions-col,.actions-cell{width:1%!important;white-space:nowrap!important;text-align:center!important}.btn-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 10px;font-size:.78rem;font-weight:600;border-radius:6px;border:1px solid #cbd5e1;background-color:#fff;color:#334155;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-action:hover{background-color:#f1f5f9;border-color:#94a3b8;color:#0f172a}.btn-action-primary{background-color:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.btn-action-primary:hover{background-color:#dbeafe;border-color:#93c5fd;color:#1e40af}.btn-action-danger{background-color:#fef2f2;border-color:#fecaca;color:#b91c1c}.btn-action-danger:hover{background-color:#fee2e2;border-color:#fca5a5;color:#991b1b}.empty-state{text-align:center;padding:40px 20px!important;color:#64748b}.empty-state-icon{width:44px;height:44px;margin:0 auto 10px;color:#94a3b8;display:block}.empty-state-title{font-size:.95rem;font-weight:700;color:#334155;margin-bottom:4px}.empty-state-text{font-size:.83rem;color:#64748b;margin:0}.badge{display:inline-flex;align-items:center;padding:3px 10px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);border:1px solid transparent;white-space:nowrap;line-height:1.2}.badge-success{background-color:#f0fdf4;color:#15803d;border-color:#bbf7d0}.badge-warning{background-color:#fffbeb;color:#b45309;border-color:#fde68a}.badge-danger{background-color:#fef2f2;color:#b91c1c;border-color:#fecaca}.badge-info{background-color:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.badge-neutral{background-color:#f8fafc;color:#475569;border-color:#e2e8f0}.alert-danger{background-color:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.alert-success{background-color:#f0fdf4;color:#15803d;border:1px solid #bbf7d0;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.alert-info{background-color:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-danger{color:#dc2626}.text-success{color:#16a34a}.text-primary{color:#2563eb}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.modal-overlay{position:fixed!important;inset:0!important;background:#0f172a99!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex!important;align-items:center!important;justify-content:center!important;z-index:10000!important;padding:16px;box-sizing:border-box}.modal-box{background:#fff!important;border-radius:16px!important;box-shadow:0 25px 50px -12px #00000040!important;padding:24px!important;width:100%!important;max-width:460px;border:1px solid #e2e8f0!important;animation:modalPop .18s cubic-bezier(.16,1,.3,1);box-sizing:border-box}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-box h3{margin-top:0;margin-bottom:var(--space-2);font-size:1.15rem;font-weight:700;color:#0f172a}.fixed{position:fixed!important}.inset-0{inset:0!important}.z-50{z-index:9999!important}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite!important}.pos-modal-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:9999!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#0f172a99!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px;box-sizing:border-box}.pos-modal-container{background-color:#fff!important;border-radius:20px!important;box-shadow:0 25px 50px -12px #00000040!important;width:100%!important;max-width:600px;max-height:90vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;direction:rtl!important;text-align:right!important;border:1px solid #e2e8f0!important;animation:posModalPop .18s cubic-bezier(.16,1,.3,1);box-sizing:border-box}.pos-modal-container.max-w-xl{max-width:620px!important}.pos-modal-container.max-w-2xl{max-width:720px!important}.pos-modal-container.max-w-4xl{max-width:900px!important}.pos-modal-container.max-w-md{max-width:450px!important}@keyframes posModalPop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.pos-modal-header{background-color:#0f172a!important;color:#fff!important;padding:16px 24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-shrink:0}.pos-modal-body{padding:24px!important;overflow-y:auto!important;flex:1;background-color:#fff!important}.pos-modal-footer{background-color:#f8fafc!important;padding:16px 24px!important;border-top:1px solid #e2e8f0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px;flex-shrink:0}.cashier-quick-input-bar{background-color:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:10px!important;padding:10px 14px!important}.totals-summary-card,.totals-box{background-color:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important;padding:18px!important;box-shadow:0 1px 3px #00000005!important}.totals-row{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:5px 0!important;font-size:.88rem!important;color:#475569!important}.totals-row.discount-row .totals-value,.discount-text{color:#dc2626!important;font-weight:600!important}.grand-total-row{margin-top:10px!important;padding-top:10px!important;border-top:2px solid #e2e8f0!important;font-size:1.15rem!important;font-weight:800!important;color:#0f172a!important}.grand-total-row .totals-value,.grand-total-value{color:#2563eb!important;font-size:1.45rem!important;font-weight:800!important}.fast-scan-input{border-color:#2563eb!important;background-color:#fff!important}.fast-scan-input:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb33!important}.resizable-th{background-color:#f8fafc!important;color:#334155!important;font-weight:700!important;font-size:.85rem!important;border-bottom:2px solid #e2e8f0!important;padding:11px 8px!important;text-align:center!important;border-inline-end:1px solid #e2e8f0!important}.dynamic-table th,.dynamic-table td{border-inline-end:1px solid #e2e8f0!important;border-bottom:1px solid #e2e8f0!important;text-align:center!important;vertical-align:middle!important;padding:8px 6px!important}.dynamic-table th:last-child,.dynamic-table td:last-child{border-inline-end:none!important}.dynamic-table input.form-control,.dynamic-table select.form-control{border:1px solid #cbd5e1!important;border-radius:6px!important;background-color:#fff!important;padding:6px 10px!important;font-size:.88rem!important;text-align:center!important;height:36px!important;box-shadow:none!important;transition:border-color .15s ease,box-shadow .15s ease!important}.dynamic-table input.form-control:focus,.dynamic-table select.form-control:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb26!important}.dynamic-table td.item-typeahead-container input.form-control{text-align:right!important;padding-right:12px!important}.dynamic-table td button.btn-danger,.dynamic-table td .btn-delete-row{width:28px!important;height:28px!important;min-width:28px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:6px!important;background-color:#dc2626!important;border:1px solid #dc2626!important;color:#fff!important;font-weight:700!important;font-size:.85rem!important;margin:0 auto!important;cursor:pointer!important;transition:all .15s ease!important}.dynamic-table td button.btn-danger:hover,.dynamic-table td .btn-delete-row:hover{background-color:#b91c1c!important;border-color:#b91c1c!important;transform:scale(1.05)}.btn-add-line{background-color:#eff6ff!important;color:#2563eb!important;border:1px solid #bfdbfe!important;font-weight:700!important;border-radius:8px!important;transition:all .15s ease!important}.btn-add-line:hover{background-color:#dbeafe!important;border-color:#93c5fd!important;color:#1d4ed8!important}.btn-save-master{background-color:#2563eb!important;color:#fff!important;font-weight:700!important;font-size:.95rem!important;padding:10px 22px!important;border-radius:8px!important;border:1px solid #2563eb!important;box-shadow:0 2px 6px #2563eb40!important;transition:all .2s ease!important}.btn-save-master:hover{background-color:#1d4ed8!important;border-color:#1d4ed8!important;box-shadow:0 4px 14px #2563eb59!important;transform:translateY(-1px)}@media(max-width:991.98px){.page-container{padding:16px 14px!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.card,.form-card,.invoice-form-card,.form-section-card{padding:16px 14px!important;border-radius:12px!important;margin-bottom:16px!important}}@media(max-width:768px){html,body{overflow-x:hidden!important;width:100%!important;position:relative!important}.page-container{padding:12px 10px!important}.page-header,.card-header,.section-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.page-header h1,.page-header h2,.card-header h2,.card-header h3{font-size:1.2rem!important}.page-actions,.card-header .btn,.header-actions,.button-group{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important}.page-actions .btn,.header-actions .btn{flex:1 1 auto!important;justify-content:center!important}.actions-cell,.actions-col{white-space:nowrap!important;width:1%!important;text-align:center!important}.actions-cell .actions-group,td .actions-group{display:inline-flex!important;flex-wrap:nowrap!important;white-space:nowrap!important;width:auto!important;gap:5px!important;align-items:center!important;justify-content:center!important}.actions-cell .actions-group .btn,td .actions-group .btn{width:auto!important;flex:0 0 auto!important;padding:5px 9px!important;font-size:12px!important;white-space:nowrap!important}.toolbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important}.toolbar>*{width:100%!important;max-width:100%!important}.toolbar .search-box,.toolbar .search-input-wrapper{width:100%!important;max-width:100%!important;min-width:0!important}.toolbar .date-range-filter{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:space-between!important;box-sizing:border-box!important}.toolbar .date-range-filter .date-input{flex:1 1 120px!important;min-width:110px!important}.toolbar select.form-control,.toolbar select.page-size-select{width:100%!important}.kpi-grid,.stats-grid,.summary-grid,.dashboard-summary-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important;width:100%!important}.dashboard-row{grid-template-columns:1fr!important}.form-grid{grid-template-columns:1fr!important;gap:12px!important}.form-actions{flex-direction:column-reverse!important;align-items:stretch!important;gap:10px!important;width:100%!important}.form-actions>*{width:100%!important;display:flex!important;flex-direction:column!important;gap:8px!important}.form-actions .btn,.form-actions button{width:100%!important;justify-content:center!important;min-height:42px!important}input.form-control,select.form-control,textarea.form-control{font-size:15px!important;min-height:42px!important}.table-wrapper,.dynamic-table-container,.table-container,.data-table-container{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;display:block!important;border-radius:10px!important;margin-bottom:14px!important}.data-table,.dynamic-table{min-width:620px!important}.data-table th,.data-table td,.dynamic-table th,.dynamic-table td{padding:8px 6px!important;font-size:.82rem!important}.totals-section{flex-direction:column!important;align-items:stretch!important;gap:14px!important}.notes-box,.totals-box{width:100%!important;max-width:100%!important;min-width:0!important}.filter-section,.search-section,.filters-container,.filter-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important}.filter-section>*,.search-section>*{width:100%!important}.pagination{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-align:center!important;width:100%!important}.pagination>div{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:4px!important}.modal-overlay,.modal-backdrop{padding:10px!important}.modal-box,.modal-content,.print-modal-container{width:95vw!important;max-width:95vw!important;max-height:90vh!important;padding:16px 14px!important;margin:auto!important;overflow-y:auto!important}.quick-scan-container,.scan-bar{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.pos-header-bottom{flex-wrap:wrap!important;gap:8px!important}.pos-select-box{flex:1 1 calc(50% - 8px)!important;min-width:130px!important}.pos-main-body{flex-direction:column!important;overflow-y:auto!important;height:auto!important}.product-area{width:100%!important;height:auto!important;min-height:360px!important;border-left:none!important;border-bottom:2px solid #e2e8f0!important}.cart-panel{width:100%!important;height:auto!important;min-height:400px!important}}@media(max-width:480px){.page-container{padding:8px 6px!important}.card,.form-card,.invoice-form-card,.form-section-card{padding:12px 10px!important;border-radius:10px!important}.card-header h2,.card-header h3,.page-header h1,.page-header h2{font-size:1.05rem!important}.kpi-grid,.stats-grid,.summary-grid{grid-template-columns:1fr!important;gap:8px!important}.quick-actions-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.btn{padding:7px 12px!important;font-size:13px!important}.btn-sm{padding:4px 8px!important;font-size:11.5px!important}.modal-box,.modal-content,.pos-modal-container{padding:14px 10px!important;width:98vw!important;max-width:98vw!important;border-radius:12px!important}.data-table th,.data-table td{padding:8px 6px!important;font-size:12px!important}.code-cell,.date-cell{font-size:11.5px!important}.totals-summary-card,.totals-box{padding:12px!important}.grand-total-row .totals-value,.grand-total-value{font-size:1.25rem!important}.pos-select-box{flex:1 1 100%!important;min-width:100%!important}.pos-brand-text{display:none!important}}.only-print{display:none}.code-cell{font-weight:700!important;color:var(--color-primary-700, #1d4ed8)!important;white-space:nowrap!important;font-family:monospace,system-ui!important;font-size:13px!important;direction:ltr!important;text-align:right!important}.date-cell{white-space:nowrap!important;font-variant-numeric:tabular-nums!important;font-family:monospace,system-ui!important;font-size:13px!important;direction:ltr!important;text-align:right!important;color:#334155!important;font-weight:500!important}.actions-col{width:1%!important;white-space:nowrap!important;text-align:center!important}.actions-cell{white-space:nowrap!important;width:1%!important;text-align:center!important}.actions-group{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;flex-wrap:nowrap!important;white-space:nowrap!important}.actions-group .btn,.actions-cell .btn{white-space:nowrap!important}.date-range-filter{display:inline-flex;align-items:center;gap:8px;background:var(--surface-ground, #f8fafc);padding:4px 10px;border-radius:var(--radius-md, 8px);border:1px solid var(--border-default, #e2e8f0)}.date-input{border:1px solid var(--border-default, #cbd5e1);border-radius:var(--radius-sm, 6px);padding:4px 8px;font-size:13px;color:#1e293b;background:#fff;outline:none;direction:ltr}.btn-clear-date{background:transparent;border:none;color:#64748b;cursor:pointer;font-size:13px;padding:2px 6px;border-radius:4px}.btn-clear-date:hover{background:#e2e8f0;color:#0f172a}.grid{display:grid!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.col-span-1{grid-column:span 1 / span 1!important}.col-span-2{grid-column:span 2 / span 2!important}.col-span-3{grid-column:span 3 / span 3!important}.col-span-4{grid-column:span 4 / span 4!important}.col-span-5{grid-column:span 5 / span 5!important}.col-span-6{grid-column:span 6 / span 6!important}.col-span-full{grid-column:1 / -1!important}.w-full{width:100%!important}.max-w-full{max-width:100%!important}.min-w-0{min-width:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:.75rem!important}.gap-4{gap:1rem!important}.gap-5{gap:1.25rem!important}.gap-6{gap:1.5rem!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:.75rem!important}.p-4{padding:1rem!important}.p-5{padding:1.25rem!important}.p-6{padding:1.5rem!important}@media(min-width:768px){.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.md\:col-span-1{grid-column:span 1 / span 1!important}.md\:col-span-2{grid-column:span 2 / span 2!important}.md\:col-span-3{grid-column:span 3 / span 3!important}.md\:col-span-4{grid-column:span 4 / span 4!important}.md\:col-span-full{grid-column:1 / -1!important}}@media(min-width:1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.lg\:col-span-1{grid-column:span 1 / span 1!important}.lg\:col-span-2{grid-column:span 2 / span 2!important}.lg\:col-span-3{grid-column:span 3 / span 3!important}.lg\:col-span-4{grid-column:span 4 / span 4!important}.lg\:col-span-full{grid-column:1 / -1!important}}.toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;width:100%;box-sizing:border-box}.search-box,.search-input-wrapper{position:relative;flex:1;min-width:240px;max-width:440px;display:flex;align-items:center}.search-box .search-icon,.search-input-wrapper .search-icon{position:absolute;top:50%;inset-inline-start:12px;transform:translateY(-50%);width:17px;height:17px;color:#94a3b8;pointer-events:none;z-index:1}.search-box input.form-control,.search-input-wrapper input.form-control,input.search-input{width:100%;height:40px!important;min-height:40px!important;padding:8px 14px;padding-inline-start:38px!important;padding-inline-end:36px!important;border-radius:9px!important;border:1.5px solid #cbd5e1!important;background-color:#fff!important;font-size:.88rem!important;color:#0f172a!important;transition:all .2s ease!important;box-shadow:0 1px 2px #0f172a0a!important}.search-box:not(:has(.search-icon)) input.form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px}[dir=ltr] .search-box:not(:has(.search-icon)) input.form-control{background-position:left 12px center}.search-box input.form-control:focus,.search-input-wrapper input.form-control:focus,input.search-input:focus{border-color:#2563eb!important;background-color:#fff!important;box-shadow:0 0 0 3.5px #2563eb24!important;outline:none!important}.search-box .btn-clear-search,.search-input-wrapper .btn-clear-search{position:absolute;top:50%;inset-inline-end:10px;transform:translateY(-50%);background:transparent;border:none;color:#94a3b8;font-size:13px;width:22px;height:22px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s ease;z-index:2}.search-box .btn-clear-search:hover,.search-input-wrapper .btn-clear-search:hover{background-color:#fee2e2;color:#dc2626}.filter-bar,.filter-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-pill{padding:6px 14px;border-radius:20px;border:1px solid #cbd5e1;background-color:#f8fafc;color:#475569;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.filter-pill:hover{background-color:#f1f5f9;border-color:#94a3b8;color:#0f172a}.filter-pill.active{background-color:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 2px 6px #2563eb40}.date-range-filter{display:inline-flex;align-items:center;gap:8px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:4px 12px;font-size:.84rem}.date-range-filter .date-label{font-weight:700;color:#334155;font-size:.82rem;display:inline-flex;align-items:center;gap:4px}.date-range-filter .date-input-group{display:flex;align-items:center;gap:6px}.date-range-filter .date-sublabel{font-size:.78rem;color:#64748b;font-weight:600}.date-picker-input,.date-range-filter .date-input{border:1px solid #cbd5e1;border-radius:6px;padding:4px 8px;font-size:.82rem;background-color:#fff;color:#0f172a;outline:none;transition:border-color .15s ease;height:32px}.date-picker-input:focus,.date-range-filter .date-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.date-separator{color:#94a3b8;font-weight:700;font-size:.85rem}.tabs-bar,.tabs-container{display:flex!important;align-items:center;gap:8px;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;white-space:nowrap!important;scrollbar-width:thin;padding-bottom:6px;max-width:100%}.tabs-bar::-webkit-scrollbar,.tabs-container::-webkit-scrollbar{height:4px}.tabs-bar::-webkit-scrollbar-thumb,.tabs-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.tab-btn{flex-shrink:0!important;white-space:nowrap!important}@media(max-width:991.98px){.page-container,.card{padding:16px 14px}}@media(max-width:767.98px){html,body{overflow-x:hidden!important;max-width:100vw!important}.page-container{padding:10px 8px!important;min-height:auto!important;overflow-x:hidden!important;max-width:100vw!important}.card{padding:14px 10px!important;border-radius:10px!important;margin-bottom:12px!important}.card-header{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.card-header h2,.card-header h3{font-size:1.15rem!important;line-height:1.4!important}.card-header .flex{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:8px!important}.card-header .flex .btn{flex:1 1 auto!important;min-width:120px!important;text-align:center!important}.toolbar{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.toolbar>.flex{flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:10px!important}.search-box{width:100%!important;max-width:100%!important;min-width:0!important}.search-box .form-control{width:100%!important;font-size:13px!important;height:40px!important}.date-range-filter{display:flex!important;flex-wrap:wrap!important;width:100%!important;box-sizing:border-box!important;padding:8px 10px!important;gap:8px!important;justify-content:space-between!important}.date-range-filter .date-input-group{flex:1 1 calc(50% - 16px)!important;min-width:110px!important}.date-picker-input,.date-range-filter .date-input{width:100%!important;box-sizing:border-box!important;font-size:12px!important;height:36px!important}.date-range-filter .date-separator{display:none!important}.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(1,minmax(0,1fr))!important;gap:10px!important}.col-span-2,.col-span-3,.col-span-4,.col-span-5,.col-span-6{grid-column:span 1 / span 1!important}.form-control,select.form-control,input.form-control{font-size:14px!important;height:42px!important;padding:8px 12px!important}.table-wrapper{margin-left:-2px!important;margin-right:-2px!important;border-radius:8px!important;border:1px solid #e2e8f0!important}.data-table{min-width:650px!important}.data-table th,.data-table td{padding:10px 12px!important;font-size:13px!important}.modal-overlay{padding:12px!important}.modal-box{max-width:calc(100vw - 24px)!important;width:100%!important;padding:16px!important;border-radius:12px!important;max-height:90vh!important;overflow-y:auto!important}.modal-box .flex{flex-direction:column-reverse!important;gap:8px!important}.modal-box .flex button{width:100%!important}}@media(max-width:480px){.page-container{padding:6px 4px!important}.card{padding:12px 8px!important;border-radius:8px!important}.card-header h2,.card-header h3{font-size:1.05rem!important}.btn{padding:7px 12px!important;font-size:13px!important}.btn-sm{padding:5px 8px!important;font-size:12px!important}.badge{padding:2px 7px!important;font-size:11px!important}}@media print{@page{margin:8mm;size:auto}html,body{background:#fff!important;height:auto!important;min-height:auto!important;overflow:visible!important;color:#000!important}.no-print,app-sidebar,app-navbar,header.hub-header,div.hub-studio-grid,.reports-directory-card,.report-canvas-card,.canvas-header,.date-presets-bar,.filter-form-grid,.filter-actions-bar,.print-modal-header,.print-modal-footer,.pos-modal-header,.pos-modal-footer,.btn-close,.canvas-top-actions,.reports-breadcrumbs,.reports-module-tabs,.reports-workspace-grid,.sidebar,.navbar,.top-bar,button:not(.allow-print),.btn:not(.allow-print){display:none!important;visibility:hidden!important;height:0!important;padding:0!important;margin:0!important}body:has(.print-modal-overlay) .page-container>*:not(app-sales-invoice-print-modal):not(app-purchase-invoice-print-modal){display:none!important}body:has(.pos-modal-overlay) .pos-wrapper>*:not(app-pos-receipt-modal):not(app-pos-payment-modal){display:none!important}.print-modal-overlay,.pos-modal-overlay{position:static!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important;margin:0!important;width:100%!important;height:auto!important;display:block!important;z-index:auto!important}.print-modal-container,.pos-modal-container{max-width:100%!important;max-height:none!important;height:auto!important;overflow:visible!important;box-shadow:none!important;border:none!important;border-radius:0!important;padding:0!important;margin:0!important;display:block!important;background:transparent!important}.print-modal-body,.pos-modal-body{overflow:visible!important;height:auto!important;max-height:none!important;padding:0!important;margin:0!important;display:block!important;background:transparent!important}.page-container,.printable-area,.reports-hub-wrapper,.report-results-wrapper,.card:not(.no-print){display:block!important;position:static!important;background:#fff!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;overflow:visible!important;height:auto!important;min-height:auto!important}.table-wrapper{display:block!important;overflow:visible!important;width:100%!important;height:auto!important;border:none!important;margin:0!important;padding:0!important}table,.data-table,.results-table{display:table!important;width:100%!important;border-collapse:collapse!important;overflow:visible!important;font-size:10pt!important;page-break-inside:auto!important}tr{page-break-inside:avoid!important;page-break-after:auto!important}thead{display:table-header-group!important}tfoot{display:table-footer-group!important}th{background-color:#f1f5f9!important;color:#0f172a!important;border:1px solid #cbd5e1!important;padding:6px 8px!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}td{border:1px solid #e2e8f0!important;padding:6px 8px!important}.printable-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:20px!important;padding-bottom:12px!important;border-bottom:2px solid #0f172a!important}}