:root{--filter-pad: 12px;--bg: #f4f6f8;--surface: #ffffff;--text: #16181d;--muted: #6b7280;--line: #e4e7ec;--brand: #0f766e;--brand-ink: #0b5a54;--brand-soft: #e6f4f2;--danger: #d33a2c;--danger-soft: #fdecea;--warn: #b45309;--warn-soft: #fef3c7;--ok: #047857;--ok-soft: #d1fae5;--radius: 12px;--shadow-1: 0 1px 2px rgba(16, 24, 40, .06);--shadow-2: 0 8px 24px rgba(16, 24, 40, .12);--sidebar-w: 232px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:Cairo,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:14px}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--surface);border-inline-start:0;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar__brand{padding:15px 16px 13px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px}.sidebar__logo{width:40px;height:40px;border-radius:10px;object-fit:cover;flex-shrink:0;background:var(--bg);border:1px solid var(--line);display:grid;place-items:center;font-weight:800;font-size:16px;color:var(--muted)}.sidebar__logo--initial{text-transform:uppercase}.sidebar__title{font-weight:800;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__sub{font-size:12px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-picker{padding:12px 16px;border-bottom:1px solid var(--line)}.shop-picker label{display:block;font-size:11.5px;font-weight:700;color:var(--muted);margin-bottom:6px}.shop-picker select{width:100%;padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-weight:600;font-size:13.5px;outline:none}.shop-picker select:focus{border-color:var(--brand)}.shop-picker__note{font-size:12px;color:var(--danger)}.sidebar__nav{padding:10px;flex:1;overflow-y:auto}.navlink{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:600;color:var(--muted);margin-bottom:2px}.navlink:hover{background:var(--bg)}.navlink--active{background:var(--brand-soft);color:var(--brand-ink)}.sidebar__foot{padding:12px;border-top:1px solid var(--line)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{background:var(--surface);border-bottom:1px solid var(--line);padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:20}.topbar h1{margin:0;font-size:18px;font-weight:800}.content{padding:20px 22px 40px;flex:1}.hamburger{display:none}@media(max-width:860px){.sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:60;transform:translate(100%);transition:transform .2s ease;box-shadow:var(--shadow-2)}[dir=rtl] .sidebar{transform:translate(100%)}.sidebar--open{transform:translate(0)!important}.hamburger{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;border:1px solid var(--line);background:var(--surface);font-size:16px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182873;z-index:50}.content{padding:16px 14px 40px}.topbar{padding:12px 14px}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);margin-bottom:16px}.card__head{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.card__title{font-weight:700;font-size:15px}.card__body{padding:16px}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:start;padding:11px 14px;color:var(--muted);font-weight:600;font-size:12.5px;border-bottom:1px solid var(--line);background:#fafbfc;white-space:nowrap}.table td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table__scroll{overflow-x:auto}.table--centered th,.table--centered td{text-align:center}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.stat__label{font-size:12.5px;color:var(--muted)}.stat__value{font-size:22px;font-weight:800;margin-top:5px}.btn{border:0;border-radius:9px;padding:9px 15px;font-weight:700;font-size:13.5px;background:var(--brand);color:#fff;display:inline-flex;align-items:center;gap:7px;justify-content:center}.btn:active{background:var(--brand-ink)}.btn:disabled{opacity:.55;cursor:default}.btn--sm{padding:6px 11px;font-size:12.5px}.btn--ghost{background:var(--surface);color:var(--text);border:1px solid var(--line)}.btn--danger{background:var(--danger);color:#fff}.btn--edit{background:#2962ff;color:#fff;border:0}.btn--edit:active{background:#1e4bd8}.btn--remove{background:#d50000;color:#fff;border:0}.btn--remove:active{background:#a00}.btn--activate{background:#2e7d32;color:#fff;border:0}.btn--activate:active{background:#236026}.btn--deactivate{background:#c62828;color:#fff;border:0}.btn--deactivate:active{background:#9e2020}.btn--edit:disabled,.btn--remove:disabled,.btn--activate:disabled,.btn--deactivate:disabled{opacity:.45}.btn--block{width:100%}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.field input,.field select,.field textarea,.phone-row__inputs input{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);outline:none}.field input:focus,.field select:focus,.field textarea:focus,.phone-row__inputs input:focus{border-color:var(--brand)}.field textarea{resize:vertical;min-height:78px}.field__hint{font-size:12px;color:var(--muted);margin-top:5px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}@media(max-width:560px){.grid2{grid-template-columns:1fr}}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700}.pill--ok{background:var(--ok-soft);color:var(--ok)}.pill--warn{background:var(--warn-soft);color:var(--warn)}.pill--danger{background:var(--danger-soft);color:#9b2c20}.pill--muted{background:var(--bg);color:var(--muted)}.pill--off{background:var(--danger-soft);color:#9b2c20}.pill--brand{background:var(--brand-soft);color:var(--brand-ink)}.pill--role,.pill--account{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 10px;white-space:nowrap}.pill--role{width:124px}.pill--account{width:72px}.alert{padding:11px 14px;border-radius:10px;font-size:13.5px;margin-bottom:14px;line-height:1.6}.alert--error{background:var(--danger-soft);color:#9b2c20}.alert--ok{background:var(--ok-soft);color:var(--ok)}.alert--info{background:var(--brand-soft);color:var(--brand-ink)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182880;z-index:80;display:grid;place-items:center;padding:16px;overflow-y:auto}.modal{background:var(--surface);border-radius:14px;width:100%;max-width:560px;max-height:92vh;display:flex;flex-direction:column;box-shadow:var(--shadow-2)}.modal--wide{max-width:760px}.modal--xwide{max-width:1040px}.modal__head{padding:15px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal__title{font-weight:800;font-size:16px}.modal__body{padding:18px;overflow-y:auto}.modal__foot{padding:13px 18px;border-top:1px solid var(--line);display:flex;gap:9px;justify-content:flex-start}.iconbtn{border:0;background:none;font-size:17px;color:var(--muted);padding:4px}.thumbs{display:flex;flex-wrap:wrap;gap:10px}.thumb{position:relative;width:84px;height:84px;border-radius:10px;overflow:hidden;border:1px solid var(--line)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb__bar{position:absolute;inset-block-end:0;inset-inline:0;background:#0000008c;display:flex;justify-content:space-between;padding:2px 4px}.thumb__bar button{border:0;background:none;color:#fff;font-size:15px;padding:0 3px}.thumb__del{position:absolute;top:4px;inset-inline-end:4px;z-index:3;width:24px;height:24px;padding:0;border:0;border-radius:999px;background:var(--danger);color:#fff;font-size:13px;font-weight:700;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 2px #fff,var(--shadow-1)}.thumb__del:hover{background:#b3271c}.thumb__del:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.thumb__primary{position:absolute;top:3px;inset-inline-start:3px;background:var(--brand);color:#fff;font-size:9.5px;font-weight:700;padding:2px 5px;border-radius:5px}.thumb{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.thumb:active{cursor:grabbing}.thumb:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.thumb__bar button{cursor:pointer}.thumb--dragging{opacity:.55;z-index:5;box-shadow:var(--shadow-2)}.thumb--shifting{transition:transform .16s ease}@media(prefers-reduced-motion:reduce){.thumb--shifting{transition:none}}.thumbs__hint{margin:8px 0 0;font-size:12px;color:var(--muted)}.thumb--pending{border:2px dashed var(--brand);cursor:default}.thumb__new{position:absolute;top:3px;inset-inline-start:3px;background:var(--brand);color:var(--on-brand, #fff);font-size:9.5px;font-weight:700;padding:2px 5px;border-radius:5px}.thumb__size{color:#fff;font-size:9.5px;align-self:center;padding:0 3px}.thumb--removed{border:2px dashed var(--danger);cursor:default}.thumb--removed img{filter:grayscale(1);opacity:.45}.thumb__doomed{position:absolute;top:3px;inset-inline-start:3px;background:var(--danger);color:#fff;font-size:9.5px;font-weight:700;padding:2px 5px;border-radius:5px}@media(prefers-reduced-motion:reduce){.thumb--target{transition:none;transform:none}}.dropzone{border:2px dashed var(--line);border-radius:10px;padding:18px;text-align:center;color:var(--muted);font-size:13px}.login{min-height:100vh;display:grid;align-content:center;justify-items:center;gap:22px;padding:20px;background:linear-gradient(135deg,#0f766e,#14b8a6)}.login__brand{text-align:center}.login__wordmark{direction:ltr;font-size:32px;font-weight:800;letter-spacing:-.02em;color:#fff;line-height:1.1}.login__slogan{margin:7px 0 0;font-size:13.5px;font-weight:600;color:#ffffffe0}.login__card{background:var(--surface);border-radius:16px;padding:26px;width:100%;max-width:380px;box-shadow:var(--shadow-2)}.spinner{width:24px;height:24px;border:3px solid var(--line);border-top-color:var(--brand);border-radius:999px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center{display:grid;place-items:center;padding:50px}.empty{padding:40px 20px;text-align:center;color:var(--muted);font-size:13.5px}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.row-actions--inline{flex-wrap:nowrap;align-items:center}.row-actions--inline>*{flex-shrink:0}.row-actions--end{justify-content:flex-end;margin-inline-start:28px;padding-inline-end:14px}.muted{color:var(--muted)}.nowrap{white-space:nowrap}.toasts{position:fixed;bottom:24px;inset-inline:0;z-index:200;display:flex;flex-direction:column-reverse;align-items:center;gap:10px;pointer-events:none;padding:0 16px}.toast{pointer-events:auto;position:relative;overflow:hidden;display:flex;align-items:center;gap:13px;padding:15px 22px;border-radius:14px;border:0;box-shadow:0 10px 30px #10182838;font-size:15px;font-weight:700;text-align:start;min-width:300px;max-width:460px;animation:toast-in .22s cubic-bezier(.2,.9,.3,1.2)}@keyframes toast-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.toast--success{background:var(--shop-accent, var(--brand));color:var(--on-shop-accent, #fff)}.toast--error{background:var(--danger);color:#fff}.toast__icon{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;flex-shrink:0;font-size:16px;font-weight:800;background:currentColor}.toast--success .toast__glyph{color:var(--shop-accent, var(--brand))}.toast--error .toast__glyph{color:var(--danger)}.toast__text{flex:1;min-width:0;line-height:1.5}.toast__progress{position:absolute;bottom:0;inset-inline-start:0;height:3px;background:currentColor;opacity:.45;animation:toast-progress linear forwards}@keyframes toast-progress{0%{width:100%}to{width:0%}}@media(max-width:560px){.toasts{bottom:16px}.toast{min-width:0;width:100%;max-width:none;font-size:14.5px;padding:14px 18px}}@media(prefers-reduced-motion:reduce){.toast{animation:none}.toast__progress{animation:none;width:0}}.push-toggle{justify-content:flex-start;gap:8px}.push-toggle--on{background:var(--ok-soft);color:var(--ok);border:1px solid transparent}.push-note{font-size:11.5px;line-height:1.6;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:8px 10px;margin-bottom:8px}.section-note{margin:0 0 12px;font-size:12.5px;line-height:1.7;color:var(--muted)}.phones{display:flex;flex-direction:column;gap:10px}.phone-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.phone-row__inputs{display:flex;gap:8px;flex:1 1 260px;min-width:0}.phone-row__inputs input{min-width:0}.phone-row__inputs input:first-child{flex:0 0 150px}.phone-row__inputs input:last-child{flex:1 1 auto}.phone-row__tools{display:flex;align-items:center;gap:4px}.phone-row__wa{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--muted);white-space:nowrap;cursor:pointer}.phone-row__wa input{width:15px;height:15px;accent-color:#25d366}.phone-row__error{flex:1 0 100%;color:var(--danger);font-size:12px}.phone-row input[aria-invalid=true]{border-color:var(--danger)}.sortable{display:flex;flex-direction:column;gap:8px}.sortable__row{display:flex;align-items:center;gap:8px;border-radius:10px;position:relative}.sortable__content{flex:1;min-width:0}.sortable__handle{flex-shrink:0;width:30px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted);cursor:grab;touch-action:none}.sortable__handle:hover:not(:disabled){color:var(--text);border-color:var(--brand)}.sortable__handle:active:not(:disabled){cursor:grabbing}.sortable__handle:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.sortable__handle:disabled{opacity:.4;cursor:default}.sortable__row--dragging{opacity:.85;z-index:5;box-shadow:var(--shadow-2);background:var(--surface)}.sortable__row--shifting{transition:transform .16s ease}@media(prefers-reduced-motion:reduce){.sortable__row--shifting{transition:none}}.taxo-list{display:flex;flex-direction:column;gap:8px;padding:14px 16px}.taxo-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.taxo-row__image{width:38px;height:38px;border-radius:8px;object-fit:cover;flex-shrink:0}.taxo-row__image--empty{display:grid;place-items:center;background:var(--bg)}.taxo-row__name{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:560px){.taxo-row{flex-wrap:wrap}.taxo-row__name{flex:1 1 100%;order:-1}}.reorder-empty{display:grid;place-items:center;min-height:190px;padding:20px;text-align:center;color:var(--muted);font-size:13.5px;line-height:1.8;border:1px dashed var(--line);border-radius:12px}.reorder-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.reorder-row__pos{flex-shrink:0;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:var(--bg);color:var(--muted);font-size:11.5px;font-weight:700;display:grid;place-items:center}.reorder-row__image{width:34px;height:34px;border-radius:7px;object-fit:cover;flex-shrink:0}.reorder-row__image--empty{display:grid;place-items:center;background:var(--bg)}.reorder-row__name{flex:1;min-width:0;font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reorder-row__price{flex-shrink:0;font-size:12.5px;color:var(--muted);white-space:nowrap}.zones{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}.zone-row{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.zone-row--on{border-color:var(--brand);background:var(--brand-soft)}.zone-row__pick{display:flex;align-items:center;gap:7px;flex:1;min-width:0;cursor:pointer}.zone-row__pick input{width:15px;height:15px;accent-color:var(--brand);flex-shrink:0}.zone-row__name{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zone-row__fee{display:flex;align-items:center;gap:5px;flex-shrink:0}.zone-row__fee input{width:78px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);outline:none;font-size:13px}.zone-row__fee input:focus{border-color:var(--brand)}.zone-row__fee input:disabled{opacity:.45}.zone-row__unit{font-size:11.5px;color:var(--muted)}.rowmenu{position:relative;display:inline-flex}.rowmenu__list{position:fixed;z-index:90;min-width:232px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow-2);display:flex;flex-direction:column;gap:2px}.rowmenu__item{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:0;border-radius:8px;background:none;color:var(--text);font:inherit;font-size:13.5px;text-align:start;cursor:pointer}.rowmenu__item:hover{background:var(--bg)}.rowmenu__item:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.rowmenu__item--off{opacity:.5;cursor:default}.rowmenu__item--off:hover{background:none}.rowmenu__icon{width:26px;height:26px;flex-shrink:0;border-radius:999px;display:grid;place-items:center;font-size:12px;background:#128c7e;color:#fff}.rowmenu__item--plain .rowmenu__icon{background:var(--bg);color:var(--muted)}.rowmenu__toggle--vertical{font-size:20px;line-height:1;font-weight:700}.rowmenu__item--ok{color:var(--ok)}.rowmenu__item--ok .rowmenu__icon{background:var(--ok-soft);color:var(--ok)}.rowmenu__item--danger{color:var(--danger)}.rowmenu__item--danger .rowmenu__icon{background:var(--danger-soft);color:var(--danger)}.rowmenu__item--danger:hover{background:var(--danger-soft)}.rowmenu__text{display:flex;flex-direction:column;gap:2px;min-width:0}.rowmenu__hint{font-size:11.5px;color:var(--muted)}.pager{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:nowrap}.pager__count{font-size:12px;font-weight:500;color:var(--muted);white-space:nowrap}.pager__buttons{display:inline-flex;gap:5px;flex-shrink:0}.pager__buttons .btn{white-space:nowrap}.filter-control{padding:7px var(--filter-pad);border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;outline:none}.filter-control:focus{border-color:var(--brand)}select.filter-control{padding-inline-end:calc(var(--filter-pad) + 8px)}.daterange{display:inline-flex;align-items:center;gap:7px}.daterange__field{display:inline-flex;align-items:center;padding:0 var(--filter-pad);border:1px solid var(--line);border-radius:9px;background:var(--surface)}.daterange__field:focus-within{border-color:var(--brand)}.daterange__arrow{display:inline-flex;align-items:center;color:var(--muted);flex-shrink:0}.daterange input[type=date]{padding:7px 0;border:0;background:none;outline:none;font:inherit;font-size:12.5px;color:var(--text);direction:ltr}.daterange .iconbtn{width:22px;height:22px;font-size:12px}.mappick{margin-bottom:0}.mappick__canvas{height:clamp(300px,62vh,630px);border:1px solid var(--line);border-radius:11px;overflow:hidden;touch-action:none}.mappick__canvas--loading{background:var(--bg)}.mappick__hint{margin:7px 0 0;font-size:12.5px;color:var(--muted);line-height:1.7}.mappick__canvas .leaflet-container{direction:ltr;font:inherit;font-size:11px}.mappick__canvas .leaflet-control-attribution{font-size:10px}.mappin{background:none;border:0}.mappick__canvas{position:relative}.mappick__locate{position:absolute;z-index:800;top:10px;inset-inline-start:10px;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-1)}.mappick__locate:hover:not(:disabled){border-color:var(--brand)}.mappick__locate:disabled{opacity:.65;cursor:default}.mehere{display:block;width:14px;height:14px;margin:2px;border-radius:999px;background:#1a73e8;border:2px solid #fff;box-shadow:0 0 0 5px #1a73e838}.mappick__canvas .mehere__label{direction:rtl;background:#1a73e8;color:#fff;border:0;border-radius:7px;padding:3px 8px;font-size:11.5px;font-weight:700;box-shadow:var(--shadow-1);white-space:nowrap}.mappick__canvas .mehere__label:before{display:none}.mappick__error{margin:7px 0 0;font-size:12.5px;color:var(--danger);line-height:1.6}.locpick__readout{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-top:11px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);font-size:12.5px;color:var(--muted)}.locpick__readout bdi{font-weight:700;color:var(--text)}.linkbtn{border:0;background:none;padding:0;font:inherit;color:var(--brand-ink, var(--brand));font-weight:700;text-decoration:underline;cursor:pointer}.perms{display:flex;flex-direction:column;gap:8px}.perms__group{border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:var(--surface)}.perms__head{display:flex;align-items:center;gap:7px;font-weight:700;font-size:13px;cursor:pointer}.perms__items{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:7px;padding-inline-start:22px}.perms__item{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--muted);cursor:pointer}.perms input[type=checkbox]{width:15px;height:15px;accent-color:var(--brand)}.navlink--locked{opacity:.55}.navlink__lock{margin-inline-start:auto;font-size:11px}.readonly input,.readonly textarea,.readonly select,.readonly button:not(.btn--ghost){pointer-events:none;opacity:.7}.readonly input[type=file]{display:none}.viewer{position:relative;min-height:0;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:#fff;touch-action:none;cursor:default}.viewer--zoomed{cursor:grab}.viewer--zoomed:active{cursor:grabbing}.viewer__img{max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain;transform-origin:center;will-change:transform;-webkit-user-select:none;user-select:none}.viewer__badge{position:absolute;top:10px;inset-inline-start:10px;z-index:2;background:var(--brand);color:var(--on-brand, #fff);font-size:11px;font-weight:700;padding:3px 9px;border-radius:6px}.viewer__zoom{min-width:52px;text-align:center;font-size:12.5px;font-weight:700;color:var(--muted);direction:ltr}.viewer__strip{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.viewer__dot{width:52px;height:52px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:none;cursor:pointer;opacity:.55}.viewer__dot--on{border-color:var(--brand);opacity:1}.viewer__dot img{width:100%;height:100%;object-fit:cover;display:block}.thumb--openable{cursor:zoom-in}.picker__filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.picker__filters input{flex:2 1 220px}.picker__filters select{flex:1 1 150px}.picker__selected{border:1px solid var(--line);border-radius:10px;padding:10px 11px;margin-bottom:12px;background:var(--bg)}.picker__selected-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;font-weight:700;color:var(--muted)}.picker__hint{margin-top:6px;font-size:12.5px;color:var(--muted);line-height:1.7}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 11px;border-radius:999px;background:var(--brand-soft);color:var(--brand-ink);font-size:12px;font-weight:700}.chip__x{border:0;background:none;color:inherit;opacity:.7;font-size:11px;line-height:1;padding:2px;border-radius:999px}.chip__x:hover{opacity:1}.picker__list{display:grid;gap:7px}.picker-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer}.picker-row--on{border-color:var(--brand);background:var(--brand-soft)}.picker-row input{flex-shrink:0;width:16px;height:16px;accent-color:var(--brand)}.picker-row__image{width:34px;height:34px;border-radius:7px;object-fit:cover;flex-shrink:0}.picker-row__image--empty{display:grid;place-items:center;background:var(--bg)}.picker-row__text{flex:1;min-width:0}.picker-row__name{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-row__meta{font-size:11.5px;color:var(--muted);margin-top:1px}.picker-row__price{flex-shrink:0;font-size:12.5px;color:var(--muted);white-space:nowrap}.picker__more{display:flex;justify-content:center;margin-top:11px}.taxo-image{display:flex;align-items:flex-start;gap:12px}.taxo-image__preview{width:72px;height:72px;border-radius:10px;object-fit:cover;flex-shrink:0;border:1px solid var(--line)}.taxo-image__preview--empty{display:grid;place-items:center;background:var(--bg);font-size:24px}.taxo-image__controls{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.taxo-image__controls input[type=file]{font-size:12px;max-width:220px}.modal__body--stage{display:flex;flex-direction:column;min-height:0;overflow:hidden}.modal__body--stage .viewer{flex:1 1 auto;min-height:220px}.modal__body--stage .viewer__strip{flex:0 0 auto}.navlink__badge{margin-inline-end:auto;min-width:23px;height:23px;padding:0 7px;border-radius:999px;background:var(--danger);color:#fff;font-size:13px;font-weight:800;line-height:23px;text-align:center;direction:ltr;flex-shrink:0}.table__row--active>td{background:var(--brand-soft)}.table__row--active>td:first-child{box-shadow:inset 3px 0 0 var(--brand)}[dir=rtl] .table__row--active>td:first-child{box-shadow:inset -3px 0 0 var(--brand)}.pill--status{display:inline-flex;align-items:center;justify-content:center;width:106px;height:28px;padding:0 10px;white-space:nowrap}.pw{position:relative}.pw__input{padding-inline-end:38px}.pw__toggle{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);width:28px;height:28px;padding:0;border:0;border-radius:7px;background:none;font-size:14px;line-height:1;opacity:.65;display:grid;place-items:center}.pw__toggle:hover{opacity:1;background:var(--bg)}.api-progress{position:fixed;z-index:300;top:0;inset-inline:0;height:3px;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .2s ease}.api-progress--on{opacity:1}.api-progress:before{content:"";position:absolute;inset-block:0;width:40%;background:var(--brand);border-radius:0 999px 999px 0;animation:api-progress 1.1s ease-in-out infinite}@keyframes api-progress{0%{inset-inline-start:-40%}to{inset-inline-start:100%}}button[data-loading]{pointer-events:none}button[data-loading]:before{content:"";width:13px;height:13px;flex:none;border:2px solid currentColor;border-top-color:transparent;border-radius:999px;animation:spin .7s linear infinite}@media(prefers-reduced-motion:reduce){.api-progress:before{animation:none;width:100%;inset-inline-start:0}button[data-loading]:before{animation:none;border-top-color:currentColor;opacity:.5}}.secrets{display:grid;gap:2px}.secrets__row{display:grid;grid-template-columns:minmax(150px,220px) 1fr;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.secrets__row:last-child{border-bottom:0}.secrets__label{color:var(--muted);font-size:13px}.secrets__value{display:flex;align-items:center;gap:6px;min-width:0;font-size:13.5px}.secrets__text{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;min-width:0}.secrets__none{color:var(--muted)}.secrets__warn{color:var(--warn);font-size:13px}@media(max-width:560px){.secrets__row{grid-template-columns:1fr;gap:4px}}.tracking__title{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.tracking__actions{display:inline-flex;align-items:center;gap:8px}.pill--growth{background:var(--warn-soft);color:#92400e;font-size:11px}.tracking{display:grid;gap:18px;margin-top:6px}.tracking__channel{border:1px solid var(--line);border-radius:12px;padding:12px 14px}.tracking__head{display:flex;align-items:center;gap:10px;margin-bottom:4px}.tracking__head h4{margin:0;font-size:14.5px}.tracking__head .btn{margin-inline-start:auto}.tracking__url{font-size:12px}.tracking__hint{font-size:12px;margin:6px 0 0}.check-row{display:flex;gap:8px;align-items:center;font-size:13.5px;margin-bottom:14px}.check-row input{width:auto}.track-pills{display:flex;gap:4px;flex-wrap:wrap}.track-fields,.track-fields .check-row{margin-bottom:8px}.pill--type{white-space:nowrap}.pos{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}.pos__catalog{min-width:0}.pos__toolbar{margin-bottom:12px}.pos__search{width:100%;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font:inherit}.pos__search:focus{outline:2px solid var(--brand);outline-offset:-1px}.pos__cats{display:flex;gap:8px;overflow-x:auto;position:sticky;top:61px;z-index:10;background:var(--bg);padding:8px 0 10px;margin-bottom:6px;scrollbar-width:thin}.pos__cat{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:600 14px/1 inherit;font-family:inherit;cursor:pointer}.pos__cat span{font-size:12px;color:var(--muted)}.pos__cat.is-on{background:var(--brand);border-color:var(--brand);color:#fff}.pos__cat.is-on span{color:#fffc}.pos__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.pos__item{display:flex;flex-direction:column;gap:3px;text-align:start;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font-family:inherit;color:var(--text);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s}.pos__item:hover{border-color:var(--brand);box-shadow:var(--shadow-1)}.pos__item:active{transform:scale(.98)}.pos__item:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.pos__item.is-picked{border:2px solid var(--brand);padding:9px}.pos__img{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:9px;background:var(--bg);overflow:hidden;margin-bottom:6px}.pos__img img{width:100%;height:100%;object-fit:contain}.pos__qty{position:absolute;top:6px;inset-inline-end:6px;min-width:26px;height:26px;padding:0 7px;display:grid;place-items:center;border-radius:999px;background:var(--brand);color:#fff;font-weight:800;font-size:13px}.pos__name{font-weight:700;font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pos__brand{font-size:12px;color:var(--muted)}.pos__price{font-weight:800;color:var(--brand-ink);margin-top:auto}.pos__off{font-size:11px;color:var(--warn)}.pos__cart{position:sticky;top:82px;height:calc(100vh - 102px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:16px}.pos__cart-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pos__cart-head h2{font-size:17px;margin:0}.pos__body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.pos__footer{flex-shrink:0;border-top:1px solid var(--line);padding-top:12px;margin-top:8px}.pos__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:160px;padding:24px 12px;text-align:center;color:var(--muted);font-size:13.5px}.pos__empty strong{color:var(--text);font-size:15px}.pos__empty-icon{font-size:34px;opacity:.6}.pos__thumb{width:46px;height:46px;border-radius:9px;background:var(--bg);overflow:hidden;display:grid;place-items:center;flex-shrink:0}.pos__thumb img{width:100%;height:100%;object-fit:contain}.pos__thumb svg{width:26px;height:26px}.pos__lines{list-style:none;margin:0;padding:0}.pos__line{display:grid;grid-template-columns:46px minmax(0,1fr) auto 70px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.pos__line-info{min-width:0;display:grid}.pos__line-info strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos__line-info small{color:var(--muted);font-size:12.5px}.pos__line-info s{opacity:.7}.pos__stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:9px}.pos__stepper button{width:32px;height:32px;border:0;background:none;font-size:18px;line-height:1;cursor:pointer;color:var(--brand-ink)}.pos__stepper span{min-width:26px;text-align:center;font-weight:700}.pos__line-total{text-align:end;font-weight:700;font-size:14px}.pos__totals{margin:0 0 4px;display:grid;gap:6px}.pos__totals div{display:flex;justify-content:space-between;font-size:14px}.pos__totals dt{color:var(--muted)}.pos__totals dd{margin:0}.pos__grand{padding-top:8px;border-top:1px dashed var(--line);font-size:17px!important}.pos__grand dt{color:var(--text)!important;font-weight:700}.pos__grand dd{font-weight:800}.pos__customer{margin-top:12px}.pos__customer .field{margin-bottom:10px}.pos__fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pos__fields .field{margin-bottom:8px}.pos__fields input{min-width:0}.pos__add-note{font-size:13px;margin-bottom:10px;color:var(--brand-ink)}.pos__customer h3{font-size:15px;margin:0 0 10px}.pos__submit{width:100%;height:50px;font-size:16px}.pos__note{margin-top:8px;font-size:12px;color:var(--muted);text-align:center}.pos__jump{display:none}@media(max-width:1100px){.pos{grid-template-columns:minmax(0,1fr) 340px;gap:14px}.pos__grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.pos__line{grid-template-columns:40px minmax(0,1fr) auto 58px;gap:8px}.pos__thumb{width:40px;height:40px}.pos__stepper button{width:26px;height:30px}.pos__stepper span{min-width:20px}.pos__line-total{font-size:13px}.pos__line-info small{white-space:nowrap}}@media(max-width:760px){.pos{grid-template-columns:1fr}.pos__cart{position:static;order:2;height:calc(100dvh - 82px);min-height:460px;scroll-margin-top:72px}.pos__jump{position:sticky;bottom:12px;display:flex;justify-content:space-between;align-items:center;width:100%;height:52px;padding:0 18px;border:0;border-radius:14px;background:var(--brand);color:#fff;font:inherit;font-weight:700;box-shadow:var(--shadow-2);cursor:pointer;order:1}}@media(max-width:860px){.pos__cats{top:60px}}@media(max-width:520px){.pos__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg__btn{border:0;background:var(--surface, #fff);padding:8px 18px;font:inherit;font-size:13.5px;cursor:pointer;color:inherit}.seg__btn+.seg__btn{border-inline-start:1px solid var(--line)}.seg__btn--on{background:var(--brand);color:#fff;font-weight:700}
