:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6fa;--surface:#fff;--surface-2:#eef1f6;--paper:#f8f9fc;--ink:#1b2433;--muted:#5f6b7d;--faint:#8791a1;--line:#e3e8ef;--line-strong:#cdd5e0;--brand:#1e40af;--brand-hover:#1a3695;--brand-ink:#fff;--brand-soft:#e6ecfb;--focus:#4a6bd6;--gold:#c9a24a;--good:#2f7d5b;--good-bg:#e4f2ea;--warn:#9a6a12;--warn-bg:#f8efd9;--bad:#c23b3b;--bad-bg:#fbe7e7;--info:#2b6a9e;--info-bg:#e4eff8;--overlay:#0f172a73;--shadow:0 16px 42px #0f172a17;--shadow-sm:0 3px 12px #0f172a0f;--radius:18px;--radius-sm:13px;--font:"IBM Plex Sans Arabic", Tahoma, "Segoe UI", sans-serif;--font-display:"Alexandria", "IBM Plex Sans Arabic", sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1520;--surface:#172030;--surface-2:#1f2a3d;--paper:#131b29;--ink:#e8edf5;--muted:#aab4c4;--faint:#7f8a9d;--line:#26334a;--line-strong:#34445f;--brand:#7aa2ff;--brand-hover:#93b3ff;--brand-ink:#0b1220;--brand-soft:#1c2c52;--focus:#93b3ff;--gold:#e8c77a;--good:#7fd1a6;--good-bg:#17332a;--warn:#e6bf73;--warn-bg:#3a3020;--bad:#f19a9a;--bad-bg:#3d2326;--info:#8cc4ee;--info-bg:#1a3040;--overlay:#000000a6;--shadow:0 16px 42px #0000004d;--shadow-sm:0 3px 12px #0003}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1520;--surface:#172030;--surface-2:#1f2a3d;--paper:#131b29;--ink:#e8edf5;--muted:#aab4c4;--faint:#7f8a9d;--line:#26334a;--line-strong:#34445f;--brand:#7aa2ff;--brand-hover:#93b3ff;--brand-ink:#0b1220;--brand-soft:#1c2c52;--focus:#93b3ff;--gold:#e8c77a;--good:#7fd1a6;--good-bg:#17332a;--warn:#e6bf73;--warn-bg:#3a3020;--bad:#f19a9a;--bad-bg:#3d2326;--info:#8cc4ee;--info-bg:#1a3040;--overlay:#000000a6;--shadow:0 16px 42px #0000004d;--shadow-sm:0 3px 12px #0003}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;margin:0;font-size:14.5px;line-height:1.55}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}.wordmark{color:var(--ink);flex-direction:column;line-height:1;display:inline-flex}.wm-row{align-items:flex-end;display:inline-flex}.wm-text{letter-spacing:-.03em;font-family:Inter,Segoe UI,sans-serif;font-weight:600}.wm-o{margin-inline-start:.04em;width:.77em;height:.98em;margin-bottom:.02em}.wm-cap{fill:var(--gold)}.wm-ring{fill:none;stroke:var(--brand);stroke-width:6.2px}.wm-sub{letter-spacing:.42em;color:var(--faint);margin-top:.35em;font-family:Inter,Segoe UI,sans-serif;font-size:.27em;font-weight:500}.app{grid-template-columns:1fr;min-height:100vh;display:grid}.side{display:none}.main{min-width:0;padding-bottom:calc(84px + var(--safe-bottom))}.mobile-head{z-index:20;min-height:60px;padding:calc(8px + var(--safe-top)) 14px 8px;background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:10px;display:flex;position:sticky;top:0}.iconbtn{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:42px;height:42px;color:var(--ink);border-radius:13px;place-items:center;font-size:20px;display:grid}.mobile-head .spacer{flex:1}.page{max-width:1100px;margin:0 auto;padding:16px}.page h1{font-family:var(--font-display);letter-spacing:-.02em;margin:4px 0 14px;font-size:21px;font-weight:700}.page h2{font-family:var(--font-display);margin:20px 0 10px;font-size:16px;font-weight:700}.nav{flex-direction:column;gap:2px;display:flex}.nav a,.nav button.link{border-radius:var(--radius-sm);min-height:44px;color:var(--muted);cursor:pointer;text-align:start;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:8px 12px;font-weight:500;text-decoration:none;display:flex}.nav a:hover,.nav button.link:hover{background:var(--surface-2);color:var(--ink)}.nav a.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.nav .ic{text-align:center;width:22px;font-size:17px}.side-foot{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin-top:auto;padding-top:12px;display:flex}.who{color:var(--muted);padding:0 4px;font-size:13px}.who b{color:var(--ink);font-size:14px;display:block}.theme-switch{background:var(--surface-2);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.theme-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:7px 4px;font-size:12.5px}.theme-switch button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm);font-weight:600}.drawer-bg{background:var(--overlay);z-index:40;position:fixed;inset:0}.drawer{top:0;bottom:0;z-index:41;background:var(--paper);width:280px;max-width:86vw;padding:calc(16px + var(--safe-top)) 14px calc(16px + var(--safe-bottom));box-shadow:var(--shadow);flex-direction:column;gap:16px;display:flex;position:fixed;inset-inline-start:0;overflow-y:auto}.bnav{inset-inline:0;z-index:20;background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:6px 4px calc(6px + var(--safe-bottom));grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0}.bnav a{color:var(--faint);border-radius:13px;flex-direction:column;align-items:center;gap:2px;padding:4px 0;font-size:11px;text-decoration:none;display:flex}.bnav a .ic{font-size:20px;line-height:1.2}.bnav a.active{color:var(--brand);font-weight:600}.bnav a.primary .ic{background:var(--brand);color:var(--brand-ink);border-radius:14px;place-items:center;width:42px;height:34px;font-size:22px;display:grid}@media (width>=900px){.app{grid-template-columns:250px minmax(0,1fr)}.side{background:var(--paper);border-inline-end:1px solid var(--line);flex-direction:column;gap:22px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.side .brand{padding:0 6px}.mobile-head,.bnav{display:none}.main{padding-bottom:24px}.page{padding:24px 28px}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:12px;padding:16px}.grid{gap:10px;display:grid}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}@media (width<=640px){.grid.three{grid-template-columns:1fr 1fr}}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:14px}.stat .k{color:var(--muted);font-size:13px}.stat .v{font-family:var(--font-display);margin-top:4px;font-size:20px;font-weight:700}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.spacer{flex:1}.muted{color:var(--muted)}.small{font-size:13px}.bold{font-weight:700}.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.btn{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn.primary:hover{background:var(--brand-hover)}.btn.dark{background:var(--brand-soft);border-color:var(--brand-soft);color:var(--brand)}.btn.danger{color:var(--bad);border-color:var(--bad);background:var(--surface)}.btn.small{border-radius:10px;min-height:34px;padding:6px 11px;font-size:13px}.btn.block{width:100%}.btn:disabled{opacity:.55;cursor:default}label.field{margin-bottom:12px;display:block}label.field>span{color:var(--muted);margin-bottom:5px;font-size:13px;display:block}input,select,textarea{border:1px solid var(--line-strong);background:var(--surface);width:100%;color:var(--ink);border-radius:12px;min-height:44px;padding:10px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--focus);outline-offset:-1px;border-color:#0000}input.price{text-align:center;width:100px}input.qty{text-align:center;width:70px}.field-error{color:var(--bad);margin-top:4px;font-size:12px}.list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.list .item{border-bottom:1px solid var(--line);color:var(--ink);align-items:center;gap:10px;padding:12px 14px;text-decoration:none;display:flex}.list .item:last-child{border-bottom:0}.list .item .main{flex:1;min-width:0;padding:0}.list .item .main .t{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.list .item .main .s{color:var(--muted);margin-top:2px;font-size:13px}.list .item.clickable{cursor:pointer}.list a.item:hover,.list .item.clickable:hover{background:var(--surface-2)}table.tbl{border-collapse:collapse;background:var(--surface);width:100%}table.tbl th,table.tbl td{border-bottom:1px solid var(--line);text-align:start;padding:10px;font-size:14px}table.tbl th{color:var(--muted);background:var(--surface-2);font-size:12px;font-weight:600}table.tbl a{color:var(--brand)}.tbl-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.badge{background:var(--surface-2);color:var(--muted);border-radius:99px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.badge.ok{background:var(--good-bg);color:var(--good)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.bad{background:var(--bad-bg);color:var(--bad)}.badge.gold{background:var(--brand-soft);color:var(--brand)}.alert{border-radius:13px;margin-bottom:10px;padding:10px 13px;font-size:14px}.alert.warn{background:var(--warn-bg);color:var(--warn)}.alert.bad{background:var(--bad-bg);color:var(--bad)}.alert.ok{background:var(--good-bg);color:var(--good)}.alert.info{background:var(--info-bg);color:var(--info)}.bar{background:var(--surface-2);border-radius:99px;height:8px;margin-top:4px;overflow:hidden}.bar>div{background:var(--good);border-radius:99px;height:100%}.bar.warn>div{background:var(--warn)}.bar.alarm>div,.bar.over>div{background:var(--bad)}.tabs{gap:6px;margin-bottom:12px;display:flex;overflow-x:auto}.tabs button{border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:99px;padding:7px 14px}.tabs button.on{background:var(--brand-soft);color:var(--brand);border-color:var(--brand-soft);font-weight:600}.modal-bg{background:var(--overlay);z-index:50;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--surface);width:100%;max-width:560px;max-height:92vh;padding:18px;padding-bottom:calc(18px + var(--safe-bottom));border-radius:20px 20px 0 0;overflow:auto}@media (width>=700px){.modal-bg{align-items:center}.modal{border-radius:20px}}.modal h3{font-family:var(--font-display);margin:0 0 12px;font-size:18px}.line{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin-bottom:8px;padding:12px}.line.edited{border-color:var(--warn);background:var(--warn-bg)}.line .name{font-weight:600}.pick-results{max-height:50vh;overflow:auto}.center-box{max-width:390px;margin:9vh auto;padding:24px}.center-box .brand{justify-content:center;margin-bottom:18px;display:flex}.center-box h1{text-align:center;font-family:var(--font-display);font-size:19px}.print-only{display:none}@media print{.no-print,.mobile-head,.bnav,.side{display:none!important}.print-only,.app{display:block}.main{padding:0}body,.card,table.tbl,.list{color:#000!important;box-shadow:none!important;background:#fff!important}.card{border:0;padding:0}}.form{flex-direction:column;gap:14px;display:flex}.form>h1,.card.form,.card.form label.field{margin-bottom:0}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.section-head{justify-content:space-between;align-items:center;display:flex}.section-title{color:var(--muted);font-size:13px;font-weight:600;font-family:var(--font);margin:0}.faint{color:var(--faint)}.strong{font-weight:700}.help{color:var(--faint);margin-top:4px;font-size:12px;display:block}.linkbtn{color:var(--brand);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-weight:600}.found{background:var(--brand-soft);color:var(--ink);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.found.bad{background:var(--bad-bg)}.found .grow{flex:1;min-width:0}.pill{white-space:nowrap;border-radius:8px;align-items:center;gap:4px;height:22px;padding:0 9px;font-size:11.5px;font-weight:600;display:inline-flex}.pill.good{color:var(--good);background:var(--good-bg)}.pill.warn{color:var(--warn);background:var(--warn-bg)}.pill.bad{color:var(--bad);background:var(--bad-bg)}.pill.info{color:var(--info);background:var(--info-bg)}.pill.brand{color:var(--brand);background:var(--brand-soft)}.pill.muted{color:var(--muted);background:var(--surface-2)}.empty-pick{border:1.5px dashed var(--line-strong);background:var(--paper);width:100%;color:var(--muted);cursor:pointer;border-radius:14px;padding:22px;font-weight:500}.empty-pick:hover{border-color:var(--brand);color:var(--brand)}.lines{flex-direction:column;display:flex}.line-row{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding:12px 0;display:flex}.line-row:first-child{padding-top:0}.line-row.edited .price-in{border-color:var(--warn);background:var(--warn-bg)}.line-name{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.line-ctrl{align-items:center;gap:10px;display:flex}.stepper{align-items:center;gap:6px;display:inline-flex}.stepper button{border:1px solid var(--line-strong);background:var(--surface);width:34px;height:34px;color:var(--ink);cursor:pointer;border-radius:10px;place-items:center;font-size:18px;display:grid}.stepper .num{text-align:center;min-width:26px;font-weight:700}input.price-in{text-align:center;width:96px;min-height:36px;padding:6px 8px}.line-total{margin-inline-start:auto;font-weight:700}label.check{cursor:pointer;align-items:center;gap:8px;display:flex}label.check input{width:20px;height:20px;min-height:20px;accent-color:var(--brand)}.totals{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding:12px 2px 0;display:flex}.totals>div{color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;display:flex}.totals>div .num{color:var(--ink)}.totals .grand{color:var(--ink);font-size:15px;font-weight:700}.totals .cod{color:var(--brand);font-weight:600}.totals .cod .num{color:var(--brand);font-weight:700}.form-actions{flex-direction:column;gap:8px;display:flex}.overlay{z-index:50;background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-height:92%;box-shadow:var(--shadow);padding:8px 16px calc(16px + var(--safe-bottom));border-radius:22px 22px 0 0;flex-direction:column;gap:14px;display:flex;overflow-y:auto}.sheet>*{flex-shrink:0}.sheet .grab{background:var(--line);border-radius:2px;width:40px;height:4px;margin:4px auto 2px}.sheet-head{align-items:center;gap:8px;display:flex}.sheet-head h2{font-family:var(--font-display);flex:1;margin:0;font-size:18px;font-weight:700}.sheet-foot{gap:8px;display:flex}.sheet-foot .btn{flex:1}.sheet.sheet-pick{height:92%;overflow:hidden}.sheet-pick .pick-scroll{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}@media (width>=700px){.overlay{align-items:center}.sheet{border-radius:22px;max-width:540px}.sheet.sheet-pick{height:86vh}.sheet .grab{display:none}}.search{background:var(--surface);border:1px solid var(--line-strong);height:44px;color:var(--muted);border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;min-height:0;padding:0;font-size:15px}.search input:focus{outline:none}.search-clear{width:28px;height:28px;color:var(--muted);background:var(--surface-2);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.row2{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;grid-template-areas:"l1 end chev""l2 l2 chev";align-items:center;gap:3px 10px;padding:10px 12px;display:grid}.row2:last-child{border-bottom:0}.row2>.l1{white-space:nowrap;grid-area:l1;align-items:baseline;gap:6px;min-width:0;display:flex;overflow:hidden}.row2>.l1 .name{text-overflow:ellipsis;font-weight:600;overflow:hidden}.row2>.end{white-space:nowrap;grid-area:end}.row2>.l2{white-space:nowrap;grid-area:l2;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.row2.pick{cursor:pointer}.row2.pick>.pick-qty,.row2.pick>.pick-plus{grid-area:chev}.row2.pick:hover,.row2.pick:active{background:var(--surface-2)}.row2.pick.picked{background:var(--brand-soft)}.pick-plus{color:var(--faint);font-size:18px}.pick-qty{align-items:center;gap:6px;display:inline-flex}.pick-minus{border:1px solid var(--line-strong);background:var(--surface);width:36px;height:36px;color:var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-size:22px;line-height:1;display:inline-flex}.pick-count{background:var(--brand);min-width:28px;height:28px;color:var(--brand-ink);border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-weight:700;display:inline-flex}input.qty-in{text-align:center;width:58px;height:34px;min-height:34px;padding:4px;font-size:15px;font-weight:700}.pick-input{text-align:center;border:1px solid var(--brand);background:var(--surface);width:64px;height:36px;min-height:36px;color:var(--ink);border-radius:10px;padding:4px;font-size:16px;font-weight:700}.perm-box{border:1px solid var(--line);background:var(--paper);border-radius:14px;flex-direction:column;gap:10px;margin-bottom:12px;padding:12px;display:flex}.perm-group{flex-direction:column;gap:4px;display:flex}.perm-title{color:var(--muted);margin-top:4px;font-size:12.5px;font-weight:700}.perm-item{padding:6px 2px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);height:36px;color:var(--muted);cursor:pointer;border-radius:999px;padding:0 13px;font-size:13.5px;font-weight:500}.chip[aria-pressed=true]{background:var(--brand-soft);border-color:color-mix(in srgb, var(--brand) 45%, transparent);color:var(--brand);font-weight:600}.bell{position:relative}.bell .dot{top:-4px;background:var(--bad);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:grid;position:absolute;inset-inline-end:-4px}.notif{border-bottom:1px solid var(--line);color:var(--ink);gap:10px;padding:12px 14px;text-decoration:none;display:flex}.notif:last-child{border-bottom:0}.notif.unread{background:var(--brand-soft)}.notif .lv{background:var(--info);border-radius:4px;flex:none;width:8px}.notif .lv.warn{background:var(--warn)}.notif .lv.alarm{background:var(--bad)}.report-table td.num,.report-table th{white-space:nowrap}.mini-bars{align-items:flex-end;gap:3px;height:90px;padding:6px 0;display:flex}.mini-bars div{background:var(--brand);opacity:.85;border-radius:4px 4px 0 0;flex:1;min-height:2px}.shop-cart{bottom:calc(70px + var(--safe-bottom));z-index:10;position:sticky}@media (width>=900px){.shop-cart{bottom:16px}}.help{background:var(--info-bg);color:var(--info);border-radius:13px;margin:-4px 0 12px;padding:9px 12px;font-size:13.5px;line-height:1.7}.help summary{cursor:pointer;align-items:flex-start;gap:8px;list-style:none;display:flex}.help summary::-webkit-details-marker{display:none}.help summary:after{content:"اعرف أكتر ▾";white-space:nowrap;opacity:.8;margin-inline-start:auto;padding-top:1px;font-size:12px}.help[open] summary:after{content:"إخفاء ▴"}.help-i{border:1.5px solid;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;margin-top:2px;font-size:12px;font-weight:700;display:inline-grid}.help ul{margin:8px 0 2px;padding-inline-start:22px}.help li{margin-bottom:4px}