@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@500;600;700&display=swap";:root{--bg: #f5f6f4;--bg-2: #ecefea;--surface: #ffffff;--surface-2: #fafbf9;--line: #e3e7e0;--line-2: #cfd6cb;--ink: #0e1a16;--ink-2: #2c3b35;--ink-3: #5b6a63;--ink-4: #8e9c95;--brand: #047857;--brand-2: #035e44;--brand-3: #0a8e69;--brand-deep: #022c20;--brand-soft: #d4ede2;--brand-soft-2: #ebf6f1;--brand-ink: #022c20;--ok: #117a48;--ok-soft: #def0e3;--warn: #a3680a;--warn-soft: #faedcb;--danger: #b3331a;--danger-soft: #fadfd8;--info: #1c5da3;--info-soft: #dde9f6;--font-ar: "IBM Plex Sans Arabic", system-ui, -apple-system, sans-serif;--font-en: "Manrope", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--shadow-sm: 0 1px 2px rgba(2, 44, 32, .04), 0 1px 3px rgba(2, 44, 32, .06);--shadow-md: 0 2px 4px rgba(2, 44, 32, .04), 0 8px 24px rgba(2, 44, 32, .06);--shadow-lg: 0 4px 12px rgba(2, 44, 32, .06), 0 20px 48px rgba(2, 44, 32, .1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-ar);-webkit-font-smoothing:antialiased}html[dir=rtl] body,body[dir=rtl]{direction:rtl}.tnum{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono)}.brand-en{font-family:var(--font-en);letter-spacing:-.02em}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg-2)}button:focus-visible,input:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.receipt{display:none}@media print{body *{visibility:hidden}.receipt,.receipt *{visibility:visible}.receipt{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:80mm;margin:0;padding:4mm;direction:rtl;font-family:var(--font-ar);color:#000;background:#fff}@page{size:80mm auto;margin:0}}.pos-shell{display:grid;grid-template-rows:auto auto 1fr auto;height:100vh;background:var(--bg-2)}.pos-main{display:grid;grid-template-columns:1fr 380px;gap:14px;padding:14px;min-height:0}.pos-col{display:flex;flex-direction:column;min-height:0}.pos-header{background:var(--brand-deep);color:#fff;padding:10px 16px;display:flex;align-items:center;gap:14px;min-height:52px}.pos-header__brand{display:flex;align-items:center;gap:10px;min-width:0}.pos-header__brand-name{font-weight:700;font-size:15px;letter-spacing:-.2px}.pos-header__meta{display:flex;flex-direction:column;font-size:11.5px;line-height:1.35}.pos-header__meta strong{color:#fff;font-weight:600}.pos-header__meta span{color:#ffffffa6}.pos-header__divider{width:1px;height:26px;background:#ffffff2e;margin:0 4px}.pos-header__spacer{flex:1}.pos-header__btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:var(--r-sm);padding:6px 12px;font-size:12.5px;cursor:pointer;font-family:inherit}.pos-header__btn:hover{background:#ffffff2e}.pos-header__icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:16px}.pos-offline-banner{background:var(--warn-soft);color:var(--warn);padding:6px 16px;font-size:13px;text-align:center;font-weight:500}.pos-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px}.pos-card--flat{padding:0}.pos-card--rail{display:flex;flex-direction:column;gap:8px}.pos-btn{font-family:inherit;font-size:13px;font-weight:600;padding:10px 12px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .12s ease,border-color .12s ease}.pos-btn:hover:not(:disabled){background:var(--surface-2)}.pos-btn:disabled{color:var(--ink-4);cursor:not-allowed;background:var(--surface);border-color:var(--line);opacity:.65}.pos-btn--primary{background:var(--brand);border-color:var(--brand);color:#fff}.pos-btn--primary:hover:not(:disabled){background:var(--brand-2);border-color:var(--brand-2)}.pos-btn--primary:disabled{background:var(--line-2);border-color:var(--line-2);color:#fff;opacity:.7}.pos-btn--ghost{background:transparent;color:var(--ink-2)}.pos-btn--danger{color:var(--danger);border-color:var(--danger-soft)}.pos-btn--danger:hover:not(:disabled){background:var(--danger-soft)}.pos-btn--large{padding:14px 16px;font-size:16px}.pos-btn--cta{padding:16px 12px;font-size:18px;font-weight:700}.pos-btn--chip{border-radius:999px;background:var(--surface-2);border-color:var(--line);font-size:12.5px;padding:6px 12px}.pos-btn__kbd{font-family:var(--font-mono);font-size:10.5px;opacity:.7;font-weight:500;margin-inline-start:auto;padding-inline-start:6px}.pos-search{position:relative}.pos-search__field{display:flex;align-items:center;gap:10px;padding:4px 4px 4px 12px;border:2px solid var(--brand);border-radius:var(--r-md);background:var(--surface);box-shadow:0 0 0 4px #0478570f}.pos-search__field:focus-within{box-shadow:0 0 0 4px #04785724}.pos-search__icon{color:var(--brand);flex-shrink:0}.pos-search__input{flex:1;border:none;outline:none;padding:10px 0;font-size:17px;font-family:var(--font-mono);background:transparent;color:var(--ink);min-width:0}.pos-search__hint{display:inline-flex;align-items:center;gap:4px;background:var(--brand-soft);color:var(--brand-deep);font-size:11px;font-weight:600;padding:6px 10px;border-radius:var(--r-sm);white-space:nowrap}.pos-search__results{position:absolute;top:100%;inset-inline:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);margin-top:6px;list-style:none;padding:4px;z-index:5;box-shadow:var(--shadow-md);max-height:360px;overflow:auto}.pos-search__result{padding:10px 12px;border-radius:var(--r-sm);cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center}.pos-search__result+.pos-search__result{border-top:1px solid var(--line)}.pos-search__result--active,.pos-search__result:hover{background:var(--brand-soft)}.pos-search__result-title{font-size:14px;font-weight:500;color:var(--ink)}.pos-search__result-sku{font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}.pos-search__result-price{font-weight:700;font-size:14px;color:var(--brand-deep)}.pos-search__result-meta{grid-column:1 / -1;display:flex;gap:8px;font-size:11px;color:var(--ink-3);align-items:center}.pos-flash{background:var(--brand-soft);color:var(--brand-deep);padding:8px 12px;border-radius:var(--r-sm);margin-bottom:12px;font-size:13px;font-weight:500}.pos-cart{flex:1;overflow:auto;min-height:0;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.pos-cart__table{width:100%;border-collapse:collapse}.pos-cart__table thead tr{background:var(--surface-2)}.pos-cart__table th{text-align:right;padding:10px 12px;font-size:11.5px;font-weight:600;color:var(--ink-3);text-transform:none;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface-2);z-index:1}.pos-cart__table th--center{text-align:center}.pos-cart__table th--end{text-align:left}.pos-cart__row{border-top:1px solid var(--line);cursor:pointer}.pos-cart__row:hover{background:var(--surface-2)}.pos-cart__row--selected{background:var(--brand-soft-2)}.pos-cart__row--selected:hover{background:var(--brand-soft)}.pos-cart__cell{padding:12px;text-align:right;vertical-align:middle}.pos-cart__cell--center{text-align:center}.pos-cart__cell--end{text-align:left}.pos-cart__cell--total{font-weight:700;color:var(--brand-deep)}.pos-cart__name{font-weight:500;color:var(--ink)}.pos-cart__sku{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);margin-top:2px}.pos-cart__qty{display:inline-flex;align-items:center;gap:4px}.pos-cart__qty-btn{background:transparent;border:1px solid var(--line);border-radius:var(--r-sm);width:28px;height:28px;font-size:16px;cursor:pointer;color:var(--ink-2);font-family:inherit;padding:0;line-height:1}.pos-cart__qty-btn:hover{background:var(--surface-2)}.pos-cart__qty-input{width:56px;padding:6px;border:1px solid var(--line);border-radius:var(--r-sm);text-align:center;font-family:var(--font-mono);font-size:13px}.pos-cart__remove{background:transparent;border:1px solid transparent;border-radius:var(--r-sm);width:28px;height:28px;color:var(--danger);font-size:16px;cursor:pointer;padding:0}.pos-cart__remove:hover{border-color:var(--danger-soft);background:var(--danger-soft)}.pos-cart__empty{padding:40px 24px;text-align:center;color:var(--ink-3);font-size:13.5px}.pos-cart__empty-title{color:var(--ink-2);font-size:15px;font-weight:600;margin-bottom:4px}.pos-customer{padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);color:var(--ink);font-size:13px;cursor:pointer;text-align:right;display:flex;flex-direction:column;gap:4px;font-family:inherit;width:100%}.pos-customer:hover{border-color:var(--brand)}.pos-customer--active{background:var(--brand-soft);color:var(--brand-deep);border-color:var(--brand)}.pos-customer__label{font-size:11px;color:var(--ink-3);font-weight:500}.pos-customer--active .pos-customer__label{color:var(--brand-2)}.pos-customer__name{font-size:14px;font-weight:600}.pos-customer__meta{font-size:11.5px;color:var(--ink-3);display:flex;gap:8px;flex-wrap:wrap}.pos-customer--active .pos-customer__meta{color:var(--brand-2)}.pos-summary{display:flex;flex-direction:column;gap:4px;padding:10px 0}.pos-summary__row{display:flex;justify-content:space-between;align-items:baseline;padding:5px 0;font-size:13px}.pos-summary__row-label{color:var(--ink-3)}.pos-summary__row-value{font-variant-numeric:tabular-nums;font-weight:500;color:var(--ink)}.pos-summary__row--total{border-top:1px solid var(--line);margin-top:4px;padding-top:12px}.pos-summary__row--total .pos-summary__row-label{font-size:15px;color:var(--ink);font-weight:600}.pos-summary__row--total .pos-summary__row-value{font-size:26px;font-weight:700;color:var(--brand-deep)}.pos-summary__row--danger .pos-summary__row-value{color:var(--danger)}.pos-shortcut-strip{background:var(--surface);border-top:1px solid var(--line);padding:8px 14px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--ink-3);min-height:36px}.pos-shortcut-strip__item{display:inline-flex;align-items:center;gap:5px}.pos-kbd{font-family:var(--font-mono);font-size:11px;background:var(--surface-2);border:1px solid var(--line);border-radius:4px;padding:1px 6px;color:var(--brand-deep);font-weight:600}.pos-device-strip{display:inline-flex;align-items:center;gap:6px}.pos-device-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:500;background:#ffffff1a;color:#fff;border:none;cursor:default;font-family:inherit}.pos-device-chip--button{cursor:pointer}.pos-device-chip--ok{background:#10b9812e}.pos-device-chip--warn{background:#a3680a38}.pos-device-chip--danger{background:#b3331a38}.pos-device-chip__label{opacity:.65}.pos-device-chip__value{font-weight:600}.pos-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#022c2073;display:flex;align-items:center;justify-content:center;z-index:10;padding:16px}.pos-modal{background:var(--surface);border-radius:var(--r-lg);padding:20px;width:520px;max-width:92vw;max-height:88vh;overflow:auto;box-shadow:var(--shadow-lg)}.pos-modal--wide{width:680px}.pos-modal__title{margin:0 0 12px;color:var(--brand-deep);font-size:18px;font-weight:600}.pos-modal__title--ok{color:var(--ok)}.pos-modal__input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);font-size:14px;font-family:inherit;box-sizing:border-box;margin-bottom:12px}.pos-modal__input:focus{outline:2px solid var(--brand);outline-offset:1px}.pos-modal__footer{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.pos-receipt-preview{background:#fff;border:1px dashed var(--line);border-radius:var(--r-md);padding:14px 16px;margin-bottom:12px;font-family:var(--font-ar);color:var(--ink);font-size:12.5px;max-width:360px;margin-inline:auto}.pos-receipt-preview__title{text-align:center;font-weight:700;font-size:14px}.pos-receipt-preview__caption{text-align:center;font-size:11px;color:var(--ink-3)}.pos-receipt-preview__sep{border-top:1px dashed var(--line);margin:8px 0}.pos-receipt-preview__line{display:flex;justify-content:space-between;font-size:12px;padding:2px 0;gap:8px}.pos-receipt-preview__footer{text-align:center;font-size:11px;margin-top:8px;color:var(--ink-3);white-space:pre-line}.pos-sync-status{font-weight:600}.pos-sync-status--pending{color:var(--ink-2)}.pos-sync-status--syncing{color:var(--brand-deep)}.pos-sync-status--failed{color:var(--danger)}.pos-sync-status--synced{color:var(--ok)}.pos-table{width:100%;border-collapse:collapse;font-size:13px}.pos-table thead tr{background:var(--surface-2)}.pos-table th{text-align:right;padding:8px 10px;font-size:11px;color:var(--ink-3);font-weight:600}.pos-table th.col-center{text-align:center}.pos-table th.col-end{text-align:left}.pos-table td{padding:8px 10px;text-align:right;vertical-align:top;border-top:1px solid var(--line)}.pos-table td.col-center{text-align:center}.pos-table td.col-end{text-align:left}.pos-pick{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);font-size:14px;cursor:pointer;text-align:right;margin-bottom:4px;font-family:inherit}.pos-pick:hover{border-color:var(--brand);background:var(--surface-2)}.pos-pick--active{background:var(--brand-soft);border-color:var(--brand)}