:root{--bg:#f6f3ee;--surface:#fff;--surface-2:#faf8f4;--ink:#1d2320;--ink-2:#4a524e;--muted:#69706c;--line:#e3ddd2;--primary:#0f5c4d;--primary-ink:#fff;--primary-soft:#e3f0ec;--accent:#b77f0f;--accent-soft:#fbf1dc;--danger:#b3261e;--danger-soft:#fbe9e7;--info-soft:#e8f0fb;--info:#1f4e8c;--warn-soft:#fff4d6;--warn:#7a5300;--ok:#1d6b3a;--whatsapp:#1c7c43;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px #141e190f, 0 4px 16px #141e190d;--focus:0 0 0 3px #0f5c4d59;--font:"IBM Plex Sans Arabic", "Segoe UI", Tahoma, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);margin:0;font-size:16px;line-height:1.6}h1,h2,h3{margin:0 0 .6em;line-height:1.3}h1{font-size:1.5rem}h2{font-size:1.1rem}a{color:var(--primary)}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{box-shadow:var(--focus);border-radius:6px;outline:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip{inset-inline-start:8px;background:var(--primary);color:#fff;z-index:100;border-radius:8px;padding:8px 14px;position:absolute;top:-60px}.skip:focus{top:8px}.container{width:min(1200px,100% - 32px);margin-inline:auto}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center;margin:24px 0}.text-end{text-align:end}.pre{white-space:pre-wrap}.hint{color:var(--muted);margin:4px 0 0;font-size:.85rem}.btn{border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 18px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-ink)}.btn-primary:hover:not(:disabled){background:#0b4a3e}.btn-outline{border-color:var(--line);color:var(--ink)}.btn-outline:hover:not(:disabled){border-color:var(--primary)}.btn-ghost{color:var(--ink-2);background:0 0}.btn-ghost:hover:not(:disabled){background:#0000000d}.btn-danger{background:var(--danger);color:#fff}.danger{color:var(--danger)}.btn-whatsapp{background:var(--whatsapp);color:#fff}.btn-sm{min-height:36px;padding:4px 12px;font-size:.9rem}.btn-lg{min-height:52px;font-size:1.05rem}.btn-block{width:100%}.icon-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:8px;min-width:36px;min-height:36px;font-size:1.1rem;line-height:1}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.file-btn{cursor:pointer;position:relative}.field{border:0;flex-direction:column;gap:4px;min-width:0;margin-bottom:14px;padding:0;display:flex}.field label,.field legend{color:var(--ink-2);font-size:.92rem;font-weight:600}input:not([type=checkbox]):not([type=radio]),select,textarea{border-radius:var(--radius-sm);background:#fff;border:1px solid #cfc8bb;width:100%;min-height:44px;padding:8px 12px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:var(--focus);outline:none}[aria-invalid=true]{border-color:var(--danger)!important}input:disabled,textarea:disabled,select:disabled{background:var(--surface-2);color:var(--muted)}.field-error{color:var(--danger);margin:2px 0 0;font-size:.87rem}.check{cursor:pointer;align-items:center;gap:8px;margin:6px 0;display:inline-flex}.check input{width:20px;height:20px;accent-color:var(--primary)}.checks{flex-wrap:wrap;gap:6px 20px;margin-bottom:8px;display:flex}.grid-2,.grid-3{gap:0 16px;display:grid}@media (min-width:720px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}}.form-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sticky-actions{background:linear-gradient(transparent, var(--bg) 30%);z-index:5;padding:16px 0 12px;position:sticky;bottom:0}.state{text-align:center;color:var(--ink-2);flex-direction:column;align-items:center;gap:14px;padding:48px 16px;display:flex}.state-title{margin:0;font-size:1.1rem;font-weight:600}.state-error p{color:var(--danger);margin:0}.spinner{border:3px solid var(--line);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.5s}}.notice{border-radius:var(--radius-sm);margin:0 0 16px;padding:12px 14px;font-size:.95rem}.notice ul{margin:0;padding-inline-start:18px}.notice-info{background:var(--info-soft);color:var(--info)}.notice-warn{background:var(--warn-soft);color:var(--warn)}.notice-error{background:var(--danger-soft);color:var(--danger)}.offline{background:var(--warn);color:#fff;text-align:center;padding:8px;font-weight:600}.toasts{bottom:16px;z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;inset-inline:16px}.toast{pointer-events:auto;color:#fff;width:100%;max-width:480px;box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-weight:500;display:flex}.toast span{flex:1}.toast-success{background:var(--ok)}.toast-error{background:var(--danger)}.toast-info{background:var(--info)}.toast-close{color:inherit;cursor:pointer;background:0 0;border:0;min-width:32px;min-height:32px;font-size:1.3rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:18px}.card-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-bottom:16px;overflow-x:auto}.card .table-wrap{border:0;margin:0 -8px}.table{border-collapse:collapse;width:100%;font-size:.95rem}.table th,.table td{text-align:start;border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 12px}.table th{background:var(--surface-2);color:var(--ink-2);white-space:nowrap;font-size:.87rem;font-weight:600}.table tbody tr:hover{background:#fcfbf8}.table tfoot td{background:var(--surface-2);font-weight:600}.table tfoot .total td{color:var(--primary);font-size:1.05rem}.row-muted{opacity:.65}.row-new{background:var(--accent-soft)}.cell-thumb{width:64px}.cell-thumb img,.cell-thumb .img-missing{object-fit:cover;border-radius:8px;width:52px;height:52px;font-size:0}.actions-cell{white-space:nowrap}.badge{vertical-align:middle;border-radius:999px;margin-inline-start:6px;padding:2px 10px;font-size:.8rem;font-weight:600;display:inline-block}.badge-muted{color:var(--ink-2);background:#ecebe7}.badge-primary{background:var(--primary);color:#fff}.status-new{color:#6b4a00;background:#fdecc8}.status-reviewing{color:#1f4e8c;background:#e3ecfb}.status-confirmed{color:#1d6b3a;background:#dff3e6}.status-preparing{color:#5b2e9c;background:#ede4fb}.status-ready{color:#0e5b56;background:#d9f2f0}.status-delivered{color:#2e3a34;background:#e3e8e5}.status-cancelled{color:#8f1f19;background:#fbe3e1}.switch{border:1px solid var(--line);min-height:34px;color:var(--ink-2);cursor:pointer;background:#f1efea;border-radius:999px;padding:2px 12px;font-size:.85rem;font-weight:600}.switch.on{background:var(--primary-soft);color:var(--primary);border-color:#b9d8cf}.switch.off-warn{background:var(--danger-soft);color:var(--danger)}.pager{justify-content:center;align-items:center;gap:14px;margin:16px 0;display:flex}.store-header{background:var(--primary);color:#fff;z-index:20;position:sticky;top:0}.header-row{justify-content:space-between;align-items:center;gap:12px;min-height:64px;display:flex}.brand{color:#fff;align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.brand-logo{object-fit:contain;background:#fff;border-radius:8px;width:40px;height:40px;padding:2px}.brand-mark{background:var(--accent);border-radius:10px;place-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;display:grid}.brand-name{text-overflow:ellipsis;white-space:nowrap;font-size:1.1rem;font-weight:700;overflow:hidden}.header-nav{gap:4px;display:flex}.header-nav a{color:#e6f1ee;border-radius:8px;align-items:center;gap:6px;min-height:44px;padding:8px 12px;font-weight:600;text-decoration:none;display:inline-flex}.header-nav a.active,.header-nav a:hover{color:#fff;background:#ffffff24}.cart-count{background:var(--accent);color:#fff;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.8rem;display:inline-grid}.store-main{min-height:60vh;padding-block:20px 48px}.store-footer{color:#cfd8d4;background:#1b2521;padding:24px 0}.store-footer a{color:#fff}.footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-row p{margin:4px 0 0}.filters{flex-wrap:wrap;align-items:flex-end;gap:0 12px;margin-bottom:8px;display:flex}.filters .field{min-width:150px}.filters .grow{flex:240px}.align-end{margin-bottom:14px}.chips{scrollbar-width:thin;gap:8px;margin-bottom:14px;padding-bottom:6px;display:flex;overflow-x:auto}.chip{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;flex:none;min-height:40px;padding:6px 16px;font-weight:500}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.result-count{margin:0 0 10px}.grid{gap:16px;display:grid}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:720px){.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.product-card{flex-direction:column;margin:0;padding:0;display:flex;overflow:hidden}.product-media{aspect-ratio:1;background:var(--surface-2);display:block;position:relative}.product-media img,.product-media .img-missing{object-fit:cover;width:100%;height:100%}.is-unavailable .product-media img{filter:grayscale(.8);opacity:.7}.ribbon{top:10px;background:var(--danger);color:#fff;border-radius:6px;padding:3px 10px;font-size:.8rem;font-weight:700;position:absolute;inset-inline-start:10px}.product-body{flex-direction:column;flex:1;gap:4px;padding:12px;display:flex}.product-name{margin:0;font-size:1rem}.product-name a{color:var(--ink);text-decoration:none}.product-name a:hover{color:var(--primary)}.product-sku{color:var(--muted);margin:0;font-size:.8rem}.product-desc{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.87rem;display:-webkit-box;overflow:hidden}.product-price{margin-top:auto;padding-top:6px}.product-price strong{color:var(--primary);font-size:1.15rem}.secondary-price{color:var(--muted);font-size:.82rem}.min-qty{color:var(--accent);margin:0 0 6px;font-size:.82rem;font-weight:600}.img-missing{color:#8c948f;text-align:center;background:repeating-linear-gradient(45deg,#f4f1eb,#f4f1eb 10px,#efebe4 10px 20px);flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;min-height:80px;padding:8px;font-size:.8rem;display:flex}.crumbs{color:var(--muted);margin-bottom:12px;font-size:.9rem}.product-layout{gap:24px;display:grid}@media (min-width:860px){.product-layout{grid-template-columns:1fr 1fr}}.gallery-main{aspect-ratio:1;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.gallery-main img,.gallery-main .img-missing{object-fit:contain;width:100%;height:100%}.thumbs{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.thumb{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;width:68px;height:68px;padding:0;overflow:hidden}.thumb.active{border-color:var(--primary)}.thumb img{object-fit:cover;width:100%;height:100%}.price-lg{color:var(--primary);font-size:1.6rem;font-weight:700}.facts{grid-template-columns:1fr 1fr;gap:8px;margin:16px 0;display:grid}.facts div{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.facts dt{color:var(--muted);font-size:.8rem}.facts dd{margin:0;font-weight:600}.lead{font-size:1.05rem}.description{white-space:pre-wrap;color:var(--ink-2)}.add-row{flex-wrap:wrap;gap:12px;margin:18px 0 8px;display:flex}.qty{border-radius:var(--radius-sm);background:#fff;border:1px solid #cfc8bb;align-items:stretch;display:inline-flex;overflow:hidden}.qty input{text-align:center;border:0!important;border-radius:0!important;width:72px!important;min-height:42px!important}.qty-btn{background:var(--surface-2);cursor:pointer;border:0;width:42px;font-size:1.2rem}.qty-btn:disabled{opacity:.35;cursor:not-allowed}.cart-list{flex-direction:column;gap:10px;margin:0 0 16px;padding:0;list-style:none;display:flex}.cart-line{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:64px 1fr;align-items:center;gap:10px 12px;padding:12px;display:grid}.cart-line.has-issue{background:snow;border-color:#f0b9b4}.cart-thumb{border-radius:8px;grid-row:span 2;width:64px;height:64px;overflow:hidden}.cart-thumb img,.cart-thumb .img-missing{object-fit:cover;width:100%;height:100%;min-height:0;font-size:0}.cart-name{color:var(--ink);font-weight:600;text-decoration:none}.cart-qty,.cart-total{justify-self:start}.cart-total{font-weight:700}@media (min-width:720px){.cart-line{grid-template-columns:64px 1fr auto 130px auto}.cart-thumb{grid-row:auto}.cart-total{justify-self:end}}.summary .row{justify-content:space-between;gap:12px;padding:6px 0;display:flex}.summary .row.total{border-top:1px solid var(--line);color:var(--primary);margin-top:6px;padding-top:10px;font-size:1.1rem}.summary-lines{margin:0 0 10px;padding:0;font-size:.9rem;list-style:none}.summary-lines li{border-bottom:1px dashed var(--line);justify-content:space-between;gap:10px;padding:4px 0;display:flex}section>.summary{max-width:460px;margin-inline-start:auto}.checkout-layout{gap:16px;display:grid}@media (min-width:900px){.checkout-layout{grid-template-columns:1.3fr 1fr;align-items:start}.checkout-layout .summary{position:sticky;top:84px}}.policy{color:var(--ink-2);margin-top:16px}.policy p{white-space:pre-wrap}.success{text-align:center;max-width:560px;margin:24px auto;padding:32px 20px}.success-icon{background:var(--primary-soft);width:64px;height:64px;color:var(--primary);border-radius:50%;place-items:center;margin:0 auto 12px;font-size:2rem;font-weight:700;display:grid}.order-no{font-size:1.3rem}.order-no strong{color:var(--primary)}.actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.admin-top{z-index:30;color:#fff;background:#16211d;align-items:center;gap:12px;min-height:60px;padding:8px 16px;display:flex;position:sticky;top:0}.admin-brand{color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:700;text-decoration:none;overflow:hidden}.admin-user{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.admin-user .muted{color:#b9c4bf}.admin-user .btn-ghost{color:#dfe7e3}.admin-user .btn-outline{color:#fff;background:0 0;border-color:#3b4a44}.alert-pill{background:var(--accent);color:#fff;border-radius:999px;padding:6px 12px;font-size:.9rem;font-weight:700;text-decoration:none}.menu-btn{color:#fff;background:0 0;border-color:#3b4a44;justify-content:center;align-items:center;display:inline-flex}.admin-body{display:flex}.admin-nav{background:var(--surface);border-inline-end:1px solid var(--line);flex-direction:column;flex:none;gap:2px;width:230px;min-height:calc(100vh - 60px);padding:12px;display:none}.admin-nav.open{top:60px;bottom:0;z-index:25;box-shadow:var(--shadow);display:flex;position:fixed;inset-inline-start:0;overflow-y:auto}.admin-nav a{color:var(--ink-2);border-radius:8px;justify-content:space-between;align-items:center;min-height:44px;padding:10px 12px;font-weight:500;text-decoration:none;display:flex}.admin-nav a:hover{background:var(--surface-2)}.admin-nav a.active{background:var(--primary-soft);color:var(--primary);font-weight:700}.nav-badge{background:var(--accent);color:#fff;border-radius:999px;padding:0 8px;font-size:.8rem}.admin-main{flex:1;min-width:0;max-width:1280px;padding:20px 16px 40px}@media (min-width:960px){.menu-btn{display:none}.admin-nav{height:calc(100vh - 60px);display:flex;position:sticky;top:60px}.admin-main{padding:24px 28px 48px}}@media (max-width:640px){.admin-user .muted,.admin-user .btn-ghost{display:none}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.page-head h1{margin:0}.head-actions{gap:8px;display:flex}.stats{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:18px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);box-shadow:var(--shadow);flex-direction:column;gap:2px;padding:14px 16px;text-decoration:none;display:flex}.stat-value{color:var(--primary);font-size:1.45rem;font-weight:700}.stat-label{color:var(--ink-2);font-size:.87rem}.stat-alert{background:var(--accent-soft);border-color:#efd699}.stat-alert .stat-value{color:var(--accent)}.stat-warn .stat-value{color:var(--danger)}.inline-form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.inline-form .field{margin:0}.grow{flex:220px}.editor .card h2{margin-bottom:14px}.image-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:12px 0;display:grid}.image-tile{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;flex-direction:column;gap:6px;margin:0;padding:8px;display:flex;position:relative}.image-tile>img,.image-tile>.img-missing{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%}.image-tile .badge{top:12px;margin:0;position:absolute;inset-inline-start:8px}.image-tile input{font-size:.85rem;min-height:36px!important}.image-tile.staged{border-style:dashed;border-color:var(--primary)}.image-tile.has-issue{border-color:var(--danger)}.tile-actions{align-items:center;gap:4px;display:flex}.tile-actions .danger{margin-inline-start:auto}.logo-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.logo-box{border:1px solid var(--line);background:#fff;border-radius:10px;width:72px;height:72px;overflow:hidden}.logo-box img,.logo-box .img-missing{object-fit:contain;width:100%;height:100%;min-height:0;font-size:0}.zones{flex-direction:column;align-items:flex-start;gap:8px;margin:8px 0 16px;display:flex}.zone-row{grid-template-columns:1fr 110px auto;gap:8px;width:100%;max-width:560px;display:grid}.order-layout{gap:16px;display:grid}@media (min-width:1024px){.order-layout{grid-template-columns:1.6fr 1fr;align-items:start}}.stack>.card:last-child{margin-bottom:0}.kv{grid-template-columns:max-content 1fr;gap:8px 16px;margin:0;display:grid}.kv dt{color:var(--muted);font-size:.9rem}.kv dd{margin:0;font-weight:500}.timeline{border-inline-start:2px solid var(--line);margin:0;padding:0;list-style:none}.timeline li{padding:0 16px 14px;position:relative}.timeline li:before{content:"";inset-inline-start:-7px;background:var(--primary);border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:6px}.notes{flex-direction:column;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.notes li{background:var(--accent-soft);border-radius:8px;padding:8px 10px}.bars{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bars li{grid-template-columns:110px 1fr 48px;align-items:center;gap:8px;font-size:.9rem;display:grid}.bar-track{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;height:12px;overflow:hidden}.bar-fill{background:var(--primary);border-radius:999px;height:100%;display:block}.bar-value{text-align:end;font-weight:600}.audit-details{word-break:break-word;max-width:520px}.login-wrap{place-items:center;min-height:100vh;padding:16px;display:grid}.login{width:min(420px,100%)}.modal{border-radius:var(--radius);border:0;width:min(520px,100% - 24px);padding:0;box-shadow:0 20px 60px #00000040}.modal::backdrop{background:#0f191473}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-head h2{margin:0}.modal-body{padding:18px}.modal-foot{border-top:1px solid var(--line);background:var(--surface-2);gap:8px;padding:12px 18px;display:flex}.print-page{background:#fff;max-width:800px;margin:0 auto;padding:24px}.print-toolbar{margin-bottom:16px}.print-head{border-bottom:2px solid #000;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;display:flex}.print-logo{object-fit:contain;width:72px;height:72px}.print-meta,.print-items{border-collapse:collapse;width:100%;margin-bottom:16px;font-size:.95rem}.print-meta th,.print-meta td,.print-items th,.print-items td{text-align:start;border:1px solid #999;padding:6px 8px}.print-meta th,.print-items th{background:#f0f0f0}.print-items tfoot td{font-weight:700}.print-foot{color:#555;border-top:1px solid #ccc;padding-top:8px;font-size:.85rem}@media print{@page{size:A4;margin:12mm}body{background:#fff}.no-print,.toasts{display:none!important}.print-page{max-width:none;padding:0}.print-items tr{break-inside:avoid}}