*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}:root{--primary:#1b3a6b;--accent:#c9a227;--bg:#f3f5f9;--surface:#fff;--ink:#0f1b2d;--ink-2:#5b6880;--ink-3:#98a2b3;--line:#e7ebf2;--ok:#12b76a;--ok-ink:#067647;--danger:#e5484d;--primary-50:color-mix(in srgb,var(--primary) 7%,#fff);--primary-100:color-mix(in srgb,var(--primary) 14%,#fff);--primary-700:color-mix(in srgb,var(--primary) 82%,#000);--accent-50:color-mix(in srgb,var(--accent) 14%,#fff);--accent-ink:color-mix(in srgb,var(--accent) 55%,#000);--font:"Tajawal",system-ui,sans-serif;--display:"Readex Pro","Tajawal",system-ui,sans-serif;--r-sm:12px;--r:18px;--r-lg:26px;--shadow-1:0 1px 2px #0f1b2d0d,0 1px 1px #0f1b2d08;--shadow-2:0 10px 30px -10px #0f1b2d2e,0 2px 6px #0f1b2d0d;--nav-h:68px;--col:560px;--ease:cubic-bezier(.2,.8,.2,1)}body,html{background:#f3f5f9;background:var(--bg)}body{-webkit-font-smoothing:antialiased;color:#0f1b2d;color:var(--ink);direction:rtl;font-family:Tajawal,system-ui,sans-serif;font-family:var(--font);font-size:15px;line-height:1.5}button,input,select,textarea{color:inherit;font:inherit}button{background:none;border:0;cursor:pointer}button:disabled{cursor:default;opacity:.55}:focus-visible{border-radius:10px;outline:2.5px solid #c9a227;outline:2.5px solid var(--accent);outline-offset:2px}img{display:block;max-width:100%}.num{font-feature-settings:"tnum";font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-variant-numeric:tabular-nums}.app{background:#f3f5f9;background:var(--bg);margin:0 auto;max-width:560px;max-width:var(--col);min-height:100vh;position:relative}.page{padding:0 16px 178px;padding:0 16px calc(var(--nav-h) + 110px)}.page.no-nav{padding-bottom:130px}.section{margin-top:22px}.section-head{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:12px}.section-title{font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:1.05rem;font-weight:600;letter-spacing:-.01em}.section-meta{color:#98a2b3;color:var(--ink-3);font-size:.82rem}.hero{background:linear-gradient(165deg,color-mix(in srgb,#1b3a6b 78%,#fff),#1b3a6b 45%,color-mix(in srgb,#1b3a6b 82%,#000));background:linear-gradient(165deg,color-mix(in srgb,var(--primary) 78%,#fff) 0,var(--primary) 45%,var(--primary-700) 100%);border-radius:0 0 26px 26px;border-radius:0 0 var(--r-lg) var(--r-lg);color:#fff;overflow:hidden;padding:14px 16px 64px;position:relative}.hero:after,.hero:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.hero:before{border:38px solid #ffffff0d;height:260px;left:-90px;top:-120px;width:260px}.hero:after{background:#c9a227;background:var(--accent);box-shadow:34px 30px 0 -2px #ffffff40,-14px 46px 0 -3px #c9a227;box-shadow:34px 30px 0 -2px #ffffff40,-14px 46px 0 -3px var(--accent);height:9px;left:46px;top:74px;width:9px}.hero-top{align-items:center;display:flex;gap:10px;position:relative;z-index:1}.brand-mark{background:#c9a227;background:var(--accent);border-radius:13px;display:grid;flex-shrink:0;font-size:20px;height:40px;overflow:hidden;place-items:center;width:40px}.brand-mark img{height:100%;object-fit:cover;width:100%}.loc-btn{align-items:flex-start;display:flex;flex-direction:column;min-width:0;padding:2px 4px;text-align:right}.loc-btn small{font-size:.72rem;opacity:.7}.loc-btn b{align-items:center;display:inline-flex;font-size:.95rem;font-weight:700;gap:4px;white-space:nowrap}.hero-actions{display:flex;gap:8px;margin-inline-start:auto}.icon-btn{background:#ffffff21;border-radius:13px;color:#fff;display:grid;height:40px;place-items:center;position:relative;transition:background .2s;width:40px}.icon-btn:active{background:#ffffff38}.hero h1{text-wrap:balance;font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:1.6rem;font-weight:600;letter-spacing:-.02em;line-height:1.25;margin-top:22px}.hero h1,.hero p{position:relative;z-index:1}.hero p{font-size:.95rem;margin-top:6px;opacity:.78}.search{margin:-28px 16px 0;position:relative;z-index:2}.search input{background:#fff;background:var(--surface);border:0;border-radius:18px;border-radius:var(--r);box-shadow:0 10px 30px -10px #0f1b2d2e,0 2px 6px #0f1b2d0d;box-shadow:var(--shadow-2);color:#0f1b2d;color:var(--ink);font-size:.98rem;height:56px;padding:0 52px 0 16px;width:100%}.search input::placeholder{color:#98a2b3;color:var(--ink-3)}.search input:focus{outline:2.5px solid color-mix(in srgb,#1b3a6b 14%,#fff);outline:2.5px solid var(--primary-100)}.search svg{color:#98a2b3;color:var(--ink-3);right:18px}.search .clear,.search svg{position:absolute;top:50%;transform:translateY(-50%)}.search .clear{border-radius:10px;color:#98a2b3;color:var(--ink-3);display:grid;height:36px;left:10px;place-items:center;width:36px}.zone-nudge{align-items:center;background:color-mix(in srgb,#c9a227 14%,#fff);background:var(--accent-50);border:1px dashed color-mix(in srgb,#c9a227 55%,#0000);border:1px dashed color-mix(in srgb,var(--accent) 55%,#0000);border-radius:18px;border-radius:var(--r);color:color-mix(in srgb,#c9a227 55%,#000);color:var(--accent-ink);display:flex;font-size:.9rem;font-weight:700;gap:12px;margin-top:16px;padding:12px 14px;text-align:right;width:100%}.zone-nudge span{flex:1 1}.services{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:520px){.services{grid-template-columns:repeat(4,minmax(0,1fr))}}.svc{align-items:flex-start;background:#fff;background:var(--surface);border-radius:18px;border-radius:var(--r);box-shadow:0 1px 2px #0f1b2d0d,0 1px 1px #0f1b2d08;box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:2px;min-height:118px;overflow:hidden;padding:14px;position:relative;text-align:right;transition:transform .2s cubic-bezier(.2,.8,.2,1);transition:transform .2s var(--ease)}.svc:active{transform:scale(.97)}.svc:after{background:var(--tint);border-radius:50%;bottom:-34px;content:"";height:90px;left:-26px;position:absolute;width:90px}.svc-icon{background:var(--tint);border-radius:14px;display:grid;font-size:24px;height:44px;margin-bottom:8px;place-items:center;width:44px}.svc b{font-size:.95rem;font-weight:800}.svc b,.svc small{position:relative;z-index:1}.svc small{color:#98a2b3;color:var(--ink-3);font-size:.78rem}.kind-hero{align-items:center;background:var(--tint);border-radius:18px;border-radius:var(--r);display:flex;gap:14px;margin-bottom:12px;padding:16px}.kind-icon{background:#fff;background:var(--surface);border-radius:18px;box-shadow:0 1px 2px #0f1b2d0d,0 1px 1px #0f1b2d08;box-shadow:var(--shadow-1);display:grid;flex-shrink:0;font-size:30px;height:56px;place-items:center;width:56px}.kind-hero b{font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:1.02rem;font-weight:600}.kind-hero p{color:#5b6880;color:var(--ink-2);font-size:.85rem;margin-top:2px}.request-box{background:#f3f5f9;background:var(--bg);border-radius:14px;font-size:.92rem;line-height:1.7;padding:12px 14px;white-space:pre-wrap}.cats{display:flex;gap:10px;margin:0 -16px;overflow-x:auto;padding:2px 16px 4px;scroll-snap-type:x proximity;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.cat{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;gap:7px;scroll-snap-align:start;width:74px}.cat-tile{background:#fff;background:var(--surface);border:2px solid #0000;border-radius:22px;box-shadow:0 1px 2px #0f1b2d0d,0 1px 1px #0f1b2d08;box-shadow:var(--shadow-1);display:grid;font-size:30px;height:66px;overflow:hidden;place-items:center;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .2s,background .2s;transition:transform .25s var(--ease),border-color .2s,background .2s;width:66px}.cat-tile img{height:100%;object-fit:cover;width:100%}.cat-label{color:#5b6880;color:var(--ink-2);font-size:.8rem;font-weight:700;max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat[aria-pressed=true] .cat-tile{background:color-mix(in srgb,#1b3a6b 7%,#fff);background:var(--primary-50);border-color:#1b3a6b;border-color:var(--primary);transform:translateY(-2px)}.cat[aria-pressed=true] .cat-label{color:#1b3a6b;color:var(--primary)}.grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:520px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.p-card{animation:rise .45s cubic-bezier(.2,.8,.2,1) both;animation:rise .45s var(--ease) both;animation-delay:0ms;animation-delay:calc(var(--i, 0)*35ms);background:#fff;background:var(--surface);border-radius:18px;border-radius:var(--r);box-shadow:0 1px 2px #0f1b2d0d,0 1px 1px #0f1b2d08;box-shadow:var(--shadow-1);display:flex;flex-direction:column;overflow:hidden}.p-media{aspect-ratio:1/.82;background:color-mix(in srgb,#1b3a6b 7%,#fff);background:var(--tint,var(--primary-50));display:grid;font-size:54px;place-items:center;position:relative}.p-media img{height:100%;object-fit:cover;width:100%}.p-media .emoji{filter:drop-shadow(0 6px 8px rgba(15,27,45,.14));transition:transform .3s cubic-bezier(.2,.8,.2,1);transition:transform .3s var(--ease)}.p-card:active .p-media .emoji{transform:scale(.94)}.p-body{display:flex;flex:1 1;flex-direction:column;gap:2px;padding:10px 12px 12px}.p-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.95rem;font-weight:700;line-height:1.35;overflow:hidden}.p-unit{color:#98a2b3;color:var(--ink-3);font-size:.78rem}.p-foot{align-items:center;display:flex;gap:6px;justify-content:space-between;margin-top:auto;min-height:40px;padding-top:8px}.price{font-feature-settings:"tnum";font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:1rem;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.price small{color:#5b6880;color:var(--ink-2);font-family:Tajawal,system-ui,sans-serif;font-family:var(--font);font-size:.7rem;font-weight:700;margin-inline-start:2px}.add-btn{background:#1b3a6b;background:var(--primary);border-radius:12px;box-shadow:0 6px 14px -6px #1b3a6b;box-shadow:0 6px 14px -6px var(--primary);color:#fff;display:grid;flex-shrink:0;height:38px;place-items:center;transition:transform .15s cubic-bezier(.2,.8,.2,1);transition:transform .15s var(--ease);width:38px}.add-btn:active,.btn:active,.step button:active{transform:scale(.92)}.step{align-items:center;background:color-mix(in srgb,#1b3a6b 7%,#fff);background:var(--primary-50);border-radius:12px;display:inline-flex;gap:2px;padding:3px}.step button{border-radius:9px;color:#1b3a6b;color:var(--primary);display:grid;height:32px;place-items:center;transition:transform .15s cubic-bezier(.2,.8,.2,1);transition:transform .15s var(--ease);width:32px}.step button.plus{background:#1b3a6b;background:var(--primary);color:#fff}.step b{color:#1b3a6b;color:var(--primary);font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-weight:600;min-width:22px;text-align:center}.pop{animation:pop .3s cubic-bezier(.2,.8,.2,1);animation:pop .3s var(--ease)}.skel{animation:shimmer 1.2s linear infinite;background:linear-gradient(90deg,#ebeef4,#f6f8fb 50%,#ebeef4);background-size:200% 100%;border-radius:18px;border-radius:var(--r)}.bottom{bottom:0;left:0;pointer-events:none;position:fixed;right:0;z-index:60}.bottom>*{pointer-events:auto}.bottom-inner{margin:0 auto;max-width:560px;max-width:var(--col)}.cart-bar{align-items:center;animation:slideUp .35s cubic-bezier(.2,.8,.2,1);animation:slideUp .35s var(--ease);background:#0f1b2d;background:var(--ink);border-radius:18px;border-radius:var(--r);box-shadow:0 16px 36px -14px #0f1b2d8c;color:#fff;display:flex;gap:12px;margin:0 12px 10px;padding:10px 12px 10px 16px;width:calc(100% - 24px)}.cart-bar .count{background:#c9a227;background:var(--accent);border-radius:11px;color:#0f1b2d;color:var(--ink);display:grid;font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-weight:700;height:34px;min-width:34px;place-items:center}.cart-bar .label{font-weight:700}.cart-bar .total{font-feature-settings:"tnum";font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-variant-numeric:tabular-nums;font-weight:600;margin-inline-start:auto}.nav{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:color-mix(in srgb,#fff 92%,#0000);background:color-mix(in srgb,var(--surface) 92%,#0000);border-top:1px solid #e7ebf2;border-top:1px solid var(--line);height:calc(68px + env(safe-area-inset-bottom, 0px));height:calc(var(--nav-h) + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0)}.nav,.nav a{display:flex}.nav a{align-items:center;color:#98a2b3;color:var(--ink-3);flex:1 1;flex-direction:column;font-size:.74rem;font-weight:700;gap:3px;justify-content:center;position:relative;text-decoration:none}.nav a .ico{border-radius:999px;display:grid;height:30px;place-items:center;transition:background .25s cubic-bezier(.2,.8,.2,1),color .2s;transition:background .25s var(--ease),color .2s;width:52px}.nav a.active{color:#1b3a6b;color:var(--primary)}.nav a.active .ico{background:color-mix(in srgb,#1b3a6b 14%,#fff);background:var(--primary-100)}.badge{background:#e5484d;background:var(--danger);border:2px solid #fff;border:2px solid var(--surface);border-radius:999px;color:#fff;display:grid;font-size:.68rem;font-weight:800;height:18px;left:8px;min-width:18px;padding:0 5px;place-items:center;position:absolute;top:-4px}.appbar{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:color-mix(in srgb,#f3f5f9 88%,#0000);background:color-mix(in srgb,var(--bg) 88%,#0000);display:flex;gap:12px;padding:12px 16px;position:sticky;top:0;z-index:50}.appbar h1{font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:1.15rem;font-weight:600;letter-spacing:-.01em}.appbar .end{margin-inline-start:auto}.back{background:#fff;background:var(--surface);border-radius:14px;color:#0f1b2d;color:var(--ink);display:grid;height:42px;place-items:center;width:42px}.back,.card{box-shadow:0 1px 2px #0f1b2d0d,0 1px 1px #0f1b2d08;box-shadow:var(--shadow-1)}.card{background:#fff;background:var(--surface);border-radius:18px;border-radius:var(--r);padding:16px}.card+.card{margin-top:12px}.card-title{align-items:center;display:flex;font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:.98rem;font-weight:600;gap:8px;margin-bottom:12px}.card-title .sub{color:#98a2b3;color:var(--ink-3);font-family:Tajawal,system-ui,sans-serif;font-family:var(--font);font-size:.8rem;font-weight:700;margin-inline-start:auto}.line-item{align-items:center;display:flex;gap:12px;padding:10px 0}.line-item+.line-item{border-top:1px solid #e7ebf2;border-top:1px solid var(--line)}.thumb{background:color-mix(in srgb,#1b3a6b 7%,#fff);background:var(--tint,var(--primary-50));border-radius:15px;display:grid;flex-shrink:0;font-size:28px;height:56px;overflow:hidden;place-items:center;width:56px}.thumb img{height:100%;object-fit:cover;width:100%}.line-item .info{flex:1 1;min-width:0}.line-item .info b{display:block;font-size:.95rem}.line-item .info span{color:#98a2b3;color:var(--ink-3);font-size:.8rem}.field{display:block;margin-bottom:12px}.field>span{color:#5b6880;color:var(--ink-2);display:block;font-size:.8rem;font-weight:700;margin-bottom:6px}.input{background:#f3f5f9;background:var(--bg);border:1.5px solid #e7ebf2;border:1.5px solid var(--line);border-radius:14px;font-size:.95rem;min-height:50px;padding:12px 14px;transition:border-color .2s,background .2s,box-shadow .2s;width:100%}.input:focus{background:#fff;background:var(--surface);border-color:#1b3a6b;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,#1b3a6b 7%,#fff);box-shadow:0 0 0 4px var(--primary-50);outline:none}.input.invalid{border-color:#e5484d;border-color:var(--danger)}textarea.input{min-height:80px;resize:vertical}.picker-row{align-items:center;background:#f3f5f9;background:var(--bg);border:1.5px solid #e7ebf2;border:1.5px solid var(--line);border-radius:14px;display:flex;gap:12px;padding:12px;text-align:right;width:100%}.picker-row .ico-wrap{background:color-mix(in srgb,#1b3a6b 14%,#fff);background:var(--primary-100);border-radius:12px;color:#1b3a6b;color:var(--primary);display:grid;flex-shrink:0;height:40px;place-items:center;width:40px}.picker-row .grow{flex:1 1;min-width:0}.picker-row small{color:#98a2b3;color:var(--ink-3);display:block;font-size:.75rem}.sum-row{align-items:baseline;color:#5b6880;color:var(--ink-2);display:flex;font-size:.9rem;justify-content:space-between;padding:4px 0}.sum-row.total{border-top:1px dashed #e7ebf2;border-top:1px dashed var(--line);font-size:1.05rem;font-weight:800;margin-top:8px;padding-top:12px}.sum-row .num,.sum-row.total{color:#0f1b2d;color:var(--ink)}.sum-row .num{font-weight:600}.pay-chip{align-items:center;background:color-mix(in srgb,#12b76a 10%,#fff);background:color-mix(in srgb,var(--ok) 10%,#fff);color:#067647;color:var(--ok-ink);font-size:.88rem;margin-top:12px}.notice,.pay-chip{border-radius:14px;display:flex;font-weight:700;gap:10px;padding:12px 14px}.notice{align-items:flex-start;background:color-mix(in srgb,#c9a227 14%,#fff);background:var(--accent-50);color:color-mix(in srgb,#c9a227 55%,#000);color:var(--accent-ink);font-size:.86rem;margin-bottom:12px}.error-text{color:#e5484d;color:var(--danger);font-size:.86rem;font-weight:700;margin-bottom:10px;text-align:center}.btn{align-items:center;background:#1b3a6b;background:var(--primary);border-radius:16px;box-shadow:0 12px 24px -12px #1b3a6b;box-shadow:0 12px 24px -12px var(--primary);color:#fff;display:inline-flex;font-size:1rem;font-weight:800;gap:8px;height:54px;justify-content:center;padding:0 22px;transition:transform .15s cubic-bezier(.2,.8,.2,1),box-shadow .2s;transition:transform .15s var(--ease),box-shadow .2s}.btn.block{width:100%}.btn.ghost{background:#fff;background:var(--surface);box-shadow:0 1px 2px #0f1b2d0d,0 1px 1px #0f1b2d08;box-shadow:var(--shadow-1);color:#0f1b2d;color:var(--ink)}.btn.danger-outline{background:#0000;border:1.5px solid color-mix(in srgb,#e5484d 35%,#0000);border:1.5px solid color-mix(in srgb,var(--danger) 35%,#0000);box-shadow:none;color:#e5484d;color:var(--danger)}.dock{bottom:0;left:0;position:fixed;right:0;z-index:60}.dock-inner{background:#fff;background:var(--surface);border-radius:26px 26px 0 0;border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:0 -10px 30px -12px #0f1b2d2e;margin:0 auto;max-width:560px;max-width:var(--col);padding:14px 16px calc(14px + env(safe-area-inset-bottom, 0px))}.dock-total{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:10px}.dock-total span{color:#5b6880;color:var(--ink-2);font-size:.88rem;font-weight:700}.dock-total b{font-feature-settings:"tnum";font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:1.25rem;font-variant-numeric:tabular-nums;font-weight:600}.sheet-backdrop{align-items:flex-end;animation:fade .2s ease;background:#0f1b2d73;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.sheet{animation:slideUp .35s cubic-bezier(.2,.8,.2,1);animation:slideUp .35s var(--ease);background:#fff;background:var(--surface);border-radius:26px 26px 0 0;border-radius:var(--r-lg) var(--r-lg) 0 0;max-height:82vh;max-width:560px;max-width:var(--col);overflow-y:auto;padding:10px 16px calc(20px + env(safe-area-inset-bottom, 0px));width:100%}.sheet-grip{background:#e7ebf2;background:var(--line);border-radius:999px;height:5px;margin:0 auto 14px;width:42px}.sheet h2{font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:1.15rem;font-weight:600}.sheet p.hint{color:#98a2b3;color:var(--ink-3);font-size:.85rem;margin:2px 0 14px}.option{align-items:center;border:1.5px solid #e7ebf2;border:1.5px solid var(--line);border-radius:14px;display:flex;gap:12px;margin-bottom:8px;padding:14px 12px;text-align:right;transition:border-color .2s,background .2s;width:100%}.option[aria-checked=true]{background:color-mix(in srgb,#1b3a6b 7%,#fff);background:var(--primary-50);border-color:#1b3a6b;border-color:var(--primary)}.option .radio{border:2px solid #98a2b3;border:2px solid var(--ink-3);border-radius:50%;display:grid;flex-shrink:0;height:22px;place-items:center;width:22px}.option[aria-checked=true] .radio{border-color:#1b3a6b;border-color:var(--primary)}.option[aria-checked=true] .radio:after{background:#1b3a6b;background:var(--primary);border-radius:50%;content:"";height:10px;width:10px}.option b{font-weight:700}.option .fee{color:#5b6880;color:var(--ink-2);font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:.9rem;font-weight:600;margin-inline-start:auto;white-space:nowrap}.status-hero{background:linear-gradient(165deg,color-mix(in srgb,#1b3a6b 78%,#fff),#1b3a6b 50%,color-mix(in srgb,#1b3a6b 82%,#000));background:linear-gradient(165deg,color-mix(in srgb,var(--primary) 78%,#fff) 0,var(--primary) 50%,var(--primary-700) 100%);border-radius:26px;border-radius:var(--r-lg);color:#fff;overflow:hidden;padding:24px 18px 20px;position:relative;text-align:center}.status-hero.done{background:linear-gradient(165deg,#32d583,#12b76a 50%,#067647)}.status-hero.cancelled{background:linear-gradient(160deg,#6b7280,#374151)}.status-orb{background:#ffffff24;border-radius:50%;display:grid;font-size:40px;height:86px;margin:0 auto 14px;place-items:center;position:relative;width:86px}.status-orb.live:after,.status-orb.live:before{animation:ring 2.2s cubic-bezier(.2,.8,.2,1) infinite;animation:ring 2.2s var(--ease) infinite;border:2px solid #ffffff59;border-radius:50%;content:"";inset:0;position:absolute}.status-orb.live:after{animation-delay:1.1s}.status-hero h2{font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:1.35rem;font-weight:600;letter-spacing:-.01em}.status-hero p{font-size:.88rem;margin-top:4px;opacity:.8}.order-pill{align-items:center;background:#ffffff24;border-radius:999px;direction:ltr;display:inline-flex;font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:.82rem;gap:6px;margin-top:12px;padding:5px 12px}.progress{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(5,1fr);margin-top:18px}.progress i{background:#ffffff38;border-radius:999px;height:5px;overflow:hidden;position:relative}.progress i.on{background:#fff}.progress i.now:after{animation:sweep 1.4s linear infinite;background:linear-gradient(90deg,#0000,#fff,#0000);content:"";inset:0;position:absolute}.timeline{list-style:none}.timeline li{display:flex;gap:12px;padding-bottom:18px;position:relative}.timeline li:last-child{padding-bottom:0}.timeline li:before{background:#e7ebf2;background:var(--line);bottom:0;content:"";position:absolute;right:13px;top:28px;width:2px}.timeline li:last-child:before{display:none}.timeline li.done:before{background:#1b3a6b;background:var(--primary)}.timeline .dot{background:#f3f5f9;background:var(--bg);border:2px solid #e7ebf2;border:2px solid var(--line);border-radius:50%;color:#98a2b3;color:var(--ink-3);display:grid;flex-shrink:0;font-size:.8rem;height:28px;place-items:center;width:28px;z-index:1}.timeline li.done .dot{background:#1b3a6b;background:var(--primary);border-color:#1b3a6b;border-color:var(--primary);color:#fff}.timeline li.current .dot{box-shadow:0 0 0 5px color-mix(in srgb,#1b3a6b 14%,#fff);box-shadow:0 0 0 5px var(--primary-100)}.timeline .t-text{display:flex;flex:1 1;gap:8px;justify-content:space-between;padding-top:3px}.timeline .t-text b{font-size:.92rem;font-weight:700}.timeline li:not(.done) .t-text b{color:#98a2b3;color:var(--ink-3);font-weight:500}.timeline .t-text time{color:#98a2b3;color:var(--ink-3);direction:ltr;font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:.78rem}.order-card{animation:rise .4s cubic-bezier(.2,.8,.2,1) both;animation:rise .4s var(--ease) both;animation-delay:0ms;animation-delay:calc(var(--i, 0)*40ms);background:#fff;background:var(--surface);border-radius:18px;border-radius:var(--r);box-shadow:0 1px 2px #0f1b2d0d,0 1px 1px #0f1b2d08;box-shadow:var(--shadow-1);display:block;padding:14px;text-align:right;width:100%}.order-card+.order-card{margin-top:10px}.order-card .row{align-items:center;display:flex;gap:8px;justify-content:space-between}.order-card .items{color:#5b6880;color:var(--ink-2);font-size:.86rem;margin:8px 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-card .when{color:#98a2b3;color:var(--ink-3);font-size:.78rem}.code{color:#5b6880;color:var(--ink-2);direction:ltr;font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:.82rem}.pill{align-items:center;border-radius:999px;display:inline-flex;font-size:.76rem;font-weight:800;gap:5px;padding:4px 10px;white-space:nowrap}.pill:before{background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.pill.pending{background:#eff4ff;color:#3559e0}.pill.active{background:color-mix(in srgb,#c9a227 14%,#fff);background:var(--accent-50);color:color-mix(in srgb,#c9a227 55%,#000);color:var(--accent-ink)}.pill.delivered{background:#ecfdf3;color:#067647;color:var(--ok-ink)}.pill.cancelled{background:#f2f4f7;color:#667085}.search-row{display:flex;gap:8px;margin-bottom:16px}.search-row .input{background:#fff;background:var(--surface);flex:1 1}.search-row .btn{height:50px;padding:0 18px}.empty{color:#5b6880;color:var(--ink-2);padding:56px 24px;text-align:center}.empty .art{background:color-mix(in srgb,#1b3a6b 7%,#fff);background:var(--primary-50);border-radius:30px;display:grid;font-size:44px;height:96px;margin:0 auto 16px;place-items:center;width:96px}.empty h3{color:#0f1b2d;color:var(--ink);font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:1.1rem;font-weight:600;margin-bottom:4px}.empty p{font-size:.9rem;margin-bottom:18px}.toast{animation:toastIn .3s cubic-bezier(.2,.8,.2,1);animation:toastIn .3s var(--ease);background:#0f1b2d;background:var(--ink);border-radius:14px;bottom:158px;bottom:calc(var(--nav-h) + 90px);box-shadow:0 10px 30px -10px #0f1b2d2e,0 2px 6px #0f1b2d0d;box-shadow:var(--shadow-2);color:#fff;font-size:.9rem;font-weight:700;left:50%;max-width:calc(100% - 32px);padding:12px 18px;position:fixed;transform:translateX(-50%);z-index:200}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@keyframes sweep{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}.page{padding-bottom:40px}.page.has-dock{padding-bottom:150px}.d-hero{padding-bottom:22px}.d-hero:after{display:none}.avatar{background:#c9a227;background:var(--accent);border-radius:15px;color:#0f1b2d;color:var(--ink);display:grid;flex-shrink:0;font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:1.1rem;font-weight:700;height:44px;place-items:center;width:44px}.who b{display:block;font-weight:800}.who small{font-size:.78rem;opacity:.7}.avail{align-items:center;background:#ffffff1a;border:1px solid #ffffff29;border-radius:18px;border-radius:var(--r);color:#fff;display:flex;gap:12px;margin-top:18px;padding:14px;position:relative;text-align:right;width:100%;z-index:1}.avail .dot{background:#98a2b3;border-radius:50%;flex-shrink:0;height:12px;width:12px}.avail.on .dot{animation:pulse 2s infinite;background:#32d583;box-shadow:0 0 0 5px #32d58340}.avail .txt{flex:1 1}.avail .txt b{display:block;font-weight:800}.avail .txt small{font-size:.8rem;opacity:.75}.switch{background:#ffffff40;border-radius:999px;flex-shrink:0;height:32px;position:relative;transition:background .25s;width:54px}.switch:after{background:#fff;border-radius:50%;box-shadow:0 2px 6px #0003;content:"";height:24px;position:absolute;right:4px;top:4px;transition:transform .25s cubic-bezier(.2,.8,.2,1);transition:transform .25s var(--ease);width:24px}.avail.on .switch{background:#32d583}.avail.on .switch:after{transform:translateX(-22px)}.stat-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px;position:relative;z-index:1}.stat{background:#ffffff1a;border-radius:16px;color:#fff;padding:12px 14px;text-align:right}.stat small{display:block;font-size:.76rem;opacity:.7}.stat b{font-feature-settings:"tnum";font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:1.15rem;font-variant-numeric:tabular-nums;font-weight:600}.job{animation:rise .4s cubic-bezier(.2,.8,.2,1) both;animation:rise .4s var(--ease) both;animation-delay:0ms;animation-delay:calc(var(--i, 0)*40ms);background:#fff;background:var(--surface);border-radius:18px;border-radius:var(--r);box-shadow:0 1px 2px #0f1b2d0d,0 1px 1px #0f1b2d08;box-shadow:var(--shadow-1);display:block;padding:14px;text-align:right;width:100%}.job+.job{margin-top:10px}.job.current{background:#0f1b2d;background:var(--ink);border:1.5px solid color-mix(in srgb,#c9a227 60%,#0000);border:1.5px solid color-mix(in srgb,var(--accent) 60%,#0000);box-shadow:0 16px 36px -16px #0f1b2d99;color:#fff}.job.current .muted{color:#ffffffb3}.job .top{align-items:center;display:flex;gap:8px;margin-bottom:10px}.job .addr{align-items:flex-start;display:flex;font-size:.93rem;font-weight:700;gap:8px}.job .addr svg{color:#1b3a6b;color:var(--primary);flex-shrink:0;margin-top:2px}.job.current .addr svg{color:#c9a227;color:var(--accent)}.job .what{color:#5b6880;color:var(--ink-2);font-size:.86rem;margin:6px 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job.current .what{color:#ffffffb3}.job .bottom-row{align-items:center;border-top:1px dashed #e7ebf2;border-top:1px dashed var(--line);display:flex;gap:8px;justify-content:space-between;padding-top:10px}.job.current .bottom-row{border-top-color:#ffffff26}.earn{align-items:center;background:color-mix(in srgb,#12b76a 12%,#fff);background:color-mix(in srgb,var(--ok) 12%,#fff);border-radius:10px;color:#067647;color:var(--ok-ink);display:inline-flex;font-size:.85rem;font-weight:800;gap:6px;padding:5px 10px}.earn .num{font-weight:600}.job.current .earn{background:#c9a227;background:var(--accent);color:#0f1b2d;color:var(--ink)}.muted{color:#98a2b3;color:var(--ink-3);font-size:.82rem}.kind-badge{align-items:center;background:color-mix(in srgb,#1b3a6b 7%,#fff);background:var(--primary-50);border-radius:999px;color:#1b3a6b;color:var(--primary);display:inline-flex;font-size:.76rem;font-weight:800;gap:5px;padding:3px 10px}.kind-badge.custom{background:color-mix(in srgb,#c9a227 14%,#fff);background:var(--accent-50);color:color-mix(in srgb,#c9a227 55%,#000);color:var(--accent-ink)}.job.current .kind-badge{background:#ffffff1f;color:#fff}.new-tag{align-items:center;color:#e5484d;color:var(--danger);display:inline-flex;font-size:.72rem;font-weight:800;gap:5px;margin-inline-start:auto}.new-tag:before{animation:pulse 1.6s infinite;background:#e5484d;background:var(--danger);border-radius:50%;content:"";height:7px;width:7px}.steps-h{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);margin-bottom:12px}.steps-h div{color:#98a2b3;color:var(--ink-3);font-size:.72rem;font-weight:700;text-align:center}.steps-h i{background:#e7ebf2;background:var(--line);border-radius:999px;display:block;height:6px;margin-bottom:6px}.steps-h .on{color:#1b3a6b;color:var(--primary)}.steps-h .on i{background:#1b3a6b;background:var(--primary)}.contact-btns{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.contact-btns a{align-items:center;background:#f3f5f9;background:var(--bg);border-radius:14px;color:#0f1b2d;color:var(--ink);display:flex;flex-direction:column;font-size:.8rem;font-weight:800;gap:4px;padding:10px 6px;text-decoration:none}.contact-btns a span{font-size:1.2rem}.money-box{background:#0f1b2d;background:var(--ink);border-radius:18px;border-radius:var(--r);color:#fff;padding:16px}.money-box .sum-row{color:#ffffffb3}.money-box .sum-row .price,.money-box .sum-row b{color:#fff}.money-box .collect{align-items:baseline;border-top:1px dashed #fff3;display:flex;justify-content:space-between;margin-top:10px;padding-top:12px}.money-box .collect span{font-weight:800}.money-box .collect b{font-feature-settings:"tnum";color:#c9a227;color:var(--accent);font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:1.5rem;font-variant-numeric:tabular-nums;font-weight:600}.dock-actions{display:flex;gap:10px}.dock-actions .btn{flex:1 1}.btn.ok{background:#12b76a;background:var(--ok);box-shadow:0 12px 24px -12px #12b76a;box-shadow:0 12px 24px -12px var(--ok)}.btn.muted-btn{background:#f3f5f9;background:var(--bg);box-shadow:none;color:#5b6880;color:var(--ink-2);flex:0 0 auto;padding:0 18px}.btn.danger{background:#e5484d;background:var(--danger);box-shadow:none}.cost-input{direction:ltr;font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:1.6rem;font-weight:600;height:64px;text-align:center}.login{background:linear-gradient(165deg,color-mix(in srgb,#1b3a6b 78%,#fff),#1b3a6b 45%,color-mix(in srgb,#1b3a6b 82%,#000));background:linear-gradient(165deg,color-mix(in srgb,var(--primary) 78%,#fff) 0,var(--primary) 45%,var(--primary-700) 100%);display:grid;min-height:100vh;overflow:hidden;padding:24px 16px;place-items:center;position:relative}.login:before{border:50px solid #ffffff0d;border-radius:50%;content:"";height:340px;left:-140px;position:absolute;top:-120px;width:340px}.login-card{animation:rise .5s cubic-bezier(.2,.8,.2,1);animation:rise .5s var(--ease);background:#fff;background:var(--surface);border-radius:26px;border-radius:var(--r-lg);box-shadow:0 30px 60px -20px #00000073;max-width:400px;padding:28px 22px;position:relative;width:100%}.login-card .brand-mark{border-radius:20px;font-size:30px;height:60px;margin:0 auto 14px;width:60px}.login-card h1{font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:1.35rem;font-weight:600;text-align:center}.login-card p.sub{color:#98a2b3;color:var(--ink-3);font-size:.88rem;margin:2px 0 22px;text-align:center}.earn-hero{background:linear-gradient(165deg,#32d583,#12b76a 50%,#067647);border-radius:26px;border-radius:var(--r-lg);color:#fff;padding:22px 18px;text-align:center}.earn-hero small{font-weight:700;opacity:.8}.earn-hero .big{font-feature-settings:"tnum";font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:2.3rem;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.02em;margin:4px 0}.earn-hero .chips{display:flex;gap:8px;justify-content:center;margin-top:8px}.earn-hero .chips span{background:#ffffff29;border-radius:999px;font-size:.8rem;font-weight:700;padding:4px 12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}