:root{--bg: #F4F6F9;--surface: #FFFFFF;--surface-2: #F8FAFC;--surface-3: #EDF1F5;--border: #E1E6EC;--border-strong: #C8D2DD;--text: #0E2A47;--text-muted: #64748B;--text-dim: #94A3B8;--primary: #1744A4;--primary-hover: #103487;--primary-light: #E8EDF9;--accent: #3B62C7;--accent-hover: #2B4FB5;--success: #10B981;--success-light: #D1FAE5;--warning: #F59E0B;--warning-light: #FEF3C7;--danger: #EF4444;--danger-light: #FEE2E2;--info: #3B82F6;--info-light: #DBEAFE;--purple: #8B5CF6;--purple-light: #EDE9FE;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .05);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .1), 0 8px 10px -6px rgba(15, 23, 42, .05);--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--sidebar-w: 72px}[data-theme=dark]{--bg: #0B1220;--surface: #131C2E;--surface-2: #1A2436;--surface-3: #232E42;--border: #2A3650;--border-strong: #3D4D6E;--text: #E8EEF7;--text-muted: #94A3B8;--text-dim: #64748B;--primary: #5478D4;--primary-hover: #3B62C7;--primary-light: rgba(84, 120, 212, .15);--accent: #7A95DD;--accent-hover: #5478D4;--success: #34D399;--success-light: rgba(52, 211, 153, .15);--warning: #FBBF24;--warning-light: rgba(251, 191, 36, .15);--danger: #F87171;--danger-light: rgba(248, 113, 113, .15);--info: #60A5FA;--info-light: rgba(96, 165, 250, .15);--purple: #A78BFA;--purple-light: rgba(167, 139, 250, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 8px 10px -6px rgba(0, 0, 0, .5)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ar{font-family:Cairo,Inter,sans-serif;direction:rtl}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,textarea{font-family:inherit;outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh;height:100dvh}.sidebar{background:var(--primary);display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:8px;position:relative}[data-theme=dark] .sidebar{background:var(--surface);border-right:1px solid var(--border)}.sidebar-logo{width:44px;height:44px;background:var(--accent);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;margin-bottom:12px;box-shadow:var(--shadow)}.nav-btn{width:48px;height:48px;border-radius:var(--radius);background:transparent;color:#ffffffb3;display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative}.nav-btn:hover{background:#ffffff1a;color:#fff}.nav-btn.active{background:var(--accent);color:#fff;box-shadow:var(--shadow)}.nav-btn .badge{position:absolute;top:4px;right:4px;background:var(--danger);color:#fff;font-size:10px;font-weight:600;min-width:18px;height:18px;padding:0 5px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid var(--primary)}[data-theme=dark] .nav-btn .badge{border-color:var(--surface)}.sidebar-spacer{flex:1}.sidebar-user{width:44px;height:44px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;cursor:pointer}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{height:60px;background:var(--surface);border-bottom:1px solid var(--border);padding:0 24px;display:flex;align-items:center;gap:16px;flex-shrink:0;min-width:0}.topbar-title{font-size:18px;font-weight:600;color:var(--text);background:transparent;cursor:pointer;transition:color .15s}.topbar-title:hover{color:var(--primary)}.topbar-new-order{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;color:#fff;background:var(--primary);border-radius:var(--radius);transition:filter .15s}.topbar-new-order:hover{filter:brightness(1.08)}.topbar-new-order:active{filter:brightness(.95)}.topbar-tabs{display:flex;gap:4px;margin-left:24px;background:var(--surface-3);padding:4px;border-radius:var(--radius)}.tab{padding:8px 18px;font-size:13px;font-weight:500;color:var(--text-muted);border-radius:6px;background:transparent;transition:all .15s;display:flex;align-items:center;gap:8px}.tab:hover{color:var(--text)}.tab.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.tab .count{background:var(--surface-3);color:var(--text-muted);padding:1px 7px;border-radius:10px;font-size:11px;font-weight:600}.tab.active .count{background:var(--primary-light);color:var(--primary)}.topbar-spacer{flex:1}.topbar-actions{display:flex;gap:8px;align-items:center}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;background:var(--success-light);color:var(--success);border-radius:999px;font-size:12px;font-weight:500}.status-pill .dot{width:6px;height:6px;background:currentColor;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.icon-btn{width:36px;height:36px;border-radius:var(--radius);background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .15s}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.icon-btn.has-badge{position:relative}.icon-btn .badge{position:absolute;top:4px;right:4px;background:var(--danger);color:#fff;font-size:10px;font-weight:600;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center}.theme-toggle{width:36px;height:36px;border-radius:var(--radius);background:var(--surface-3);color:var(--text);display:flex;align-items:center;justify-content:center}.workspace{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 500px;min-height:0;min-width:0}.catalog-area{display:flex;flex-direction:column;background:var(--bg);min-height:0;min-width:0;overflow:hidden}.search-bar{padding:16px 24px 12px;display:flex;gap:12px;align-items:center}.search-input-wrap{flex:1;position:relative}.search-input{width:100%;height:44px;padding:0 16px 0 44px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:14px;color:var(--text);transition:all .15s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--primary-light)}.search-input::-moz-placeholder{color:var(--text-dim)}.search-input::placeholder{color:var(--text-dim)}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none}.btn-secondary{height:44px;padding:0 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:all .15s}.btn-secondary:hover{background:var(--surface-3);border-color:var(--border-strong)}.btn-icon-44{width:44px;height:44px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-icon-44:hover{background:var(--surface-3)}.categories{padding:0 24px 12px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.cat-btn{flex-shrink:0;padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .15s}.cat-btn:hover{border-color:var(--border-strong)}.cat-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow)}.cat-btn .cat-icon{font-size:16px;line-height:1}.cat-btn .cat-count{font-size:11px;opacity:.7}.products{flex:1;padding:4px 24px 24px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-auto-rows:min-content;gap:12px;align-content:start}.product{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;position:relative}.product:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.product:active{transform:translateY(0)}.product.combo{border-color:var(--warning)}.product.combo:before{content:"COMBO";position:absolute;top:8px;right:8px;z-index:1;background:var(--warning);color:#fff;font-size:9px;font-weight:700;padding:3px 7px;border-radius:4px;letter-spacing:.5px}.product-image{height:110px;flex:0 0 110px;display:flex;align-items:center;justify-content:center;font-size:42px;position:relative}.product-image--photo{background-size:cover;background-position:center;background-repeat:no-repeat}.product-info{padding:10px 12px}.product-name{font-size:13px;font-weight:600;color:var(--text);line-height:1.3}.product-name-ar{font-size:11px;color:var(--text-muted);margin-top:2px}.product-price{font-size:14px;font-weight:700;color:var(--primary);margin-top:4px}.product-tag{position:absolute;top:8px;left:8px;background:var(--success);color:#fff;font-size:9px;font-weight:600;padding:3px 7px;border-radius:4px}.products-section-label{grid-column:1 / -1;font-size:13px;font-weight:700;color:var(--text);letter-spacing:.3px;padding:4px 2px 2px}.cart-panel{background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.cart-header{padding:16px 20px;border-bottom:1px solid var(--border)}.cart-order-label{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:10px 12px;background:var(--primary-light);border-radius:var(--radius);border-left:3px solid var(--primary)}.cart-order-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cart-order-text{flex:1;min-width:0}.cart-order-type{font-size:13px;font-weight:600;color:var(--primary)}.cart-order-sub{font-size:11px;color:var(--text-muted);margin-top:1px}.customer-section{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:var(--radius);cursor:pointer;transition:all .15s}.customer-section:hover{border-color:var(--accent);background:var(--primary-light)}.customer-section.has-customer{border-style:solid;border-color:var(--accent);background:var(--primary-light)}.customer-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0}.customer-empty{width:36px;height:36px;border-radius:50%;background:var(--surface-3);color:var(--text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.customer-info{flex:1;min-width:0}.customer-name{font-size:13px;font-weight:600;color:var(--text)}.customer-meta{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delivery-info{margin-top:10px;padding:10px 12px;background:var(--info-light);border-radius:var(--radius);display:none}.delivery-info.show{display:block}.delivery-row{display:flex;justify-content:space-between;font-size:12px}.delivery-row+.delivery-row{margin-top:4px}.delivery-row .label{color:var(--text-muted)}.delivery-row .value{color:var(--text);font-weight:500}.cart-items{flex:1;overflow-y:auto;padding:8px 0;min-height:0}.cart-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-dim);padding:40px 20px;text-align:center}.cart-empty-icon{width:80px;height:80px;background:var(--surface-3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.cart-empty-text{font-size:14px;font-weight:500;color:var(--text-muted)}.cart-empty-hint{font-size:12px;color:var(--text-dim);margin-top:4px}.cart-item{padding:8px 18px;border-bottom:1px solid var(--border);display:flex;gap:10px;align-items:center;position:relative;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.cart-item:last-child{border-bottom:none}.cart-item-emoji{width:32px;height:32px;background:var(--surface-3);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.cart-item-emoji--photo{background-size:cover;background-position:center;background-repeat:no-repeat}.cart-item-body{flex:1;min-width:0}.cart-item-row1{display:flex;justify-content:space-between;align-items:center;gap:10px}.cart-item-main{min-width:0;flex:1}.cart-item-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.cart-item-name{font-size:13px;font-weight:600;color:var(--text);line-height:1.3}.cart-item-price{font-size:13px;font-weight:700;color:var(--text);min-width:56px;text-align:right}.cart-item-price--editable{border:1px dashed var(--border);border-radius:6px;padding:2px 6px;background:transparent;cursor:pointer;font:inherit;font-weight:700}.cart-item-price--editable:hover{border-color:var(--accent);color:var(--accent)}.cart-item-price-input{width:72px;min-width:72px;font-size:13px;font-weight:700;text-align:right;padding:2px 6px;border:1px solid var(--accent);border-radius:6px;background:var(--surface-1, #fff);color:var(--text)}.cart-item-mods{font-size:11px;color:var(--text-muted);margin-top:2px;line-height:1.45}.cart-item-mods .add{color:var(--success)}.cart-item-mods .rem{color:var(--danger)}.cart-item-station{font-size:11px;color:var(--accent);margin-top:1px;font-weight:500}.cart-item-controls{display:flex;align-items:center;gap:8px;margin-top:8px}.qty-stepper{display:flex;align-items:center;background:var(--surface-3);border-radius:var(--radius-sm);overflow:hidden}.qty-btn{width:24px;height:24px;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;transition:background .15s}.qty-btn:hover{background:var(--border)}.qty-value{width:34px;text-align:center;font-size:13px;font-weight:600;color:var(--text);background:transparent;border:none;padding:0;font-family:inherit}.qty-value--editable{cursor:pointer;border-radius:var(--radius-sm);transition:background .15s}.qty-value--editable:hover{background:var(--border)}.qty-value-input{width:40px;height:24px;text-align:center;font-size:13px;font-weight:600;font-family:inherit;color:var(--text);background:var(--surface);border:1px solid var(--primary);border-radius:var(--radius-sm);padding:0 2px;outline:none;-moz-appearance:textfield}.qty-value-input::-webkit-outer-spin-button,.qty-value-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cart-item-remove{background:transparent;color:var(--text-dim);width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .15s}.cart-item-remove:hover{background:var(--danger-light);color:var(--danger)}.cart-footer{border-top:1px solid var(--border);padding:16px 20px;background:var(--surface-2)}.cart-summary{margin-bottom:14px}.summary-row{display:flex;justify-content:space-between;font-size:13px;padding:3px 0;color:var(--text-muted)}.summary-row.discount{color:var(--success)}.summary-row.total{font-size:18px;font-weight:700;color:var(--text);margin-top:8px;padding-top:10px;border-top:1px solid var(--border)}.cart-actions{display:grid;gap:8px}.btn-primary{width:100%;padding:14px;background:var(--primary);color:#fff;border-radius:var(--radius);font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s;box-shadow:var(--shadow)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.btn-secondary-row .btn-secondary{justify-content:center;padding:0 8px;gap:6px}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary:disabled:hover{background:var(--surface);border-color:var(--border)}.modal-overlay{position:fixed;inset:0;background:#0f172a80;backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:100;padding:20px;animation:fadeIn .15s ease-out}.modal-overlay.show{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:720px;max-height:88vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideUp .25s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;flex-shrink:0}.modal-header-img{width:56px;height:56px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.modal-header-title{flex:1}.modal-header-name{font-size:18px;font-weight:700;color:var(--text)}.modal-header-name-ar{font-size:13px;color:var(--text-muted);margin-top:2px}.modal-close{width:36px;height:36px;border-radius:var(--radius);background:var(--surface-3);color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .15s}.modal-close:hover{background:var(--danger-light);color:var(--danger)}.modal-body{flex:1;overflow-y:auto;padding:20px 24px}.mod-group{margin-bottom:20px}.mod-group-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.mod-group-title{font-size:14px;font-weight:600;color:var(--text)}.mod-group-rule{font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px}.mod-group-rule.required{background:var(--danger-light);color:var(--danger)}.mod-group-rule.optional{background:var(--surface-3);color:var(--text-muted)}.mod-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.mod-option{padding:10px 12px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .15s;display:flex;justify-content:space-between;align-items:center;gap:8px}.mod-option:hover{border-color:var(--border-strong)}.mod-option.selected{border-color:var(--accent);background:var(--primary-light)}.mod-option-name{font-size:13px;font-weight:500;color:var(--text)}.mod-option-name-ar{font-size:10px;color:var(--text-muted);margin-top:2px}.mod-option-price{font-size:12px;font-weight:600;color:var(--success);white-space:nowrap}.mod-option-price.zero{color:var(--text-dim)}.mod-option.selected .mod-option-name{color:var(--primary)}.kitchen-note{width:100%;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);font-size:13px;color:var(--text);resize:none;min-height:60px}.kitchen-note:focus{border-color:var(--accent)}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);background:var(--surface-2);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.modal-total{display:flex;align-items:baseline;gap:8px}.modal-total-label{font-size:12px;color:var(--text-muted)}.modal-total-value{font-size:22px;font-weight:700;color:var(--text)}.modal-actions{display:flex;gap:8px}.modal-qty-stepper{display:flex;align-items:center;background:var(--surface-3);border-radius:var(--radius)}.modal-qty-btn{width:36px;height:36px;background:transparent;color:var(--text);font-size:18px;font-weight:500}.modal-qty-value{width:36px;text-align:center;font-size:14px;font-weight:600}.btn-primary-modal{padding:11px 24px;background:var(--primary);color:#fff;border-radius:var(--radius);font-size:14px;font-weight:600;transition:all .15s}.btn-primary-modal:hover{background:var(--primary-hover)}.payment-content{padding:0;max-width:880px}.payment-grid{display:grid;grid-template-columns:1.2fr 1fr;min-height:480px}.payment-left{padding:24px;border-right:1px solid var(--border)}.payment-right{padding:24px;background:var(--surface-2);display:flex;flex-direction:column}.payment-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:12px}.tender-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;min-height:50px}.tender-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.tender-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tender-info{flex:1}.tender-method{font-size:13px;font-weight:600;color:var(--text)}.tender-meta{font-size:11px;color:var(--text-muted);margin-top:1px}.tender-amount{font-size:14px;font-weight:700;color:var(--success)}.tender-remove{width:28px;height:28px;border-radius:6px;background:transparent;color:var(--text-dim);display:flex;align-items:center;justify-content:center}.tender-remove:hover{background:var(--danger-light);color:var(--danger)}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pay-method{padding:14px 10px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .15s;cursor:pointer}.pay-method:hover{border-color:var(--accent);background:var(--primary-light)}.pay-method-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.pay-method-name{font-size:12px;font-weight:600;color:var(--text)}.pay-method-sub{font-size:10px;color:var(--text-muted)}.amount-display{background:var(--surface);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px}.amount-row{display:flex;justify-content:space-between;align-items:baseline;padding:4px 0;font-size:13px}.amount-row.due{font-size:16px;font-weight:700;color:var(--text);padding-top:8px;margin-top:4px;border-top:1px solid var(--border)}.amount-row.due.zero{color:var(--success)}.amount-row.over{color:var(--warning)}.amount-row .lbl{color:var(--text-muted)}.amount-row .val{font-weight:600;color:var(--text)}.amount-row.due .lbl,.amount-row.due .val{color:inherit}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.numpad button{height:48px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:18px;font-weight:600;color:var(--text);transition:all .1s}.numpad button:hover{background:var(--surface-3)}.numpad button:active{transform:scale(.97);background:var(--primary-light)}.numpad button.action{background:var(--surface-3);font-size:14px}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.quick-amount{padding:8px 4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:var(--text)}.quick-amount:hover{background:var(--primary-light);border-color:var(--accent);color:var(--primary)}.btn-charge{width:100%;padding:14px;background:var(--success);color:#fff;border-radius:var(--radius);font-size:15px;font-weight:700;margin-top:auto;transition:all .15s}.btn-charge:hover{background:#059669;transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-charge:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none;background:var(--surface-3);color:var(--text-dim)}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(100px);background:var(--text);color:var(--surface);padding:12px 20px;border-radius:var(--radius);display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-xl);font-size:13px;font-weight:500;opacity:0;transition:all .25s ease-out;z-index:200}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.toast.success{background:var(--success);color:#fff}.toast.error{background:var(--danger);color:#fff}.receipt{background:#fff;color:#1a1a1a;font-family:Courier New,monospace;padding:20px;border-radius:var(--radius);max-width:320px;margin:0 auto}.receipt-header{text-align:center;border-bottom:1px dashed #999;padding-bottom:12px;margin-bottom:12px}.receipt-logo{font-size:22px;font-weight:700}.receipt-meta{font-size:11px;margin-top:6px;line-height:1.5}.receipt-section{padding:8px 0;border-bottom:1px dashed #999;font-size:12px}.receipt-line{display:flex;justify-content:space-between;padding:2px 0}.receipt-line.bold{font-weight:700}.receipt-line.total{font-size:14px;font-weight:700;padding-top:6px}.receipt-mods{font-size:10px;color:#666;padding-left:12px}.receipt-qr{margin:12px auto 8px;text-align:center}.receipt-qr-img{display:inline-block;padding:8px;background:#fff;border:1px solid #ddd;border-radius:6px}.receipt-footer{text-align:center;font-size:10px;margin-top:12px;line-height:1.6}.receipt-zatca-uuid{font-size:9px;color:#666;word-break:break-all}.delivery-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-field{display:flex;flex-direction:column;gap:5px}.form-field.full{grid-column:1 / -1}.form-label{font-size:12px;color:var(--text-muted);font-weight:500}.form-input,.form-select,.form-textarea{padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:14px;color:var(--text)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent)}.form-textarea{resize:none;min-height:70px;font-family:inherit}.zone-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.zone-option{padding:10px 8px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;transition:all .15s}.zone-option:hover{border-color:var(--accent)}.zone-option.selected{border-color:var(--accent);background:var(--primary-light)}.zone-name{font-size:12px;font-weight:600;color:var(--text)}.zone-fee{font-size:11px;color:var(--text-muted);margin-top:2px}.zone-time{font-size:10px;color:var(--accent);margin-top:2px}.dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xl);padding:6px;min-width:200px;z-index:50;display:none}.dropdown.show{display:block}.dropdown-item{padding:10px 12px;border-radius:6px;font-size:13px;color:var(--text);cursor:pointer;display:flex;align-items:center;gap:10px}.dropdown-item:hover{background:var(--surface-3)}.dropdown-item.danger{color:var(--danger)}.dropdown-divider{height:1px;background:var(--border);margin:4px 0}.success-checkmark{width:80px;height:80px;border-radius:50%;background:var(--success-light);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;animation:pop .3s cubic-bezier(.4,0,.2,1)}.customer-modal{max-width:880px}.cust-picker-grid{display:grid;grid-template-columns:1.1fr 1fr;flex:1;min-height:0}.cust-list-side{border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0;background:var(--surface-2)}.cust-search{padding:16px 18px;border-bottom:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:10px;flex-shrink:0}.cust-search-row{display:flex;gap:8px}.cust-search-input{flex:1;height:44px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius);padding:0 14px 0 42px;font-size:14px;color:var(--text);transition:all .15s;font-family:inherit;position:relative}.cust-search-input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px var(--primary-light);outline:none}.cust-search-wrap{flex:1;position:relative}.cust-search-wrap .icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none}.cust-search-wrap input{width:100%;height:44px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius);padding:0 38px 0 42px;font-size:14px;font-weight:500;color:var(--text);transition:all .15s;font-family:inherit;letter-spacing:.3px}.cust-search-wrap input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px var(--primary-light);outline:none}.cust-search-wrap .clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--surface-3);color:var(--text-muted);display:none;align-items:center;justify-content:center}.cust-search-wrap .clear.show{display:flex}.cust-search-wrap .clear:hover{background:var(--danger-light);color:var(--danger)}.cust-search-mode{display:flex;background:var(--surface-3);padding:3px;border-radius:8px;font-size:12px;flex-shrink:0}.cust-search-mode button{padding:7px 14px;background:transparent;border-radius:5px;font-size:12px;font-weight:500;color:var(--text-muted);display:flex;align-items:center;gap:5px}.cust-search-mode button.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.cust-quick-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:4px}.cust-quick-pad button{height:38px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;font-size:16px;font-weight:600;color:var(--text);transition:all .1s}.cust-quick-pad button:hover{background:var(--surface-3)}.cust-quick-pad button:active{transform:scale(.96);background:var(--primary-light)}.cust-quick-pad button.action{background:var(--surface-3);font-size:13px;font-weight:500}.cust-quick-pad button.danger{color:var(--danger)}.cust-results{flex:1;min-height:0;overflow-y:auto;padding:6px 0}.cust-empty-prompt{padding:60px 24px;text-align:center;color:var(--text-muted)}.cust-empty-prompt-icon{width:64px;height:64px;background:var(--surface-3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.cust-empty-prompt-text{font-size:14px;font-weight:500;color:var(--text-muted)}.cust-empty-prompt-hint{font-size:12px;color:var(--text-dim);margin-top:6px}.cust-row{padding:12px 18px;display:flex;gap:12px;align-items:center;cursor:pointer;transition:all .1s;border-left:3px solid transparent}.cust-row:hover{background:var(--surface)}.cust-row.selected{background:var(--surface);border-left-color:var(--primary)}.cust-row-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0}.cust-row-body{flex:1;min-width:0}.cust-row-name{font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.cust-row-phone{font-size:12px;color:var(--text-muted);margin-top:2px;font-variant-numeric:tabular-nums}.cust-row-tier-badge{font-size:9px;font-weight:700;padding:2px 7px;border-radius:999px;text-transform:uppercase;letter-spacing:.4px}.tier-platinum{background:linear-gradient(135deg,#4b5563,#1f2937);color:#fff}.tier-gold{background:linear-gradient(135deg,#fcd34d,#d97706);color:#422006}.tier-silver{background:linear-gradient(135deg,#e5e7eb,#9ca3af);color:#374151}.tier-bronze{background:linear-gradient(135deg,#c4926d,#92561b);color:#3f1c04}.tier-new{background:var(--surface-3);color:var(--text-muted)}.cust-row-meta{text-align:right;flex-shrink:0}.cust-row-points{font-size:13px;font-weight:600;color:var(--primary)}.cust-row-visits{font-size:11px;color:var(--text-dim);margin-top:2px}.cust-list-footer{padding:10px 14px;border-top:1px solid var(--border);background:var(--surface);display:flex;gap:8px;flex-shrink:0}.cust-add-btn{flex:1;padding:10px;background:var(--primary);color:#fff;border-radius:var(--radius);font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .15s}.cust-add-btn:hover{background:var(--primary-hover)}.cust-detail-side{display:flex;flex-direction:column;background:var(--surface);min-height:0}.cust-detail-back{display:none}.cust-detail-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 30px;text-align:center;color:var(--text-muted)}.cust-detail-empty-icon{width:90px;height:90px;background:var(--surface-2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.cust-detail-empty-title{font-size:15px;font-weight:600;color:var(--text-muted);margin-bottom:6px}.cust-detail-empty-text{font-size:12px;color:var(--text-dim);max-width:240px;line-height:1.5}.cust-detail-content{flex:1;min-height:0;overflow-y:auto;padding:22px 24px;display:flex;flex-direction:column}.cust-profile-header{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:18px}.cust-profile-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:19px;font-weight:700;flex-shrink:0}.cust-profile-info{flex:1;min-width:0}.cust-profile-name{font-size:17px;font-weight:700;color:var(--text)}.cust-profile-phone{font-size:13px;color:var(--text-muted);margin-top:2px;font-variant-numeric:tabular-nums}.cust-tier-card{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:var(--radius);padding:14px 16px;color:#fff;margin-bottom:14px;display:flex;gap:14px;align-items:center}.cust-tier-card.platinum{background:linear-gradient(135deg,#4b5563,#1f2937)}.cust-tier-card.gold{background:linear-gradient(135deg,#f59e0b,#b45309)}.cust-tier-card.silver{background:linear-gradient(135deg,#9ca3af,#6b7280)}.cust-tier-card.bronze{background:linear-gradient(135deg,#c4926d,#92561b)}.cust-tier-card.new{background:linear-gradient(135deg,#64748b,#334155)}.cust-tier-card-info{flex:1}.cust-tier-tier{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;opacity:.85}.cust-tier-points{font-size:28px;font-weight:800;margin-top:2px;line-height:1}.cust-tier-points-label{font-size:11px;opacity:.8;margin-top:4px}.cust-tier-progress{margin-top:10px;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.cust-tier-progress-fill{height:100%;background:#ffffffd9;border-radius:2px}.cust-tier-next{font-size:11px;margin-top:6px;opacity:.85}.cust-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.cust-stat{background:var(--surface-2);border-radius:var(--radius);padding:10px 12px}.cust-stat-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.cust-stat-value{font-size:17px;font-weight:700;color:var(--text);margin-top:4px}.cust-stat-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.cust-history-section{margin-bottom:14px}.cust-section-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.cust-fav-item{background:var(--surface-2);border-radius:var(--radius);padding:10px 12px;display:flex;align-items:center;gap:10px}.cust-fav-emoji{font-size:22px;width:36px;height:36px;background:var(--surface-3);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cust-fav-name{font-size:13px;font-weight:600;color:var(--text)}.cust-fav-meta{font-size:11px;color:var(--text-muted);margin-top:1px}.cust-contact-list{display:flex;flex-direction:column;gap:6px}.cust-contact-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--surface-2);border-radius:var(--radius);font-size:13px}.cust-contact-row .icon{width:28px;height:28px;background:var(--surface-3);border-radius:var(--radius-sm);color:var(--text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cust-contact-row .v{flex:1;color:var(--text);font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cust-contact-row.empty .v{color:var(--text-dim);font-weight:400}.cust-detail-actions{flex-shrink:0;padding:14px 24px;border-top:1px solid var(--border);background:var(--surface);display:flex;gap:8px}.cust-detail-actions .btn-secondary{flex-shrink:0}.cust-detail-actions .btn-primary-modal{flex:1}.cust-add-form{flex:1;min-height:0;overflow-y:auto;padding:22px 24px}.add-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.add-form-grid .full{grid-column:1 / -1}.add-field{display:flex;flex-direction:column;gap:5px}.add-label{font-size:12px;font-weight:500;color:var(--text-muted);display:flex;align-items:center;gap:4px}.add-label .req{color:var(--danger)}.add-input,.add-textarea{padding:10px 12px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius);font-size:14px;color:var(--text);font-family:inherit;transition:all .15s}.add-input:focus,.add-textarea:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px var(--primary-light);outline:none}.add-textarea{resize:none;min-height:70px}select.add-input{cursor:pointer}textarea.add-input{resize:vertical;min-height:54px;font-family:inherit}.cust-form-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.cust-form-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cust-addr-add{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px}.cust-addr-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);padding:12px 14px;margin-bottom:12px}.cust-addr-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cust-addr-card-title{font-size:13px;font-weight:600;color:var(--text-muted)}.cust-addr-remove{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:transparent;border:0;cursor:pointer}.cust-addr-remove:hover{background:var(--danger-light, #fde8e8);color:var(--danger)}.cust-addr-seeded{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding:6px 10px;border-radius:8px;background:var(--primary-light, rgba(37, 99, 235, .08));color:var(--text-muted);font-size:12px}.cust-addr-seeded button{flex:none;background:transparent;border:0;padding:0;color:var(--primary);font-size:12px;font-weight:600;cursor:pointer}.cust-addr-seeded button:disabled{opacity:.5;cursor:default}.addr-geo{margin-bottom:14px;padding:12px;border:1px solid var(--primary);border-radius:var(--radius);background:var(--primary-light, rgba(37, 99, 235, .08))}.addr-geo-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-bottom:8px}.addr-geo-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--primary)}.addr-geo-hint{font-size:11px;color:var(--text-muted)}.addr-geo-row{display:flex;gap:8px;align-items:stretch}.addr-geo-input{flex:1;min-width:0;padding:11px 13px;background:var(--surface);border:2px solid var(--primary);border-radius:10px;color:var(--text);font-size:16px;font-weight:600;letter-spacing:.08em;font-variant-numeric:tabular-nums;direction:ltr;text-align:start}.addr-geo-input::-moz-placeholder{font-weight:400;letter-spacing:normal;opacity:.5}.addr-geo-input::placeholder{font-weight:400;letter-spacing:normal;opacity:.5}.addr-geo-input:focus{outline:none;box-shadow:0 0 0 3px var(--primary-light, rgba(37, 99, 235, .25))}.addr-geo-input.has-error{border-color:var(--danger)}.addr-geo-btn{flex:none;display:inline-flex;align-items:center;gap:6px;padding:0 16px;border:0;border-radius:10px;background:var(--primary);color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.addr-geo-btn:disabled{opacity:.45;cursor:default}.addr-geo-msg{margin-top:8px;font-size:12px;line-height:1.45}.addr-geo-msg.ok{color:var(--text)}.addr-geo-msg.warn{color:var(--warning, #b45309)}.addr-geo-msg.error{color:var(--danger)}.addr-geo-map{margin-top:10px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}.addr-geo-map img{display:block;width:100%;height:auto}.addr-geo-map-skeleton{height:120px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-muted);background:var(--surface-2)}.addr-geo-map-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;font-size:11px;color:var(--text-muted);border-top:1px solid var(--border);direction:ltr}.addr-geo-map-foot a{color:var(--primary);font-weight:600;text-decoration:none}.addr-geo-suggest{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-muted)}.addr-geo-suggest span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.addr-geo-suggest button{flex:none;background:transparent;border:0;padding:0;color:var(--primary);font-size:11px;font-weight:700;cursor:pointer}.addr-geo-suggest button.dismiss{color:var(--text-muted);font-size:14px;line-height:1}.addr-geo-suggest button:disabled{opacity:.5;cursor:default}.add-input.has-error,.add-input.has-error:focus{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-light, rgba(220, 38, 38, .12))}.add-field-error{font-size:11px;color:var(--danger)}.area-picker-create{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;border:0;border-top:1px solid var(--border);background:transparent;color:var(--primary);font:inherit;font-size:13px;font-weight:600;text-align:start;cursor:pointer}.area-picker-create:hover{background:var(--primary-light, var(--surface-2))}.area-picker-create-plus{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;border-radius:50%;background:var(--primary);color:#fff;font-size:13px;line-height:1}.add-form-header{padding:18px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-shrink:0}.add-form-back{width:36px;height:36px;border-radius:50%;background:var(--surface-3);color:var(--text-muted);display:flex;align-items:center;justify-content:center}.add-form-back:hover{background:var(--primary-light);color:var(--primary)}.add-form-title{font-size:16px;font-weight:700}.add-form-sub{font-size:12px;color:var(--text-muted);margin-top:2px}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-icon{width:40px;height:40px;color:var(--success)}.orders-view{flex:1;display:flex;flex-direction:column;padding:16px 24px 24px;overflow:hidden}.orders-toolbar{display:flex;gap:8px;align-items:center;margin-bottom:16px}.orders-filter{display:flex;gap:4px;background:var(--surface-3);padding:4px;border-radius:var(--radius)}.orders-filter button{padding:7px 14px;background:transparent;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-muted);display:flex;align-items:center;gap:6px}.orders-filter button.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.orders-filter button .count{background:var(--surface-3);color:var(--text-muted);font-size:11px;font-weight:600;padding:1px 6px;border-radius:10px}.orders-filter button.active .count{background:var(--primary-light);color:var(--primary)}.orders-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;align-content:start;padding-right:4px}.order-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;cursor:pointer;transition:all .15s;position:relative;border-left:3px solid var(--accent)}.order-card:hover{border-color:var(--border-strong);border-left-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.order-card.delivery,.order-card.delivery:hover{border-left-color:var(--info)}.order-card.pending-sync{border-left-color:var(--warning)}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.order-card-id{display:flex;align-items:center;gap:8px}.order-type-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.4px}.order-type-badge.walkin{background:var(--primary-light);color:var(--primary)}.order-type-badge.delivery{background:var(--info-light);color:var(--info)}.order-card-num{font-size:14px;font-weight:700;color:var(--text)}.order-card-time{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.order-card-customer{font-size:13px;color:var(--text);font-weight:500;margin-bottom:4px}.order-card-customer-meta{font-size:11px;color:var(--text-muted);margin-bottom:8px}.order-card-items{font-size:12px;color:var(--text-muted);padding:8px 10px;background:var(--surface-2);border-radius:var(--radius-sm);margin-bottom:10px;line-height:1.5}.order-card-items .item-line{display:flex;justify-content:space-between}.order-card-items .more{font-style:italic;color:var(--text-dim);margin-top:2px}.order-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--border)}.order-card-total{font-size:16px;font-weight:700;color:var(--text)}.order-card-actions{display:flex;gap:6px}.order-card-action{padding:6px 10px;border-radius:6px;font-size:12px;font-weight:500;background:var(--surface-3);color:var(--text);display:inline-flex;align-items:center;gap:4px;transition:all .15s}.order-card-action:hover{background:var(--primary-light);color:var(--primary)}.order-card-action.danger:hover{background:var(--danger-light);color:var(--danger)}.order-card-action.primary{background:var(--primary);color:#fff}.order-card-action.primary:hover{background:var(--primary-hover)}.order-status-strip{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:600;padding:3px 8px;border-radius:999px}.order-status-strip.parked{background:var(--surface-3);color:var(--text-muted)}.order-status-strip.fired{background:var(--success-light);color:var(--success)}.order-status-strip.pending-sync{background:var(--warning-light);color:var(--warning)}.order-status-strip .dot{width:5px;height:5px;border-radius:50%;background:currentColor}.orders-empty{grid-column:1 / -1;padding:60px 20px;text-align:center;color:var(--text-muted)}.orders-empty-icon{width:80px;height:80px;background:var(--surface-3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.orders-empty-text{font-size:14px;font-weight:500}.orders-empty-hint{font-size:12px;color:var(--text-dim);margin-top:4px}.override-modal{max-width:480px}.override-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.override-icon.void{background:var(--danger-light);color:var(--danger)}.override-icon.refund{background:var(--warning-light);color:var(--warning)}.override-icon.discount{background:var(--purple-light);color:var(--purple)}.override-target{background:var(--surface-2);border-radius:var(--radius);padding:12px 14px;margin:14px 0;font-size:13px}.override-target-row{display:flex;justify-content:space-between;padding:3px 0;color:var(--text-muted)}.override-target-row.bold{color:var(--text);font-weight:600}.reason-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}.reason-option{padding:10px 12px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);font-size:13px;font-weight:500;color:var(--text);text-align:left;cursor:pointer;transition:all .15s}.reason-option:hover{border-color:var(--border-strong)}.reason-option.selected{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.discount-input-row{display:flex;gap:8px;margin-bottom:12px}.discount-toggle{display:grid;grid-template-columns:1fr 1fr;background:var(--surface-3);padding:4px;border-radius:var(--radius);flex-shrink:0}.discount-toggle button{padding:8px 16px;background:transparent;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-muted)}.discount-toggle button.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.discount-amount-input{flex:1;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:18px;font-weight:600;color:var(--text);text-align:right}.pin-display{display:flex;gap:10px;justify-content:center;margin:18px 0}.pin-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-strong);transition:all .15s}.pin-dot.filled{background:var(--primary);border-color:var(--primary)}.pin-dot.error{background:var(--danger);border-color:var(--danger);animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.pin-hint{text-align:center;font-size:11px;color:var(--text-dim);margin-bottom:14px}.pin-hint .demo-pin{color:var(--primary);font-weight:600}.pin-numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:280px;margin:0 auto}.pin-numpad button{height:52px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:22px;font-weight:600;color:var(--text);transition:all .1s}.pin-numpad button:hover{background:var(--surface-3)}.pin-numpad button:active{transform:scale(.95);background:var(--primary-light)}.pin-numpad button.action{background:var(--surface-3);font-size:14px;font-weight:500}.fullscreen{position:absolute;inset:0;background:var(--bg);z-index:50;display:flex;flex-direction:column;overflow:hidden}.login-screen{display:grid;grid-template-columns:1fr 1fr;height:100%}.login-brand{background:var(--primary);color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:clamp(28px,4.5vw,56px) clamp(24px,4.5vw,64px);position:relative;overflow:hidden;min-width:0}.login-brand:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:#ffffff0a;bottom:-300px;right:-300px;pointer-events:none}.login-brand:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#ffffff0a;top:-150px;left:-150px;pointer-events:none}.brand-top{display:flex;align-items:center;gap:14px;z-index:1;min-width:0}.brand-logo{width:56px;height:56px;background:#fff;color:var(--primary);border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:28px;flex-shrink:0}.brand-name{font-size:22px;font-weight:600}.brand-tagline{font-size:13px;opacity:.75;margin-top:2px}.brand-middle{z-index:1;min-width:0}.brand-headline{font-size:clamp(24px,2.9vw,36px);font-weight:700;line-height:1.2;margin-bottom:16px;overflow-wrap:anywhere}.brand-subhead{font-size:clamp(14px,1.3vw,16px);opacity:.85;line-height:1.5;max-width:42ch;overflow-wrap:anywhere}.brand-footer{z-index:1;font-size:12px;opacity:.65}.brand-footer .row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:40px;background:var(--bg);overflow-y:auto;min-width:0}.login-form{width:100%;max-width:400px}.login-title{font-size:clamp(22px,2.4vw,26px);font-weight:700;color:var(--text);margin-bottom:6px}.login-sub{font-size:14px;color:var(--text-muted);margin-bottom:28px}.login-field{margin-bottom:18px}.login-label{display:block;font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:7px}.login-input{width:100%;height:52px;padding:0 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:16px;color:var(--text);transition:all .15s}.login-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.login-input.with-prefix{padding-left:8px}.login-input-group{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:all .15s;overflow:hidden}.login-input-group:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.login-input-group .prefix{padding:0 14px;font-size:13px;color:var(--text-muted);border-inline-end:1px solid var(--border);background:var(--surface-2);height:52px;display:flex;align-items:center;font-weight:500;white-space:nowrap;flex-shrink:0}.login-input-group input{flex:1;min-width:0;height:52px;border:none;outline:none;background:transparent;padding:0 14px;font-size:16px;color:var(--text)}.login-eye{width:44px;height:44px;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-inline-end:4px;flex-shrink:0}.login-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;margin-bottom:22px}.remember-check{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-muted);min-height:44px}.remember-check input{width:20px;height:20px;accent-color:var(--primary);flex-shrink:0}.login-link{color:var(--primary);font-weight:500;cursor:pointer;padding:10px 0}.login-link:hover{text-decoration:underline}.btn-login{width:100%;height:52px;background:var(--primary);color:#fff;border-radius:var(--radius);font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s;box-shadow:var(--shadow)}.btn-login:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-login:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.login-divider{display:flex;align-items:center;gap:12px;margin:22px 0;font-size:12px;color:var(--text-dim)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.demo-fill{width:100%;height:40px;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--text-muted);font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s}.demo-fill:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary);border-style:solid}.terminal-info{margin-top:24px;padding:14px 16px;background:var(--surface-2);border-radius:var(--radius);display:flex;gap:12px;align-items:center}.terminal-info-icon{width:36px;height:36px;background:var(--success-light);color:var(--success);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.terminal-info-text{flex:1;min-width:0}.terminal-info-name{font-size:13px;font-weight:600;color:var(--text)}.terminal-info-meta{font-size:11px;color:var(--text-muted);margin-top:1px}.login-controls{position:absolute;top:max(16px,env(safe-area-inset-top));inset-inline-end:16px;display:flex;align-items:center;gap:8px;z-index:10}.login-controls .theme-toggle{width:44px;height:44px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.lang-toggle{display:flex;gap:4px;background:var(--surface);padding:4px;border-radius:var(--radius);border:1px solid var(--border)}.lang-toggle button{min-height:36px;padding:6px 14px;background:transparent;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-muted)}.lang-toggle button.active{background:var(--primary);color:#fff}.shift-screen{flex:1;display:grid;grid-template-columns:1fr 360px;gap:24px;padding:24px 32px;overflow:hidden;min-height:0}.shift-screen.single{grid-template-columns:1fr;max-width:880px;margin:0 auto}.shift-header{padding:20px 32px 0;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.shift-header-title{font-size:24px;font-weight:700;color:var(--text)}.shift-header-sub{font-size:13px;color:var(--text-muted);margin-top:4px}.shift-header-actions{display:flex;gap:8px}.shift-main{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;overflow-y:auto;display:flex;flex-direction:column}.shift-mode-toggle{display:grid;grid-template-columns:1fr 1fr;background:var(--surface-3);padding:4px;border-radius:var(--radius);margin-bottom:20px}.shift-mode-toggle button{padding:10px;background:transparent;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:6px}.shift-mode-toggle button.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.denom-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.denom-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);transition:all .15s}.denom-row:focus-within{border-color:var(--primary);background:var(--surface)}.denom-bill{width:50px;text-align:center;font-size:14px;font-weight:700;color:var(--text);padding:6px 0;background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border);flex-shrink:0}.denom-bill.small{color:var(--text-muted);font-size:12px}.denom-x{color:var(--text-dim);font-size:14px;font-weight:500}.denom-input{flex:1;height:36px;padding:0 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--text);text-align:right;outline:none;transition:all .15s}.denom-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.denom-subtotal{width:90px;text-align:right;font-size:13px;font-weight:600;color:var(--text);flex-shrink:0}.denom-subtotal.muted{color:var(--text-dim);font-weight:500}.single-amount-input{width:100%;height:80px;text-align:center;font-size:36px;font-weight:700;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);outline:none;margin-bottom:12px;transition:all .15s}.single-amount-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);background:var(--surface)}.single-amount-currency{text-align:center;font-size:13px;color:var(--text-muted);margin-bottom:20px}.shift-side{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;overflow-y:auto}.shift-summary-title{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.shift-total-card{background:var(--primary-light);border-left:3px solid var(--primary);padding:16px;border-radius:0 var(--radius) var(--radius) 0;margin-bottom:16px}.shift-total-label{font-size:12px;color:var(--primary);font-weight:500}.shift-total-value{font-size:30px;font-weight:700;color:var(--primary);margin-top:4px}.shift-total-currency{font-size:14px;color:var(--text-muted);margin-top:2px}.previous-shift{padding:12px 14px;background:var(--surface-2);border-radius:var(--radius);margin-bottom:14px}.previous-shift-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.previous-shift-row{display:flex;justify-content:space-between;font-size:12px;padding:2px 0;color:var(--text-muted)}.previous-shift-row .v{color:var(--text);font-weight:500}.shift-notes{width:100%;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);font-size:13px;color:var(--text);resize:none;min-height:70px;font-family:inherit}.shift-notes:focus{border-color:var(--primary);outline:none}.btn-shift{width:100%;height:50px;background:var(--primary);color:#fff;border-radius:var(--radius);font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s;box-shadow:var(--shadow);margin-top:auto}.btn-shift:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-shift:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.shift-totals-running{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:var(--surface-2);border-radius:var(--radius);margin-bottom:14px}.shift-totals-running .row{display:flex;justify-content:space-between;font-size:13px}.shift-totals-running .row .l{color:var(--text-muted)}.shift-totals-running .row .r{color:var(--text);font-weight:500}.shift-totals-running .row.bold{padding-top:6px;margin-top:4px;border-top:1px solid var(--border)}.shift-totals-running .row.bold .l,.shift-totals-running .row.bold .r{color:var(--text);font-weight:700;font-size:14px}.shift-drawer-strip{display:flex;flex-direction:column;gap:4px;padding:10px 12px;margin-top:12px;background:var(--surface-2);border-radius:var(--radius)}.shift-drawer-strip .sds-row{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted)}.shift-drawer-strip .sds-row .neg{color:var(--danger)}.shift-drawer-strip .sds-row.sub{padding-top:6px;margin-top:2px;border-top:1px solid var(--border);font-weight:600;color:var(--text)}.shift-drawer-strip .sds-row.total{padding-top:6px;margin-top:2px;border-top:1px solid var(--border);font-size:14px;font-weight:700;color:var(--text)}.return-chip{margin-left:6px;padding:1px 5px;border-radius:4px;background:var(--danger);color:#fff;font-size:9px;font-weight:700;letter-spacing:.4px;vertical-align:middle}.close-shift-dialog .shift-mode-toggle{margin-bottom:16px}.close-shift-dialog .single-amount-input{margin-bottom:0}.close-shift-dialog .denom-grid{margin-bottom:10px}.close-dialog-counted{display:flex;justify-content:space-between;padding:8px 12px;background:var(--surface-2);border-radius:var(--radius);font-size:13px;color:var(--text-muted)}.close-dialog-counted b{color:var(--text);font-size:15px}.close-dialog-variance{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.cdv-cell{padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.cdv-cell.bad{border-color:var(--danger);background:var(--danger-light)}.cdv-cell.good{border-color:var(--success);background:var(--success-light)}.cdv-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.cdv-value{font-size:18px;font-weight:700;color:var(--text);margin-top:2px}.cdv-cell.bad .cdv-value{color:var(--danger)}.cdv-cell.good .cdv-value{color:var(--success)}.variance-card{padding:24px;border-radius:var(--radius-lg);text-align:center;margin-bottom:16px;border:2px solid}.variance-card.match{background:var(--success-light);border-color:var(--success)}.variance-card.over{background:var(--warning-light);border-color:var(--warning)}.variance-card.short{background:var(--danger-light);border-color:var(--danger)}.variance-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 8px}.variance-card.match .variance-icon{background:var(--success);color:#fff}.variance-card.over .variance-icon{background:var(--warning);color:#fff}.variance-card.short .variance-icon{background:var(--danger);color:#fff}.variance-label{font-size:13px;font-weight:600}.variance-card.match .variance-label{color:var(--success)}.variance-card.over .variance-label{color:var(--warning)}.variance-card.short .variance-label{color:var(--danger)}.variance-amount{font-size:28px;font-weight:700;margin-top:4px;color:var(--text)}.variance-meta{font-size:12px;color:var(--text-muted);margin-top:4px}.zreport{padding:0}.zreport-section{padding:12px 0;border-bottom:1px solid var(--border)}.zreport-section:last-child{border-bottom:none}.zreport-section-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.zreport-row{display:flex;justify-content:space-between;padding:4px 0;font-size:13px;color:var(--text)}.zreport-row .l{color:var(--text-muted)}.zreport-row.bold{font-weight:700;padding-top:6px;margin-top:4px;border-top:1px dashed var(--border)}.zreport-row.success{color:var(--success)}.zreport-row.danger{color:var(--danger)}.pay-summary{background:var(--surface-2);border-radius:8px;padding:12px 14px;margin-bottom:16px}.pay-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text);padding:4px 0}.pay-summary-row.pay-total{font-size:16px;font-weight:700;padding-top:8px;margin-top:4px;border-top:1px solid var(--border)}.pay-tendered{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.pay-input{width:100%;padding:12px 14px;font-size:22px;font-weight:600;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);text-align:right}.pay-input:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:var(--primary)}.pay-quick-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.pay-quick-btn{padding:10px 6px;font-size:14px;font-weight:600;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;cursor:pointer;color:var(--text);transition:background .15s,border-color .15s}.pay-quick-btn:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary)}.pay-quick-btn:disabled{opacity:.5;cursor:not-allowed}.pay-change{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--success-light);color:var(--success);border-radius:8px;font-size:16px;font-weight:600}.pay-change strong{font-size:20px}.pay-change.pay-change-insufficient{background:var(--danger-light);color:var(--danger);justify-content:center}.pay-modal{max-width:920px;width:100%}.pay-grid{display:grid;grid-template-columns:1fr 360px;gap:0;min-height:480px}.pay-left{padding:20px;border-right:1px solid var(--border)}.pay-right{padding:20px;background:var(--surface-2);display:flex;flex-direction:column;gap:14px}.pay-amount-row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.pay-label{font-weight:600;font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.pay-amount-input{width:100%;padding:14px 16px;font-size:28px;font-weight:700;border:2px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);text-align:right;transition:border-color .15s}.pay-amount-input:focus{outline:none;border-color:var(--primary)}.pay-amount-input:disabled{opacity:.5}.pay-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.pay-chip{padding:6px 12px;font-size:13px;font-weight:600;background:var(--surface);border:1px solid var(--border);border-radius:999px;cursor:pointer;color:var(--text);transition:all .15s}.pay-chip:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.pay-chip:disabled{opacity:.5;cursor:not-allowed}.pay-chip-clear{color:var(--text-muted)}.pay-section-title{font-weight:600;font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.pay-methods{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.pay-methods-loading,.pay-methods-empty{grid-column:1 / -1;padding:24px;text-align:center;color:var(--text-muted);font-size:14px}.pay-method{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:16px 10px;min-height:64px;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s;color:var(--text);font-weight:600;font-size:14px}.pay-method:hover:not(:disabled){border-color:var(--primary);background:var(--primary-light);transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.pay-method:disabled{opacity:.4;cursor:not-allowed}.pay-method-cash{border-color:var(--success)}.pay-method-cash:hover:not(:disabled){background:var(--success-light);border-color:var(--success)}.pay-method-used{background:var(--surface-2)}.pay-method-name{line-height:1.2}.pay-method-name-ar{font-size:11px;color:var(--text-muted);font-weight:500}.pay-summary{background:var(--surface);border-radius:10px;padding:12px 14px}.pay-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text);padding:3px 0}.pay-summary-total{font-size:16px;font-weight:700;padding-top:8px;margin-top:4px;border-top:1px solid var(--border)}.pay-splits{background:var(--surface);border-radius:10px;padding:12px 14px;flex:1;min-height:120px;display:flex;flex-direction:column}.pay-splits-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.pay-splits-clear{background:transparent;border:0;color:var(--danger);font-size:11px;font-weight:600;cursor:pointer;padding:2px 6px;border-radius:4px}.pay-splits-clear:hover:not(:disabled){background:var(--danger-light)}.pay-splits-empty{color:var(--text-muted);font-size:13px;padding:20px 0;text-align:center}.pay-split-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed var(--border)}.pay-split-row:last-child{border-bottom:0}.pay-split-name{font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px}.pay-split-cash-badge{font-size:9px;font-weight:700;padding:1px 5px;background:var(--success-light);color:var(--success);border-radius:3px;text-transform:uppercase;letter-spacing:.06em}.pay-split-amount{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.pay-split-remove{background:transparent;border:0;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.pay-split-remove:hover:not(:disabled){background:var(--danger-light);color:var(--danger)}.pay-loyalty{background:var(--surface);border-radius:10px;padding:10px 12px;margin-bottom:12px;border:1px solid var(--border)}.pay-loyalty .pay-section-title{margin-top:0}.pay-loyalty-balance{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--text-muted);margin-bottom:8px}.pay-loyalty-balance strong{font-size:15px;color:var(--text);font-variant-numeric:tabular-nums}.pay-loyalty-expiring{color:var(--warning, #b45309);font-weight:600}.pay-loyalty-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.pay-loyalty-input{width:100%;padding:8px 10px;font-size:15px;font-variant-numeric:tabular-nums;border:1px solid var(--border);border-radius:8px;background:var(--surface-2, #fff);color:var(--text)}.pay-loyalty-applied{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:var(--success-light);color:var(--success);font-weight:600;font-size:14px}.pay-giftcard{background:var(--surface);border-radius:10px;padding:10px 12px;margin-bottom:12px;border:1px solid var(--border)}.pay-giftcard .pay-section-title{margin-top:0}.pay-giftcard-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.pay-giftcard-row:has(.pay-giftcard-pin){grid-template-columns:1fr 90px auto}.pay-giftcard-input,.pay-giftcard-pin{width:100%;padding:8px 10px;font-size:15px;font-variant-numeric:tabular-nums;border:1px solid var(--border);border-radius:8px;background:var(--surface-2, #fff);color:var(--text)}.pay-giftcard-applied{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;margin-bottom:6px;background:var(--success-light);color:var(--success);font-weight:600;font-size:14px}.pay-giftcard-left{font-size:11.5px;font-weight:500;opacity:.85}.pay-giftcard-total{font-size:12px;color:var(--text-muted);margin:2px 0 8px}.pay-giftcard-found{display:flex;flex-direction:column;gap:8px}.pay-giftcard-balance{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--text-muted)}.pay-giftcard-balance strong{font-size:17px;color:var(--text);font-variant-numeric:tabular-nums}.pay-giftcard-issued{border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:8px;background:var(--surface)}.pay-giftcard-issued-number{font-size:19px;font-weight:700;letter-spacing:.06em}.pay-giftcard-issued-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px;font-size:12.5px;color:var(--text-muted)}.pay-balance{padding:14px 16px;border-radius:10px;font-size:16px;font-weight:700}.pay-balance-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.pay-balance-row strong{font-size:22px;font-variant-numeric:tabular-nums}.pay-balance-due{background:var(--warning-light, #fef3c7);color:var(--warning, #b45309)}.pay-balance-change{background:var(--primary-light);color:var(--primary)}.pay-balance-paid{background:var(--success-light);color:var(--success);justify-content:center}.pay-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--border)}.pay-footer .btn{flex:1}.pay-confirm-btn{flex:2!important;font-weight:700;font-size:15px}.pay-cancel-btn{padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s}.pay-cancel-btn:hover{background:var(--surface-3);border-color:var(--border-strong)}.pay-cancel-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 760px){.pay-grid{grid-template-columns:1fr}.pay-left{border-right:0;border-bottom:1px solid var(--border)}}.pay-unpaid-btn{padding:8px 18px;font-weight:700;font-size:14px;letter-spacing:.04em;background:var(--danger, #dc2626);color:#fff;border:0;border-radius:8px;cursor:pointer;transition:all .15s;box-shadow:0 1px 3px #dc26264d}.pay-unpaid-btn:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 3px 8px #dc262666}.pay-unpaid-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.receipts-page{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px;padding:16px;height:100%;min-height:0;min-width:0;background:var(--bg);overflow:hidden}.workspace:has(.receipts-page){grid-template-columns:1fr}.receipts-details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden}.receipts-details-title{font-size:16px;font-weight:600;color:var(--text);padding:16px 20px;border-bottom:1px solid var(--border);margin:0}.receipts-details-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;color:var(--text-muted);text-align:center}.receipts-details-content{display:flex;flex-direction:column;gap:12px;padding:16px 20px;overflow-y:auto}.receipts-details-row{display:flex;flex-direction:column;gap:4px;padding-bottom:10px;border-bottom:1px dashed var(--border)}.receipts-details-row:last-of-type{border-bottom:none}.receipts-details-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.receipts-details-value{font-size:14px;color:var(--text)}.receipts-details-value.strong{font-weight:600;font-size:16px}.receipts-details-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px 20px;border-top:1px solid var(--border);background:var(--surface-2);margin-top:auto}.receipts-main{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;min-height:0;min-width:0}.receipts-header{display:flex;align-items:baseline;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.receipts-header h2{font-size:16px;font-weight:600;color:var(--text);margin:0}.receipts-meta{font-size:12px;color:var(--text-muted)}.receipts-filters{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--surface-2);flex-shrink:0}.receipts-input{flex:1;height:36px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:13px;transition:border-color .15s,box-shadow .15s}.receipts-input::-moz-placeholder{color:var(--text-dim)}.receipts-input::placeholder{color:var(--text-dim)}.receipts-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.receipts-scope{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.receipts-scope-btn{padding:8px 14px;background:transparent;border:none;font-size:13px;cursor:pointer;color:var(--text-muted);transition:background .15s,color .15s}.receipts-scope-btn:hover{background:var(--surface-3);color:var(--text)}.receipts-scope-btn.active{background:var(--primary);color:#fff}.receipts-body{flex:1;overflow:auto;display:flex;flex-direction:column}.receipts-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;color:var(--text-muted);gap:8px;min-height:200px}.receipts-state strong{color:var(--text);font-size:16px}.receipts-state p{margin:0;max-width:360px}.receipts-state-error,.receipts-state-error strong{color:var(--danger)}.receipts-table{width:100%;border-collapse:collapse;font-size:13px}.receipts-table thead{position:sticky;top:0;background:var(--surface-2);z-index:1}.receipts-table th{text-align:start;padding:10px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}.receipts-table th.num{text-align:end}.receipts-table tbody tr{cursor:pointer;transition:background .1s;border-bottom:1px solid var(--border)}.receipts-table tbody tr:hover{background:var(--surface-2)}.receipts-table tbody tr.selected{background:var(--primary-light)}.receipts-table tbody tr.selected td{color:var(--text)}.receipts-table td{padding:12px 16px;color:var(--text);vertical-align:middle;white-space:nowrap}.receipts-table td.num{text-align:end;font-variant-numeric:tabular-nums;font-weight:500}.receipts-table td.entry-no{font-weight:600;color:var(--primary)}[data-theme=dark] .receipts-table td.entry-no{color:var(--accent)}.receipts-table td.date-cell{color:var(--text-muted);font-variant-numeric:tabular-nums}.receipts-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:500}.receipts-badge.posted{background:var(--warning-light);color:var(--warning)}.receipts-badge.open{background:var(--success-light);color:var(--success)}.receipts-badge.closed,.receipts-badge.sale{background:var(--surface-3);color:var(--text-muted)}.receipts-badge.return{background:var(--danger-light);color:var(--danger);font-weight:600}.receipts-pagination{display:flex;justify-content:center;gap:4px;padding:12px 20px;border-top:1px solid var(--border);background:var(--surface-2);flex-shrink:0}.receipts-page-btn{min-width:36px;height:32px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:12px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.receipts-page-btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.receipts-page-btn:disabled{opacity:.4;cursor:not-allowed}.receipts-page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.receipts-btn{height:36px;padding:0 14px;border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s;border:1px solid var(--border);background:var(--surface);color:var(--text)}.receipts-btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.receipts-btn:disabled{opacity:.4;cursor:not-allowed}.receipts-btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.receipts-btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.receipts-btn-secondary{background:var(--surface-2)}.receipt-view-backdrop{position:fixed;inset:0;z-index:1000;background:#00000080;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(2px)}.receipt-view-modal{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.receipt-view-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:var(--surface-2)}.receipt-view-header h2{font-size:18px;font-weight:600;color:var(--text);margin:0}.receipt-view-close{width:32px;height:32px;border-radius:var(--radius-sm);background:transparent;border:none;font-size:24px;line-height:1;color:var(--text-muted);cursor:pointer;transition:background .15s}.receipt-view-close:hover{background:var(--surface-3);color:var(--text)}.receipt-view-body{flex:1;overflow-y:auto;padding:16px 24px}.receipt-view-section{padding:12px 0;border-bottom:1px dashed var(--border)}.receipt-view-section:last-child{border-bottom:none}.receipt-view-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 8px}.receipt-view-empty{color:var(--text-muted);font-style:italic;margin:4px 0}.receipt-view-info{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:0}.receipt-view-info>div{display:flex;flex-direction:column;gap:2px}.receipt-view-info dt{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.receipt-view-info dd{font-size:13px;color:var(--text);margin:0}.receipt-view-items{width:100%;border-collapse:collapse;font-size:13px}.receipt-view-items thead th{text-align:start;padding:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--surface-2)}.receipt-view-items th.num,.receipt-view-items td.num{text-align:end;font-variant-numeric:tabular-nums}.receipt-view-items tbody tr{border-bottom:1px solid var(--border)}.receipt-view-items tbody tr:last-child{border-bottom:none}.receipt-view-items td{padding:8px;color:var(--text);vertical-align:top}.receipt-view-items tr.is-return td{color:var(--danger)}.receipt-view-note{font-size:11px;color:var(--text-muted);margin-top:2px}.receipt-view-totals{display:flex;flex-direction:column;gap:4px}.receipt-view-total-row{display:flex;justify-content:space-between;font-size:13px;color:var(--text);padding:4px 0}.receipt-view-total-row.bold{font-weight:600;font-size:16px;padding-top:8px;border-top:1px solid var(--border);margin-top:4px}.receipt-view-total-row.subtle{color:var(--text-muted);font-size:12px}.receipt-view-payments{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.receipt-view-payments li{display:flex;justify-content:space-between;font-size:13px;color:var(--text)}.receipt-view-card-tail{font-size:11px;color:var(--text-muted);margin-inline-start:4px}.receipt-view-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.receipt-view-edit-blocked{font-size:12px;color:var(--text-muted)}.num{text-align:end;font-variant-numeric:tabular-nums}.delivery-confirm-modal{--dc-input-h: 40px;--dc-radius: 8px}.order-mode-switch{display:inline-flex;gap:4px;background:var(--surface-2);padding:4px;border-radius:999px;margin-inline:16px}.order-mode-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:none;background:transparent;border-radius:999px;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.order-mode-btn:hover{color:var(--text)}.order-mode-btn.active{background:var(--primary);color:#fff}.cart-edit-banner{margin:10px 16px 0;padding:8px 12px;background:var(--info-light, #dbeafe);color:var(--info, #1e40af);border-radius:8px;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:8px}.cart-edit-cancel{flex-shrink:0;padding:3px 10px;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit;font-size:12px;cursor:pointer}.cart-edit-cancel:hover{background:#0000000f}.cart-delivery-banner{margin:10px 16px 0;padding:8px 12px;background:var(--warning-light, #fef3c7);color:var(--warning, #92400e);border-radius:8px;font-size:13px}[dir=rtl] .cart-delivery-banner{text-align:right}.delivery-confirm-modal{width:min(720px,96vw);max-height:92vh}@media (max-width: 768px){.delivery-confirm-modal{width:100vw;height:100vh;max-height:100vh;border-radius:0}}.delivery-confirm-modal .modal-body{display:flex;flex-direction:column;gap:20px}.delivery-confirm-modal .modal-section{display:flex;flex-direction:column;gap:10px}.delivery-confirm-modal .modal-section h3{font-size:13px;font-weight:600;color:var(--text-muted);margin:0;text-transform:uppercase;letter-spacing:.04em}.delivery-confirm-modal .modal-section.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 640px){.delivery-confirm-modal .modal-section.two-col{grid-template-columns:1fr}}.delivery-confirm-modal .date-time-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.delivery-confirm-modal input[type=date],.delivery-confirm-modal input[type=time],.delivery-confirm-modal input[type=number],.delivery-confirm-modal input[type=text],.delivery-confirm-modal input[type=email],.delivery-confirm-modal input[type=tel],.delivery-confirm-modal .form-input,.delivery-confirm-modal textarea{min-height:var(--dc-input-h);padding:9px 12px;border:1px solid var(--border);border-radius:var(--dc-radius);background:var(--surface);color:var(--text);font:inherit;font-size:14px;width:100%;box-sizing:border-box}.delivery-confirm-modal textarea{min-height:88px;resize:vertical;line-height:1.4}.delivery-confirm-modal input:focus,.delivery-confirm-modal textarea:focus,.delivery-confirm-modal .area-picker-trigger:focus,.delivery-confirm-modal .driver-select-trigger:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.customer-picker.selected-state{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface-2);border-radius:var(--dc-radius)}.customer-picker-chip{flex:1;min-width:0}.customer-picker-chip .chip-name{font-weight:600}.customer-picker-chip .chip-phone{font-size:12px;color:var(--text-muted)}.link-btn{background:transparent;border:none;color:var(--primary);font-weight:600;cursor:pointer;padding:4px 0}.link-btn:hover{text-decoration:underline}.customer-search-input{width:100%;min-height:var(--dc-input-h, 40px);padding:9px 12px;border:1px solid var(--border);border-radius:var(--dc-radius, 8px);background:var(--surface);color:var(--text);font:inherit;font-size:14px}.customer-results{list-style:none;margin:6px 0 0;padding:0;border:1px solid var(--border);border-radius:var(--dc-radius, 8px);background:var(--surface);max-height:220px;overflow-y:auto}.customer-result{padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--border-subtle, var(--border))}.customer-result:last-child{border-bottom:none}.customer-result:hover{background:var(--surface-2)}.customer-result .result-name{font-weight:600}.customer-result .result-meta{font-size:12px;color:var(--text-muted)}.customer-results-empty{padding:12px;color:var(--text-muted);text-align:center;font-size:13px}.add-customer-btn{display:block;margin-top:6px}.add-customer-form,.add-address-form{margin-top:10px;padding:14px;background:var(--surface-2);border-radius:var(--dc-radius, 8px);display:flex;flex-direction:column;gap:12px}.form-row{display:flex;flex-direction:column;gap:6px}.form-row label{font-size:12px;color:var(--text-muted);font-weight:600}.form-row.two-up{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row.two-up>div{display:flex;flex-direction:column;gap:6px}.form-toggle{display:flex;align-items:center;gap:8px;font-size:13px}.form-error{color:var(--danger);font-size:12px}.form-actions{display:flex;justify-content:flex-end;gap:8px}.address-fields{display:flex;flex-direction:column;gap:12px}.address-fields .form-cell{display:flex;flex-direction:column;gap:6px}.address-fields .form-cell label,.address-fields .form-row label{font-size:12px;color:var(--text-muted);font-weight:600}.address-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}@media (max-width: 1024px){.address-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 640px){.address-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 380px){.address-grid{grid-template-columns:1fr}}.form-row-note textarea{min-height:96px}.address-picker{display:flex;flex-direction:column;gap:10px}.address-picker.empty .empty-msg{padding:12px;background:var(--surface-2);border-radius:var(--dc-radius, 8px);color:var(--text-muted);font-size:13px}.address-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.address-row{border:1px solid var(--border);border-radius:var(--dc-radius, 8px);padding:12px;background:var(--surface)}.address-row.selected{border-color:var(--primary);background:var(--surface-2)}.address-row label{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.address-summary{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px}.address-summary>span{white-space:nowrap}.address-summary .address-note{color:var(--text-muted)}.driver-select{position:relative}.driver-select-trigger{width:100%;min-height:var(--dc-input-h, 40px);display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border:1px solid var(--border);border-radius:var(--dc-radius, 8px);background:var(--surface);color:var(--text);font:inherit;font-size:14px;cursor:pointer}.driver-select-trigger:disabled{opacity:.6;cursor:not-allowed}.driver-select-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--dc-radius, 8px);box-shadow:var(--shadow-lg, 0 10px 30px rgba(0,0,0,.15));z-index:10;display:flex;flex-direction:column}.driver-select-search{padding:10px 12px;border:none;border-bottom:1px solid var(--border);outline:none;background:transparent;color:var(--text);font-size:14px}.driver-select-list{list-style:none;margin:0;padding:4px 0;max-height:240px;overflow-y:auto}.driver-select-option{padding:10px 12px;cursor:pointer}.driver-select-option:hover{background:var(--surface-2)}.driver-select-option.selected{background:var(--primary-light, var(--surface-2));font-weight:600}.driver-select-empty{padding:12px;color:var(--text-muted);text-align:center;font-size:13px}.driver-select.empty{padding:10px 12px;border:1px dashed var(--border);border-radius:var(--dc-radius, 8px);color:var(--text-muted);font-size:13px}.driver-name{font-weight:600}.driver-phone{font-size:12px;color:var(--text-muted)}.area-picker{position:relative}.area-picker-trigger{width:100%;min-height:var(--dc-input-h, 40px);display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border:1px solid var(--border);border-radius:var(--dc-radius, 8px);background:var(--surface);color:var(--text);font:inherit;font-size:14px;text-align:start;cursor:pointer}.area-picker-trigger:disabled{opacity:.6;cursor:not-allowed}.area-picker-trigger .placeholder{color:var(--text-muted)}.area-picker-trigger .has-value{color:var(--text)}.area-picker-clear{position:absolute;inset-inline-end:32px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;line-height:1;padding:4px 6px}.area-picker-clear:hover{color:var(--danger)}.area-picker-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--dc-radius, 8px);box-shadow:var(--shadow-lg, 0 10px 30px rgba(0,0,0,.15));z-index:10}.area-picker-search{width:100%;padding:10px 12px;border:none;border-bottom:1px solid var(--border);outline:none;background:transparent;color:var(--text);font:inherit;font-size:14px;box-sizing:border-box}.area-picker-list{list-style:none;margin:0;padding:4px 0;max-height:260px;overflow-y:auto}.area-picker-option{padding:10px 12px;cursor:pointer}.area-picker-option:hover{background:var(--surface-2)}.area-picker-option.selected{background:var(--primary-light, var(--surface-2))}.area-picker-option .area-name{font-weight:600;font-size:14px}.area-picker-option .area-name-alt{font-size:12px;color:var(--text-muted);margin-top:2px}.area-picker-empty,.area-picker-hint{padding:12px;color:var(--text-muted);text-align:center;font-size:13px}.area-picker-error{padding:10px 12px;color:var(--danger);font-size:13px;border:1px dashed var(--danger);border-radius:var(--dc-radius, 8px)}.totals-section{background:var(--surface-2);padding:14px;border-radius:var(--dc-radius, 8px)}.totals-row{display:flex;justify-content:space-between;font-size:14px;padding:3px 0}.totals-row.net{margin-top:8px;padding-top:10px;border-top:1px solid var(--border);font-size:16px;font-weight:700}.delivery-modal-footer{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center}@media (max-width: 480px){.delivery-modal-footer{grid-template-columns:1fr 1fr}.delivery-modal-footer .btn-create{grid-column:1 / -1;justify-self:stretch}}.delivery-modal-footer .btn-hold,.delivery-modal-footer .btn-cancel,.delivery-modal-footer .btn-create{min-height:44px;padding:10px 20px;border:none;border-radius:var(--dc-radius, 8px);font-weight:700;cursor:pointer;font-size:14px}.delivery-modal-footer .btn-hold{background:var(--warning, #f59e0b);color:#fff}.delivery-modal-footer .btn-cancel{background:var(--danger, #ef4444);color:#fff}.delivery-modal-footer .btn-create{background:var(--success, #10b981);color:#fff;justify-self:end;min-width:160px}.delivery-modal-footer .btn-create:disabled{opacity:.5;cursor:not-allowed}.cart-backdrop,.cart-drawer-close,.mobile-cart-bar{display:none}@media (max-width: 1024px){.workspace{grid-template-columns:minmax(0,1fr) 360px}.search-bar{padding:14px 16px 10px}.categories{padding:0 16px 10px}.products{padding:4px 16px 20px;gap:10px}.topbar{padding:0 16px;gap:12px}.topbar-tabs{margin-left:12px}}@media (max-width: 900px){.workspace{grid-template-columns:minmax(0,1fr) 320px}.topbar-title{display:none}}@media (max-width: 768px),(max-height: 540px){.workspace{grid-template-columns:1fr}.products{padding-bottom:84px}.topbar{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;gap:8px}.topbar::-webkit-scrollbar{display:none}.topbar>*:not(.topbar-spacer){flex-shrink:0}.status-pill{display:none}.cart-panel{position:fixed;top:0;right:0;bottom:0;width:min(420px,92vw);z-index:95;box-shadow:var(--shadow-xl);transform:translate(100%);transition:transform .25s ease}.cart-panel.open{transform:translate(0)}[dir=rtl] .cart-panel{right:auto;left:0;border-left:none;border-right:1px solid var(--border);transform:translate(-100%)}[dir=rtl] .cart-panel.open{transform:translate(0)}.cart-backdrop{display:block;position:fixed;inset:0;background:#0f172a80;backdrop-filter:blur(2px);z-index:94;opacity:0;pointer-events:none;transition:opacity .25s ease}.cart-backdrop.show{opacity:1;pointer-events:auto}.cart-drawer-close{display:flex;align-items:center;justify-content:center;position:absolute;top:12px;right:12px;z-index:2;width:32px;height:32px;border-radius:50%;background:var(--surface-3);color:var(--text-muted);font-size:15px;line-height:1}.cart-drawer-close:hover{background:var(--danger-light);color:var(--danger)}[dir=rtl] .cart-drawer-close{right:auto;left:12px}.mobile-cart-bar{display:flex;align-items:center;gap:12px;position:fixed;left:calc(var(--sidebar-w) + 12px);right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));height:56px;padding:0 18px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:80;font-size:15px;font-weight:600}[dir=rtl] .mobile-cart-bar{left:12px;right:calc(var(--sidebar-w) + 12px)}.mobile-cart-bar-count{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.mobile-cart-bar-badge{position:absolute;top:-8px;right:-10px;min-width:18px;height:18px;padding:0 5px;background:var(--warning);color:#1a1a1a;border-radius:9px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.mobile-cart-bar-label{flex:1;text-align:left}[dir=rtl] .mobile-cart-bar-label{text-align:right}.mobile-cart-bar-total{flex-shrink:0;font-weight:700}.receipts-page{grid-template-columns:1fr;grid-template-rows:1fr auto;padding:12px;gap:12px}.receipts-main{order:1}.receipts-details{order:2;max-height:42vh}.products{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.product-image{height:88px;flex-basis:88px;font-size:34px}}@media (max-width: 480px){:root{--sidebar-w: 60px}.sidebar{padding:12px 0;gap:6px}.sidebar-logo{width:40px;height:40px;font-size:18px;margin-bottom:8px}.nav-btn{width:44px;height:44px}.sidebar-user{width:40px;height:40px}.search-bar{padding:10px 12px 8px;gap:8px}.categories{padding:0 12px 8px}.products{padding:4px 12px 84px}.topbar{padding:0 12px;height:56px}.topbar-tabs{margin-left:8px}.cart-header{padding:14px 16px}.cart-item{padding:10px 16px}.cart-footer{padding:14px 16px}}@media (max-width: 380px){.products{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}.product-image{height:76px;flex-basis:76px;font-size:30px}}@media (max-height: 540px){.sidebar{overflow-y:auto;overflow-x:hidden;padding:8px 0;gap:4px;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.sidebar-logo{width:38px;height:38px;font-size:17px;margin-bottom:6px}.nav-btn{width:42px;height:42px}.sidebar-user{width:38px;height:38px}.topbar{height:48px}.cart-panel{overflow-y:auto}.cart-items{flex:0 0 auto;overflow:visible}.cart-footer{position:sticky;bottom:0;flex-shrink:0;box-shadow:0 -4px 12px #0f172a0f}.cart-header{padding:12px 16px}.cart-order-label{margin-bottom:8px;padding:8px 10px}.customer-section{padding:8px 10px}.cart-summary{margin-bottom:8px}.summary-row{padding:2px 0}.mobile-cart-bar{height:48px;bottom:calc(8px + env(safe-area-inset-bottom,0px))}.products{padding-bottom:72px}.receipts-details{max-height:38vh}}@media (max-width: 768px){.receipts-filters{flex-wrap:wrap}.receipts-input{flex:1 1 100%}.receipts-pagination{flex-wrap:wrap}}@media (max-width: 1200px){.receipts-page{grid-template-columns:300px minmax(0,1fr);gap:12px;padding:12px}.receipts-table th,.receipts-table td{padding:10px 12px}}@media (max-width: 900px){.receipts-page{grid-template-columns:1fr;grid-template-rows:1fr auto}.receipts-main{order:1}.receipts-details{order:2;max-height:34vh}}@media (max-width: 768px){.receipts-table thead{display:none}.receipts-table,.receipts-table tbody,.receipts-table tr,.receipts-table td{display:block;width:100%}.receipts-table tr{border:1px solid var(--border);border-radius:var(--radius);margin:10px 12px;padding:4px 12px;background:var(--surface)}.receipts-table tbody tr.selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.receipts-table td{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 0;white-space:normal;text-align:end;border:none;border-bottom:1px dashed var(--border)}.receipts-table tr td:last-child{border-bottom:none}.receipts-table td:before{content:attr(data-label);flex-shrink:0;color:var(--text-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;text-align:start}.receipts-table td.entry-no{font-size:15px}.receipts-table td.date-cell{font-size:12px}}.cart-item--return{background:#fef2f2;box-shadow:inset 3px 0 0 var(--danger, #dc2626)}.cart-item-return-tag{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.06em;color:var(--danger, #dc2626);background:#fee2e2;border-radius:4px;padding:1px 5px;margin-inline-end:6px;vertical-align:middle}.cart-item--return .cart-item-total,.cart-item--return .editable-total{color:var(--danger, #dc2626)}.cart-item-return-toggle{background:transparent;border:1px solid var(--border, #e4e4e7);border-radius:6px;width:26px;height:26px;cursor:pointer;color:var(--text-muted, #71717a);font-size:14px;line-height:1;display:grid;place-items:center}.cart-item-return-toggle.is-return{color:var(--danger, #dc2626);border-color:#fca5a5;background:#fee2e2}.cart-item-restock{display:flex;align-items:center;gap:6px;margin-top:6px;padding:3px 7px;border:1px solid var(--border, #e4e4e7);border-radius:6px;background:var(--surface, #fff);font-size:12px;color:var(--text-muted, #71717a);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-fit-content;width:fit-content}.cart-item-restock input{width:14px;height:14px;margin:0;cursor:pointer;accent-color:var(--danger, #dc2626)}.cart-item-restock.is-destroy{border-color:#fcd34d;background:#fffbeb;color:#b45309;font-weight:600}.cart-item-salesmen{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.cart-salesman-select{width:100%;min-width:0;height:30px;padding:0 8px;border:1px solid var(--border, #e4e4e7);border-radius:6px;background:var(--surface, #fff);color:var(--text, #18181b);font-size:12px;font-family:inherit;cursor:pointer}.cart-salesman-select:disabled{background:var(--bg, #f4f4f5);color:var(--text-muted, #a1a1aa);cursor:not-allowed}.cart-salesman-select.is-required-missing{border-color:#fca5a5;background:#fef2f2;color:var(--danger, #dc2626)}[dir=rtl] .cart-salesman-select{text-align:right}.pay-refund{margin-top:6px}.pay-refund-banner{background:#fef2f2;border:1px solid #fca5a5;color:var(--danger, #dc2626);border-radius:8px;padding:10px 12px;font-weight:600;font-size:13px;margin-bottom:12px}.reports-screen{flex:1;overflow:auto;padding:20px 24px;background:var(--bg, #f7f8fa)}.reports-header h1{margin:0 0 14px;font-size:22px;font-weight:700;color:var(--text, #18181b)}.reports-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;border-bottom:1px solid var(--border, #e4e4e7)}.reports-tab{padding:9px 16px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-muted, #71717a);border-bottom:2px solid transparent;margin-bottom:-1px}.reports-tab:hover{color:var(--text, #18181b)}.reports-tab.active{color:#3f66cf;border-bottom-color:#3f66cf}.rpt-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid var(--border, #e4e4e7);border-radius:10px;padding:14px 16px;margin-bottom:16px}.rpt-filters{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end}.rpt-actions{display:flex;gap:8px}.rpt-field{display:flex;flex-direction:column;gap:4px;font-size:12px}.rpt-field-label{color:var(--text-muted, #71717a);font-weight:600}.rpt-field input,.rpt-field select{padding:7px 9px;border:1px solid var(--border-strong, #d4d4d8);border-radius:6px;font-size:13px;background:#fff;color:var(--text, #18181b);min-width:120px}.rpt-btn{padding:8px 16px;border:1px solid var(--border-strong, #d4d4d8);border-radius:6px;background:#fff;color:var(--text, #18181b);font-size:13px;font-weight:600;cursor:pointer}.rpt-btn:disabled{opacity:.5;cursor:not-allowed}.rpt-btn-primary{background:#3f66cf;border-color:#3f66cf;color:#fff}.rpt-print{background:#fff;border:1px solid var(--border, #e4e4e7);border-radius:10px;padding:18px 20px}.rpt-meta{color:var(--text-muted, #71717a);font-size:13px;margin-bottom:8px}.rpt-empty{color:var(--text-faint, #a1a1aa);text-align:center;padding:24px;font-size:13px}.rpt-error{color:var(--danger, #dc2626);padding:10px 0;font-size:13px}.rpt-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 720px){.rpt-two-col{grid-template-columns:1fr}}.rpt-print h2.section{font-size:14px;margin:16px 0 6px;padding-bottom:3px;border-bottom:2px solid #3f66cf;color:#3f66cf}.rpt-print table{width:100%;border-collapse:collapse;margin:4px 0 10px;font-size:13px}.rpt-print th,.rpt-print td{border:1px solid var(--border, #e4e4e7);padding:6px 10px}.rpt-print th{background:#eef2ff;text-align:start;font-weight:700}.rpt-print td.num,.rpt-print th.num{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}.rpt-print tfoot td,.rpt-print .total-row td{font-weight:700;background:#fafafa}.ms{position:relative}.ms-trigger{display:flex;align-items:center;gap:6px;width:100%;min-height:34px;padding:4px 8px;border:1px solid var(--border-strong, #d4d4d8);border-radius:6px;background:#fff;cursor:pointer;font-size:13px;color:var(--text, #18181b)}.ms-trigger.open{border-color:#3f66cf;box-shadow:0 0 0 3px #3f66cf1f}.ms-placeholder{color:var(--text-faint, #a1a1aa);flex:1;text-align:start}.ms-chips{display:flex;align-items:center;gap:4px;flex:1;flex-wrap:wrap}.ms-chip{display:inline-flex;align-items:center;gap:4px;background:#eef2ff;color:#3f66cf;border-radius:4px;padding:1px 4px 1px 6px;font-size:12px;font-weight:600;white-space:nowrap}.ms-chip-x{cursor:pointer;font-size:13px;line-height:1;opacity:.8}.ms-chip-x:hover{opacity:1}.ms-more{color:var(--text-muted, #71717a);font-size:12px;font-weight:600}.ms-caret{color:var(--text-muted, #71717a);flex-shrink:0;margin-inline-start:auto}.ms-panel{position:absolute;z-index:40;top:calc(100% + 4px);inset-inline-start:0;width:max(240px,100%);background:#fff;border:1px solid var(--border, #e4e4e7);border-radius:8px;box-shadow:0 8px 24px #0000001f;padding:8px;display:flex;flex-direction:column;gap:6px}.ms-search{width:100%;padding:6px 8px;border:1px solid var(--border-strong, #d4d4d8);border-radius:6px;font-size:13px;outline:none}.ms-search:focus{border-color:#3f66cf}.ms-panel-actions{display:flex;justify-content:space-between;gap:8px}.ms-link{background:none;border:none;color:#3f66cf;font-size:12px;font-weight:600;cursor:pointer;padding:0}.ms-link:disabled{opacity:.4;cursor:not-allowed}.ms-list{max-height:220px;overflow-y:auto;display:flex;flex-direction:column}.ms-opt{display:flex;align-items:center;gap:8px;padding:6px;border-radius:5px;font-size:13px;cursor:pointer;color:var(--text, #18181b)}.ms-opt:hover{background:var(--bg-hover, #f4f4f5)}.ms-opt input{accent-color:#3f66cf;width:15px;height:15px;cursor:pointer}.ms-empty{color:var(--text-faint, #a1a1aa);font-size:13px;text-align:center;padding:12px}.sidebar-lang-btn{color:#ffffffd9!important;font-weight:700;font-size:14px;line-height:1}.sidebar-lang-btn:hover{color:#fff!important}html[dir=rtl] body{font-family:Noto Kufi Arabic,Segoe UI,system-ui,-apple-system,sans-serif}html[dir=rtl] input[type=number],html[dir=rtl] input[inputmode=decimal],html[dir=rtl] input[inputmode=numeric]{direction:ltr;text-align:right}html[dir=rtl] .rpt-print th{text-align:right}.topbar-lang-toggle{width:36px;height:36px;border-radius:var(--radius);background:var(--surface-3);color:var(--text);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;line-height:1}.topbar-lang-toggle:hover{background:var(--surface-2, var(--surface-3))}@media (max-width: 1024px){.customer-modal{max-width:100%}.cust-picker-grid{grid-template-columns:1fr 1fr}.cust-detail-content{padding:18px 16px}.cust-detail-actions{padding:12px 16px}.cust-search{padding:12px 14px}}@media (max-width: 900px),(max-height: 540px){.modal-overlay-sheet{padding:0}.modal.customer-modal{max-width:100%;width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0}.customer-modal .modal-header{flex-wrap:wrap;padding:12px 14px;gap:10px}.customer-modal .modal-header-img{width:40px;height:40px}.customer-modal .modal-header-name{font-size:15px}.customer-modal .modal-header-name-ar{font-size:11px}.customer-modal .modal-header-title{flex:1;min-width:0}.cust-source-toggle{flex:1 0 100%;order:1}.cust-source-toggle button{flex:1;white-space:nowrap;min-height:38px}.cust-picker-grid{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}.cust-list-side{border-right:0}.cust-picker-grid .cust-detail-side,.cust-picker-grid.has-selection .cust-list-side{display:none}.cust-picker-grid.has-selection .cust-detail-side{display:flex}.cust-detail-back{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;width:100%;padding:12px 16px;border:0;border-bottom:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.cust-detail-back:active{background:var(--surface-3)}[dir=rtl] .cust-detail-back svg{transform:scaleX(-1)}.cust-detail-actions{padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));flex-wrap:wrap}.cust-detail-actions .btn-secondary,.cust-detail-actions .btn-primary-modal{min-height:44px}.cust-detail-actions .btn-primary-modal{flex:1 0 100%;order:-1}.cust-search-row{flex-wrap:wrap}.cust-search-wrap{flex:1 1 100%}.cust-search-mode{flex:1}.cust-search-mode button{flex:1;justify-content:center;min-height:38px}.add-form-grid{grid-template-columns:1fr}.addr-geo-row{flex-wrap:wrap}.addr-geo-input{flex:1 1 100%}.addr-geo-btn{flex:1;justify-content:center;min-height:42px}.cust-add-form{padding:16px 14px}.add-form-header{padding:12px 14px}.customer-modal .modal-footer{padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));gap:10px}.customer-modal .modal-footer .btn-secondary,.customer-modal .modal-footer .btn-primary-modal{min-height:44px}.customer-modal .modal-actions{flex:1;justify-content:flex-end}}@media (max-width: 480px){.cust-detail-content{padding:16px 14px}.cust-profile-avatar{width:48px;height:48px;font-size:17px}.cust-stats-grid{grid-template-columns:1fr 1fr}.cust-quick-pad button{height:44px}}@media (max-height: 540px){.customer-modal .modal-header{padding:8px 14px}.customer-modal .modal-header-img{display:none}.cust-detail-content{padding:12px 14px}.cust-profile-header{padding-bottom:12px;margin-bottom:12px}.cust-detail-back{padding:8px 14px}.cust-detail-actions{padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px))}.cust-quick-pad button{height:34px}.cust-detail-empty-icon{width:56px;height:56px;margin-bottom:10px}}@media (max-width: 1024px){.pay-modal{max-width:100%}.pay-left,.pay-right{padding:16px}}@media (max-width: 900px),(max-height: 540px){.modal.pay-modal{max-width:100%;width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0}.pay-modal .modal-header{flex-wrap:wrap;padding:12px 14px;gap:10px}.pay-modal .modal-header-img{width:40px;height:40px}.pay-modal .modal-header-name{font-size:15px}.pay-modal .modal-header-title{flex:1;min-width:0}.pay-unpaid-btn{flex:1 0 100%;order:1;min-height:44px}.pay-grid{grid-template-columns:1fr;min-height:0;flex:1;overflow-y:auto}.pay-left{border-right:0;border-bottom:1px solid var(--border)}.pay-right{gap:12px}.pay-footer{padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));gap:10px}.pay-footer .btn{min-height:48px}}@media (max-width: 480px){.pay-left,.pay-right{padding:14px}.pay-amount-input{font-size:24px;padding:12px 14px}.pay-chip{padding:8px 12px}.pay-balance-row strong{font-size:19px}}@media (max-height: 540px){.pay-modal .modal-header{padding:8px 14px}.pay-modal .modal-header-img{display:none}.pay-left,.pay-right{padding:12px 14px}.pay-amount-input{font-size:20px;padding:10px 12px}.pay-method{padding:10px 8px;min-height:50px}.pay-splits{min-height:0}.pay-balance{padding:10px 14px;font-size:14px}.pay-balance-row strong{font-size:18px}.pay-footer{padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px))}.pay-footer .btn{min-height:42px}}.stock-balance-modal{max-width:820px}.stock-balance-search{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--border, #e4e4e7);border-radius:var(--radius-md, 8px);background:var(--surface, #fff);color:var(--text-muted, #71717a)}.stock-balance-search:focus-within{border-color:var(--primary, #1844a5);box-shadow:0 0 0 3px var(--primary-light, #e8eefc)}.stock-balance-search input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--text, #18181b);font-size:16px;font-family:inherit;padding:11px 0}.stock-balance-clear{border:0;background:transparent;color:var(--text-muted, #a1a1aa);cursor:pointer;display:grid;place-items:center;padding:4px}.stock-balance-results{list-style:none;margin:6px 0 0;padding:0;max-height:260px;overflow-y:auto;border:1px solid var(--border, #e4e4e7);border-radius:var(--radius-md, 8px);background:var(--surface, #fff)}.stock-balance-results li+li{border-top:1px solid var(--border, #e4e4e7)}.stock-balance-results button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;background:transparent;cursor:pointer;text-align:start;font-family:inherit;font-size:13px;color:var(--text, #18181b)}.stock-balance-results button:hover{background:var(--bg, #f4f4f5)}.sb-result-code{flex:none;min-width:54px;font-variant-numeric:tabular-nums;color:var(--text-muted, #71717a);font-size:12px}.sb-result-name{flex:1;min-width:0}.sb-result-tag{flex:none;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--primary, #1844a5);background:var(--primary-light, #e8eefc);border-radius:4px;padding:2px 6px}.stock-balance-hint{padding:22px 4px;text-align:center;font-size:13px;color:var(--text-muted, #71717a)}.stock-balance-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin:14px 0 8px;font-size:13px;color:var(--text-muted, #71717a)}.stock-balance-meta strong{color:var(--text, #18181b);font-size:14px}.sb-meta-sep{opacity:.45}.stock-balance-table-wrap{overflow-x:auto}.stock-balance-table{width:100%;border-collapse:collapse;font-size:13px}.stock-balance-table th,.stock-balance-table td{padding:9px 10px;text-align:start;border-bottom:1px solid var(--border, #e4e4e7);white-space:nowrap}.stock-balance-table thead th{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted, #71717a);background:var(--bg, #f4f4f5)}.stock-balance-table tbody tr:hover{background:var(--bg, #f4f4f5)}.stock-balance-table .sb-num{width:1%;color:var(--text-muted, #a1a1aa);font-variant-numeric:tabular-nums}.stock-balance-table .sb-qty{text-align:end;font-variant-numeric:tabular-nums;font-weight:600}.stock-balance-table .sb-qty.is-zero{color:var(--text-muted, #a1a1aa);font-weight:400}.stock-balance-table .sb-empty{text-align:center;padding:22px 10px;color:var(--text-muted, #71717a);white-space:normal}.stock-balance-table tfoot td{font-weight:700;color:var(--text, #18181b);border-bottom:0;background:var(--bg, #f4f4f5)}@media (max-width: 640px){.stock-balance-table th,.stock-balance-table td{padding:8px 7px}}.scanner-overlay{padding:0}.scanner-modal{max-width:560px;width:100%;max-height:100%;height:100%;border-radius:0;overflow:hidden}@media (min-width: 641px){.scanner-overlay{padding:20px}.scanner-modal{height:min(92vh,760px);border-radius:var(--radius-xl)}}.scanner-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0;padding-top:max(14px,env(safe-area-inset-top))}.scanner-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--text)}.scanner-modal .modal-close{width:44px;height:44px;flex-shrink:0}.scanner-stage{position:relative;flex:1;min-height:0;background:#0b0f16;overflow:hidden;display:flex;align-items:center;justify-content:center}.scanner-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.scanner-stage.flash:after{content:"";position:absolute;inset:0;background:#ffffff8c;pointer-events:none}.scanner-reticle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(78%,340px);aspect-ratio:5 / 3;border:2px solid rgba(255,255,255,.85);border-radius:14px;box-shadow:0 0 0 100vmax #00000059;pointer-events:none;overflow:hidden}.scanner-laser{position:absolute;left:6%;right:6%;height:2px;background:var(--danger, #ef4444);box-shadow:0 0 10px 2px #ef4444b3;animation:scannerSweep 2s ease-in-out infinite}@keyframes scannerSweep{0%{top:8%}50%{top:92%}to{top:8%}}@media (prefers-reduced-motion: reduce){.scanner-laser{animation:none;top:50%}}.scanner-state{position:relative;z-index:1;max-width:340px;margin:0 auto;padding:18px 20px;text-align:center;font-size:14px;line-height:1.5;color:#ffffffe6}.scanner-state.error{color:#fecaca}.scanner-footer{flex-shrink:0;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px;background:var(--surface)}.scanner-hint{font-size:12px;line-height:1.45;color:var(--text-muted)}.scanner-tally{margin-inline-start:auto;margin-inline-end:4px;padding:4px 10px;border-radius:999px;background:var(--success-light, #dcfce7);color:var(--success, #15803d);font-size:12px;font-weight:700;white-space:nowrap}.scanner-stage.paused .scanner-video{filter:brightness(.45) saturate(.6);transition:filter .14s ease}.scan-sheet{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:14px 16px 16px;background:var(--surface);border-top:1px solid var(--border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -12px 32px #00000047;display:flex;flex-direction:column;gap:12px;animation:scanSheetIn .16s ease-out}@keyframes scanSheetIn{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){.scan-sheet{animation:none}}.scan-sheet-item{display:flex;align-items:center;gap:12px}.scan-sheet-thumb{width:52px;height:52px;flex:0 0 auto;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);background-size:cover;background-position:center}.scan-sheet-thumb--photo{border-color:transparent}.scan-sheet-meta{min-width:0;flex:1}.scan-sheet-name{font-size:15px;font-weight:700;color:var(--text);line-height:1.3;overflow-wrap:anywhere}.scan-sheet-name-ar{font-size:13px;color:var(--text-muted);line-height:1.35;overflow-wrap:anywhere}.scan-sheet-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.scan-sheet-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--text-muted);margin-top:2px;overflow-wrap:anywhere}.scan-qty{display:flex;align-items:center;gap:10px}.scan-qty-btn{width:56px;height:56px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer}.scan-qty-btn:active{transform:scale(.96)}.scan-qty-btn:disabled{opacity:.4;cursor:default}.scan-qty-input{flex:1;min-width:0;height:56px;text-align:center;font-size:26px;font-weight:700;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);outline:none}.scan-qty-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.scan-qty-chips{display:flex;gap:8px}.scan-chip{flex:1;min-height:40px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:14px;font-weight:700;cursor:pointer}.scan-chip.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.scan-sheet-total{display:flex;align-items:baseline;justify-content:space-between;font-size:13px;color:var(--text-muted)}.scan-sheet-total strong{font-size:17px;color:var(--text)}.scan-sheet--done,.scan-sheet--miss{flex-direction:row;align-items:center;gap:14px}.scan-done-mark,.scan-miss-mark{width:48px;height:48px;flex:0 0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center}.scan-done-mark{background:var(--success-light, #dcfce7);color:var(--success, #15803d)}.scan-miss-mark{background:var(--danger-light);color:var(--danger)}.scan-done-text{min-width:0;flex:1}.scanner-actions{display:flex;gap:8px}.scanner-actions .btn-primary.scan-cta{flex:1.4;width:auto;min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px}.scanner-actions .btn-secondary{flex:1;justify-content:center;min-height:46px}.scanner-actions .btn-secondary.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.scanner-manual{display:flex;gap:8px}.scanner-manual input{flex:1;min-width:0;height:48px;padding:0 14px;font-size:16px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);outline:none}.scanner-manual input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.scanner-manual .btn-primary{width:auto;height:48px;padding:0 20px;flex:0 0 auto}@media (max-width: 1024px){.login-brand{padding:32px 28px;gap:18px}.brand-logo{width:48px;height:48px;border-radius:12px;font-size:24px}.brand-name{font-size:19px}.brand-headline{margin-bottom:12px}.login-form-wrap{padding:76px 24px 32px}}@media (max-width: 900px){.login-screen{grid-template-columns:1fr;grid-template-rows:auto 1fr}.login-brand{flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:14px 16px;padding-top:max(14px,env(safe-area-inset-top));padding-inline-end:116px}.login-brand:before,.login-brand:after{display:none}.login-brand .brand-middle,.login-brand .brand-footer{display:none}.brand-logo{width:40px;height:40px;border-radius:11px;font-size:21px}.brand-name{font-size:17px}.brand-tagline{font-size:11px}.login-controls{top:12px}.login-controls .theme-toggle{width:40px;height:40px}.lang-toggle button{min-height:32px;padding:5px 10px;font-size:12px}.login-form-wrap{align-items:flex-start;padding:24px 18px calc(28px + env(safe-area-inset-bottom))}.login-form{max-width:460px}.login-sub{margin-bottom:22px}}@media (max-height: 520px) and (max-width: 1024px){.login-screen{grid-template-columns:1fr;grid-template-rows:1fr}.login-brand{display:none}.login-form-wrap{align-items:flex-start;padding:20px 18px}.login-title{margin-top:4px}.login-sub{margin-bottom:16px}.login-field{margin-bottom:12px}}@media (max-width: 380px){.login-input-group .prefix{padding:0 10px;font-size:12px}.login-form-wrap{padding-inline:14px}}.tkt-root{--tkt-surface: #0b0a12;--tkt-surface-edge: #050409;--tkt-glow: rgba(109, 94, 242, .3);--tkt-glow-2: rgba(34, 211, 238, .12);--tkt-ring: rgba(148, 163, 255, .07);--tkt-cast: rgba(0, 0, 0, .62);--tkt-paper: #f5f5f8;--tkt-white: #ffffff;--tkt-primary: #6d5ef2;--tkt-primary-hover: #7f72ff;--tkt-accent: #6d5ef2;--tkt-accent-soft: rgba(109, 94, 242, .2);--tkt-rule: #d5d5de;--tkt-text: #121316;--tkt-muted: #6b6e7a;--tkt-notice-bg: #f7ebd2;--tkt-notice-line: #dcbe86;--tkt-notice-text: #7a5310;--tkt-danger-bg: #fbe6e5;--tkt-danger-line: #e2a5a1;--tkt-danger-text: #9f231c;--tkt-sans: "Noto Kufi Arabic", system-ui, -apple-system, sans-serif;--tkt-mono: "IBM Plex Mono", "Geist Mono", ui-monospace, monospace;box-sizing:border-box;min-height:100dvh;margin:0;font-family:var(--tkt-sans);color:var(--tkt-text);background:radial-gradient(72% 46% at 50% 4%,var(--tkt-glow),transparent 70%),radial-gradient(52% 38% at 18% 88%,var(--tkt-glow-2),transparent 72%),radial-gradient(135% 115% at 50% 42%,transparent 38%,var(--tkt-surface-edge) 100%),var(--tkt-surface);background-attachment:fixed;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;padding:clamp(20px,5vw,40px) clamp(14px,4vw,20px);padding-top:max(clamp(20px,5vw,40px),env(safe-area-inset-top));padding-bottom:max(clamp(20px,5vw,40px),env(safe-area-inset-bottom))}.tkt-root:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent calc(20vmax - 1px),var(--tkt-ring) 20vmax,transparent calc(20vmax + 1px)),radial-gradient(circle at 50% 50%,transparent calc(31vmax - 1px),var(--tkt-ring) 31vmax,transparent calc(31vmax + 1px)),radial-gradient(circle at 50% 50%,transparent calc(43vmax - 1px),var(--tkt-ring) 43vmax,transparent calc(43vmax + 1px))}.tkt-root *,.tkt-root *:before,.tkt-root *:after{box-sizing:border-box}.tkt-shadow{filter:drop-shadow(0 2px 4px rgba(4,3,10,.5)) drop-shadow(0 22px 40px var(--tkt-cast)) drop-shadow(0 0 44px rgba(109,94,242,.22));width:100%;max-width:428px}.tkt-ticket{background:var(--tkt-paper);padding:32px 30px 24px;-webkit-mask:radial-gradient(circle 7px at 11px 0,#0000 98%,#000) repeat-x 0 0 / 22px 14px,radial-gradient(circle 7px at 11px 14px,#0000 98%,#000) repeat-x 0 100% / 22px 14px,linear-gradient(#000 0 0) no-repeat 0 14px / 100% calc(100% - 28px);mask:radial-gradient(circle 7px at 11px 0,#0000 98%,#000) repeat-x 0 0 / 22px 14px,radial-gradient(circle 7px at 11px 14px,#0000 98%,#000) repeat-x 0 100% / 22px 14px,linear-gradient(#000 0 0) no-repeat 0 14px / 100% calc(100% - 28px);animation:tkt-print .75s cubic-bezier(.22,.68,.3,1) both}@keyframes tkt-print{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}.tkt-top{display:flex;align-items:center;gap:14px;direction:ltr}.tkt-logo{height:38px;width:auto;display:block}.tkt-lang{margin-inline-start:auto;display:flex;border:1px solid var(--tkt-rule);border-radius:4px;overflow:hidden;background:var(--tkt-white)}.tkt-lang button{font-family:var(--tkt-mono);font-size:11px;letter-spacing:.06em;padding:7px 10px;border:0;background:transparent;color:var(--tkt-muted);cursor:pointer;line-height:1}.tkt-lang button[aria-pressed=true]{background:var(--tkt-primary);color:var(--tkt-paper)}.tkt-lang button:focus-visible{outline:2px solid var(--tkt-accent);outline-offset:-2px}.tkt-extra{display:flex;align-items:center;gap:6px}.tkt-extra button{border:1px solid var(--tkt-rule);border-radius:4px;background:var(--tkt-white);color:var(--tkt-muted);cursor:pointer;width:30px;height:30px;display:grid;place-items:center;padding:0}.tkt-extra button:hover{color:var(--tkt-accent)}.tkt-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:var(--tkt-mono);font-size:10.5px;letter-spacing:.05em;color:var(--tkt-muted);margin-top:18px}.tkt-perf{border:0;border-top:1px dashed var(--tkt-rule);margin:14px 0}.tkt-perf.lead{border-top:1.5px solid var(--tkt-accent);margin:12px 0 18px}.tkt-ticket h1{font-size:19px;font-weight:600;line-height:1.55;margin:0 0 22px}.tkt-field{margin-bottom:16px}.tkt-label{display:block;font-size:11.5px;font-weight:500;color:var(--tkt-muted);margin-bottom:8px}.tkt-control{display:flex;align-items:center;background:var(--tkt-white);border:1px solid var(--tkt-rule);border-radius:4px;transition:border-color .15s,box-shadow .15s}.tkt-control:focus-within{border-color:var(--tkt-accent);box-shadow:0 0 0 3px var(--tkt-accent-soft)}.tkt-control.invalid{border-color:var(--tkt-danger-text)}.tkt-control input{flex:1;min-width:0;font-family:var(--tkt-sans);font-size:16px;color:var(--tkt-text);background:transparent;border:0;outline:0;padding:12px 13px}.tkt-control input::-moz-placeholder{color:#a9acb2;font-weight:300}.tkt-control input::placeholder{color:#a9acb2;font-weight:300}.tkt-control input:disabled{color:var(--tkt-muted);cursor:not-allowed}.tkt-control.ltr input{direction:ltr;text-align:start;font-family:var(--tkt-mono);font-size:15px;letter-spacing:.01em}.tkt-peek{border:0;background:transparent;cursor:pointer;color:var(--tkt-muted);padding:0 12px;align-self:stretch;display:flex;align-items:center}.tkt-peek:hover{color:var(--tkt-accent)}.tkt-peek:focus-visible{outline:2px solid var(--tkt-accent);outline-offset:-4px;border-radius:4px}.tkt-peek svg{width:18px;height:18px}.tkt-field-error{margin-top:5px;font-size:11.5px;color:var(--tkt-danger-text)}.tkt-remember{display:flex;align-items:center;gap:10px;margin:4px 0 18px;cursor:pointer;font-size:12px;font-weight:300;color:var(--tkt-muted);line-height:1.6}.tkt-remember input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:17px;height:17px;flex:none;margin:0;border:1px solid var(--tkt-rule);border-radius:3px;background:var(--tkt-white);cursor:pointer;display:grid;place-items:center;transition:.15s}.tkt-remember input:checked{background:var(--tkt-primary);border-color:var(--tkt-primary)}.tkt-remember input:checked:after{content:"";width:9px;height:5px;border:2px solid var(--tkt-paper);border-top:0;border-inline-end:0;transform:rotate(-45deg) translate(1px,-1px)}.tkt-remember input:focus-visible{outline:2px solid var(--tkt-accent);outline-offset:2px}.tkt-notice{display:flex;gap:10px;align-items:flex-start;border-radius:4px;padding:11px 13px;margin-bottom:16px;font-size:12px;font-weight:300;line-height:1.7;background:var(--tkt-notice-bg);border:1px solid var(--tkt-notice-line);color:var(--tkt-notice-text)}.tkt-notice.error{background:var(--tkt-danger-bg);border-color:var(--tkt-danger-line);color:var(--tkt-danger-text)}.tkt-notice svg{width:16px;height:16px;flex:none;margin-top:3px}.tkt-submit{width:100%;border:0;border-radius:4px;cursor:pointer;background:var(--tkt-primary);color:var(--tkt-paper);font-family:var(--tkt-sans);font-size:14px;font-weight:600;min-height:52px;padding:15px 18px;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .15s,transform .08s}.tkt-submit:hover:not(:disabled){background:var(--tkt-primary-hover)}.tkt-submit:active:not(:disabled){transform:translateY(1px)}.tkt-submit:disabled{opacity:.55;cursor:not-allowed}.tkt-submit:focus-visible{outline:2px solid var(--tkt-accent);outline-offset:3px}.tkt-submit svg{width:16px;height:16px}[dir=rtl] .tkt-submit svg{transform:scaleX(-1)}.tkt-foot{display:flex;justify-content:space-between;gap:10px;font-family:var(--tkt-mono);font-size:10.5px;letter-spacing:.05em;color:var(--tkt-muted)}.tkt-foot a{color:var(--tkt-muted);text-decoration:none;border-bottom:1px solid var(--tkt-rule)}.tkt-foot a:hover{color:var(--tkt-accent);border-color:var(--tkt-accent)}.tkt-legal{margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.tkt-vendor{display:inline-flex;align-items:center;gap:8px;font-family:var(--tkt-mono);font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;text-indent:.22em;color:var(--tkt-text);text-decoration:none;border:0;transition:color .15s}.tkt-vendor-mark{width:15px;height:13px;flex-shrink:0;background-color:currentColor;-webkit-mask-image:var(--tkt-vendor-mask);mask-image:var(--tkt-vendor-mask);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;text-indent:0}.tkt-vendor:hover{color:var(--tkt-accent)}.tkt-vendor:focus-visible{outline:2px solid var(--tkt-accent);outline-offset:3px;border-radius:3px}.tkt-copy{font-family:var(--tkt-mono);font-size:9.5px;letter-spacing:.04em;color:var(--tkt-muted)}.tkt-reveal{animation:tkt-rise .5s ease-out both}@keyframes tkt-rise{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.tkt-options{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow-y:auto}.tkt-option{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:11px 14px;background:var(--tkt-white);border:1px solid var(--tkt-rule);border-radius:4px;cursor:pointer;text-align:start;font-family:inherit;font-size:13px;color:var(--tkt-text);transition:border-color .13s,background .13s}.tkt-option:hover:not(:disabled){border-color:var(--tkt-accent);background:#fff8f8}.tkt-option:disabled{opacity:.5;cursor:not-allowed}.tkt-option:focus-visible{outline:2px solid var(--tkt-accent);outline-offset:2px}.tkt-option-sub{margin-inline-start:auto;font-family:var(--tkt-mono);font-size:10.5px;color:var(--tkt-muted)}.tkt-stage-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.tkt-stage-head h1{margin:0;font-size:17px}.tkt-back{margin-inline-start:auto;background:none;border:0;color:var(--tkt-muted);font-family:inherit;font-size:12px;cursor:pointer;padding:4px}.tkt-back:hover{color:var(--tkt-accent)}@media (max-width: 480px){.tkt-ticket{padding:26px 22px 20px}.tkt-logo{height:33px}.tkt-ticket h1{font-size:17.5px}}@media (prefers-reduced-motion: reduce){.tkt-root *,.tkt-root *:before,.tkt-root *:after{animation:none!important;transition:none!important}}