:root{--bg: #f1f5f9;--panel: #ffffff;--panel2: #f8fafc;--fg: #0f172a;--muted: #64748b;--accent: #15803d;--accent-ink: #ffffff;--ok: #16a34a;--bad: #dc2626;--warn: #d97706;--border: #e2e8f0;--radius: 12px;--shadow: 0 1px 3px rgba(15,23,42,.08), 0 1px 2px rgba(15,23,42,.04)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:system-ui,Segoe UI,Tahoma,Noto Sans Arabic,sans-serif}h1{font-size:1.3rem;margin:0}h2{font-size:1.05rem;margin:0 0 .6rem}.muted{color:var(--muted)}.ok{color:var(--ok)}.bad{color:var(--bad)}.row{display:flex;align-items:center;gap:.5rem}.between{justify-content:space-between}.spacer{flex:1}button{background:var(--accent);color:var(--accent-ink);border:0;border-radius:8px;padding:.5rem .9rem;font-size:.95rem;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;color:var(--accent);border:1px solid var(--border)}button.sm{padding:.25rem .5rem;font-size:.8rem}.hamburger{display:none;background:transparent;color:var(--fg);border:1px solid var(--border);font-size:1.15rem;padding:.25rem .6rem}input,select{background:var(--panel2);color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:.5rem .7rem;font-size:1rem;width:100%}input.mini{width:5rem;padding:.3rem .4rem}label{font-size:.85rem;color:var(--muted);display:block;margin-top:.5rem}.chk{display:flex;align-items:center;gap:.5rem;margin-top:.6rem}.chk input,.perm-list input{width:auto}.chk.sm{font-size:.85rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.card{overflow-x:auto}table.grid th,table.grid td{white-space:nowrap}.shell{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--panel);border-bottom:1px solid var(--border)}.brand{font-weight:700}.pill{font-size:.75rem;padding:.15rem .5rem;border-radius:999px;border:1px solid var(--border)}.pill.ok{color:var(--ok);border-color:var(--ok)}.pill.bad{color:var(--bad);border-color:var(--bad)}.pill.warn{color:var(--warn);border-color:var(--warn)}.body{display:flex;flex:1;min-height:0}.sidenav{display:flex;flex-direction:column;gap:.1rem;padding:.6rem;width:210px;background:var(--panel);border-inline-end:1px solid var(--border);overflow:auto}.sidenav a,.sidenav .nav-item{color:var(--fg);text-decoration:none;padding:.5rem .7rem;border-radius:8px;display:block}.sidenav a.active,.sidenav a:hover,.sidenav .nav-item.active,.sidenav .nav-item:hover{background:var(--panel2);color:var(--accent)}.nav-group{display:flex;flex-direction:column;margin-top:.35rem}.nav-group-h{display:flex;align-items:center;justify-content:space-between;background:none;border:none;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.35rem .7rem .2rem;cursor:pointer}.nav-caret{font-size:.7rem;opacity:.6}.nav-item.sub{font-size:.92rem;padding-inline-start:1.1rem}.content{flex:1;padding:1rem;overflow:auto}.login-wrap{display:grid;place-items:center;height:100%;padding:1rem}.login-card{width:100%;max-width:380px}.login-card input{margin-top:.2rem}.login-card button[type=submit]{margin-top:1rem;width:100%}.two-col,.pos-grid,.reports-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.nav-backdrop{display:none}@media (max-width: 800px){.two-col,.pos-grid,.reports-grid{grid-template-columns:1fr}.hamburger{display:inline-block}.sidenav{position:fixed;inset-block:3rem 0;inset-inline-start:0;width:230px;z-index:40;transform:translate(-110%);transition:transform .2s ease;box-shadow:0 0 24px #00000080}[dir=rtl] .sidenav{transform:translate(110%)}.sidenav.open{transform:none}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:30}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:50;padding:1rem}.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;width:100%;max-width:560px;max-height:85vh;overflow:auto}.modal.wide{max-width:720px}.chain{background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:.5rem .7rem;margin:.4rem 0}button.danger{color:var(--bad);border-color:var(--bad)}table.grid{width:100%;border-collapse:collapse;margin-top:.5rem;font-size:.9rem}table.grid th,table.grid td{text-align:start;padding:.45rem .5rem;border-bottom:1px solid var(--border)}table.grid th{color:var(--muted);font-weight:600}.search-results{list-style:none;margin:.5rem 0 0;padding:0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.search-results li{display:flex;justify-content:space-between;padding:.5rem .7rem;cursor:pointer}.search-results li:hover{background:var(--panel2)}.totals{margin-top:.75rem;border-top:1px solid var(--border);padding-top:.5rem}.totals>div,.stat-list li{display:flex;justify-content:space-between;padding:.2rem 0}.totals .grand,.stat-list .grand{font-size:1.15rem;border-top:1px solid var(--border);margin-top:.3rem;padding-top:.4rem}.stat-list{list-style:none;padding:0;margin:0}.big-btn{width:100%;margin-top:.8rem;padding:.8rem;font-size:1.05rem}.tabs{display:flex;gap:.3rem;margin:.5rem 0;flex-wrap:wrap}.tab{background:transparent;color:var(--muted);border:1px solid var(--border)}.tab.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.perm-list{display:grid;grid-template-columns:1fr 1fr;gap:.2rem .5rem;margin-top:.3rem}.print-doc{background:#fff;color:#000;padding:1.5rem;font-size:13px}.print-doc.a4{max-width:800px;margin:0 auto}.print-doc.receipt{max-width:300px;margin:0 auto;font-size:12px}.print-doc h1{font-size:1.2rem;margin:0}.print-doc h2{font-size:1rem;margin:.4rem 0}.print-doc .meta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:.6rem}.print-doc table{width:100%;border-collapse:collapse;margin:.6rem 0}.print-doc th,.print-doc td{border-bottom:1px solid #999;padding:.3rem .4rem;text-align:start}.print-doc .tot{display:flex;justify-content:space-between;padding:.15rem 0}.print-doc .tot.grand{font-size:1.1em;border-top:1px solid #000;margin-top:.3rem;padding-top:.3rem}.muted-print{color:#555}.print-doc.legacy{font-size:12.5px}.print-doc.legacy .hdr{display:flex;gap:8px;align-items:stretch}.print-doc.legacy .box{border:1.5px solid #000;border-radius:6px;padding:8px 12px}.print-doc.legacy .hdr .left{flex:2}.print-doc.legacy .hdr .right{flex:1}.print-doc.legacy .hdr .right h1{font-size:1.35em;margin:0 0 .35em}.print-doc.legacy .lbl{color:#333;font-weight:600;margin-inline-end:.4em}.print-doc.legacy .hdr div>div{padding:1.5px 0}.print-doc.legacy table{width:100%;border-collapse:collapse;margin:8px 0}.print-doc.legacy th,.print-doc.legacy td{border:1px solid #000;padding:3px 6px}.print-doc.legacy th{background:#f2f2f2}.print-doc.legacy td.c{text-align:center}.print-doc.legacy td.r{text-align:end}.print-doc.legacy .desc{width:38%}.print-doc.legacy .ftr{display:flex;gap:8px;align-items:stretch}.print-doc.legacy .words{flex:3;font-weight:600;display:flex;align-items:center}.print-doc.legacy .totals{flex:2}.print-doc.legacy .totals>div{display:flex;justify-content:space-between;padding:2px 0}.print-doc.legacy .totals .grand{border-top:1.5px solid #000;margin-top:4px;padding-top:4px;font-size:1.15em}.print-doc.legacy.receipt .hdr,.print-doc.legacy.receipt .ftr{flex-direction:column}@media print{body{background:#fff}.print-doc{padding:0}@page{margin:10mm}}.pager{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.8rem;flex-wrap:wrap}.pager-btns{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap}.pg{background:transparent;color:var(--fg);border:1px solid var(--border);min-width:2rem;padding:.3rem .5rem}.pg.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.filters{display:flex;gap:.6rem;flex-wrap:wrap;align-items:end;margin:.3rem 0 .5rem}.filters>div{display:flex;flex-direction:column}.filters select,.filters input{min-width:140px}.filters .fld{min-width:160px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem}.kpi{display:flex;flex-direction:column;gap:.3rem}.kpi b{font-size:1.25rem}.catalogue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.8rem;margin:.6rem 0}.cat-card{border:1px solid #0001;border-radius:10px;overflow:hidden;cursor:pointer;background:var(--card-bg, #fff);transition:box-shadow .15s,transform .15s}.cat-card:hover{box-shadow:0 4px 14px #0002;transform:translateY(-2px)}.cat-img{position:relative;aspect-ratio:1 / 1;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.cat-img img{width:100%;height:100%;object-fit:cover}.cat-noimg{font-size:2.4rem;opacity:.35}.cat-badge{position:absolute;top:6px;inset-inline-start:6px;background:#15803d;color:#fff;font-size:.68rem;padding:2px 6px;border-radius:6px}.cat-body{padding:.5rem .6rem}.cat-name{font-weight:600;font-size:.9rem;line-height:1.2}.cat-desc{font-size:.78rem;opacity:.7;margin:.2rem 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cat-price{font-weight:700;color:#15803d;margin-top:.2rem}@media (prefers-color-scheme: dark){.cat-card{background:#1e293b;border-color:#ffffff14}.cat-img{background:#0f172a}}.update-banner{position:fixed;inset-block-end:1rem;inset-inline:0;margin-inline:auto;width:max-content;max-width:92vw;z-index:9999;display:flex;align-items:center;gap:.8rem;background:#15803d;color:#fff;padding:.6rem 1rem;border-radius:10px;box-shadow:0 6px 20px #0004}.update-banner button{background:#fff;color:#15803d;border:none;border-radius:7px;padding:.35rem .8rem;font-weight:700;cursor:pointer}.scan-btn{font-size:1.05rem;line-height:1;padding:.2rem .45rem}.scan-modal{max-width:420px}.scan-frame{position:relative;width:100%;aspect-ratio:4 / 3;background:#000;border-radius:10px;overflow:hidden}.scan-video{width:100%;height:100%;object-fit:cover}.scan-reticle{position:absolute;top:18%;right:10%;bottom:18%;left:10%;border:3px solid #15803dcc;border-radius:10px;box-shadow:0 0 0 100vmax #0006}.row-scan{display:flex;gap:.4rem;align-items:center}.row-scan input{flex:1}.cur-toggle{display:inline-flex;align-items:center;gap:.35rem}.cur-toggle select{padding:.2rem .4rem}.cmdk-trigger{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem}.cmdk-hint{font-size:.68rem;opacity:.6;border:1px solid var(--border);border-radius:5px;padding:0 .3rem}.cmdk-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;justify-content:center;align-items:flex-start;z-index:200;padding:12vh 1rem 1rem}.cmdk{width:100%;max-width:560px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 24px 60px #00000047;overflow:hidden;display:flex;flex-direction:column}.cmdk-input{border:0;border-bottom:1px solid var(--border);border-radius:0;padding:.95rem 1rem;font-size:1rem;background:var(--panel);color:var(--fg);outline:none}.cmdk-list{max-height:52vh;overflow-y:auto;padding:.3rem}.cmdk-empty{padding:1rem;color:var(--muted);text-align:center}.cmdk-row{display:flex;align-items:center;gap:.6rem;width:100%;text-align:start;background:none;border:0;border-radius:8px;padding:.55rem .7rem;color:var(--fg);cursor:pointer;font-size:.92rem}.cmdk-row.active{background:var(--panel2)}.cmdk-ico{width:1.4rem;text-align:center}.cmdk-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmdk-sub{color:var(--muted);font-size:.74rem}.cmdk-foot{border-top:1px solid var(--border);padding:.45rem .8rem;color:var(--muted);font-size:.72rem;display:flex;gap:.4rem;flex-wrap:wrap}.cmdk-foot kbd{border:1px solid var(--border);border-radius:4px;padding:0 .3rem;font-family:inherit}@media (max-width: 640px){.cmdk-hint{display:none}}.rep-tabgroups{display:flex;flex-wrap:wrap;gap:.3rem 1.1rem;align-items:flex-end;margin-bottom:.3rem}.rep-tabgroup{display:flex;flex-direction:column;gap:.15rem}.rep-tabgroup-label{font-size:.64rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding-inline-start:.2rem}.empty-cell{color:var(--muted);text-align:center;padding:1.4rem 1rem;font-size:.9rem}.gen-wrap{position:relative;display:inline-block}.gen-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.gen-menu{position:absolute;inset-inline-end:0;top:calc(100% + .3rem);z-index:31;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 30px #0000002e;min-width:170px;padding:.3rem;display:flex;flex-direction:column}.gen-menu button{background:none;border:0;color:var(--fg);text-align:start;padding:.5rem .6rem;border-radius:6px;cursor:pointer;font-size:.9rem}.gen-menu button:hover{background:var(--panel2)}.rep-parambar{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:.5rem 0 .2rem}.rep-parambar input[type=date]{padding:.3rem .5rem}