:root{--bg:#f7f7f5;--surface:#fff;--text:#1d1d1f;--muted:#6b6b70;--line:#e4e4e0;--accent:#0b5cad;--accent-ink:#fff;--ok:#1f7a3a;--warn:#b4540a;--err:#b42318;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Tahoma,Noto Sans Arabic,sans-serif}*{box-sizing:border-box}body{margin:0}h1{margin:.5rem 0;font-size:1.5rem}h2{margin-top:2rem;font-size:1.15rem}a{color:var(--accent);text-decoration:none}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid var(--line);background:#fff;border-radius:6px;padding:.45rem .6rem}button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;padding:.5rem .9rem}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}button.link{color:var(--accent);background:0 0;border:0;padding:0 .3rem}.muted{color:var(--muted)}.small{font-size:.85rem}.pad{padding:2rem}.error{color:var(--err)}.ok{color:var(--ok)}.warn{color:var(--warn);font-weight:600}.note{background:#fffbe6;border:1px solid #f1e3a0;border-radius:6px;padding:.6rem .8rem}.topbar{background:var(--surface);border-bottom:1px solid var(--line);z-index:5;align-items:center;gap:1.5rem;padding:.7rem 1.5rem;display:flex;position:sticky;top:0}.brand{letter-spacing:.12em;font-weight:800}.brand.big{font-size:2rem}.topbar nav{flex:1;gap:1rem;display:flex}.topbar nav a{color:var(--muted);padding:.3rem 0}.topbar nav a.active{color:var(--text);border-bottom:2px solid var(--accent)}.who{align-items:center;gap:.5rem;font-size:.9rem;display:flex}main{max-width:1280px;margin:0 auto;padding:1.25rem 1.5rem 3rem}.badge{text-transform:capitalize;background:#eef0f3;border-radius:99px;padding:.1rem .5rem;font-size:.75rem;display:inline-block}.badge.submitted{background:#e6f0fb}.badge.in_production{background:#fff2dd}.badge.ready{background:#eaf6ec}.badge.shipped,.badge.delivered{background:#dff3e4}.badge.cancelled{background:#fbe4e2}.catalog{grid-template-columns:220px 1fr;align-items:start;gap:1.5rem;display:grid}.filters{flex-direction:column;gap:.8rem;display:flex;position:sticky;top:4.5rem}.field{flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}.field>span{color:var(--muted)}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;display:grid}.card{background:var(--surface);border:1px solid var(--line);color:inherit;border-radius:10px;transition:box-shadow .15s;overflow:hidden}.card:hover{box-shadow:0 4px 16px #00000014}.thumb{aspect-ratio:4/3;background:#fff;place-items:center;display:grid;overflow:hidden}.thumb img{object-fit:contain;width:100%;height:100%}.card-body{border-top:1px solid var(--line);padding:.7rem .8rem}.card-title{font-weight:600}.price{margin-top:.35rem;font-weight:600}.price.big{font-size:1.3rem}.product-layout{grid-template-columns:1.2fr 1fr;gap:2rem;margin-top:1rem;display:grid}.product-img{border:1px solid var(--line);background:#fff;border-radius:10px;place-items:center;display:grid}.product-img img{width:100%;height:auto}.pack{flex-wrap:wrap;align-items:center;gap:.5rem;margin:1rem 0;display:flex}.pack input{width:4.5rem}table{border-collapse:collapse;background:var(--surface);width:100%}th,td{text-align:start;border-bottom:1px solid var(--line);padding:.5rem .6rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}tfoot td{font-weight:700}.sizes input,.lines input{width:5rem}.actions{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.checkout{flex-direction:column;gap:.8rem;max-width:520px;margin-top:1.5rem;display:flex}.new-customer{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.row-between{justify-content:space-between;align-items:center;gap:1rem;display:flex}.totals{gap:1.5rem;margin-bottom:.6rem;display:flex}.pay-form{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.login{place-items:center;min-height:100vh;display:grid}.login form{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:.7rem;width:340px;padding:2rem;display:flex}@media (width<=800px){.catalog,.product-layout{grid-template-columns:1fr}.filters{position:static}.topbar{flex-wrap:wrap;gap:.6rem;padding:.6rem 1rem}main{padding:1rem}.lines{display:block;overflow-x:auto}}a.brand{color:var(--text)}.crumb{color:var(--muted);margin-inline-start:-1rem;font-weight:600}.home h1{margin-top:1rem}.biz-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.biz-card{background:var(--surface);border:1px solid var(--line);min-height:180px;color:inherit;border-radius:12px;flex-direction:column;gap:.5rem;padding:2rem 1.5rem;transition:box-shadow .15s,border-color .15s;display:flex}.biz-card:hover{border-color:var(--accent);box-shadow:0 6px 20px #00000014}.biz-card .biz-name{font-size:1.6rem;font-weight:700}.biz-card.soon{opacity:.75}.biz-card .badge{align-self:flex-start;margin-top:auto}.empty-biz{text-align:center;padding:4rem 1rem}.lang-switch{font-weight:600}[dir=rtl] body{font-size:1.02rem}[dir=rtl] th{letter-spacing:0;text-transform:none}[dir=rtl] input[type=number]{text-align:end;direction:ltr}.fin-card{border-color:var(--accent);background:linear-gradient(180deg, #f3f8fe, var(--surface))}.fin-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.notice{background:#fff8e6;border:1px solid #f1dfa6;border-radius:8px;flex:1;min-width:260px;padding:.6rem .8rem}.book-pick select{min-width:12rem}.tiles{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem;margin:.5rem 0 1.25rem;display:grid}.tile{background:var(--surface);border:1px solid var(--line);color:inherit;border-radius:10px;flex-direction:column;gap:.25rem;padding:.9rem 1rem;display:flex}.link-tile:hover{border-color:var(--accent)}.tile-label{color:var(--muted);font-size:.85rem}.tile-value{font-size:1.35rem;font-weight:700}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-bottom:1.25rem;padding:1rem}.panel h2{margin-top:0}.amt{font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr;unicode-bidi:isolate}.amt.neg{color:var(--err)}th.num,td.num{text-align:end}td.strong,dd.strong{font-weight:700}.scroll-x{overflow-x:auto}.row-gap{flex-wrap:wrap;align-items:flex-end;gap:.6rem;display:flex}.wrap{flex-wrap:wrap}.check{align-items:center;gap:.35rem;font-size:.9rem;display:flex}.field.inline{flex-direction:row;align-items:center;gap:.4rem}.pager{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.facts{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.6rem 1.5rem;margin:1rem 0;display:grid}.facts dt{color:var(--muted);font-size:.85rem}.facts dd{margin:0}tr.opening td{background:#f6f6f3;font-weight:600}tr.future td{background:#fff4ec}.warn-badge{background:#fde3d3;margin-inline-start:.4rem}table.narrow{max-width:520px}.chart,.chart-wrap{position:relative}.chart svg{width:100%;height:auto;display:block}.chart .grid{stroke:#ececea;stroke-width:1px}.chart .axis{fill:var(--muted);font-size:11px}.legend{gap:1rem;margin-bottom:.4rem;font-size:.9rem;display:flex}.legend-item,.tooltip span{align-items:center;gap:.35rem;display:inline-flex}.legend i,.tooltip i{border-radius:2px;width:10px;height:10px;display:inline-block}.tooltip{background:var(--surface);border:1px solid var(--line);pointer-events:none;white-space:nowrap;z-index:2;border-radius:8px;flex-direction:column;gap:.2rem;padding:.5rem .7rem;font-size:.85rem;display:flex;position:absolute;top:0;transform:translate(-50%);box-shadow:0 4px 14px #0000001a}.chart details{margin-top:.6rem}.print-only{display:none}@media print{.no-print,.topbar,.fin-head{display:none!important}.print-only{display:block}body{background:#fff}main{max-width:none;padding:0}table{font-size:11px}a{color:inherit}@page{size:A4;margin:12mm}}.chart .grid.zero{stroke:#b9b9b4}.info-wrap{vertical-align:middle;display:inline-flex}.info-icon{color:var(--muted);cursor:help;background:0 0;border:0;border-radius:50%;padding:0 .15rem;line-height:0}.info-icon:hover,.info-icon:focus-visible{color:var(--accent);outline:none}.info-icon:focus-visible{box-shadow:0 0 0 2px var(--accent)}.info-bubble{z-index:50;color:#fff;text-transform:none;letter-spacing:0;text-align:start;white-space:normal;pointer-events:none;background:#1d1d1f;border-radius:8px;padding:.55rem .7rem;font-size:.82rem;font-weight:400;line-height:1.45;position:fixed;box-shadow:0 6px 20px #0000002e}.tile-link{color:inherit;flex-direction:column;gap:.25rem;display:flex}.tile-link:after{content:"";position:absolute;inset:0}.link-tile{position:relative}.link-tile .info-wrap{z-index:1;position:relative}
