:root{--bg: #f3ede6;--panel: #ffffff;--panel-2: #faf6f1;--line: #e8ded3;--line-2: #f0e8df;--ink: #2a211a;--ink-2: #5b4d42;--muted: #6f6256;--brand: #6F4E37;--brand-h: #5a3f2c;--brand-soft: #f2e8de;--on-brand: #ffffff;--ok: #2e8b57;--ok-soft: #e3f3ea;--warn: #b9770e;--warn-soft: #fbefd9;--danger: #c0392b;--danger-soft: #fbe5e2;--ok-ink: #1f7a47;--warn-ink: #8a5a0b;--danger-ink: #b0332a;--shadow-1: 0 1px 2px rgba(60,35,15,.06),0 2px 8px rgba(60,35,15,.05);--shadow-2: 0 18px 60px rgba(30,15,5,.28);--r: 14px;--r-sm: 10px;--ease: .15s ease;--pad: 14px;--topbar: 64px;--font: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Naskh Arabic","Helvetica Neue",Arial,sans-serif;color-scheme: light}:root[data-theme="dark"]{--bg: #130f0c;--panel: #1f1914;--panel-2: #28201a;--line: #382d25;--line-2: #2f261f;--ink: #f4ece4;--ink-2: #cfc0b2;--muted: #9c8c7e;--brand: #d4a67e;--brand-h: #e2bb98;--brand-soft: #35271c;--on-brand: #1b1008;--ok: #4fbf84;--ok-soft: #17301f;--warn: #e0a143;--warn-soft: #36280f;--danger: #ee7566;--danger-soft: #3a1a16;--ok-ink: #4fbf84;--warn-ink: #e0a143;--danger-ink: #ee7566;--shadow-1: 0 1px 2px rgba(0,0,0,.35),0 2px 8px rgba(0,0,0,.3);--shadow-2: 0 18px 60px rgba(0,0,0,.6);color-scheme: dark}*{box-sizing: border-box;-webkit-tap-highlight-color: transparent}html,body{height: 100%;margin: 0}body{background: var(--bg);color: var(--ink);font: 15px/1.4 var(--font);overflow: hidden;-webkit-font-smoothing: antialiased;touch-action: manipulation}button,input,select,textarea{font: inherit;color: inherit}button{cursor: pointer;border: 0;background: none;padding: 0}button:disabled{cursor: not-allowed;opacity: .5}[hidden]{display: none !important}img{max-width: 100%}h1,h2,h3,h4{margin: 0}.grow{flex: 1;min-width: 0}.muted{color: var(--muted)}.center{text-align: center}.ic{flex: none}.rtl-flip{}[dir="rtl"] .rtl-flip{transform: scaleX(-1)}:focus-visible{outline: 2px solid var(--brand);outline-offset: 2px}#app{height: 100dvh;display: flex;flex-direction: column}.boot-splash{margin: auto;text-align: center;display: grid;gap: 18px;justify-items: center;color: var(--brand);padding: 24px}.boot-splash h1{font-size: 20px;color: var(--ink)}.boot-splash .bar{width: 160px;height: 4px;border-radius: 4px;background: var(--line);overflow: hidden}.boot-splash .bar i{display: block;height: 100%;width: 40%;background: var(--brand);border-radius: 4px;animation: slide 1s ease-in-out infinite}@keyframes slide{0%{transform: translateX(-100%)}100%{transform: translateX(260%)}}.btn{min-height: 44px;padding: 0 18px;border-radius: 12px;display: inline-flex;align-items: center;justify-content: center;gap: 8px;font-weight: 650;background: var(--panel-2);border: 1px solid var(--line);color: var(--ink);transition: background var(--ease),transform var(--ease),box-shadow var(--ease),border-color var(--ease);white-space: nowrap}.btn:hover:not(:disabled){border-color: var(--brand)}.btn:active:not(:disabled){transform: scale(.98)}.btn-primary{background: var(--brand);color: var(--on-brand);border-color: var(--brand);box-shadow: 0 2px 10px color-mix(in srgb,var(--brand) 35%,transparent)}.btn-primary:hover:not(:disabled){background: var(--brand-h);border-color: var(--brand-h)}.btn-soft{background: var(--brand-soft);color: var(--brand);border-color: transparent}.btn-ghost{background: transparent;border-color: transparent;color: var(--ink-2)}.btn-ghost:hover:not(:disabled){background: var(--panel-2);border-color: transparent}.btn-danger{background: var(--danger);color: #fff;border-color: var(--danger)}.btn-danger:hover:not(:disabled){background: color-mix(in srgb,var(--danger) 85%,#000);border-color: transparent}.btn-lg{min-height: 52px;padding: 0 24px;font-size: 16px}.btn-xl{min-height: 64px;padding: 0 32px;font-size: 18px;border-radius: 16px}.btn-sm{min-height: 34px;padding: 0 12px;font-size: 13px;border-radius: 9px}.btn-block{width: 100%}.icon-btn{width: 44px;height: 44px;border-radius: 12px;display: inline-grid;place-items: center;color: var(--ink-2);transition: background var(--ease),color var(--ease);flex: none}.icon-btn:hover{background: var(--panel-2);color: var(--ink)}.icon-btn.sm{width: 36px;height: 36px;border-radius: 10px}.icon-btn.danger:hover{background: var(--danger-soft);color: var(--danger-ink)}.pill{display: inline-flex;align-items: center;gap: 4px;padding: 2px 9px;border-radius: 99px;font-size: 12px;font-weight: 650;background: var(--panel-2);color: var(--ink-2);border: 1px solid var(--line-2);white-space: nowrap}.pill-ok{background: var(--ok-soft);color: var(--ok-ink);border-color: transparent}.pill-warn{background: var(--warn-soft);color: var(--warn-ink);border-color: transparent}.pill-danger{background: var(--danger-soft);color: var(--danger-ink);border-color: transparent}.tag{display: inline-block;padding: 3px 12px;border-radius: 99px;background: var(--c,var(--brand-soft));color: #2a211a;font-size: 12px;font-weight: 700}.dot{width: 12px;height: 12px;border-radius: 50%;flex: none}.field{display: grid;gap: 6px;margin-bottom: 14px}.field.inline{display: flex;align-items: center;gap: 8px;margin: 0}.field>label{font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: .05em;color: var(--muted)}.field>label small{text-transform: none;letter-spacing: 0;font-weight: 500}.field small{color: var(--muted)}input[type=text],input[type=search],input[type=number],input[type=email],input[type=date],input:not([type]),input[type=tel],input[type=password],input[type=url],select,textarea{width: 100%;min-height: 46px;padding: 10px 14px;border: 1px solid var(--line);border-radius: 12px;background: var(--panel);outline: none;transition: border-color var(--ease),box-shadow var(--ease)}textarea{resize: vertical;min-height: 64px}input:focus,select:focus,textarea:focus{border-color: var(--brand);box-shadow: 0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.amount-input{font-size: 28px !important;font-weight: 800;min-height: 64px !important;text-align: center;font-variant-numeric: tabular-nums}.grid-2{display: grid;grid-template-columns: 1fr 1fr;gap: 0 12px;align-items: end}.form-err{color: var(--danger-ink);font-weight: 600;margin: 8px 0 0}.search-box{display: flex;align-items: center;gap: 8px;padding-inline: 12px 4px;min-height: 44px;border: 1px solid var(--line);border-radius: 12px;background: var(--panel-2);color: var(--muted);transition: border-color var(--ease),box-shadow var(--ease),background var(--ease)}.search-box:focus-within{border-color: var(--brand);background: var(--panel);box-shadow: 0 0 0 3px color-mix(in srgb,var(--brand) 16%,transparent)}.search-box input{border: 0 !important;box-shadow: none !important;background: transparent !important;min-height: 40px;padding: 0 !important;flex: 1;min-width: 0;color: var(--ink)}.date-box{display: flex;align-items: center;gap: 6px;color: var(--muted)}.date-box input{min-height: 44px;width: auto}.chips{display: flex;flex-wrap: wrap;gap: 8px}.chip{min-height: 40px;padding: 0 16px;border-radius: 99px;border: 1px solid var(--line);background: var(--panel-2);font-weight: 650;display: inline-flex;align-items: center;gap: 6px;transition: all var(--ease)}.chip:hover{border-color: var(--brand)}.chip.on{background: var(--brand);border-color: var(--brand);color: var(--on-brand)}.chips.big .chip{min-height: 52px;padding: 0 16px;border-radius: 14px;flex-direction: column;justify-content: center;gap: 0;line-height: 1.2}.chips.big .chip small{font-size: 11px;opacity: .8;font-weight: 500}.seg{display: inline-flex;padding: 4px;background: var(--panel-2);border: 1px solid var(--line);border-radius: 14px;gap: 2px}.seg button{min-height: 38px;padding: 0 16px;border-radius: 10px;font-weight: 650;color: var(--ink-2);display: inline-flex;align-items: center;justify-content: center;gap: 6px;flex: 1;transition: all var(--ease);white-space: nowrap}.seg button.on{background: var(--panel);color: var(--brand);box-shadow: var(--shadow-1)}.dlg-body>.chips{margin-bottom: 14px}.dlg-body>.seg{display: flex;width: 100%;margin-bottom: 16px}.seg.sm button{min-height: 30px;padding: 0 10px;font-size: 13px}.switch{display: flex;align-items: center;gap: 10px;cursor: pointer;min-height: 44px;font-weight: 600}.switch input{position: absolute;opacity: 0;pointer-events: none}.switch i{width: 44px;height: 26px;border-radius: 99px;background: var(--line);position: relative;transition: background var(--ease);flex: none}.switch i::after{content: "";position: absolute;top: 3px;inset-inline-start: 3px;width: 20px;height: 20px;border-radius: 50%;background: #fff;box-shadow: 0 1px 3px rgba(0,0,0,.3);transition: transform var(--ease)}.switch input:checked + i{background: var(--brand)}.switch input:checked + i::after{transform: translateX(18px)}[dir="rtl"] .switch input:checked + i::after{transform: translateX(-18px)}.switch input:focus-visible + i{outline: 2px solid var(--brand);outline-offset: 2px}.stepper{display: inline-flex;align-items: center;gap: 2px;background: var(--panel-2);border: 1px solid var(--line);border-radius: 12px;padding: 2px}.stepper button{width: 38px;height: 38px;border-radius: 10px;display: grid;place-items: center;color: var(--ink-2)}.stepper button:hover{background: var(--panel);color: var(--brand)}.stepper output,.stepper input{min-width: 36px;text-align: center;font-weight: 800;font-variant-numeric: tabular-nums}.stepper input{width: 54px;min-height: 38px;border: 0 !important;background: transparent !important;box-shadow: none !important;padding: 0 !important;-moz-appearance: textfield}.cnt-row .stepper{direction: ltr}.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0}.avatar{width: 40px;height: 40px;border-radius: 50%;background: var(--c,var(--brand));box-shadow: inset 0 0 0 100px rgba(0,0,0,.3);color: #fff;display: inline-grid;place-items: center;font-weight: 800;flex: none;transition: transform var(--ease),box-shadow var(--ease)}.avatar.sm{width: 36px;height: 36px;font-size: 13px}.avatar.xl{width: 84px;height: 84px;font-size: 34px;box-shadow: inset 0 0 0 100px rgba(0,0,0,.3),var(--shadow-1)}button.avatar:hover{transform: scale(1.06);box-shadow: inset 0 0 0 100px rgba(0,0,0,.3),0 0 0 3px color-mix(in srgb,var(--c) 30%,transparent)}.notice{display: flex;gap: 10px;align-items: flex-start;padding: 12px 14px;border-radius: 12px;background: var(--panel-2);border: 1px solid var(--line);margin: 10px 0;color: var(--ink-2)}.notice.ok{background: var(--ok-soft);border-color: transparent;color: var(--ok-ink)}.notice.warn{background: var(--warn-soft);border-color: transparent;color: var(--warn-ink)}.empty{display: grid;justify-items: center;gap: 6px;padding: 48px 20px;text-align: center;color: var(--muted)}.empty strong{color: var(--ink);font-size: 16px}.skeleton{display: grid;gap: 12px;padding: 16px}.skeleton i{display: block;height: 56px;border-radius: 12px;background: linear-gradient(90deg,var(--panel-2),var(--line-2),var(--panel-2));background-size: 200% 100%;animation: shimmer 1.2s linear infinite}@keyframes shimmer{to{background-position: -200% 0}}.tbl{width: 100%;border-collapse: collapse}.tbl th{text-align: start;font-size: 12px;text-transform: uppercase;letter-spacing: .05em;color: var(--muted);padding: 8px 10px;border-bottom: 1px solid var(--line)}.tbl td{padding: 10px;border-bottom: 1px solid var(--line-2);font-variant-numeric: tabular-nums}.tbl td small{display: block;color: var(--muted);font-size: 12px}#toasts{position: fixed;z-index: 400;inset-inline: 0;bottom: 20px;display: grid;justify-items: center;gap: 8px;pointer-events: none;padding-inline: 12px}.toast{display: flex;align-items: center;gap: 10px;background: var(--ink);color: var(--bg);padding: 12px 18px;border-radius: 14px;box-shadow: var(--shadow-2);font-weight: 600;max-width: min(520px,100%);opacity: 0;transform: translateY(10px);transition: all .2s ease}.toast.in{opacity: 1;transform: none}.toast-error{background: var(--danger);color: #fff}.toast-success{background: var(--ok);color: #fff}.dlg-back{position: fixed;inset: 0;z-index: 200;background: rgba(24,12,4,.58);display: grid;place-items: center;padding: 16px;opacity: 0;transition: opacity .15s ease}.dlg-back.in{opacity: 1}.dlg{width: min(100%,560px);max-height: calc(100dvh - 32px);display: flex;flex-direction: column;background: var(--panel);border-radius: 22px;box-shadow: var(--shadow-2);transform: translateY(10px) scale(.98);transition: transform .18s ease;overflow: hidden}.dlg-back.in .dlg{transform: none}.dlg-xs{width: min(100%,360px)}.dlg-sm{width: min(100%,440px)}.dlg-lg{width: min(100%,880px)}.dlg-xl{width: min(100%,1080px)}.dlg-full{width: 100%;height: 100%;max-height: none;border-radius: 0}.dlg-back:has(.dlg-full){padding: 0}.dlg-head{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 14px 14px 14px 22px;border-bottom: 1px solid var(--line-2)}[dir="rtl"] .dlg-head{padding: 14px 22px 14px 14px}.dlg-head h2{font-size: 18px;font-weight: 750}.dlg-body{padding: 18px 22px;overflow: auto;flex: 1;min-height: 0;overscroll-behavior: contain}.dlg-foot{display: flex;justify-content: flex-end;gap: 10px;padding: 14px 22px;border-top: 1px solid var(--line-2);background: var(--panel);flex-wrap: wrap}.dlg-foot[hidden]{display: none}.confirm-msg{display: flex;gap: 14px;align-items: flex-start}.confirm-msg p{margin: 4px 0 0;line-height: 1.5}.confirm-ic{width: 48px;height: 48px;border-radius: 14px;display: grid;place-items: center;background: var(--brand-soft);color: var(--brand);flex: none}.confirm-ic.danger{background: var(--danger-soft);color: var(--danger-ink)}.pin-dots{display: flex;justify-content: center;gap: 16px;margin: 18px 0}.pin-dots i{width: 16px;height: 16px;border-radius: 50%;border: 2px solid var(--line);transition: all var(--ease)}.pin-dots i.on{background: var(--brand);border-color: var(--brand);transform: scale(1.1)}.pin-dots.shake{animation: shake .3s}@keyframes shake{20%,60%{transform: translateX(-8px)}40%,80%{transform: translateX(8px)}}.pin-pad{display: grid;grid-template-columns: repeat(3,1fr);gap: 10px;width: min(100%,300px);margin: 0 auto 10px}.pin-dots{width: 100%}.pin-pad button{height: 64px;border-radius: 16px;background: var(--panel-2);border: 1px solid var(--line);font-size: 24px;font-weight: 700;display: grid;place-items: center;transition: all var(--ease)}.pin-pad button:hover{border-color: var(--brand);background: var(--brand-soft)}.pin-pad button:active{transform: scale(.94)}.pin-pad .pin-aux{color: var(--muted);font-size: 18px}.pin-pad .pin-ok{grid-column: 1 / -1;height: 52px;font-size: 18px;background: var(--brand);border-color: var(--brand);color: var(--on-brand)}.pin-pad .pin-ok:hover:not(:disabled){background: var(--brand-h);border-color: var(--brand-h)}.pin-pad .pin-ok:disabled{background: var(--panel-2);border-color: var(--line);color: var(--muted);opacity: .7;cursor: default}.mg-remote{margin-top: 6px;min-height: 48px}.mg-wait{display: grid;justify-items: center;gap: 10px;padding: 18px 6px 10px;text-align: center}.mg-wait strong{font-size: 17px}.mg-wait small{line-height: 1.45;max-width: 28ch}.mg-spin{width: 44px;height: 44px;border-radius: 50%;border: 4px solid var(--brand-soft);border-top-color: var(--brand);animation: mg-spin 1s linear infinite}.mg-wait.done .mg-spin{animation: none;border-color: var(--danger-ink);opacity: .35}@keyframes mg-spin{to{transform: rotate(360deg)}}.choice-list{display: grid;gap: 8px}.choice{display: flex;align-items: center;gap: 12px;text-align: start;padding: 14px 16px;min-height: 60px;border-radius: 14px;border: 1px solid var(--line);background: var(--panel);transition: all var(--ease)}button.choice:hover{border-color: var(--brand);background: var(--brand-soft)}.choice.on{border-color: var(--brand);background: var(--brand-soft);color: var(--brand)}.choice.off{opacity: .6}.choice strong{display: block}.choice small{display: block;color: var(--muted);font-weight: 500}.split-list{display: grid;gap: 8px;margin: 12px 0}.split-row{display: flex;align-items: center;gap: 12px;padding: 10px 12px;border: 1px solid var(--line);border-radius: 14px}.split-row.on{border-color: var(--brand);background: var(--brand-soft)}.split-row small{display: block;color: var(--muted)}.refund-foot{display: flex;justify-content: space-between;align-items: center;gap: 12px;margin: 12px 0;flex-wrap: wrap}.refund-foot select{width: auto;min-height: 40px}.act-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(150px,1fr));gap: 10px}.act-tile{display: grid;gap: 4px;align-content: start;justify-items: start;text-align: start;padding: 16px;min-height: 108px;border-radius: 16px;border: 1px solid var(--line);background: var(--panel-2);color: var(--ink);transition: all var(--ease)}.act-tile svg{color: var(--brand);margin-bottom: 4px}.act-tile small{color: var(--muted);font-size: 12px;line-height: 1.3}.act-tile:hover{border-color: var(--brand);background: var(--brand-soft);transform: translateY(-1px)}.act-tile.danger svg,.act-tile.danger strong{color: var(--danger-ink)}.act-tile.danger:hover{border-color: var(--danger);background: var(--danger-soft)}.pinfo{display: grid;grid-template-columns: 180px 1fr;gap: 20px}.pinfo img,.pinfo-ph{width: 100%;aspect-ratio: 1;object-fit: cover;border-radius: 16px;background: var(--panel-2);display: grid;place-items: center;color: var(--muted)}.pinfo dl{display: grid;grid-template-columns: auto 1fr;gap: 6px 14px;margin: 12px 0 0}.pinfo dt{color: var(--muted)}.pinfo dd{margin: 0;font-weight: 650;text-align: end;font-variant-numeric: tabular-nums}.pinfo dd.big{font-size: 22px;color: var(--brand)}.pinfo dd.ok{color: var(--ok-ink)}.pinfo dd.bad{color: var(--danger-ink)}.attr h3{font-size: 13px;text-transform: uppercase;letter-spacing: .06em;color: var(--muted);margin: 6px 0 10px}.attr-vals{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 14px}.pill-btn{min-height: 46px;padding: 0 18px;border-radius: 12px;border: 1px solid var(--line);background: var(--panel);font-weight: 650;display: inline-flex;align-items: center;gap: 8px;transition: all var(--ease)}.pill-btn.on{background: var(--brand);color: var(--on-brand);border-color: var(--brand)}.swatch{width: 44px;height: 44px;border-radius: 50%;background: var(--c);border: 3px solid var(--panel);box-shadow: 0 0 0 1px var(--line)}.swatch.on{box-shadow: 0 0 0 3px var(--brand)}.attr-total{text-align: end;font-size: 16px}.attr.req{padding: 10px 12px;border: 1px solid var(--line);border-radius: var(--r);margin-bottom: 12px;background: var(--panel-2)}.attr.req.need{border-color: var(--warn);background: var(--warn-soft)}.attr.req h3{display: flex;align-items: center;gap: 8px;margin-top: 0}.req-tag{font-size: 11px;font-weight: 700;letter-spacing: 0;text-transform: none;padding: 2px 8px;border-radius: 999px;background: var(--ok-soft);color: var(--ok-ink)}.attr.need .req-tag{background: var(--warn);color: var(--on-brand)}.attr-vals.big{display: grid;grid-template-columns: repeat(auto-fit,minmax(110px,1fr));gap: 10px;margin-bottom: 4px}.attr-vals.big .pill-btn{min-height: 56px;justify-content: center;font-size: 17px;padding: 0 14px;position: relative}.pill-btn kbd{font: inherit;font-size: 11px;font-weight: 700;min-width: 20px;height: 20px;display: inline-grid;place-items: center;border-radius: 6px;background: var(--panel-2);color: var(--muted);border: 1px solid var(--line)}.pill-btn.on kbd{background: color-mix(in srgb,var(--on-brand) 20%,transparent);color: var(--on-brand);border-color: transparent}.pill-btn:focus-visible,.swatch:focus-visible{outline: 3px solid var(--brand);outline-offset: 2px}.attr-need{display: flex;align-items: center;gap: 8px;margin: 4px 0 8px;padding: 8px 12px;border-radius: var(--r-sm);background: var(--warn-soft);color: var(--warn-ink);font-weight: 650}.combo-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(130px,1fr));gap: 10px;margin-bottom: 14px}.combo-item{display: grid;gap: 4px;justify-items: center;padding: 10px;border-radius: 14px;border: 1px solid var(--line);background: var(--panel);text-align: center;font-weight: 650}.combo-item img{width: 100%;aspect-ratio: 4/3;object-fit: cover;border-radius: 10px}.combo-item.on{border-color: var(--brand);background: var(--brand-soft);box-shadow: 0 0 0 2px var(--brand)}.combo-item{position: relative}.combo-n{position: absolute;inset-block-start: 6px;inset-inline-end: 6px;min-width: 26px;padding: 2px 8px;border-radius: 999px;background: var(--brand);color: var(--on-brand);font-size: 13px}.combo-hint{margin: 0 0 8px;color: var(--muted);font-size: 13px}.combo-hint b{color: var(--ink)}.combo-pieces{display: grid;gap: 8px;margin-bottom: 12px}.combo-piece{padding: 8px 10px;border: 1px solid var(--line);border-radius: var(--r);background: var(--panel)}.combo-piece.above{border-style: dashed}.combo-piece .cp-top{display: flex;align-items: center;gap: 10px}.combo-piece .cp-top strong{flex: 1;min-width: 0}.combo-piece .cp-tag{font-weight: 650;font-size: 14px}.combo-piece .cp-tag small{color: var(--muted);font-weight: 500}.combo-piece .attr.req{margin: 8px 0 0}.op-hints:empty{display: none}.combo-hints{display: grid;gap: 6px;padding: 6px 10px;flex: none;border-top: 1px solid var(--line);animation: hint-in .16s ease-out}@keyframes hint-in{from{opacity: 0;transform: translateY(4px)}}.combo-offer{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 8px;padding: 8px 10px;border-radius: var(--r);background: var(--brand-soft);border: 1px solid color-mix(in srgb,var(--brand) 40%,transparent)}.combo-offer>svg{flex: none}.combo-offer .co-text{flex: 1 1 calc(100% - 32px);min-width: 0;font-weight: 650;font-size: 13px;line-height: 1.3;overflow-wrap: anywhere}.combo-offer .btn{white-space: nowrap;margin-inline-start: auto}.combo-convert{width: 100%;justify-content: center;gap: 8px;min-height: 40px;font-weight: 650}.op-lines:has(+ .op-hints:not(:empty)){min-height: 96px}.cust-top{display: flex;gap: 10px;margin-bottom: 14px;flex-wrap: wrap}.cust-top .search-box{flex: 1;min-width: 200px}.cust-list{display: grid;gap: 6px;max-height: 52dvh;overflow: auto}.cust-row{display: flex;align-items: center;gap: 12px;padding: 10px 12px;border-radius: 14px;border: 1px solid transparent;cursor: pointer;transition: all var(--ease)}.cust-row:hover{background: var(--panel-2);border-color: var(--line)}.cust-row.sel{background: var(--brand-soft);border-color: var(--brand)}.cust-main{flex: 1;min-width: 0}.cust-main strong,.cust-main small{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.cust-main small{color: var(--muted)}.counter{display: grid;gap: 6px}.cnt-row{display: flex;align-items: center;gap: 12px;padding: 4px 0}.cnt-face{display: inline-flex;align-items: center;gap: 8px;min-width: 96px;padding: 6px 12px;border-radius: 10px;font-variant-numeric: tabular-nums}.cnt-face.bill{background: var(--ok-soft);color: var(--ok-ink)}.cnt-face.coin{background: var(--warn-soft);color: var(--warn-ink)}.cnt-sub{margin-inline-start: auto;font-variant-numeric: tabular-nums;font-weight: 650;color: var(--ink-2);min-width: 70px;text-align: end}.cnt-total{display: flex;justify-content: space-between;align-items: center;margin-top: 8px;padding: 12px 14px;border-radius: 14px;background: var(--brand-soft);color: var(--brand);font-weight: 800;font-size: 20px}.open-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 28px}.open-hero{display: flex;gap: 14px;align-items: center;margin-bottom: 18px;color: var(--brand)}.open-hero h3{color: var(--ink);font-size: 20px}.open-right h4{font-size: 13px;text-transform: uppercase;letter-spacing: .06em;color: var(--muted);margin-bottom: 10px}.kpis{display: grid;grid-template-columns: repeat(auto-fit,minmax(130px,1fr));gap: 10px;margin-bottom: 14px}.kpi{padding: 12px 14px;border-radius: 14px;background: var(--panel-2);border: 1px solid var(--line-2)}.kpi small{display: block;color: var(--muted);font-size: 12px;text-transform: uppercase;letter-spacing: .05em}.kpi b{font-size: 22px;font-variant-numeric: tabular-nums}.close-tbl .cnt-cell{display: flex;align-items: center;gap: 4px}.close-tbl input{width: 130px;min-height: 40px}.close-tbl td{vertical-align: middle}.close-tbl + .field{margin-top: 16px}.diff{font-weight: 800;white-space: nowrap}.diff small{font-weight: 600}.diff.ok{color: var(--ok-ink)}.diff.over{color: var(--warn-ink)}.diff.short{color: var(--danger-ink)}.lock,.dlg-lock .dlg-body{display: grid;justify-items: center;align-content: center;gap: 10px;text-align: center}.lock p{margin: 0}.lock{width: min(100%,780px);grid-template-columns: minmax(0,1fr)}.dlg-lock{background: radial-gradient(900px 620px at 12% 0%,color-mix(in srgb,var(--brand) 16%,var(--panel)),transparent 70%),radial-gradient(800px 560px at 100% 100%,color-mix(in srgb,var(--brand) 12%,var(--panel)),transparent 70%),var(--panel)}.dlg-lock .dlg-body{padding: 24px}.lock-logo{width: 84px;height: 84px;object-fit: contain;border-radius: 22px;box-shadow: var(--shadow-1)}.lock h1{font-size: 28px}.lock-grid{display: flex;flex-wrap: wrap;gap: 14px;justify-content: center;margin: 14px 0;max-width: 760px}.lock-user{display: grid;justify-items: center;gap: 6px;width: 150px;padding: 18px 10px;border-radius: 20px;background: var(--panel);border: 1px solid var(--line);box-shadow: var(--shadow-1);transition: all var(--ease)}.lock-user:hover{border-color: var(--brand);transform: translateY(-3px)}.lock-user.cur{border-color: var(--brand)}.lock-user small{color: var(--muted)}.topbar{height: var(--topbar);flex: none;display: flex;align-items: center;gap: 8px;padding-inline: 12px;background: var(--panel);border-bottom: 1px solid var(--line);position: relative;z-index: 20}.brand{display: flex;align-items: center;gap: 10px;font-weight: 800;color: var(--brand);font-size: 17px;padding-inline-end: 6px;white-space: nowrap}.brand img{width: 36px;height: 36px;object-fit: contain;border-radius: 10px;flex: none}.brand-two{display: grid;line-height: 1.15;min-width: 0;max-width: 170px;font-weight: 800}.brand-two b{font-size: 16px;letter-spacing: .01em;color: var(--brand);direction: ltr;unicode-bidi: isolate;text-align: start}.brand-two small{font-size: 11.5px;font-weight: 600;color: var(--muted);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;unicode-bidi: plaintext}.tabs{display: flex;gap: 2px;align-self: stretch;margin-inline: 4px}.tab{padding: 0 18px;font-weight: 700;color: var(--muted);border-bottom: 3px solid transparent;margin-top: 3px;transition: color var(--ease),border-color var(--ease)}.tab:hover{color: var(--ink)}.tab.on{color: var(--brand);border-bottom-color: var(--brand)}.add-order{background: var(--brand-soft);color: var(--brand)}.add-order:hover{background: var(--brand);color: var(--on-brand)}.order-chips{display: flex;gap: 6px;overflow-x: auto;scrollbar-width: none;min-width: 0;padding: 4px 2px}.order-chips::-webkit-scrollbar{display: none}.ochip{min-width: 54px;height: 40px;padding: 0 12px;border-radius: 12px;border: 1px solid var(--line);background: var(--panel-2);font-weight: 800;font-variant-numeric: tabular-nums;display: inline-flex;align-items: center;justify-content: center;gap: 6px;flex: none;transition: all var(--ease)}.ochip i{font-style: normal;font-size: 11px;background: var(--brand-soft);color: var(--brand);border-radius: 99px;padding: 0 6px;min-width: 18px}.ochip:hover{border-color: var(--brand)}.ochip.on{background: var(--brand);color: var(--on-brand);border-color: var(--brand)}.ochip.on i{background: color-mix(in srgb,var(--on-brand) 25%,transparent);color: var(--on-brand)}.clock{color: var(--muted);font-size: 13px;font-weight: 600;white-space: nowrap;font-variant-numeric: tabular-nums}.top-search{width: clamp(180px,22vw,320px)}.search-toggle{display: none}body[data-view="orders"] .top-search,body[data-view="orders"] .search-toggle{display: none !important}.sync-pill{display: inline-flex;align-items: center;gap: 6px;height: 34px;padding: 0 12px;border-radius: 99px;font-size: 13px;font-weight: 700;flex: none}.sync-pill.warn{background: var(--warn-soft);color: var(--warn-ink)}.sync-pill.off{background: var(--danger-soft);color: var(--danger-ink)}#vat-slot{display: inline-flex;align-items: center;flex: none}#vat-slot:empty{display: none}.vat-chip{display: inline-flex;align-items: center;height: 26px;padding: 0 10px;border-radius: 99px;font-size: 12px;font-weight: 800;letter-spacing: .02em;background: var(--warn-soft);color: var(--warn-ink);flex: none;white-space: nowrap}.stage{flex: 1;min-height: 0;position: relative}.view{position: absolute;inset: 0}.view-register{display: grid;grid-template-columns: minmax(360px,32vw) 1fr;grid-template-rows: minmax(0,1fr)}.orderpanel{display: flex;flex-direction: column;min-height: 0;background: var(--panel);border-inline-end: 1px solid var(--line)}.catalog{display: flex;flex-direction: column;min-width: 0;min-height: 0}.op-head{display: flex;align-items: center;gap: 10px;padding: 12px 16px 8px}.op-title{flex: 1;min-width: 0}.op-title small{display: block;font-size: 11px;font-weight: 800;text-transform: uppercase;letter-spacing: .1em;color: var(--brand)}.op-title h2{font-size: 20px}.op-chev{display: none;color: var(--muted)}.op-lines{flex: 1;min-height: 0;overflow-y: auto;padding: 4px 10px;overscroll-behavior: contain;scroll-padding-block: 8px}.op-empty{height: 100%;min-height: 160px;display: grid;place-content: center;justify-items: center;gap: 6px;text-align: center;color: var(--muted);padding: 20px}.op-empty svg{color: var(--line);width: 64px;height: 64px;margin-bottom: 6px}.op-empty strong{color: var(--ink);font-size: 17px}.op-empty .op-logo{display: block;width: auto;height: auto;max-width: 140px;max-height: clamp(40px,9vh,140px);object-fit: contain;margin-bottom: 14px;opacity: .35;filter: brightness(1.08) contrast(1.1);mix-blend-mode: multiply;pointer-events: none}@media (max-width: 760px){.op-empty .op-logo{max-height: 140px}}:root[data-theme="dark"] .op-empty .op-logo{filter: brightness(1.08) contrast(1.1) invert(1) grayscale(1);mix-blend-mode: screen}.boot-splash .splash-logo{max-width: 160px;max-height: 120px;object-fit: contain}.oline{display: flex;gap: 10px;padding: 9px 10px;margin-block: 3px;border-radius: 14px;border: 1px solid transparent;cursor: pointer;transition: background var(--ease),border-color var(--ease)}.oline:hover{background: var(--panel-2)}.oline.sel{background: var(--brand-soft);border-color: color-mix(in srgb,var(--brand) 45%,transparent)}.oline.child{margin-inline-start: 34px;padding-block: 4px;opacity: .85;font-size: 14px}.oline.zero{opacity: .5}.oline.flash{animation: flash .5s}@keyframes flash{0%{background: color-mix(in srgb,var(--brand) 30%,transparent)}}.ol-img{width: 46px;height: 46px;border-radius: 12px;overflow: hidden;background: var(--panel-2);flex: none;display: grid;place-items: center;color: var(--muted)}.ol-img img{width: 100%;height: 100%;object-fit: cover}.ol-main{flex: 1;min-width: 0}.ol-top{display: flex;justify-content: space-between;gap: 10px;align-items: baseline}.ol-name{font-weight: 700;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}.ol-total{font-weight: 800;font-variant-numeric: tabular-nums;white-space: nowrap}.ol-total s{color: var(--muted);font-weight: 500;font-size: 12px;margin-inline-end: 6px}.ol-sub{color: var(--muted);font-size: 13px;font-variant-numeric: tabular-nums;display: flex;gap: 6px;align-items: center;flex-wrap: wrap}.ol-qty{color: var(--brand);font-weight: 800}.ol-attrs{font-size: 12px;color: var(--ink-2)}.ol-note{font-size: 12px;color: var(--ok-ink);display: flex;gap: 4px;align-items: center;margin-top: 2px}.ol-note.internal{color: var(--warn-ink)}.ol-ctl{display: flex;align-items: center;gap: 4px;margin-top: 8px}.ol-ctl .stepper{margin-inline-end: auto}.op-foot{border-top: 1px solid var(--line);background: var(--panel);padding-bottom: env(safe-area-inset-bottom)}.op-totals{padding: 10px 18px 4px}.t-row{display: flex;justify-content: space-between;align-items: baseline;gap: 10px;font-variant-numeric: tabular-nums}.t-row.sub{color: var(--muted);font-size: 13px}.t-row.disc{color: var(--ok-ink);font-weight: 650}.t-row.grand{font-size: 17px;font-weight: 700;padding-top: 4px}.t-row.grand b{font-size: 28px;font-weight: 850;letter-spacing: -.01em}.t-row.grand small{font-size: 13px;font-weight: 650;color: var(--muted)}.t-rewards{display: flex;gap: 6px;flex-wrap: wrap;margin-bottom: 4px}.op-tools{display: grid;grid-template-columns: repeat(5,1fr);gap: 6px;padding: 6px 10px}.tool{display: grid;justify-items: center;gap: 2px;padding: 8px 2px 6px;min-height: 52px;border-radius: 12px;background: var(--panel-2);border: 1px solid var(--line-2);color: var(--ink-2);font-size: 11px;font-weight: 650;position: relative;transition: all var(--ease);min-width: 0}.tool span{max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.tool:hover{border-color: var(--brand);color: var(--brand)}.tool.on{background: var(--brand-soft);color: var(--brand);border-color: color-mix(in srgb,var(--brand) 40%,transparent)}.tool .caret{position: absolute;inset-inline-end: 4px;top: 4px;opacity: .6}.numpad{display: grid;grid-template-columns: repeat(4,1fr);gap: 6px;padding: 4px 10px 8px}.nk{height: clamp(38px,5.4vh,50px);border-radius: 12px;background: var(--panel-2);border: 1px solid var(--line-2);font-size: 20px;font-weight: 700;display: grid;place-items: center;transition: all .1s;user-select: none}.nk:hover{border-color: var(--brand)}.nk:active{transform: scale(.94);background: var(--brand-soft)}.nk.mode{background: var(--brand-soft);color: var(--brand);font-size: 15px}.nk.mode.on{background: var(--brand);color: var(--on-brand);border-color: var(--brand)}.nk.mode.locked{opacity: .75;background-image: radial-gradient(circle at 85% 20%,var(--warn) 0 3px,transparent 4px)}.nk.mode{position: relative}.nk.mode .lk{position: absolute;inset-block-start: 3px;inset-inline-end: 4px;display: grid;color: var(--warn-ink)}.nk.mode.no-right{opacity: .8}.act-tile.no-right svg,.act-tile.no-right strong{color: var(--warn-ink)}.act-tile.no-right small{color: var(--warn-ink);font-weight: 650}.nk-step{display: grid;grid-template-columns: 1fr 1fr;gap: 4px}.nk-step .nk{font-size: 18px}.pay-btn{margin: 0 10px 10px;width: calc(100% - 20px);height: 56px;border-radius: 16px;background: var(--brand);color: var(--on-brand);display: flex;align-items: center;gap: 10px;padding-inline: 20px;font-size: 18px;font-weight: 750;box-shadow: 0 6px 18px color-mix(in srgb,var(--brand) 40%,transparent);transition: all var(--ease)}.pay-btn b{margin-inline-start: auto;font-size: 20px;font-variant-numeric: tabular-nums}.pay-btn:hover:not(:disabled){background: var(--brand-h);transform: translateY(-1px)}.pay-btn:active:not(:disabled){transform: scale(.99)}.pay-btn:disabled{box-shadow: none;background: var(--line);color: var(--muted)}.cat-bar{display: flex;gap: 10px;padding: 12px 14px;overflow-x: auto;scrollbar-width: none;flex: none;scroll-padding-inline: 14px}.cat-bar::-webkit-scrollbar{display: none}.cat-bar.fade-end{-webkit-mask-image: linear-gradient(to right,#000 calc(100% - 56px),transparent);mask-image: linear-gradient(to right,#000 calc(100% - 56px),transparent)}.cat-bar.fade-start{-webkit-mask-image: linear-gradient(to right,transparent,#000 40px);mask-image: linear-gradient(to right,transparent,#000 40px)}.cat-bar.fade-start.fade-end{-webkit-mask-image: linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 56px),transparent);mask-image: linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 56px),transparent)}[dir="rtl"] .cat-bar.fade-end{-webkit-mask-image: linear-gradient(to left,#000 calc(100% - 56px),transparent);mask-image: linear-gradient(to left,#000 calc(100% - 56px),transparent)}[dir="rtl"] .cat-bar.fade-start{-webkit-mask-image: linear-gradient(to left,transparent,#000 40px);mask-image: linear-gradient(to left,transparent,#000 40px)}[dir="rtl"] .cat-bar.fade-start.fade-end{-webkit-mask-image: linear-gradient(to left,transparent,#000 40px,#000 calc(100% - 56px),transparent);mask-image: linear-gradient(to left,transparent,#000 40px,#000 calc(100% - 56px),transparent)}.cat{flex: none;min-width: 120px;height: 62px;padding: 0 16px;border-radius: 16px;background: var(--c,var(--panel));color: #2a211a;font-weight: 750;display: inline-flex;align-items: center;justify-content: center;gap: 10px;text-align: center;line-height: 1.15;border: 2px solid transparent;box-shadow: var(--shadow-1);transition: all var(--ease);overflow: hidden;position: relative}.cat img{width: 38px;height: 38px;border-radius: 10px;object-fit: cover;flex: none}.cat.all{background: var(--panel);color: var(--ink);border-color: var(--line)}.cat:hover{transform: translateY(-2px)}.cat.on{border-color: var(--brand);box-shadow: 0 0 0 3px color-mix(in srgb,var(--brand) 28%,transparent),var(--shadow-1)}.cat.all.on{background: var(--brand);color: var(--on-brand)}.cat-bar.sections-bar{padding-block: 0 10px;gap: 8px;margin-top: -4px}.cat.sub{min-width: 0;height: 42px;padding: 0 14px;border-radius: 12px;font-size: 14px;box-shadow: none}.cat-bar.sections-bar.level3{padding-inline-start: 28px;margin-top: -4px}.cat.sub.sub2{height: 38px;padding: 0 12px;font-size: 13px}.products{flex: 1;min-height: 0;overflow-y: auto;padding: 0 14px 90px;scroll-behavior: smooth}.pgroup h3{position: sticky;top: 0;z-index: 2;display: flex;align-items: center;gap: 10px;padding: 12px 2px 8px;background: var(--bg);font-size: 14px;letter-spacing: .04em;text-transform: uppercase;color: var(--ink-2)}.pgroup h3 i{width: 12px;height: 12px;border-radius: 4px;background: var(--c)}.pgroup h3 small{color: var(--muted);font-weight: 600}.pgrid{display: grid;grid-template-columns: repeat(auto-fill,minmax(156px,1fr));gap: 12px}.pcard{position: relative;display: flex;flex-direction: column;text-align: start;background: var(--panel);border-radius: var(--r);border: 1px solid var(--line);box-shadow: var(--shadow-1);overflow: hidden;cursor: pointer;user-select: none;-webkit-user-select: none;-webkit-touch-callout: none;transition: transform var(--ease),box-shadow var(--ease),border-color var(--ease)}.pcard:hover{transform: translateY(-3px);box-shadow: 0 10px 24px rgba(60,35,15,.16);border-color: color-mix(in srgb,var(--c) 70%,var(--line))}.pcard:active{transform: scale(.97)}.pc-bar{position: absolute;inset-inline: 0;top: 0;height: 5px;background: var(--c);z-index: 1}.pc-img{aspect-ratio: 4 / 3;background: color-mix(in srgb,var(--c) 35%,var(--panel-2));display: grid;place-items: center;overflow: hidden}.pc-img img{width: 100%;height: 100%;object-fit: cover;transition: transform .3s}.pcard:hover .pc-img img{transform: scale(1.05)}.pc-img.ico{background: linear-gradient(135deg,color-mix(in srgb,var(--brand) 22%,var(--panel-2)),color-mix(in srgb,var(--brand) 8%,var(--panel-2)));color: var(--brand)}.mono{font-size: 34px;font-weight: 850;color: color-mix(in srgb,var(--c) 70%,#000);opacity: .75}.pc-body{padding: 9px 12px 12px;display: grid;gap: 2px;flex: 1;align-content: space-between}.pc-name{font-weight: 700;line-height: 1.25;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 2.5em}.pc-price{color: var(--brand);font-size: 16px;font-variant-numeric: tabular-nums}.pc-info{position: absolute;top: 10px;inset-inline-end: 6px;width: 30px;height: 30px;border-radius: 50%;background: rgba(255,255,255,.85);color: #5b4d42;display: grid;place-items: center;opacity: 0;transition: opacity var(--ease);z-index: 2;backdrop-filter: blur(4px)}.pcard:hover .pc-info,.pcard:focus-within .pc-info{opacity: 1}@media (hover: none){.pc-info{opacity: .85}}.pc-fav{position: absolute;top: 10px;inset-inline-start: 8px;color: #e0a143;z-index: 2;filter: drop-shadow(0 1px 2px rgba(0,0,0,.3))}.menu-scrim{position: fixed;inset: 0;z-index: 150}.menu-pop{position: fixed;z-index: 151;top: calc(var(--topbar) - 4px);inset-inline-end: 10px;width: 320px;max-height: calc(100dvh - var(--topbar) - 12px);overflow: auto;background: var(--panel);border: 1px solid var(--line);border-radius: 18px;box-shadow: var(--shadow-2);padding: 8px;opacity: 0;transform: translateY(-6px) scale(.98);transform-origin: top;transition: all .15s ease}[dir="rtl"] .menu-pop{transform-origin: top left}.menu-pop.in{opacity: 1;transform: none}.mp-head{display: flex;gap: 12px;align-items: center;padding: 10px 10px 12px}.mp-head small{display: block;color: var(--muted)}.mp-sec{padding-block: 4px;border-top: 1px solid var(--line-2)}.mi{display: flex;align-items: center;gap: 12px;width: 100%;min-height: 42px;padding: 0 12px;border-radius: 12px;font-weight: 600;text-align: start;transition: background var(--ease);color: var(--ink)}button.mi:hover{background: var(--panel-2)}.mi svg{color: var(--ink-2)}.mi.dim{opacity: .55}.mi.danger,.mi.danger svg{color: var(--danger-ink)}.mi.lang span{flex: 1}.cp-grid{display: grid;grid-template-columns: 160px 1fr;gap: 20px}.cp-photo{display: grid;place-content: center;justify-items: center;gap: 6px;aspect-ratio: 1;border: 2px dashed var(--line);border-radius: 18px;color: var(--muted);cursor: pointer;background-size: cover;background-position: center;transition: all var(--ease)}.cp-photo:hover{border-color: var(--brand);color: var(--brand)}.cp-photo.has>*{display: none}.dlg-pay .dlg-body{padding: 0}.pay-grid{display: grid;grid-template-columns: minmax(340px,1fr) minmax(340px,480px);grid-template-rows: minmax(0,1fr);height: 100%}.pay-left{padding: 18px 22px;display: flex;flex-direction: column;gap: 14px;overflow: auto;border-inline-end: 1px solid var(--line-2)}.pay-right{padding: 18px 22px;display: flex;flex-direction: column;gap: 14px;overflow: auto;background: var(--panel-2)}.pay-methods{display: grid;grid-template-columns: repeat(auto-fit,minmax(130px,1fr));gap: 10px}.pm{display: grid;justify-items: center;gap: 6px;padding: 16px 8px;min-height: 84px;border-radius: 16px;border: 2px solid var(--line);background: var(--panel);font-weight: 700;transition: all var(--ease)}.pm svg{color: var(--brand)}.pm:hover{border-color: var(--brand);transform: translateY(-2px)}.pm.on{border-color: var(--brand);background: var(--brand-soft)}.pay-lines{display: grid;gap: 8px;min-height: 76px}.pay-hint{display: flex;gap: 12px;align-items: center;padding: 16px;border: 1px dashed var(--line);border-radius: 14px;color: var(--muted)}.pl{display: flex;align-items: center;gap: 12px;padding: 8px 8px 8px 16px;border-radius: 14px;border: 2px solid var(--line);background: var(--panel);cursor: pointer;transition: all var(--ease)}[dir="rtl"] .pl{padding: 8px 16px 8px 8px}.pl.sel{border-color: var(--brand);box-shadow: 0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.pl small{display: block;color: var(--muted)}.pl-amt{font-size: 24px;font-weight: 850;font-variant-numeric: tabular-nums}.pay-quick{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: 8px}.pay-quick .btn{min-height: 48px;font-size: 16px;padding-inline: 4px}.keypad{display: grid;grid-template-columns: repeat(3,1fr);gap: 8px}.key{height: 62px;border-radius: 14px;background: var(--panel);border: 1px solid var(--line);font-size: 24px;font-weight: 700;display: grid;place-items: center;transition: all .1s}.key:hover{border-color: var(--brand);background: var(--brand-soft)}.key:active{transform: scale(.95)}.pay-sum{background: var(--panel);border: 1px solid var(--line);border-radius: 18px;padding: 14px 18px;display: grid;gap: 6px}.ps-row{display: flex;justify-content: space-between;align-items: baseline;font-variant-numeric: tabular-nums;color: var(--ink-2)}.ps-row.big{font-size: 18px;color: var(--ink);font-weight: 700;padding-block: 6px;border-block: 1px dashed var(--line)}.ps-row.big b{font-size: 36px;letter-spacing: -.02em;color: var(--brand)}.ps-row.big small{font-size: 14px;color: var(--muted)}.ps-row.status{padding: 10px 14px;border-radius: 12px;font-size: 18px;font-weight: 750;margin-top: 2px}.ps-row.status b{font-size: 26px}.ps-row.status.rem{background: var(--warn-soft);color: var(--warn-ink)}.ps-row.status.chg{background: var(--ok-soft);color: var(--ok-ink)}.ps-row.status.ok{background: var(--ok-soft);color: var(--ok-ink)}.pay-card{background: var(--panel);border: 1px solid var(--line);border-radius: 18px;padding: 14px 16px}.pay-card h3{font-size: 12px;text-transform: uppercase;letter-spacing: .06em;color: var(--muted);margin-bottom: 10px}.cust-btn{display: flex;align-items: center;gap: 12px;width: 100%;min-height: 52px;padding: 6px 12px;border-radius: 12px;border: 1px solid var(--line);background: var(--panel-2);text-align: start;transition: all var(--ease)}.cust-btn:hover{border-color: var(--brand)}.cust-btn small{display: block;color: var(--muted)}.cust-btn em{color: var(--muted);font-style: normal}.pay-foot{position: sticky;bottom: 0;margin: auto -22px -18px;padding: 12px 22px 18px;background: var(--panel-2);border-top: 1px solid var(--line);z-index: 2}.pay-foot .form-err{margin: 0 0 8px;text-align: center}.validate{width: 100%}.pay-card .chips.big .chip{flex: 1 1 auto;padding: 0 12px}.pay-insta .pi-body{display: flex;align-items: center;gap: 14px;margin-bottom: 12px}.pay-insta .pi-qr{width: 112px;height: 112px;flex: none;object-fit: contain;border-radius: 12px;background: #fff;padding: 6px;border: 1px solid var(--line)}.pay-insta .pi-info{display: grid;gap: 2px;min-width: 0}.pay-insta .pi-info small,.pay-insta .pi-hint{color: var(--muted)}.pay-insta .pi-amt{font-size: 26px;font-weight: 850;font-variant-numeric: tabular-nums}.pay-insta .pi-amt small{font-size: .5em}.pay-insta .pi-addr{font-size: 17px;overflow-wrap: anywhere;user-select: all}.pay-insta .field{margin-bottom: 8px}.pay-insta .req{color: var(--danger-ink);font-style: normal}.pl small.need{color: var(--danger-ink);font-weight: 650}.rc-wrap{display: grid;grid-template-columns: auto 1fr;gap: 24px;align-items: start}.rc-wrap.solo{display: block}.rc-side{display: grid;gap: 12px;align-content: start;min-width: 240px}.paper{width: min(100%,330px);margin: 0 auto;background: #fff;color: #111;border-radius: 6px;box-shadow: 0 8px 30px rgba(40,20,5,.25);position: relative;overflow: hidden}.paper::after{content: "";position: absolute;inset-inline: 0;bottom: 0;height: 8px;background: linear-gradient(-45deg,transparent 6px,var(--panel) 0) 0 0/12px 8px,linear-gradient(45deg,transparent 6px,var(--panel) 0) 0 0/12px 8px;opacity: 0}.mail-row{display: grid;gap: 8px}.dlg-done .dlg-body{padding: 0;background: var(--bg)}.done-grid{display: grid;grid-template-columns: 1fr minmax(340px,420px);grid-template-rows: minmax(0,1fr);height: 100%}.done-left{padding: 32px;display: flex;flex-direction: column;gap: 14px;align-items: center;justify-content: center;text-align: center;max-width: 560px;margin: 0 auto;width: 100%}.done-ok{color: var(--ok-ink);animation: pop .4s cubic-bezier(.3,1.6,.5,1)}@keyframes pop{from{transform: scale(.3);opacity: 0}}.done-left h2{font-size: 26px}.done-amount{font-size: 54px;font-weight: 850;letter-spacing: -.02em;color: var(--brand);font-variant-numeric: tabular-nums}.done-amount small{font-size: 20px;color: var(--muted)}.done-change{display: flex;justify-content: space-between;align-items: baseline;gap: 20px;width: 100%;padding: 14px 20px;border-radius: 16px;background: var(--ok-soft);color: var(--ok-ink);font-weight: 750;font-size: 20px}.done-change b{font-size: 32px}.done-gift{display: flex;gap: 12px;align-items: center;padding: 12px 16px;border-radius: 14px;background: var(--brand-soft);color: var(--brand);text-align: start}.done-gift strong{display: block;font-size: 20px;letter-spacing: .06em}.done-left .mail-row,.done-actions{width: 100%}.done-actions{display: grid;grid-template-columns: 1fr 1fr;gap: 10px}.done-actions>:only-child{grid-column: 1 / -1}.done-right{padding: 24px;overflow: auto;background: var(--panel-2);border-inline-start: 1px solid var(--line)}.dlg-done .dlg-head{display: none}.dlg-done .dlg-foot{justify-content: stretch}.dlg-done .dlg-foot .btn{flex: 1}.view-orders{background: var(--bg)}.orders-layout{display: grid;grid-template-columns: minmax(340px,420px) 1fr;grid-template-rows: minmax(0,1fr);height: 100%}.ol-side{display: flex;flex-direction: column;min-height: 0;background: var(--panel);border-inline-end: 1px solid var(--line)}.scopes{margin: 12px;display: flex}.ol-filters{display: flex;gap: 8px;padding: 0 12px 10px;flex-wrap: wrap}.ol-filters .search-box{flex: 1 1 100%;min-width: 160px}.ol-filters .date-box{flex: 1 1 100%}.ol-filters .date-box input{width: 100%;flex: 1}.ol-list{flex: 1;overflow: auto;padding: 4px 10px 12px;display: grid;grid-template-columns: minmax(0,1fr);gap: 6px;align-content: start}.orow{display: flex;align-items: center;gap: 12px;padding: 10px 12px;border-radius: 14px;border: 1px solid transparent;text-align: start;transition: all var(--ease)}.orow:hover{background: var(--panel-2)}.orow.on{background: var(--brand-soft);border-color: color-mix(in srgb,var(--brand) 40%,transparent)}.orow strong,.orow small{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.orow small{color: var(--muted);font-size: 12px}.orow-r{display: grid;justify-items: end;gap: 4px;font-variant-numeric: tabular-nums}.trk{min-width: 54px;height: 38px;display: inline-grid;place-items: center;padding: 0 8px;border-radius: 10px;background: var(--brand);color: var(--on-brand);font-weight: 800;font-variant-numeric: tabular-nums;flex: none}.trk.big{height: 44px;font-size: 20px;padding: 0 14px}.ol-detail{overflow: auto;padding: 22px}.od{max-width: 760px;margin: 0 auto;background: var(--panel);border: 1px solid var(--line);border-radius: 22px;padding: 22px;box-shadow: var(--shadow-1);display: grid;gap: 14px}.od-head{display: flex;justify-content: space-between;gap: 14px;align-items: flex-start}.od-head h2{font-size: 22px}.od-head p{margin: 2px 0 0}.eyebrow{font-size: 11px;font-weight: 800;letter-spacing: .1em;text-transform: uppercase;color: var(--brand)}.od-badges{display: flex;gap: 8px;align-items: center;flex-wrap: wrap;justify-content: flex-end}.od-cust{display: flex;gap: 10px;align-items: center;flex-wrap: wrap;color: var(--ink-2);padding: 10px 14px;background: var(--panel-2);border-radius: 12px}.od-lines{display: grid;border-block: 1px solid var(--line-2)}.od-line{display: flex;gap: 12px;align-items: flex-start;padding: 10px 0;border-bottom: 1px solid var(--line-2)}.od-line:last-child{border: 0}.od-line.child{padding-inline-start: 36px;opacity: .8}.od-line .q{min-width: 32px;font-weight: 800;color: var(--brand)}.od-line small{display: block;color: var(--muted)}.od-line b{font-variant-numeric: tabular-nums}.od-tot,.od-pay{display: grid;gap: 4px}.od-pay{padding-top: 10px;border-top: 1px dashed var(--line);color: var(--ink-2)}.od-actions{display: flex;gap: 10px;flex-wrap: wrap;padding-top: 6px}.sheet-scrim,.cart-fab{display: none}@media (max-width: 1180px){.view-register{grid-template-columns: minmax(330px,38vw) 1fr}.clock{display: none}.brand-two{max-width: 104px}.brand-two b{font-size: 15px}.brand-two small{font-size: 10.5px}.pgrid{grid-template-columns: repeat(auto-fill,minmax(132px,1fr));gap: 10px}.top-search{width: clamp(150px,20vw,240px)}}@media (max-width: 900px){.top-search{display: none}.search-toggle{display: inline-grid}.topbar.search-open{flex-wrap: wrap;height: auto;padding-bottom: 8px}.topbar.search-open .top-search{display: flex;order: 99;width: 100%;flex: 1 0 100%}.pay-grid,.done-grid,.orders-layout,.open-grid{grid-template-columns: minmax(0,1fr)}.pay-left,.pay-right,.done-left,.done-right{min-width: 0}.orders-layout{grid-template-rows: minmax(0,40%) 1fr}.pay-grid,.done-grid{overflow: auto;height: auto}.pay-left,.pay-right{overflow: visible;border: 0}.done-right{border: 0}.rc-wrap{grid-template-columns: 1fr}}@media (max-width: 760px){:root{--topbar: 56px}.topbar{flex-wrap: wrap;height: auto;min-height: var(--topbar);row-gap: 0;padding-block: 0}.brand img{display: none}.brand-two{max-width: 100%}.brand-two b{font-size: 14px}.brand-two small{font-size: 10.5px}.topbar>*{min-height: var(--topbar)}.topbar>.brand{order: -1;flex: 1 0 100%;min-height: 0;padding: 4px 6px 0}.tabs{align-self: center;min-height: 0}.tabs .tab{padding: 0 12px;font-size: 15px;min-height: 52px}.add-order{width: 40px;min-height: 0}.order-chips{order: 20;flex: 1 0 100%;padding: 2px 0 8px;min-height: 0}.order-chips:empty{display: none}.avatar,.icon-btn{min-height: 0}.topbar{gap: 4px;padding-inline: 8px}.tabs{margin-inline: 0}.tabs .tab{padding: 0 10px;font-size: 14px}.topbar .icon-btn{width: 40px;height: 40px}.topbar .avatar{width: 36px;height: 36px}#vat-slot{order: 21;flex: 1 0 100%;min-height: 0;padding: 0 4px 6px;justify-content: flex-start}.vat-chip{height: 22px;padding: 0 8px;font-size: 11px}.view-register{grid-template-columns: 1fr}.orderpanel{position: fixed;inset-inline: 0;bottom: 0;top: 12dvh;z-index: 60;border-radius: 22px 22px 0 0;border: 0;box-shadow: 0 -12px 40px rgba(30,15,5,.35);transform: translateY(105%);transition: transform .25s ease}body.cart-open .orderpanel{transform: none}.op-chev{display: block}.op-head{cursor: pointer;padding-top: 14px}.op-head::before{content: "";position: absolute;top: 6px;inset-inline: 0;margin-inline: auto;width: 40px;height: 4px;border-radius: 4px;background: var(--line)}.orderpanel{position: fixed}.op-head{position: relative}.sheet-scrim{display: block;position: fixed;inset: 0;z-index: 55;background: rgba(20,10,4,.45);opacity: 0;pointer-events: none;transition: opacity .2s}body.cart-open .sheet-scrim{opacity: 1;pointer-events: auto}.cart-fab{position: fixed;z-index: 50;inset-inline: 12px;bottom: calc(12px + env(safe-area-inset-bottom));height: 58px;border-radius: 18px;background: var(--brand);color: var(--on-brand);display: flex;align-items: center;gap: 10px;padding-inline: 18px;font-weight: 750;font-size: 16px;box-shadow: 0 10px 28px rgba(60,35,15,.4)}.cart-fab:not([hidden]){display: flex}.cart-fab b{margin-inline-start: auto;font-variant-numeric: tabular-nums}body.cart-open .cart-fab,body[data-view="orders"] .cart-fab{display: none !important}#toasts{bottom: calc(84px + env(safe-area-inset-bottom))}body.cart-open #toasts{bottom: 20px}.pgrid{grid-template-columns: repeat(2,1fr)}.products{padding-bottom: 100px}.cat{min-width: 104px;height: 54px}.pinfo,.cp-grid{grid-template-columns: 1fr}.pinfo img,.pinfo-ph{max-width: 220px;margin: 0 auto}.cp-photo{max-width: 140px}.grid-2{grid-template-columns: 1fr}.dlg-body{padding: 16px}.dlg-foot{padding: 12px 16px}.dlg-foot .btn{flex: 1}.done-actions{grid-template-columns: 1fr}.done-amount{font-size: 42px}.pay-methods{grid-template-columns: repeat(2,1fr)}.menu-pop{inset-inline: 8px;width: auto}.orders-layout{grid-template-rows: minmax(0,45%) 1fr}.ol-detail{padding: 10px}.od{padding: 14px}}@media (max-width: 1180px) and (min-width: 761px){.op-tools{gap: 4px;padding-inline: 8px}.tool{font-size: 10.5px;letter-spacing: -.01em}.numpad{padding-inline: 8px;gap: 5px}}@media (max-height: 840px) and (min-width: 761px){.op-head{padding-block: 8px 2px}.op-title h2{font-size: 18px}.op-totals{padding-block: 6px 0}.t-row.grand b{font-size: 24px}.oline.sel .ol-main{display: flex;flex-wrap: wrap;align-items: center;column-gap: 8px}.oline.sel .ol-main>*{flex: 1 1 100%}.oline.sel .ol-main>.ol-sub{flex: 1 1 auto;width: auto}.oline.sel .ol-main>.ol-ctl{flex: 0 0 auto;margin: 2px 0 0 auto}.ol-ctl .stepper button{width: 32px;height: 32px}.ol-ctl .icon-btn.sm{width: 32px;height: 32px}.op-tools{padding-block: 4px}.tool{min-height: 44px;padding-block: 5px 4px}.nk{height: 36px;font-size: 18px}.numpad{padding-block: 2px 6px}.pay-btn{height: 50px;margin-bottom: 8px;font-size: 17px}}@media (max-height: 640px) and (min-width: 761px){.nk{height: 38px;font-size: 17px}.tool{min-height: 48px;padding-block: 4px}.pay-btn{height: 52px}.op-head{padding-block: 6px 2px}.op-totals{padding-block: 4px 0}.t-row.grand b{font-size: 24px}}@media (prefers-reduced-motion: reduce){*{animation: none !important;transition: none !important}}:lang(ar) *{letter-spacing: 0 !important;text-transform: none !important}:lang(ar) .tool{font-size: 12px}:lang(ar) .field>label,:lang(ar) .eyebrow,:lang(ar) .op-title small{font-size: 13px}[dir="rtl"] .numpad,[dir="rtl"] .keypad,[dir="rtl"] .pin-pad,[dir="rtl"] .pay-quick,[dir="rtl"] .pin-dots{direction: ltr}[dir="rtl"] .numpad .nk,[dir="rtl"] .keypad .key,[dir="rtl"] .pay-quick .btn{unicode-bidi: isolate}[dir="rtl"] .pay-quick .btn{direction: ltr}[dir="rtl"] .orow-r b,[dir="rtl"] .od-line>b,[dir="rtl"] .ol-total,[dir="rtl"] .pl-amt,[dir="rtl"] .od-tot b{direction: ltr;unicode-bidi: isolate}.ol-choice{color: var(--brand);font-weight: 700}.print-opts{display: flex;gap: 10px;flex-wrap: wrap;align-items: center}.print-opts label{display: flex;gap: 6px;align-items: center;font-weight: 600;font-size: 13px;color: var(--muted)}.print-opts select{min-height: 40px;padding: 0 8px;border: 1px solid var(--line);border-radius: 10px;background: var(--panel);color: inherit;font: inherit}