:root{--bg: #eef0f3;--panel: #ffffff;--ink: #18212b;--muted: #687384;--line: #dde1e7;--soft: #f5f6f8;--accent: #0f766e;--accent-soft: #e6f4f2;--accent-ink: #ffffff;--header: #18212b;--warn: #b45309;--error: #b91c1c;--radius: 10px;font-family:Segoe UI,system-ui,Noto Sans Arabic,Noto Naskh Arabic,sans-serif;font-size:16px;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg)}button,input,select{font:inherit;color:inherit}button{min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover:not(:disabled){border-color:#b9c0ca;background:var(--soft)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}button.primary:hover:not(:disabled){background:#0d6961}button.big{min-height:56px;font-size:1.15rem}kbd{font:600 .72rem/1 ui-monospace,monospace;padding:3px 5px;border-radius:4px;background:#00000014;color:inherit;opacity:.8}.primary kbd{background:#fff3}input,select{min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);width:100%}input:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}label{display:grid;gap:6px;font-size:.9rem;color:var(--muted)}label input{color:var(--ink);font-size:1rem}h1{font-size:1.4rem;margin:0 0 4px}.app{height:100%;display:flex;flex-direction:column}.topbar{display:flex;gap:10px;align-items:center;padding:8px 16px;background:var(--header);color:#fff;flex:none}.topbar select{width:auto;min-height:36px;background:#2a3541;border-color:#3a4654;color:#fff}.topbar button{min-height:36px;background:#2a3541;border-color:#3a4654;color:#fff}.topbar button:hover:not(:disabled){background:#364352}.topbar .who{opacity:.85}.spacer{flex:1}.status{font-size:.85rem}.status.ok{color:#34d399}.status.off{color:#fbbf24}main{flex:1;min-height:0;padding:14px;overflow:auto}.card{background:var(--panel);border-radius:var(--radius);padding:28px;box-shadow:0 1px 2px #0000000a}.narrow{max-width:460px;margin:4vh auto 0;display:grid;gap:14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.grid .big{min-height:72px}.row{display:flex;gap:10px}.row>*{flex:1}.center{text-align:center}.muted{color:var(--muted)}.error{color:var(--error);margin:0}.warn{color:var(--warn)}.num{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}.pinpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pinpad button{min-height:58px;font-size:1.3rem}.pin-display{grid-column:1 / -1;text-align:center;font-size:2rem;letter-spacing:8px;min-height:44px}.sell{display:grid;grid-template-columns:minmax(0,1fr) clamp(360px,32vw,460px);gap:14px;height:100%}.panel{background:var(--panel);border-radius:var(--radius);box-shadow:0 1px 2px #0000000a;min-height:0}.catalog{display:flex;flex-direction:column;gap:12px;padding:14px}.scanbar{position:relative}.scan-icon{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:1.2rem}.scan{min-height:54px;font-size:1.15rem;padding-inline-start:42px;background:var(--soft)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:34px;border-radius:999px;padding:0 14px;font-size:.9rem}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.tiles{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-auto-rows:96px;gap:10px;align-content:start;padding:2px}.tile{flex-direction:column;align-items:stretch;justify-content:space-between;padding:10px 12px;text-align:start;min-height:0}.tile-name{font-weight:600;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tile-meta{display:flex;justify-content:space-between;align-items:baseline;font-size:.85rem;gap:6px}.tile-meta strong{font-size:1rem;font-variant-numeric:tabular-nums}.order{display:flex;flex-direction:column}.order-lines{flex:1;min-height:0;overflow:auto;padding:6px 14px}.empty{color:var(--muted);text-align:center;margin-top:30%}.cart{width:100%;border-collapse:collapse}.cart th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600;text-align:start;padding:8px 4px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel)}.cart th.num{text-align:end}.cart td{padding:8px 4px;border-bottom:1px solid var(--line);vertical-align:middle}.qty{display:flex;gap:6px;align-items:center;justify-content:center}.qty button{min-height:30px;width:30px;padding:0;border-radius:6px}.qty span{min-width:22px;text-align:center;font-variant-numeric:tabular-nums}.order-foot{border-top:1px solid var(--line);padding:14px;display:grid;gap:12px;background:var(--soft);border-radius:0 0 var(--radius) var(--radius)}.total{display:grid;gap:2px}.total>span{color:var(--muted);font-size:.9rem}.total strong{font-size:2.1rem;font-variant-numeric:tabular-nums}.total strong small{font-size:1rem;color:var(--muted)}.order-actions{display:grid;grid-template-columns:1fr 2fr;gap:10px}.overlay{position:fixed;inset:0;background:#0f172073;display:grid;place-items:center;z-index:10;padding:16px}.dialog{background:var(--panel);border-radius:14px;padding:24px;width:min(520px,100%);display:grid;gap:14px;box-shadow:0 20px 50px #00000040;max-height:100%;overflow:auto}.pay-total{display:flex;justify-content:space-between;align-items:baseline}.pay-total strong{font-size:1.8rem;font-variant-numeric:tabular-nums}.pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pay-grid input{min-height:52px;font-size:1.3rem}.quick{display:flex;gap:8px}.quick button{flex:1}.quick .exact{background:var(--accent-soft);border-color:#b7e0da}.discount input{min-height:38px}.pay-result{display:flex;justify-content:space-between;align-items:baseline;padding:12px 16px;border-radius:10px}.pay-result strong{font-size:1.8rem;font-variant-numeric:tabular-nums}.pay-result.ok{background:var(--accent-soft);color:var(--accent)}.pay-result.warn{background:#fdf3e7}.report{width:100%;border-collapse:collapse}.report td{padding:7px 0;border-bottom:1px solid var(--line)}.strong td{font-weight:700}.receipt{width:72mm;max-width:100%;margin:0 auto;font-size:13px;border:1px dashed var(--line);padding:12px}.receipt h2{text-align:center;margin:0 0 8px;font-size:1.1rem}.receipt table{width:100%}@media(max-width:900px){.sell{grid-template-columns:1fr;height:auto}.tiles{max-height:40vh}}@media print{@page{size:80mm auto;margin:4mm}html,body,#root,.app{height:auto;background:#fff}.topbar,.catalog,.order,.no-print,.pay-result,button{display:none!important}main{padding:0;overflow:visible}.overlay{position:static;background:none;padding:0;display:block}.dialog,.card{box-shadow:none;padding:0;width:auto}.receipt{border:none;padding:0}}.brand{margin-inline-end:8px}.tabs{display:flex;gap:4px}.topbar .tab{background:transparent;border-color:transparent;color:#c7cfd9}.topbar .tab.on{background:#2f3b48;color:#fff}.pad{padding:18px}.stack{display:flex;flex-direction:column;gap:12px}.two-col{display:grid;grid-template-columns:minmax(0,3fr) minmax(320px,2fr);gap:14px;align-items:start}.reports{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:14px;align-items:start}.span-2{grid-column:1 / -1}h2{font-size:1.1rem;margin:0}h3{font-size:1rem;margin:8px 0 0}.segmented{display:grid;grid-template-columns:repeat(3,1fr);background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:4px;gap:4px}.segmented button{border-color:transparent;background:transparent}.segmented button.on{background:var(--panel);border-color:var(--line);font-weight:600;box-shadow:0 1px 2px #0000000f}.flow{margin:0;font-weight:600;font-size:1.05rem}.inline{display:flex;align-items:center;gap:10px}.inline select{width:auto}.data{width:100%;border-collapse:collapse}.data th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600;text-align:start;padding:8px 6px;border-bottom:1px solid var(--line)}.data th.num{text-align:end}.data td{padding:9px 6px;border-bottom:1px solid var(--line)}.data.compact td{padding:6px}.data .clickable{cursor:pointer}.data .clickable:hover td{background:var(--soft)}.data .dim td{color:var(--muted)}.strong-cell{font-weight:600}.qty-input{width:90px;min-height:36px;text-align:end}button.link{border:none;background:none;color:var(--accent);min-height:30px;padding:0 6px}.okmsg{color:var(--accent);margin:0}.mono{font-family:ui-monospace,Cascadia Mono,monospace;font-size:.88rem}.toolbar{display:flex;gap:10px}.toolbar .search{max-width:360px}.dialog.wide{width:min(760px,100%)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid.three{grid-template-columns:2fr 1fr 1fr}.check{display:flex;align-items:center;gap:8px;align-self:end;min-height:42px;color:var(--ink)}.check input{width:18px;min-height:18px}.label{font-size:.9rem;color:var(--muted)}.chip-x{min-height:0;border:none;background:none;color:inherit;padding:0 0 0 6px;font-size:1rem}.chip.mono{display:inline-flex;align-items:center}.badge{margin-inline-start:8px;font-size:.75rem;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.bar-col{width:30%}.bar{display:block;height:10px;border-radius:5px;background:var(--accent);opacity:.75}@media(max-width:1000px){.two-col,.reports{grid-template-columns:1fr}}.tab-badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#e11d48;color:#fff;font-size:.75rem;display:inline-grid;place-items:center}.segmented.two{grid-template-columns:repeat(2,1fr)}.orders-layout{display:grid;grid-template-columns:minmax(320px,2fr) minmax(0,3fr);gap:14px;align-items:start}.ord-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:calc(100vh - 210px);overflow-y:auto}.ord-row{width:100%;justify-content:flex-start;text-align:start;padding:10px 12px;min-height:58px;gap:12px}.ord-row.on{border-color:var(--accent);background:var(--accent-soft)}.ord-row .grow{display:flex;flex-direction:column;min-width:0;flex:1}.ord-no{font-weight:700;font-variant-numeric:tabular-nums}.st{font-size:.78rem;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--soft);color:var(--muted);white-space:nowrap}.st-new{background:#fee2e2;color:#b91c1c}.st-confirmed{background:#fef3c7;color:#92400e}.st-ready,.st-out_for_delivery{background:#dbeafe;color:#1d4ed8}.st-completed{background:var(--accent-soft);color:var(--accent)}.ord-head{display:flex;align-items:center;gap:12px}.ord-head h2{margin:0}.ord-facts{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;margin:0}.ord-facts dt{color:var(--muted)}.ord-facts dd{margin:0}.ord-facts .row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pill{font-size:.8rem;padding:3px 10px;border-radius:999px;border:1px solid var(--line);text-decoration:none;color:var(--accent)}.ord-total{display:flex;justify-content:space-between;font-size:1.2rem;padding-top:4px}.ord-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ord-actions .primary{flex:1}.danger-link{border-color:transparent;background:none;color:var(--error)}.courier{max-width:640px;margin:0 auto}.courier .ord-actions button{flex:1;min-height:52px}@media(max-width:1000px){.orders-layout{grid-template-columns:1fr}}.ord-facts .row>*{flex:none}@media(max-width:600px){.topbar{gap:6px;padding:8px 10px;flex-wrap:wrap}.topbar .brand,.topbar .who{display:none}.topbar .tabs{flex:1}main{padding:10px}}.pill.ok{color:#15803d;border-color:#bbf7d0;background:#f0fdf4}.maps-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:8px;background:#1d4ed8;color:#fff;font-weight:600;text-decoration:none}.maps-btn:hover{background:#1e40af}.test-result{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:.9rem}.stack>.check{align-self:flex-start}