@font-face{font-family:Sora;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/sora-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}:root{--blue: #2637e8;--sky: #18b6f2;--ink: #10182f;--deep: #0a1128;--green: #16a15e;--amber: #a86d14;--red: #c43d3d;--bg: #f4f6fb;--card: #ffffff;--border: #e3e6ef;--text: #17203a;--muted: #5b6780;--radius: 12px;--grad: linear-gradient(120deg, var(--blue), var(--sky));--shadow: 0 2px 6px rgba(16, 24, 47, .05), 0 16px 34px -18px rgba(16, 24, 47, .16);--font-display: "Sora", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Arabic,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5}h1,h2,h3,.brand{font-family:var(--font-display)}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}button{font:inherit;border:none;border-radius:9px;padding:9px 18px;background:var(--grad);color:#fff;font-weight:600;cursor:pointer;transition:filter .12s ease,transform .1s ease}button:hover:not(:disabled){filter:brightness(1.06)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.55;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid rgba(38,55,232,.45);outline-offset:1px}button.ghost,a.ghost{background:var(--card);color:var(--blue);border:1px solid var(--border);padding:7px 14px;border-radius:9px;font-weight:600;font-size:.9rem}button.more{display:block;margin:14px auto}input,select,textarea{font:inherit;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--card);color:var(--text)}label{display:block;font-weight:600;font-size:.88rem;color:var(--muted)}label input{margin-top:4px;font-weight:400;color:var(--text)}.muted{color:var(--muted)}.small{font-size:.84rem}.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace}.error{color:var(--red);font-weight:600}.warn{color:var(--amber);font-weight:600}.center{text-align:center;padding:40px 12px}.plainLink{color:var(--blue);text-decoration:none}.loginWrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(800px 420px at 85% -5%,rgba(24,182,242,.14),transparent 60%),radial-gradient(700px 380px at 0% 105%,rgba(38,55,232,.16),transparent 60%),var(--deep)}.loginCard{width:100%;max-width:400px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:32px 28px;display:grid;gap:14px;box-shadow:0 30px 70px -20px #0000008c}.loginHead{display:flex;align-items:center;justify-content:space-between}.loginCard h1{margin:0;font-size:1.45rem;color:var(--ink);font-weight:800}.loginCard h1 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.loginTag{color:var(--muted);font-size:.88rem;margin:-8px 0 4px}.pickList{display:grid;gap:10px}.pickItem{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 16px;color:var(--text);font-weight:600;text-align:start}.pickItem:hover{border-color:var(--blue);background:#2637e80a}.rolePill{font-size:.72rem;font-weight:800;border-radius:999px;padding:2px 10px;background:#e9edff;color:var(--blue);text-transform:uppercase;letter-spacing:.04em}[dir=rtl] .rolePill{letter-spacing:0}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--deep);border-bottom:1px solid rgba(154,167,201,.2);position:sticky;top:0;z-index:5;flex-wrap:wrap}.brand{color:#fff;font-weight:800;white-space:nowrap;font-size:1.02rem}.brand b{background:linear-gradient(120deg,#6b7bff,#2fc6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.topbar .ghost{background:transparent;color:#c6cfe6;border-color:#9aa7c94d}.topbar .ghost:hover{color:#fff;border-color:var(--sky);filter:none}.tabs{display:flex;gap:2px;flex:1;overflow-x:auto}.tab{background:transparent;color:#9aa7c9;padding:8px 14px;border-radius:8px;font-weight:600;white-space:nowrap}.tab:hover:not(:disabled){color:#fff;filter:none}.tab.active{background:#2fc6ff24;color:#7fd8ff}.tab.primary{background:var(--grad);color:#fff}.content{padding:20px 18px 32px;max-width:1120px;width:100%;margin:0 auto;flex:1}.footer{text-align:center;color:var(--muted);font-size:.8rem;padding:14px 0 22px}.demoRibbon{background:#fdf1df;color:#7c5305;text-align:center;font-size:.82rem;font-weight:700;padding:5px 12px;border-bottom:1px solid #f0dcb5}.pageHead h2{margin:0;color:var(--ink)}.pageHead{margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}h3{color:var(--ink);margin:20px 0 8px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 12px;text-align:center;box-shadow:var(--shadow)}.stat b{display:block;font-size:1.32rem;color:var(--ink);font-family:var(--font-display)}.stat span{color:var(--muted);font-size:.84rem}.stat.accent{border-color:var(--blue);background:linear-gradient(160deg,#fff,#f2f5ff)}.stat.accent b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.heroCta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:radial-gradient(400px 160px at 90% 0%,rgba(24,182,242,.2),transparent 65%),var(--deep);color:#e8edfb;border-radius:14px;padding:20px 22px;margin-bottom:16px}.heroCta h2{color:#fff;margin:0 0 4px;font-size:1.2rem}.heroCta p{margin:0;color:#9aa7c9;font-size:.9rem}.heroCta .big{font-size:1rem;padding:12px 26px;border-radius:11px}.localBanner{background:#e2f6ff;border:1px solid #bfe8fa;color:#0b5e83;border-radius:12px;padding:12px 16px;margin-bottom:16px;font-size:.92rem}.search{margin-bottom:12px;max-width:420px;display:block}.tableWrap{overflow-x:auto;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:start;padding:10px 12px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.05em}[dir=rtl] th{letter-spacing:0}tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#2637e80a}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.76rem;font-weight:700}.pill.ok{background:#e7f8ee;color:var(--green)}.pill.mid{background:#fdf3e2;color:var(--amber)}.pill.off{background:#f4e9e9;color:var(--red)}.pill.mute{background:#ececf1;color:var(--muted)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a112880;display:flex;justify-content:flex-end;z-index:20}.panel{width:min(520px,100%);background:var(--bg);height:100%;overflow-y:auto;padding:20px 16px}.panelHead{display:flex;align-items:center;justify-content:space-between}.panel h2{margin:0;color:var(--ink)}.totals{margin-top:14px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px}.totals div{display:flex;justify-content:space-between;padding:4px 0}.totals .grand{border-top:1px solid var(--border);margin-top:4px;padding-top:8px;font-size:1.05rem}.center-overlay{justify-content:center;align-items:center;padding:16px}.modal{width:min(520px,100%);max-height:92vh;overflow-y:auto;background:var(--bg);border-radius:14px;padding:20px;display:grid;gap:12px;box-shadow:0 30px 80px -18px #00000073}.toolbarRow{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.toolbarRow .search{margin-bottom:0;flex:1}.sell{display:grid;gap:14px}.searchBox{position:relative;flex:1}.dropdown{position:absolute;inset-inline:0;top:calc(100% + 4px);background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:0 14px 34px #10182f2e;z-index:15;overflow:hidden}.dropItem{display:flex;justify-content:space-between;gap:12px;width:100%;background:var(--card);color:var(--text);border-radius:0;padding:10px 14px;font-weight:500;text-align:start;border-bottom:1px solid var(--border)}.dropItem:last-child{border-bottom:none}.dropItem:hover,.dropItem.hot{background:#2637e812}.cellInput{width:90px;padding:6px 8px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:grid;gap:12px;box-shadow:var(--shadow)}.issued{border-color:var(--green)}.row{display:flex;gap:14px;flex-wrap:wrap;align-items:end}.grow{flex:1;min-width:180px}.fieldLabel{font-weight:600;font-size:.88rem;color:var(--muted);display:block}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.chip{background:var(--card);color:var(--muted);border:1px solid var(--border);padding:6px 14px;border-radius:999px;font-size:.88rem;font-weight:600}.chip.active{background:var(--grad);border-color:var(--blue);color:#fff}.check{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--text);cursor:pointer}.check input{width:auto;margin:0}button.small,.ghost.small{padding:3px 10px;font-size:.8rem}.loyaltyRow{background:#16a15e0f;border:1px solid #cdeeda;border-radius:10px;padding:10px 12px}.ghost.danger{color:var(--red);border-color:#eccccc}.ghost.danger:hover{background:#c43d3d0f}.pos{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;background:var(--bg)}.posBar{display:flex;align-items:center;gap:12px;padding:8px 14px;background:var(--deep);color:#e8edfb;flex-wrap:wrap}.posBar .brand{font-size:.95rem}.posBar .spacer{flex:1}.posHint{color:#9aa7c9;font-size:.78rem;white-space:nowrap}.kbd{display:inline-block;font-family:ui-monospace,Consolas,monospace;font-size:.72rem;background:#ffffff1a;border:1px solid rgba(154,167,201,.35);border-radius:5px;padding:0 6px;margin-inline-end:2px}.posBody{flex:1;display:grid;grid-template-columns:1fr 420px;gap:0;min-height:0}.posLeft{display:flex;flex-direction:column;min-width:0;padding:14px 16px;gap:10px;overflow:hidden}.posScan{font-size:1.05rem;padding:13px 16px;border-radius:11px;border:2px solid var(--border)}.posScan:focus-visible{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #2637e82e}.catRow{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;flex-wrap:nowrap}.catRow .chip{flex:0 0 auto}.gridWrap{flex:1;overflow-y:auto;padding:2px}.pGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.pCard{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px;text-align:start;color:var(--text);display:flex;flex-direction:column;gap:4px;min-height:92px;font-weight:500;position:relative;transition:border-color .1s ease,box-shadow .1s ease,transform .05s ease}.pCard:hover:not(:disabled){border-color:var(--blue);box-shadow:var(--shadow);filter:none}.pCard:active:not(:disabled){transform:scale(.985)}.pCard b{font-size:.9rem;line-height:1.3;color:var(--ink)}.pCard .pPrice{font-weight:800;color:var(--blue);font-family:var(--font-display);margin-top:auto}.pCard .pStock{font-size:.74rem;color:var(--muted)}.pCard.out{opacity:.55}.stockBadge{position:absolute;top:8px;inset-inline-end:8px;font-size:.66rem;font-weight:800;border-radius:999px;padding:1px 8px}.stockBadge.low{background:#fdf3e2;color:var(--amber)}.stockBadge.out{background:#f4e9e9;color:var(--red)}.posRight{display:flex;flex-direction:column;background:var(--card);border-inline-start:1px solid var(--border);min-height:0}.cartHead{display:flex;align-items:center;gap:8px;padding:12px 14px 8px}.cartHead h3{margin:0;font-size:1rem}.cartLines{flex:1;overflow-y:auto;padding:0 14px;min-height:0}.cartLine{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:10px 0;border-bottom:1px solid var(--border)}.cartLine .lName{font-weight:600;color:var(--ink);font-size:.92rem}.cartLine .lTotal{font-weight:800;text-align:end;font-family:var(--font-display)}.lControls{display:flex;align-items:center;gap:6px;grid-column:1 / -1}.qtyBtn{width:30px;height:30px;padding:0;border-radius:8px;background:var(--bg);color:var(--ink);border:1px solid var(--border);font-weight:800;font-size:1rem;line-height:1}.qtyBtn:hover{filter:none;border-color:var(--blue);color:var(--blue)}.lControls .cellInput{width:64px;text-align:center;padding:5px 6px}.lControls .price{width:84px}.lineDel{margin-inline-start:auto;background:none;border:none;color:var(--muted);padding:4px 8px;font-size:.9rem}.lineDel:hover{color:var(--red);filter:none}.cartEmptyBox{padding:30px 14px;text-align:center;color:var(--muted);font-size:.9rem}.cartFoot{border-top:1px solid var(--border);padding:10px 14px 14px;display:grid;gap:8px;background:#fafbfe}.cartTotals{display:grid;gap:2px;font-size:.92rem}.cartTotals>div{display:flex;justify-content:space-between}.cartTotals .grand{font-size:1.35rem;font-weight:800;color:var(--ink);font-family:var(--font-display);padding-top:4px}.payBtn{font-size:1.12rem;padding:15px;border-radius:12px;font-family:var(--font-display);font-weight:700}.cartActions{display:flex;gap:8px}.cartActions .ghost{flex:1;text-align:center}.custRow{padding:8px 14px;border-top:1px solid var(--border)}.custPicked{display:flex;align-items:center;gap:8px;font-size:.92rem}.custPicked b{color:var(--ink)}.custMeta{color:var(--muted);font-size:.8rem}.payGrid{display:grid;grid-template-columns:1fr 190px;gap:16px}.tenderInput{font-size:1.5rem;font-weight:800;text-align:center;padding:12px;font-family:var(--font-display)}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.numpad button{background:var(--card);color:var(--ink);border:1px solid var(--border);font-size:1.15rem;font-weight:700;padding:12px 0;border-radius:10px;font-family:var(--font-display)}.numpad button:hover{border-color:var(--blue);color:var(--blue);filter:none}.quickRow{display:flex;gap:8px;flex-wrap:wrap}.quickRow .ghost{flex:1;min-width:64px;text-align:center}.changeBox{background:#e7f8ee;border:1px solid #b8e6cc;color:#0e6a3e;border-radius:12px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-weight:700}.changeBox b{font-size:1.5rem;font-family:var(--font-display)}.creditBox{background:#fdf3e2;border:1px solid #f0dcb5;color:#7c5305;border-radius:12px;padding:10px 14px;font-size:.9rem}.paySummary{display:flex;justify-content:space-between;font-size:1.05rem;font-weight:700;color:var(--ink)}.saleDone{text-align:center;display:grid;gap:10px;padding:8px 0}.saleDone .tick{width:62px;height:62px;border-radius:50%;background:#e7f8ee;color:var(--green);font-size:2rem;display:flex;align-items:center;justify-content:center;margin:0 auto}.saleDone .changeBig{font-size:1.2rem}.parkedList{display:grid;gap:8px}.parkedItem{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 14px}@media (max-width: 1020px){.posBody{grid-template-columns:1fr 340px}}@media (max-width: 820px){.posBody{grid-template-columns:1fr;grid-template-rows:1fr auto}.posRight{border-inline-start:none;border-top:1px solid var(--border);max-height:46vh}.payGrid{grid-template-columns:1fr}}@media (max-width: 560px){.topbar{gap:8px}.content{padding:14px 10px 24px}}