:root{--app-background: #07090e;--shell-background: #0b0e14;--sidebar-background: #0d1117;--topbar-background: #0d1117;--bg-primary: #07090e;--bg-secondary: #0d1117;--bg-tertiary: #131822;--bg-card: #131822;--bg-card-hover: #1a202c;--surface: #131822;--surface-secondary: #1a202c;--surface-hover: #222938;--accent-copper: #c87d55;--accent-bronze: #a16207;--accent-gold: #d97706;--copper-primary: #c87d55;--copper-hover: #b45309;--copper-light: #d97706;--copper-glow: rgba(200, 125, 85, .2);--copper-border: rgba(200, 125, 85, .4);--bronze-primary: #a16207;--bronze-secondary: #854d0e;--bronze-dark: #713f12;--bronze-border: rgba(161, 98, 7, .3);--active-background: linear-gradient(135deg, #c87d55 0%, #9a3412 100%);--hover-background: #1a202c;--focus-border: #c87d55;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-inverse: #07090e;--status-success: #10b981;--status-success-bg: rgba(16, 185, 129, .12);--status-success-border: rgba(16, 185, 129, .35);--status-warning: #f59e0b;--status-warning-bg: rgba(245, 158, 11, .12);--status-warning-border: rgba(245, 158, 11, .35);--status-error: #ef4444;--status-error-bg: rgba(239, 68, 68, .12);--status-error-border: rgba(239, 68, 68, .35);--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .15);--border-accent: rgba(200, 125, 85, .35);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .6), 0 2px 4px -2px rgba(0, 0, 0, .6);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .7), 0 4px 6px -4px rgba(0, 0, 0, .7);--shadow-glow: 0 0 15px var(--copper-glow);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Cairo", "Tajawal", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}html[dir=rtl] body{direction:rtl;text-align:right}html[dir=ltr] body{direction:ltr;text-align:left}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--copper-hover)}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--bg-primary)}.main-content-viewport{flex:1;overflow:hidden;display:flex}.navbar-container{display:flex;align-items:center;justify-content:space-between;background:#11151c;border-bottom:2px solid rgba(255,255,255,.12);padding:6px 16px;min-height:62px;flex-shrink:0;gap:12px;flex-wrap:nowrap}.navbar-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-logo{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;font-weight:900;font-size:1.15rem;padding:5px 12px;border-radius:var(--radius-sm);letter-spacing:1px;box-shadow:0 0 12px #d9770666;border:1px solid rgba(245,158,11,.4)}.brand-title{font-weight:800;font-size:1.05rem;color:#fff;display:block}.brand-subtitle{font-size:.75rem;color:#cbd5e1;font-weight:500}.navbar-tabs{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex:1 1 auto;min-width:0;padding:2px 0}.navbar-tabs::-webkit-scrollbar{display:none}.nav-tab-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--radius-sm);background:#1c222c;border:1px solid rgba(255,255,255,.14);color:#fff;font-size:.88rem;font-weight:700;transition:all .15s ease;white-space:nowrap;cursor:pointer}.nav-tab-btn:hover{background:#28303e;border-color:#ffffff4d;color:#fff;transform:translateY(-1px)}.nav-tab-btn.active{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;border:1px solid #f59e0b;box-shadow:0 0 12px #d9770680;font-weight:800}.navbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-inline-start:auto}.nav-action-btn{display:flex;align-items:center;gap:6px;background:#1c222c;border:1px solid rgba(255,255,255,.15);padding:7px 12px;border-radius:var(--radius-sm);color:#fff;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .15s ease}.nav-action-btn:hover{background:#28303e;border-color:var(--copper-light);color:#fff}.search-trigger-btn{background:#d9770626;border-color:#d9770666;color:#fbbf24}.search-trigger-btn:hover{background:#d9770647;border-color:#f59e0b;color:#fff}.held-badge-btn{display:flex;align-items:center;gap:8px;background:#1c222c;border:1px solid rgba(217,119,6,.5);padding:6px 12px;border-radius:var(--radius-full);font-size:.85rem;font-weight:700;color:#fff;cursor:pointer}.held-badge-btn:hover{background:#d9770633;border-color:var(--copper-light)}.badge-count{background:#d97706;color:#fff;border-radius:999px;padding:2px 8px;font-size:.78rem;font-weight:800}.system-pill{display:flex;align-items:center;gap:6px;background:#10b98126;border:1px solid rgba(16,185,129,.4);padding:6px 12px;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;color:#34d399}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--status-success);box-shadow:0 0 8px var(--status-success)}.employee-select{direction:rtl;text-align:right;font-weight:700;color:#fff;background-color:#1c222c;border:1px solid var(--border-medium);unicode-bidi:plaintext}.employee-select option{background:#161b24;color:#fff;padding:8px;direction:rtl;text-align:right;unicode-bidi:plaintext}.selected-emp-card{display:flex;align-items:center;gap:12px;background:#1c222c;border:1px solid rgba(217,119,6,.4);border-radius:var(--radius-sm);padding:10px 14px;margin-top:8px;box-shadow:0 2px 4px #0006}.emp-avatar{font-size:1.3rem;background:#d9770633;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);flex-shrink:0}.emp-names{display:flex;flex-direction:column;gap:2px}.emp-ar{font-weight:800;font-size:.98rem;color:#fff;direction:rtl;text-align:right}.emp-en{font-weight:600;font-size:.85rem;color:#cbd5e1;direction:ltr;text-align:left;letter-spacing:.3px}.new-invoice-page-container{display:flex;flex-direction:column;flex:1;width:100%;height:100%;min-height:0;overflow:hidden;background:var(--bg-primary)}.customer-top-bar{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;background:#0b0f19;border-bottom:1px solid #334155;flex-shrink:0;flex-wrap:nowrap;position:relative;z-index:50}.customer-top-bar .topbar-field{display:flex;align-items:center;gap:6px;position:relative}.customer-top-bar .topbar-input{background:#020617;border:1px solid #334155;border-radius:6px;color:#f8fafc;padding:6px 10px;font-size:.85rem;outline:none;transition:all .15s ease;height:34px}.customer-top-bar .topbar-input:focus,.customer-top-bar .topbar-input.active-target-input{border-color:#c87d55;box-shadow:0 0 0 2px #c87d5566}.favorites-two-rows-section{display:flex;flex-direction:column;gap:4px;width:100%;padding:6px 12px;background:#0f172a;border-bottom:1px solid #334155;flex-shrink:0;position:relative;z-index:40}.favorites-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.favorites-two-rows-grid{display:grid;grid-template-rows:repeat(2,44px);grid-auto-flow:column;grid-auto-columns:minmax(140px,185px);gap:6px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:thin}.favorites-two-rows-grid::-webkit-scrollbar{height:4px}.favorites-two-rows-grid::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.favorite-card-compact{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:#1e293b;border:1px solid #334155;border-radius:6px;cursor:pointer;height:44px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.favorite-card-compact:hover{background:#283548;border-color:#c87d55;transform:translateY(-1px)}.favorite-card-compact .fav-names{display:flex;flex-direction:column;flex:1;min-width:0;margin-left:6px}.favorite-card-compact .fav-name-ar{font-weight:700;font-size:.82rem;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorite-card-compact .fav-name-en{font-size:.68rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorite-card-compact .fav-price{font-weight:800;font-size:.85rem;color:#c87d55;white-space:nowrap;margin-right:4px}.pos-workspace-main{display:flex;flex:1;width:100%;min-height:0;overflow:hidden;padding:8px 12px;gap:12px}.pos-cart-section{display:flex;flex-direction:column;flex:1.4;min-width:320px;background:#0f172a;border:1px solid #334155;border-radius:10px;overflow:hidden}.pos-side-controls-section{display:flex;flex-direction:column;flex:1;min-width:280px;max-width:380px;gap:8px;overflow-y:auto}.pos-layout{display:flex;flex-direction:column;flex:1;width:100%;height:100%;min-height:0;overflow:hidden}.pos-panel{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.pos-left-panel{background:var(--bg-secondary);border-left:1px solid var(--border-light);padding:12px;overflow-y:auto;flex-shrink:0}.pos-center-panel{flex:1;min-width:0;background:var(--bg-primary);padding:12px 14px;display:flex;flex-direction:column;overflow:hidden}.pos-right-panel{background:var(--bg-card);border-right:1px solid var(--border-light);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.splitter{width:5px;background:var(--bg-tertiary);cursor:col-resize;transition:background .2s ease;flex-shrink:0}.splitter:hover{background:var(--copper-primary)}.active-target-input{border-color:#c87d55!important;box-shadow:0 0 0 2px #c87d5580,0 0 10px #c87d5559!important;background-color:#c87d5514!important}.keypad-btn:hover{border-color:#82aaff!important;background:linear-gradient(180deg,#1a2e7a,#0c1440)!important;box-shadow:0 0 14px #4279ff8c!important}.keypad-btn:active{transform:translateY(1px);background:#0a0f18!important}.keypad-backspace-btn:hover{border-color:#ed9cff!important;background:linear-gradient(180deg,#491c7cf2,#19093afa)!important;box-shadow:0 0 14px #cf5aff8c!important}.keypad-clear-btn:hover{border-color:#a7c4ff!important;background:linear-gradient(180deg,#1a2e7a,#0c1440)!important;box-shadow:0 0 14px #4279ff8c!important}.keypad-done-btn:hover{border-color:#ed9cff!important;background:linear-gradient(180deg,#491c7cf2,#19093afa)!important;box-shadow:0 0 14px #cf5aff8c!important}.numeric-keypad-docked{background:linear-gradient(180deg,#080d2a,#030511)!important;border:1px solid rgba(76,132,255,.8)!important;border-radius:14px!important;padding:8px 10px 10px!important;box-shadow:0 0 18px #345cff4d,inset 0 0 20px #17246e4d!important}.numeric-keypad-docked>div:first-child{padding:0 4px 7px!important;margin-bottom:8px!important;border-bottom-color:#5165cf66!important}.numeric-keypad-docked>div:first-child div{color:#9fc1ff!important}.numeric-keypad-docked>div:first-child span{background:#8b5cf6!important;box-shadow:0 0 10px #8b5cf6!important}.numeric-keypad-docked>div:nth-child(2){background:#01020a!important;border-color:#9b49fff2!important;border-radius:8px!important;min-height:32px!important;margin-bottom:8px!important;box-shadow:inset 0 2px 8px #000000e6,0 0 10px #803aff38!important}.numeric-keypad-docked>div:nth-child(3){gap:6px!important;margin-bottom:8px!important}.numeric-keypad-docked .keypad-btn{background:linear-gradient(180deg,#101d54,#080d2b)!important;border:1px solid rgba(78,119,255,.85)!important;border-radius:9px!important;padding:7px 0!important;font-size:1.15rem!important;box-shadow:0 0 9px #265bff33,inset 0 0 12px #304cbe2e!important}.numeric-keypad-docked .keypad-backspace-btn{background:linear-gradient(180deg,#30135bcc,#13082df2)!important;color:#df7cff!important;border-color:#cf5afff2!important;box-shadow:0 0 12px #cf5aff40!important}.numeric-keypad-docked .keypad-clear-btn,.numeric-keypad-docked .keypad-done-btn{border-radius:9px!important;padding:9px 4px!important}.numeric-keypad-docked .keypad-clear-btn{background:linear-gradient(180deg,#101d54,#080d2b)!important;color:#8db7ff!important;border-color:#4e77ffd9!important}.numeric-keypad-docked .keypad-done-btn{background:linear-gradient(180deg,#36145fe6,#150830f2)!important;color:#df7cff!important;border-color:#cf5aff!important}.form-group{margin-bottom:12px;position:relative}.form-group label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:5px}.input-control,.select-control,.textarea-control{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text-primary);font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s ease}.input-control:focus,.select-control:focus,.textarea-control:focus{border-color:var(--copper-primary);box-shadow:0 0 0 2px var(--copper-glow)}.input-with-icon{position:relative}.clear-input-btn{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.85rem}.suggestions-dropdown{position:absolute;top:100%;right:0;left:0;background:var(--bg-card);border:1px solid var(--copper-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:100;max-height:200px;overflow-y:auto;margin-top:4px}.suggestion-item{padding:8px 12px;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.suggestion-item:hover{background:var(--bg-tertiary)}.sug-name{font-weight:600;font-size:.88rem}.sug-phone{font-size:.8rem;color:var(--text-muted)}.vip-badge-sm{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;font-weight:800;font-size:.65rem;padding:1px 6px;border-radius:4px;margin-right:6px}.customer-summary-box{background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:12px;margin-top:8px}.summary-row{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:6px}.summary-row .label{color:var(--text-muted)}.summary-row .val{font-weight:600}.summary-row .val.highlight{color:var(--copper-light)}.vip-banner{background:var(--copper-glow);color:var(--copper-light);border:1px solid var(--copper-border);text-align:center;padding:4px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:700;margin-top:8px}.transient-info-box{background:#ffffff08;border:1px dashed var(--border-medium);border-radius:var(--radius-sm);padding:10px;font-size:.8rem;color:var(--text-muted);margin-top:8px}.catalog-header-bar{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.category-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.cat-tab{padding:7px 14px;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-secondary);font-size:.85rem;font-weight:600;white-space:nowrap;transition:all .2s ease}.cat-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.cat-tab.active{background:var(--copper-primary);color:#fff;border-color:var(--copper-primary)}.cat-tab.quick-tab.active{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 12px var(--copper-glow)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;overflow-y:auto;flex:1;padding-bottom:16px}.catalog-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:all .2s ease;position:relative;min-height:120px}.catalog-card:hover{background:var(--bg-card-hover);border-color:var(--copper-border);transform:translateY(-2px);box-shadow:var(--shadow-md)}.catalog-card.quick-item{border-color:#d9770666;background:linear-gradient(180deg,var(--bg-card),rgba(217,119,6,.05))}.quick-badge{position:absolute;top:8px;left:8px;background:var(--copper-primary);color:#fff;font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:4px}.item-type-tag{font-size:.7rem;color:var(--text-muted);margin-bottom:4px}.item-name-ar{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:2px}.item-name-en{font-size:.75rem;color:var(--text-muted);margin-bottom:10px}.item-price{font-size:1rem;font-weight:800;color:var(--copper-light);margin-top:auto}.cart-header{padding:16px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.cart-header h3{font-size:1.05rem;font-weight:700}.clear-cart-btn{font-size:.8rem;color:var(--status-error)}.cart-items-scroll{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.empty-cart-view{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}.empty-cart-icon{font-size:2.5rem;margin-bottom:8px}.cart-item-row{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:10px;display:flex;justify-content:space-between;align-items:center}.cart-item-details .item-name{font-size:.88rem;font-weight:700}.cart-item-details .item-unit-price{font-size:.75rem;color:var(--text-muted)}.cart-item-actions{display:flex;align-items:center;gap:10px}.quantity-controls{display:flex;align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-medium)}.quantity-controls button{padding:2px 8px;color:var(--text-primary);font-weight:700}.quantity-controls span{padding:2px 6px;font-size:.85rem;font-weight:600}.line-price{font-weight:700;font-size:.9rem;color:var(--text-primary)}.remove-item-btn{color:var(--text-muted);font-size:.85rem}.remove-item-btn:hover{color:var(--status-error)}.cart-summary-footer{border-top:1px solid var(--border-light);padding:16px;background:var(--bg-secondary)}.summary-line{display:flex;justify-content:space-between;align-items:center;font-size:.88rem;margin-bottom:8px;color:var(--text-secondary)}.discount-input{width:80px;background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:4px 8px;color:var(--text-primary);text-align:center;outline:none}.grand-total-banner{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--copper-border);border-radius:var(--radius-sm);margin:12px 0}.grand-total-banner span{font-weight:700}.grand-total-banner .amount{font-size:1.3rem;font-weight:900;color:var(--copper-light)}.checkout-action-buttons{display:flex;gap:8px}.btn{padding:10px 16px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--copper-primary),var(--copper-hover));color:#fff;box-shadow:0 2px 8px var(--copper-glow)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--copper-light),var(--copper-primary))}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-medium);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-card-hover)}.btn-danger{background:var(--status-error);color:#fff}.btn-hold{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-medium);color:var(--text-primary)}.btn-checkout{flex:2;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:1rem}.btn-sm{padding:5px 10px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600}.btn-whatsapp{background:#25d366;color:#000;font-weight:700}.btn-tiny{padding:2px 6px;font-size:.7rem;border-radius:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:20px;width:90%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-content.small-modal{max-width:380px}.modal-content.large-modal{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-light);padding-bottom:12px;margin-bottom:16px}.modal-header h3{font-size:1.1rem}.close-btn{font-size:1.2rem;color:var(--text-muted)}.close-btn:hover{color:var(--text-primary)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;border-top:1px solid var(--border-light);padding-top:14px}.payment-total-display{background:var(--bg-tertiary);border:1px solid var(--copper-border);border-radius:var(--radius-sm);padding:12px;text-align:center;margin-bottom:16px}.payment-total-display .total-val{font-size:1.6rem;font-weight:900;color:var(--copper-light);display:block}.payment-mode-tabs{display:flex;gap:8px;margin-bottom:16px}.mode-btn{flex:1;padding:8px;background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-secondary);border-radius:var(--radius-sm);font-weight:600;font-size:.85rem}.mode-btn.active{background:var(--copper-primary);color:#fff;border-color:var(--copper-primary)}.method-selector-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.method-card{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-md);padding:16px;text-align:center;cursor:pointer;transition:all .2s ease}.method-card:hover{border-color:var(--copper-border)}.method-card.selected{border-color:var(--copper-primary);background:var(--copper-glow)}.method-icon{font-size:2rem;margin-bottom:6px}.method-title{font-weight:700;font-size:.95rem}.thermal-receipt{background:#fff;color:#000;padding:16px;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.3;margin:12px 0;box-shadow:inset 0 0 10px #0000001a}.receipt-header,.receipt-footer{text-align:center}.receipt-brand{font-size:15px;font-weight:900;letter-spacing:1px}.receipt-brand-ar{font-size:14px;font-weight:700}.receipt-location,.receipt-contact{font-size:11px}.receipt-watermark{background:#000;color:#fff;font-weight:700;padding:2px;margin:6px 0}.receipt-divider{overflow:hidden;white-space:nowrap;letter-spacing:-1px}.receipt-table{width:100%;border-collapse:collapse;margin:6px 0;font-size:12px}.receipt-table th,.receipt-table td{padding:3px 0}.en-sub{font-size:10px;color:#555}.receipt-totals .total-row{display:flex;justify-content:space-between;padding:2px 0}.receipt-totals .grand-total{font-size:15px;font-weight:900;border-top:1px dashed #000;border-bottom:1px dashed #000;padding:4px 0}.payment-line{display:flex;justify-content:space-between}.page-container{padding:20px;overflow-y:auto;flex:1}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px;flex-wrap:wrap}.page-header h2{font-size:1.3rem;font-weight:800}.filters-bar{display:flex;gap:8px;align-items:center}.table-responsive{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.88rem}.data-table th{background:var(--bg-secondary);color:var(--text-muted);font-weight:600;padding:12px;border-bottom:1px solid var(--border-light);text-align:right;white-space:nowrap}.data-table td{padding:12px;border-bottom:1px solid var(--border-light);color:var(--text-primary)}.data-table tbody tr:hover{background:var(--bg-tertiary)}.status-pill{padding:3px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700}.status-pill.paid{background:var(--status-success-bg);color:var(--status-success);border:1px solid var(--status-success-border)}.status-pill.refunded{background:var(--status-warning-bg);color:var(--status-warning);border:1px solid var(--status-warning-border)}.status-pill.cancelled{background:var(--status-error-bg);color:var(--status-error);border:1px solid var(--status-error-border)}.type-badge{padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:600}.type-badge.package{background:var(--copper-glow);color:var(--copper-light);border:1px solid var(--copper-border)}.type-badge.service{background:var(--bg-tertiary);color:var(--text-secondary)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.metric-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column}.metric-card.highlight-metric{border-color:var(--copper-border);background:linear-gradient(135deg,var(--bg-card),var(--copper-glow))}.metric-icon{font-size:1.5rem;margin-bottom:6px}.metric-label{font-size:.8rem;color:var(--text-muted);margin-bottom:4px}.metric-value{font-size:1.3rem;font-weight:900;color:var(--text-primary)}.text-danger{color:var(--status-error)!important}.text-warning{color:var(--status-warning)!important}.panel-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:18px}.full-width-card{grid-column:1 / -1}.reports-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.closing-preview-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:16px}.closing-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:18px}.summary-highlight{border-color:var(--copper-border)}.kpi-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-light);font-size:.88rem}.kpi-row.total-highlight,.kpi-row.expected-cash-row{border-top:1px solid var(--border-medium);border-bottom:none;padding-top:12px;font-size:1rem}.difference-banner{padding:10px;border-radius:var(--radius-sm);text-align:center;margin:10px 0;font-size:.9rem}.difference-banner.exact{background:var(--status-success-bg);border:1px solid var(--status-success-border);color:var(--status-success)}.difference-banner.surplus{background:var(--status-warning-bg);border:1px solid var(--status-warning-border);color:var(--status-warning)}.difference-banner.shortage{background:var(--status-error-bg);border:1px solid var(--status-error-border);color:var(--status-error)}.diff-pill{padding:2px 6px;border-radius:4px;font-size:.75rem}.diff-pill.zero{background:var(--status-success-bg);color:var(--status-success)}.diff-pill.nonzero{background:var(--status-error-bg);color:var(--status-error)}.btn-block{width:100%}.cohorts-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.cohort-box{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:12px}.cohort-badge{font-weight:700;font-size:.85rem;color:var(--copper-light)}.cohort-count{font-size:1.2rem;font-weight:900;margin:4px 0 10px}.cohort-client-item{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;padding:4px 0;border-bottom:1px solid var(--border-light)}.held-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.held-ticket-card{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:12px}.ticket-header{display:flex;justify-content:space-between;border-bottom:1px solid var(--border-light);padding-bottom:6px;margin-bottom:8px}.ticket-total{color:var(--copper-light);margin-top:4px}.ticket-actions{display:flex;justify-content:space-between}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:24px}.py-3{padding-top:12px;padding-bottom:12px}.py-4{padding-top:16px;padding-bottom:16px}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.highlight-points{color:var(--copper-light);font-weight:700}.badge-cat{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-size:.75rem}@media print{body *{visibility:hidden}#printable-receipt,#printable-receipt *{visibility:visible}#printable-receipt{position:absolute;left:0;top:0;width:80mm;margin:0;padding:0}}@media(max-width:1280px){.nav-tab-btn{padding:6px 10px;font-size:.82rem}.brand-title{font-size:.95rem}.brand-subtitle{display:none}}@media(max-width:1024px){.navbar-container{padding:4px 10px;gap:8px}.nav-tab-btn{padding:6px 8px;font-size:.78rem}.brand-logo{font-size:1rem;padding:4px 8px}.pos-left-panel{min-width:260px}.pos-right-panel{min-width:280px}}.app-body-layout{display:flex;flex-direction:row;flex:1;height:calc(100vh - 56px);width:100vw;overflow:hidden;position:relative}.app-right-sidebar{display:flex;flex-direction:column;background-color:#0f172a;border-left:2px solid rgba(200,125,85,.4);height:100%;flex-shrink:0;z-index:40}.sidebar-items-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--copper-primary) #0f172a}.sidebar-items-scrollable::-webkit-scrollbar{width:4px}.sidebar-items-scrollable::-webkit-scrollbar-thumb{background:#c87d5580;border-radius:4px}.sidebar-nav-btn{font-family:inherit}.sidebar-nav-btn:hover{background-color:#1e293b!important;color:#fff!important}.sidebar-nav-btn.active{background:linear-gradient(135deg,#c87d55,#9a3412)!important;color:#fff!important;box-shadow:0 2px 8px #c87d5559;border:1px solid rgba(245,158,11,.6)!important}.customer-profile-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.customer-profile-modal-window{width:min(1100px,92vw)!important;max-width:1100px!important;max-height:88vh!important;background-color:#1e293b!important;border-radius:12px;border:1px solid #c87d55!important;box-shadow:0 25px 60px #000000d9;display:flex;flex-direction:column;overflow:hidden;padding:0!important}.prem-payment-panel{display:flex;flex-direction:column;gap:7px;background:radial-gradient(ellipse at 20% 0%,rgba(120,72,30,.18) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(80,40,10,.22) 0%,transparent 60%),linear-gradient(175deg,#1a1008,#100c06 40%,#1a1008);border:1.5px solid #4a2e12;border-radius:12px;padding:8px 9px 9px;box-shadow:0 0 0 1px #c87d371a,inset 0 1px #c8a0501f,inset 0 -1px #00000080,0 6px 24px #000000b3;flex-shrink:0}.prem-payment-title{display:flex;align-items:center;gap:7px;padding-bottom:6px;border-bottom:1px solid rgba(200,125,55,.22);flex-shrink:0}.prem-payment-title h3{margin:0;font-size:.83rem;font-weight:900;color:#e8c87a;letter-spacing:.03em;text-shadow:0 1px 3px rgba(0,0,0,.8)}.prem-cards-wrapper{display:flex;flex-direction:column;gap:7px;flex-shrink:0}.prem-pay-card{position:relative;display:flex;align-items:center;gap:0;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;min-height:68px}.prem-pay-card:active{transform:scale(.98)}.prem-pay-card.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.prem-card-icon-col{flex-shrink:0;width:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:8px 4px;gap:3px;position:relative;z-index:1}.prem-card-icon-wrap{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;position:relative}.prem-card-icon-label{font-size:.58rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.prem-card-text-col{flex:1;min-width:0;padding:10px 10px 10px 0;display:flex;flex-direction:column;gap:3px;position:relative;z-index:1}.prem-card-title{font-size:.95rem;font-weight:900;line-height:1.1}.prem-card-sub{font-size:.67rem;font-weight:700;line-height:1.3;opacity:.85}.prem-card-tag{display:inline-block;font-size:.62rem;font-weight:800;padding:1px 6px;border-radius:20px;margin-top:2px;letter-spacing:.04em}.prem-pay-card-cash{background:linear-gradient(135deg,#3d200a,#2a1506 35%,#1e0f03 60%,#2d1608);border:1.5px solid #8B5E34;box-shadow:0 0 0 1px #c87d3726,inset 0 1px #dca05040,inset 0 -1px #0009,inset 1px 0 #dca0501a,0 4px 14px #0009,0 0 20px #b464281f}.prem-pay-card-cash:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(200,130,60,.03) 3px,rgba(200,130,60,.03) 6px),repeating-linear-gradient(0deg,transparent,transparent 4px,rgba(140,80,30,.04) 4px,rgba(140,80,30,.04) 8px);border-radius:10px;pointer-events:none}.prem-pay-card-cash.active,.prem-pay-card-cash:hover:not(.disabled){border-color:#c87d55;box-shadow:0 0 0 2px #c87d3766,inset 0 1px #dca05059,0 4px 20px #c87d374d,0 0 28px #c87d3733;filter:brightness(1.08)}.prem-card-icon-wrap-cash{background:linear-gradient(145deg,#5a3010,#3a1c06);border:1.5px solid #a06530;box-shadow:inset 0 1px #dca0504d,inset 0 -1px #00000080,0 2px 6px #00000080;color:#e8b060}.prem-card-icon-label-cash{color:#c8905a}.prem-card-title-cash{color:#f0d090}.prem-card-sub-cash{color:#c8905a}.prem-card-tag-cash{background:#c87d3733;border:1px solid rgba(200,125,55,.45);color:#e8b060}.prem-pay-card-ziina{background:linear-gradient(135deg,#3d0a12,#2a0508 35%,#1e0305 60%,#300810);border:1.5px solid #7a1a28;box-shadow:0 0 0 1px #b41e3726,inset 0 1px #dc506433,inset 0 -1px #0009,0 4px 14px #0009,0 0 20px #a014281f}.prem-pay-card-ziina:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 15% 50%,rgba(180,30,55,.12) 0%,transparent 55%),radial-gradient(ellipse at 85% 20%,rgba(120,10,30,.1) 0%,transparent 45%);border-radius:10px;pointer-events:none}.prem-pay-card-ziina.active,.prem-pay-card-ziina:hover:not(.disabled){border-color:#c0304a;box-shadow:0 0 0 2px #c0304a66,inset 0 1px #dc50644d,0 4px 20px #c0304a4d,0 0 28px #c0304a33;filter:brightness(1.1)}.prem-card-icon-wrap-ziina{background:linear-gradient(145deg,#5a0d1a,#3a0508);border:1.5px solid #a02030;box-shadow:inset 0 1px #dc506440,inset 0 -1px #00000080,0 0 10px #c0304a59,0 2px 6px #00000080;color:#e87080}.prem-card-icon-label-ziina{color:#c05070}.prem-card-title-ziina{color:#f0a0b0}.prem-card-sub-ziina{color:#c05070}.prem-card-tag-ziina{background:#c0304a33;border:1px solid rgba(192,48,74,.45);color:#e87080}.prem-pay-card-split{background:linear-gradient(135deg,#0a2810,#061a09 35%,#040e05 60%,#0a2010);border:1.5px solid #1a6030;box-shadow:0 0 0 1px #1e8c3c26,inset 0 1px #50c86426,inset 0 -1px #0009,0 4px 14px #0009,0 0 20px #1478281a}.prem-pay-card-split:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 10% 60%,rgba(30,140,60,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 30%,rgba(10,80,25,.1) 0%,transparent 50%);border-radius:10px;pointer-events:none}.prem-pay-card-split.active,.prem-pay-card-split:hover:not(.disabled){border-color:#30a050;box-shadow:0 0 0 2px #30a05066,inset 0 1px #50c86440,0 4px 20px #30a0504d,0 0 28px #30a05033;filter:brightness(1.1)}.prem-card-icon-wrap-split{background:linear-gradient(145deg,#0e3d18,#061205);border:1.5px solid #208040;box-shadow:inset 0 1px #50c86433,inset 0 -1px #00000080,0 0 10px #30a0504d,0 2px 6px #00000080;color:#60d080}.prem-card-icon-label-split{color:#40a060}.prem-card-title-split{color:#90e0a8}.prem-card-sub-split{color:#40a060}.prem-card-tag-split{background:#30a0502e;border:1px solid rgba(48,160,80,.45);color:#60d080}.prem-card-divider{width:1px;align-self:stretch;background:linear-gradient(to bottom,transparent,rgba(200,160,80,.18) 30%,rgba(200,160,80,.18) 70%,transparent);flex-shrink:0;margin:8px 0}.prem-card-divider-red{background:linear-gradient(to bottom,transparent,rgba(200,60,80,.18) 30%,rgba(200,60,80,.18) 70%,transparent)}.prem-card-divider-green{background:linear-gradient(to bottom,transparent,rgba(60,180,80,.18) 30%,rgba(60,180,80,.18) 70%,transparent)}.prem-tip-bar{background:linear-gradient(135deg,#2e1a08,#1e1005 60%,#2a1808);border:1.5px solid #6b3d18;border-radius:9px;padding:6px 9px;box-shadow:inset 0 1px #c896462e,inset 0 -1px #00000073,0 2px 8px #00000080;flex-shrink:0}.prem-tip-header{display:flex;justify-content:space-between;align-items:center}.prem-tip-label{font-size:.72rem;font-weight:800;color:#d4a060;display:flex;align-items:center;gap:5px}.prem-tip-toggle{font-size:.66rem;font-weight:800;padding:2px 8px;border-radius:20px;cursor:pointer;transition:all .12s;border:1px solid}.prem-tip-toggle-add{background:#c8963c2e;color:#d4a060;border-color:#c8963c66}.prem-tip-toggle-add:hover{background:#c8963c4d}.prem-tip-toggle-cancel{background:#dc3c3c26;color:#e06060;border-color:#dc3c3c59}.prem-tip-toggle-cancel:hover{background:#dc3c3c40}.prem-tip-body{display:flex;flex-direction:column;gap:4px;margin-top:6px}.prem-tip-input{flex:1;padding:3px 7px;font-size:.74rem;height:26px;background:#0e0804;border:1px solid rgba(200,140,60,.35);border-radius:5px;color:#e8b060;font-weight:700;outline:none}.prem-tip-input:focus{border-color:#c88c3ca6;box-shadow:0 0 0 2px #c88c3c1f}.prem-tip-select{padding:2px 5px;font-size:.71rem;height:26px;background:#0e0804;border:1px solid rgba(255,255,255,.1);border-radius:5px;color:#c8a878;outline:none;min-width:72px}.prem-tip-emp-select{width:100%;padding:3px 5px;font-size:.71rem;height:26px;background:#0e0804;border:1px solid rgba(255,255,255,.1);border-radius:5px;color:#c8a878;outline:none}.prem-ref-box{background:linear-gradient(135deg,#2a1808,#1a0f05 60%,#241508);border:1.5px solid #6b3d18;border-radius:9px;padding:6px 9px;box-shadow:inset 0 1px #c8964626,inset 0 -1px #00000073,0 2px 8px #00000073;flex-shrink:0}.prem-ref-label{font-size:.66rem;color:#a07848;font-weight:700;display:block;margin-bottom:4px;text-shadow:0 1px 2px rgba(0,0,0,.7)}.prem-ref-input-wrap{display:flex;align-items:center;gap:6px;background:#0d0804;border:1px solid rgba(200,140,70,.3);border-radius:6px;padding:0 6px;box-shadow:inset 0 2px 4px #00000080}.prem-ref-input{flex:1;padding:4px;font-size:.74rem;height:26px;background:transparent;border:none;color:#d4a878;outline:none}.prem-ref-icon{color:#7a5030;flex-shrink:0;font-size:.9rem}.prem-cash-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;min-height:52px;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .1s ease,box-shadow .1s ease,filter .1s ease;background:linear-gradient(160deg,#5a2e0a,#3a1c06,#2a1205 60%,#4a2508);border:0;outline:none;position:relative;overflow:hidden;box-shadow:0 0 0 1.5px #8b5e34,0 0 0 3px #8c501e40,inset 0 1px #dca0504d,inset 0 -2px #00000080,0 4px 16px #000000a6,0 0 24px #b464282e;flex-shrink:0}.prem-cash-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(220,160,80,.1) 0%,transparent 100%);border-radius:10px 10px 0 0;pointer-events:none}.prem-cash-btn:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 0 1.5px #c87d55,0 0 0 3px #c87d3759,inset 0 1px #dca05066,inset 0 -2px #00000080,0 6px 20px #000000a6,0 0 30px #c87d3747}.prem-cash-btn:active:not(:disabled){transform:scale(.98);filter:brightness(.95)}.prem-cash-btn:disabled{opacity:.4;cursor:not-allowed}.prem-cash-btn-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#dca03c33,#8c501433);border:1px solid rgba(200,140,60,.35);box-shadow:inset 0 1px #dca05033,0 2px 4px #0006;flex-shrink:0;color:#e8b060;position:relative;z-index:1}.prem-cash-btn-text{flex:1;text-align:center;position:relative;z-index:1}.prem-cash-btn-text-ar{display:block;font-size:.88rem;font-weight:900;color:#f0d090;text-shadow:0 1px 4px rgba(0,0,0,.8);letter-spacing:.02em}.prem-cash-btn-text-en{display:block;font-size:.62rem;font-weight:700;color:#b08040;letter-spacing:.04em;text-transform:uppercase}@media(max-height:820px){.new-invoice-page-container{min-height:0!important;overflow:hidden!important}.customer-top-bar{padding:4px 8px!important;gap:6px!important}.customer-top-bar .topbar-input{height:30px!important;padding:4px 8px!important;font-size:.78rem!important}.favorites-two-rows-section{padding:4px 8px!important;gap:2px!important}.favorites-header-bar{margin-bottom:0!important}.favorites-two-rows-grid{grid-template-rows:repeat(2,36px)!important;grid-auto-columns:minmax(132px,175px)!important;gap:4px!important;padding-bottom:2px!important}.favorite-card-compact{height:36px!important;padding:2px 6px!important}.favorite-card-compact .fav-name-ar{font-size:.74rem!important}.favorite-card-compact .fav-name-en{font-size:.6rem!important}.favorite-card-compact .fav-price{font-size:.72rem!important}.pos-workspace-main{padding:4px 8px!important;min-height:0!important}.pos-side-controls-section{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;padding-bottom:2px!important}.numeric-keypad-docked{border-radius:9px!important;padding:5px 7px 6px!important}.numeric-keypad-docked>div:first-child{padding:0 2px 3px!important;margin-bottom:4px!important}.numeric-keypad-docked>div:first-child div{font-size:.66rem!important}.numeric-keypad-docked>div:nth-child(2){min-height:24px!important;margin-bottom:4px!important;padding:1px 6px!important;font-size:.92rem!important}.numeric-keypad-docked>div:nth-child(3){gap:3px!important;margin-bottom:4px!important}.numeric-keypad-docked .keypad-btn{border-radius:6px!important;padding:3px 0!important;font-size:.9rem!important;min-height:27px!important}.numeric-keypad-docked .keypad-clear-btn,.numeric-keypad-docked .keypad-done-btn{border-radius:6px!important;padding:5px 3px!important;min-height:28px!important;font-size:.72rem!important}.prem-payment-panel{gap:4px!important;padding:6px 7px!important}.prem-payment-title{padding-bottom:3px!important}.prem-payment-title h3{font-size:.74rem!important}.prem-cards-wrapper{gap:4px!important}.prem-pay-card{min-height:52px!important;border-radius:8px!important}.prem-card-icon-col{width:48px!important;padding:4px 3px!important;gap:1px!important}.prem-card-icon-wrap{width:34px!important;height:34px!important;border-radius:7px!important}.prem-card-icon-label{font-size:.5rem!important}.prem-card-text-col{padding:5px 7px 5px 0!important;gap:1px!important}.prem-card-title{font-size:.8rem!important}.prem-card-sub{font-size:.58rem!important}.prem-card-tag{font-size:.52rem!important;margin-top:1px!important;padding:0 5px!important}}@media(max-height:720px){.customer-top-bar{padding-top:3px!important;padding-bottom:3px!important}.favorites-two-rows-grid{grid-template-rows:repeat(2,33px)!important}.favorite-card-compact{height:33px!important}.numeric-keypad-docked .keypad-btn{min-height:24px!important;padding:2px 0!important;font-size:.82rem!important}.numeric-keypad-docked .keypad-clear-btn,.numeric-keypad-docked .keypad-done-btn{min-height:25px!important;padding:3px!important}.prem-pay-card{min-height:48px!important}.prem-card-icon-wrap{width:30px!important;height:30px!important}}:root{--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px)}html,body{width:100%;max-width:100vw;overflow-x:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);margin-bottom:12px}.table-responsive::-webkit-scrollbar{height:5px;width:5px}.table-responsive::-webkit-scrollbar-thumb{background:#c87d5566;border-radius:4px}.modal-overlay{padding:10px!important;box-sizing:border-box!important}.modal-content{max-width:min(540px,95vw)!important;max-height:90dvh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}@media(max-width:767px){.mobile-bottom-nav{display:flex!important}.app-body-layout{padding-bottom:calc(54px + var(--sab))!important}.mobile-hamburger-btn{display:flex!important}.desktop-sidebar-btn,.navbar-center-search{display:none!important}.mobile-search-btn{display:flex!important}.brand-subtitle,.lang-text-full{display:none!important}.lang-text-short{display:inline!important}.user-details,.nav-online-text{display:none!important}.sidebar-close-btn-mobile{display:flex!important}.app-right-sidebar{position:fixed!important;top:0!important;bottom:0!important;width:280px!important;max-width:85vw!important;min-width:260px!important;z-index:960!important;box-shadow:-8px 0 24px #000000e6!important;transition:transform .25s cubic-bezier(.4,0,.2,1)!important}html[dir=rtl] .app-right-sidebar{right:0!important;left:auto!important;transform:translate(105%)!important}html[dir=ltr] .app-right-sidebar{left:0!important;right:auto!important;transform:translate(-105%)!important}.app-right-sidebar.mobile-drawer-open{transform:translate(0)!important}.new-invoice-page-container{padding:6px 8px!important;gap:6px!important}.mobile-customer-view{flex-direction:column!important;align-items:stretch!important;height:auto!important;max-height:none!important;padding:12px 10px!important;gap:8px!important}.mobile-customer-view .topbar-field{width:100%!important;flex:1 1 100%!important;min-width:100%!important}.mobile-catalog-view{flex:1!important;overflow-y:auto!important;height:100%!important}.pos-workspace-main{flex-direction:column!important;overflow-y:auto!important;height:100%!important;gap:8px!important}.splitter{display:none!important}.pos-side-controls-section{width:100%!important;max-width:100%!important;min-width:100%!important;height:auto!important}.pos-cart-section{width:100%!important;min-width:100%!important;flex:1!important;height:100%!important}.pos-payment-panel{width:100%!important;max-width:100%!important;min-width:100%!important;height:100%!important;overflow-y:auto!important}.prem-pay-card{min-height:58px!important}button,select,input[type=button],input[type=submit]{min-height:38px}.btn-sm{min-height:32px!important;padding:5px 8px!important}.topbar-input,.input-control,.select-control{font-size:16px!important}.page-container{padding:12px 10px!important;gap:12px!important}.data-table{min-width:620px}.closing-preview-grid,.reports-two-col,.settings-two-col,.split-row{grid-template-columns:1fr!important}}@media(min-width:768px)and (max-width:1023px){.navbar-center-search{flex:0 1 200px!important;max-width:200px!important}.search-shortcut-badge,.user-role{display:none!important}.app-right-sidebar.collapsed{width:64px!important;min-width:64px!important}.pos-side-controls-section{min-width:200px!important;max-width:250px!important}.pos-payment-panel{min-width:220px!important;max-width:270px!important}.closing-preview-grid{grid-template-columns:1fr 1fr!important}}@media(min-width:768px)and (max-height:800px){.pos-side-controls-section,.pos-payment-panel{overflow-y:auto!important;min-height:0!important}.prem-payment-panel{overflow-y:auto!important}.cart-items-scroll{overflow-y:auto!important;min-height:0!important}}