@import "https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--bg:#f7f6f3;--page:#ecebe7;--ink:#23262b;--muted:#6c6760;--line:#dcd8d0;--line-soft:#e8e4dd;--border:#d6d2ca;--track:#e4e0d8;--seg:#ecebe6;--primary:#2e7d73;--primary-ink:#24665e;--dark:#2b2f33;--warn-bg:#fbefd6;--warn-ink:#8a5a12;--danger:#9a3b2e;--danger-line:#d9b3ab;--gut:20px}*,:before,:after{box-sizing:border-box}body{background:var(--page);color:var(--ink);font-variant-numeric:tabular-nums;margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:15px;line-height:1.45}html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] select{font-family:Almarai,Plus Jakarta Sans,system-ui,sans-serif}.lang[lang=ar]{font-family:Almarai,sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer;text-align:start}.app{background:var(--bg);height:100dvh;display:flex}.main{background:var(--bg);flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.side{display:none}.scroll{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.none{flex:none}.spacer{margin-top:auto}.head{padding:12px var(--gut) 16px;flex:none;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.head-col{flex-direction:column;min-width:0;display:flex}.kicker{color:var(--muted);font-size:12px;font-weight:700}.title{letter-spacing:-.01em;font-size:28px;font-weight:700;line-height:1.15}.title.xl{font-size:30px;line-height:1.1}.sub{color:var(--muted);font-size:13px}.back{background:#fff;border:1px solid #e1ddd5;border-radius:99px;align-self:flex-start;align-items:center;gap:6px;height:36px;margin-bottom:10px;padding-block:0;padding-inline:10px 14px;font-size:14px;font-weight:600;display:inline-flex}.back i:not(.x){display:inline-block}[dir=rtl] .back i:not(.x),[dir=rtl] .chev{transform:scaleX(-1)}.back i{color:var(--muted);font-size:22px;font-style:normal;line-height:1}.back i.x{font-size:18px}.chip-btn{border:1px solid var(--border);background:#fff;border-radius:12px;flex:none;padding:8px 12px;font-size:13px;font-weight:700}.foot{padding:12px var(--gut) 24px;border-top:1px solid var(--line);flex-direction:column;flex:none;gap:8px;display:flex}.foot.row{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);display:grid}.btn{border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;width:100%;height:56px;padding:0 16px;font-size:16px;font-weight:700;display:flex}.btn.primary{background:var(--primary);color:#fff}.btn.ghost{border-color:var(--border);background:0 0}.btn.danger{border-color:var(--danger-line);color:var(--danger);background:#fff}.btn:disabled{opacity:.45;cursor:default}.btn.sm{padding:0 14px;font-size:15px}.tabbar{border-top:1px solid var(--line);height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg);flex:none;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.tabbar a{text-align:center;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;padding:0 4px;font-size:13px;font-weight:600;text-decoration:none;display:flex;position:relative}.tabbar a.on{color:var(--primary-ink);font-weight:700}.tabbar a.on:before{content:"";background:var(--primary);border-radius:0 0 3px 3px;height:3px;position:absolute;top:-1px;left:20%;right:20%}.seg{background:var(--seg);border-radius:12px;gap:4px;padding:4px;display:grid}.seg button{text-align:center;color:var(--muted);background:0 0;border:0;border-radius:9px;padding:10px 12px;font-size:14px;font-weight:600}.seg button.on{color:var(--ink);background:#fff;font-weight:700;box-shadow:0 1px 3px #23262b1f}.steps{padding:0 var(--gut) 4px;flex:none;gap:4px;display:grid}.steps i{background:var(--track);border-radius:99px;height:6px}.steps i.done{background:var(--ink)}.steps i.now{background:var(--primary)}.bar{background:var(--track);border-radius:99px;height:6px;display:flex;overflow:hidden}.bar>div{background:var(--ink)}.bar.thick{height:8px}.list-row{padding:12px var(--gut);border-top:1px solid var(--line-soft);background:0 0;border-bottom:0;border-left:0;border-right:0;align-items:center;gap:12px;width:100%;display:grid}.cols-2{grid-template-columns:minmax(0,1fr) auto}.cols-3{grid-template-columns:minmax(0,1fr) auto 14px}.stack{flex-direction:column;display:flex}.end{align-items:flex-end}.name{font-size:15px;font-weight:600}.val{font-size:15px;font-weight:700}.meta{color:var(--muted);font-size:12px}.flag{color:var(--warn-ink);font-size:12px;font-weight:600}.chev{color:var(--muted)}.section-title{padding:16px var(--gut) 6px;flex:none;font-size:16px;font-weight:700}.note{color:var(--muted);font-size:13px}.pad{padding:0 var(--gut)}.gap8{flex-direction:column;gap:8px;display:flex}.gap14{flex-direction:column;gap:14px;display:flex}.quick{padding:0 var(--gut) 16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.quick button{color:#fff;border:0;border-radius:12px;flex-direction:column;justify-content:space-between;height:72px;padding:14px;display:flex}.quick .a{background:var(--primary)}.quick .b{background:var(--dark);color:var(--bg)}.quick b{font-size:16px}.quick span{font-size:12px;font-weight:600}.tiles{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tile{padding:14px var(--gut);border-bottom:1px solid var(--line-soft);border-inline-end:1px solid var(--line-soft);flex-direction:column;justify-content:space-between;height:104px;display:flex}.tile b{letter-spacing:-.01em;font-size:26px;line-height:1.1}.opt{border:1px solid var(--border);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;display:flex}.opt.on{border:1.5px solid var(--primary)}.opt .t{font-size:17px;font-weight:600}.opt.on .t{font-weight:700}.radio{background:#fff;border:1.5px solid #c9c4ba;border-radius:99px;flex:none;width:22px;height:22px}.opt.on .radio{border:6px solid var(--primary)}.card{border:1px solid var(--line-soft);background:#fff;border-radius:14px;padding:14px}.card.on{border:1.5px solid var(--primary)}.label{color:var(--muted);font-size:12px;font-weight:600}.field{flex-direction:column;gap:6px;display:flex}.input{border:1px solid var(--border);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;height:52px;padding:0 14px;display:flex;overflow:hidden}.input input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:17px;font-weight:600}.input.lg{height:64px}.input.lg input{font-size:28px;font-weight:700}.input.sm{height:40px;padding:0 10px}.input.sm input{font-size:18px;font-weight:700}.input .unit{color:var(--muted);white-space:nowrap;font-size:14px;font-weight:600}.input:focus-within{border-color:var(--primary)}.stepper{direction:ltr;grid-template-columns:56px minmax(0,1fr) 56px;gap:8px;height:64px;display:grid}.stepper button{border:1px solid var(--border);text-align:center;background:#fff;border-radius:12px;padding:0;font-size:26px;font-weight:600}.qty{border:1px solid var(--border);direction:ltr;background:#fff;border-radius:12px;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;height:40px;display:grid;overflow:hidden}.qty button{color:var(--muted);text-align:center;background:0 0;border:0;height:100%;padding:0;font-size:18px}.qty input{text-align:center;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:17px;font-weight:700}.dashed{color:var(--muted);background:0 0;border:1px dashed #c9c4ba;border-radius:14px;justify-content:space-between;align-items:center;width:100%;padding:14px;display:flex}.pill{border:1px solid var(--border);background:#fff;border-radius:99px;padding:8px 14px;font-size:14px;font-weight:600}.pill.on{background:var(--dark);color:var(--bg);border-color:var(--dark)}.search{border:1px solid var(--border);background:#fff;border-radius:12px;outline:0;width:100%;height:44px;padding:0 14px;font-size:14px}.search:focus{border-color:var(--primary)}.warn{background:var(--warn-bg);color:var(--warn-ink);border-radius:12px;padding:10px 12px;font-size:13px;font-weight:600}.banner{margin:0 var(--gut) 8px;background:var(--warn-bg);width:calc(100% - 2 * var(--gut));border:0;border-radius:12px;flex:none;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.banner span:first-child{color:#5c3c0c;font-size:14px;font-weight:600}.banner span:last-child{color:var(--warn-ink);font-size:13px;font-weight:700}.gauge{background:#ecebe6;border-radius:14px;flex-direction:column;gap:4px;padding:14px;display:flex}.dark-card{background:var(--dark);color:var(--bg);border-radius:14px;justify-content:space-between;align-items:baseline;padding:14px 16px;display:flex}.badge{color:#4a4640;background:#ecebe6;border-radius:99px;padding:3px 8px;font-size:12px;font-weight:700}.badge.hot{background:var(--warn-bg);color:var(--warn-ink);border-radius:12px}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line-soft);flex:none;display:grid}.stats>div{border-inline-end:1px solid var(--line-soft);flex-direction:column;padding:12px 10px;display:flex}.stats>div:first-child{padding-inline-start:var(--gut)}.stats>div:last-child{border-inline-end:0}.stats b{font-size:18px}.stats.big b{font-size:26px}.scrim{z-index:5;background:#23262b59;position:absolute;inset:0}.sheet{z-index:6;padding:20px var(--gut) 28px;background:#fff;border-radius:24px 24px 0 0;flex-direction:column;gap:10px;max-height:90%;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 30px #23262b26}.perm{border-top:1px solid #efece6;grid-template-columns:minmax(0,1fr) 46px;align-items:center;gap:12px;padding:8px 0;font-size:15px;font-weight:600;display:grid}.switch{background:var(--line);border:0;border-radius:99px;width:46px;height:28px;padding:3px;display:flex}.switch i{background:#fff;border-radius:99px;width:22px}.switch.on{background:var(--primary);justify-content:flex-end}.switch:disabled{opacity:.5;cursor:default}.auth{width:100%;max-width:460px;padding:32px var(--gut);flex-direction:column;gap:18px;margin:0 auto;display:flex;overflow-y:auto}.auth-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.auth form{flex-direction:column;gap:14px;display:flex}.auth a,.link{color:var(--primary-ink);font-weight:700;font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.error{color:var(--danger);background:#f6e3df;border-radius:12px;flex:none;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.ok{color:var(--primary-ink);background:#e2f0ed;border-radius:12px;flex:none;padding:10px 12px;font-size:13px;font-weight:600}.strike{color:var(--muted);font-weight:600;text-decoration:line-through}.input select,.input textarea{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:17px;font-weight:600}.input.area{align-items:stretch;height:auto;padding:10px 14px}.input textarea{resize:vertical;min-height:72px;font-size:15px;font-weight:500;line-height:1.4}.opt:disabled,.dashed:disabled,.chip-btn:disabled,.list-row:disabled{cursor:default}.opt:disabled,.dashed:disabled,.chip-btn:disabled{opacity:.5}.list-row:disabled{color:inherit}button.tile{border:0;border-bottom:1px solid var(--line-soft);border-inline-end:1px solid var(--line-soft);text-align:start;background:0 0}button.tile:disabled{cursor:default;color:inherit}.batch-row{all:unset;box-sizing:border-box;cursor:pointer;padding:12px var(--gut);border-bottom:1px solid var(--line-soft);flex-direction:column;gap:6px;display:flex}.batch-row:disabled{cursor:default}@media (width>=900px){:root{--gut:40px}.app{background:var(--page)}.side{border-inline-end:1px solid var(--line);background:var(--bg);flex-direction:column;flex:none;gap:4px;width:248px;padding:32px 16px;display:flex}.side-lang{align-self:flex-start;margin-top:auto}.lang-mobile{display:none}.side .brand{flex-direction:column;padding:0 12px 24px;display:flex}.side .brand b{letter-spacing:-.01em;font-size:20px}.side a,.side button{color:var(--muted);background:0 0;border:0;border-radius:12px;padding:12px 14px;font-size:15px;font-weight:600;text-decoration:none}.side a:hover,.side button:hover{background:var(--seg)}.side a.on{color:var(--primary-ink);background:#fff;font-weight:700;box-shadow:0 1px 3px #23262b1f}.main{border-left:1px solid var(--line);border-right:1px solid var(--line);max-width:900px;margin:0 auto}.main .tabbar{display:none}.head{padding-top:36px;padding-bottom:24px}.title{font-size:32px}.steps{padding-bottom:8px}.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.quick{grid-template-columns:repeat(2,minmax(0,320px));gap:12px}.quick button{height:88px}.pad{max-width:calc(560px + 2 * var(--gut))}.seg{max-width:420px}.foot{align-items:flex-end}.foot>.btn{width:auto;min-width:300px}.foot.row{flex-direction:row;justify-content:flex-end;display:flex}.foot.row .btn{width:auto;min-width:200px}.foot>.warn,.foot>.note{align-self:stretch}.sheet{border-radius:24px;width:min(560px,100%);bottom:32px;left:50%;right:auto;transform:translate(-50%)}}