@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap";:root{--green:#0b6e4f;--green-dark:#085540;--green-soft:#e8f5f0;--sidebar-bg:#073526;--red:#c62828;--navy:#1a2332;--muted:#6b7280;--line:#e5e7eb;--bg:#f4f7f5;--white:#fff;--shadow:0 1px 2px #1a23320f;--radius:10px;--font:"DM Sans", "Noto Sans Arabic", system-ui, sans-serif;--sidebar:240px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font);color:var(--navy);-webkit-font-smoothing:antialiased;background:linear-gradient(160deg,#f7faf8 0%,#eef3f0 45%,#f4f7f5 100%)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar);background:var(--sidebar-bg);color:#fff;flex-direction:column;height:100vh;padding:1.1rem .75rem;display:flex;position:sticky;top:0}.sidebar .brand{align-items:center;gap:.7rem;padding:.35rem .55rem 1.15rem;display:flex}.sidebar .brand strong{letter-spacing:-.02em;font-size:1.05rem;display:block}.sidebar .brand small{color:#ffffff9e;margin-top:.1rem;font-size:.72rem;display:block}.brand-mark{background:var(--green);border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:.78rem;font-weight:700;display:grid}.sidebar nav{flex-direction:column;flex:1;gap:.25rem;display:flex}.sidebar a,.sidebar button.nav-link{color:#ffffffdb;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:.65rem;padding:.62rem .75rem;font-size:.92rem;font-weight:600;display:flex}.sidebar a svg,.sidebar button.nav-link svg{flex-shrink:0}.sidebar a:hover,.sidebar button.nav-link:hover{color:#fff;background:#ffffff14}.sidebar a.active{color:var(--green-dark);background:#fff}.sidebar .foot{flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.main{flex:1;min-width:0;padding:1.5rem 1.75rem 2.5rem}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}h1.page-title{letter-spacing:-.02em;margin:0;font-size:1.55rem;font-weight:700}.lang-switch{background:var(--white);border:1px solid var(--line);border-radius:999px;gap:.25rem;padding:.2rem;display:inline-flex}.lang-switch button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:.35rem .7rem;font-size:.85rem;font-weight:600}.lang-switch button.active{background:var(--green);color:#fff}.grid-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem;margin-bottom:1.25rem;display:grid}.stat{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.1rem}.stat .label{color:var(--muted);margin-bottom:.35rem;font-size:.85rem}.stat .value{font-size:1.35rem;font-weight:700}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1rem;padding:1.1rem 1.2rem}.panel h2{margin:0 0 .85rem;font-size:1.05rem}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:.92rem}table.data th,table.data td{text-align:start;border-bottom:1px solid var(--line);padding:.65rem .5rem}table.data th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}.btn{cursor:pointer;background:var(--green);color:#fff;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-weight:600;display:inline-flex}.btn:hover{background:var(--green-dark)}.btn.secondary{color:var(--navy);border-color:var(--line);background:#fff}.btn.secondary:hover{background:var(--bg)}.btn.danger{color:var(--red);background:#fff;border-color:#f1c0c0}.btn.ghost{color:var(--green);background:0 0;border-color:#0000}.btn.big{min-width:140px;padding:1rem 1.25rem;font-size:1.05rem}.btn:disabled{opacity:.5;cursor:not-allowed}.field{flex-direction:column;gap:.35rem;margin-bottom:.85rem;display:flex}.field label{color:var(--navy);font-size:.85rem;font-weight:600}.field .hint{color:var(--muted);font-size:.78rem}.field input,.field select,.field textarea{border:1px solid var(--line);background:#fff;border-radius:8px;padding:.55rem .7rem}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--green-soft);border-color:var(--green)}.row{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.row>*{flex:1;min-width:140px}.toggle-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.toggle-row:last-child{border-bottom:0}.toggle{flex-shrink:0;width:46px;height:26px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle span{cursor:pointer;background:#cfd8d4;border-radius:999px;transition:all .2s;position:absolute;inset:0}.toggle span:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle input:checked+span{background:var(--green)}.toggle input:checked+span:after{transform:translate(20px)}[dir=rtl] .toggle input:checked+span:after{transform:translate(-20px)}.badge{background:var(--green-soft);color:var(--green-dark);border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.badge.warn{color:var(--red);background:#fdecea}.badge.mid{color:#9a6700;background:#fff4e5}.chips{flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem;display:flex}.chips button{border:1px solid var(--line);cursor:pointer;color:var(--navy);background:#fff;border-radius:999px;padding:.35rem .75rem;font-weight:700}.chips button.on{background:var(--green);border-color:var(--green);color:#fff}.muted{color:var(--muted)}.price-xl{color:var(--red);letter-spacing:-.03em;font-size:clamp(2.5rem,8vw,4rem);font-weight:700;line-height:1.1}.price-old{color:var(--muted);font-size:1.25rem;text-decoration:line-through}.kiosk{text-align:center;background:radial-gradient(at top,#dff0e8 0%,#0000 55%),linear-gradient(#f8fbf9 0%,#eef5f1 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.kiosk .brand{color:var(--green);font-size:1.25rem;font-weight:700;position:absolute;top:1.5rem}.kiosk h1{margin:.5rem 0;font-size:clamp(1.8rem,5vw,2.6rem)}.kiosk .scan-icon{border:3px solid var(--green);width:120px;height:120px;color:var(--green);border-radius:16px;place-items:center;margin:1.5rem auto;font-size:2.5rem;animation:2s ease-in-out infinite pulse;display:grid}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.04)}}.kiosk-hidden-input{opacity:0;pointer-events:none;position:absolute}.status-bar{bottom:0;background:var(--green);color:#fff;padding:.75rem;font-weight:600;position:fixed;inset-inline:0}.login-page{background:linear-gradient(135deg,#0b6e4fd9,#085540b3),url(https://images.unsplash.com/photo-1578916171728-46686eac8d58?w=1600&q=80) 50%/cover;place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card{background:#fff;border-radius:14px;width:min(400px,100%);padding:1.75rem;box-shadow:0 20px 50px #0003}.login-card h1{color:var(--green);margin:0 0 .25rem}.auth-tabs{background:var(--bg);border-radius:10px;grid-template-columns:1fr 1fr;gap:.35rem;margin:1rem 0;padding:.25rem;display:grid}.auth-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.55rem .4rem;font-weight:700}.auth-tabs button.active{color:var(--green);background:#fff;box-shadow:0 1px 3px #00000014}.auth-or{color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin:1.1rem 0;font-size:.85rem;display:grid}.auth-or:before,.auth-or:after{content:"";background:var(--line);height:1px}.auth-link{width:100%;color:var(--green);cursor:pointer;text-align:center;background:0 0;border:0;margin:.7rem 0 .2rem;padding:0;font-weight:600;display:block}.auth-msg{margin:0 0 .75rem;font-weight:600}.auth-msg.err{color:var(--red)}.auth-msg.ok{color:var(--green)}.google-slot{justify-content:center;min-height:44px;display:flex}.license-card h2{margin:.2rem 0 .6rem;font-size:1.25rem}.license-kicker{color:var(--green);margin:0;font-weight:700}.license-banner{color:#7a4b00;background:#fff6e8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:600;display:flex}.license-banner button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:.45rem .8rem;font-weight:700}.pay-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.pay-grid .btn{flex-direction:column;min-height:100px}.cart-layout{grid-template-columns:1.4fr .9fr;gap:1rem;display:grid}@media (width<=900px){.app-shell{flex-direction:column}.sidebar{width:100%;height:auto;position:relative}.sidebar nav{flex-flow:wrap}.cart-layout,.pay-grid{grid-template-columns:1fr}}.page-head{margin-bottom:1rem}.page-head h1{letter-spacing:-.03em;margin:0;font-size:1.55rem}.page-head p{margin:.25rem 0 0}.toolbar{flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:.9rem;display:flex}.search-pill{border:1px solid var(--line);background:#fff;border-radius:10px;flex:1;align-items:center;gap:.45rem;min-width:220px;min-height:42px;padding:0 .75rem;display:flex}.search-pill input{background:0 0;border:0;outline:0;width:100%;padding:.55rem 0}.thumb{border:1px solid #0000000a;border-radius:8px;flex-shrink:0;place-items:center;width:42px;height:42px;font-weight:700;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.barcode{flex-direction:column;gap:.15rem;width:112px;display:flex}.barcode span{letter-spacing:.04em;color:var(--muted);font-size:.68rem}.cell-name strong{display:block}.cell-name small{color:var(--muted)}.promo-chip{color:#0b6e4f;background:#e7f6ee;border-radius:999px;align-items:center;gap:.25rem;padding:.18rem .5rem;font-size:.78rem;font-weight:700;display:inline-flex}.promo-none{color:var(--muted);font-size:.85rem}.pager{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.85rem;font-size:.85rem;display:flex}.pager-btns{align-items:center;gap:.3rem;display:flex}.pager-btns button{border:1px solid var(--line);cursor:pointer;min-width:32px;height:32px;color:var(--navy);background:#fff;border-radius:8px;font-weight:700}.pager-btns button.on{background:var(--green);color:#fff;border-color:var(--green)}.stat{align-items:flex-start;gap:.75rem;display:flex}.stat-ico{border-radius:999px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:1.05rem;display:grid}.stat-ico.g{background:#e7f6ee}.stat-ico.a{background:#fff4e5}.stat-ico.b{background:#e8f1ff}.delta{color:var(--green);margin-top:.25rem;font-size:.78rem;font-weight:700}.delta.down{color:var(--red)}.split{grid-template-columns:1.4fr .9fr;gap:1rem;display:grid}.pay-list{flex-direction:column;gap:.55rem;display:flex}.pay-list .btn{justify-content:flex-start;gap:.7rem;min-height:52px;font-size:1rem}.total-line{justify-content:space-between;gap:1rem;margin:.35rem 0;display:flex}.total-line.grand{color:var(--green-dark);margin-top:.7rem;font-size:1.25rem;font-weight:800}.qty-step{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;display:inline-flex;overflow:hidden}.qty-step button{cursor:pointer;background:#f7faf8;border:0;width:28px;height:30px;font-weight:700}.qty-step input{text-align:center;border:0;width:42px;padding:.2rem}table.catalog th{text-transform:none;letter-spacing:0;font-size:.78rem}.btn.slim{padding:.32rem .6rem;font-size:.82rem}.inline-actions{align-items:center;gap:.35rem;display:flex}.linkish{color:var(--green);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}@media (width<=900px){.split{grid-template-columns:1fr}}.install-app{z-index:60;width:min(440px,100% - 24px);color:var(--navy);border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:.85rem 1rem;position:fixed;top:12px;left:50%;transform:translate(-50%)}.install-app strong{color:var(--green-dark);display:block}.install-app p{margin:.35rem 0 0;font-size:.92rem}.install-app button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:999px;margin-top:.7rem;padding:.65rem 1rem;font-weight:800}.dev-mark{z-index:50;bottom:10px;border:1px solid var(--line);color:var(--green-dark);letter-spacing:.08em;box-shadow:var(--shadow);background:#fff;border-radius:999px;padding:.28rem .7rem;font-size:.72rem;font-weight:800;position:fixed;inset-inline-end:14px}body:has(.status-bar) .dev-mark{bottom:52px}.banner-ok{background:var(--green-soft);color:var(--green-dark);border-radius:8px;margin-bottom:1rem;padding:.65rem .9rem;font-weight:600}.success-box{text-align:center;padding:2rem 1rem}.success-box .check{background:var(--green-soft);width:72px;height:72px;color:var(--green);border-radius:50%;place-items:center;margin:0 auto 1rem;font-size:2rem;font-weight:700;display:grid}@media print{.sidebar,.topbar,.no-print{display:none!important}.main{padding:0}.panel{box-shadow:none;border:0}}