@font-face{font-family:Montserrat;font-weight:400;font-display:swap;src:url(/fonts/montserrat-regular.woff2)format("woff2")}@font-face{font-family:Montserrat;font-weight:500;font-display:swap;src:url(/fonts/montserrat-medium.woff2)format("woff2")}@font-face{font-family:Montserrat;font-weight:600;font-display:swap;src:url(/fonts/montserrat-semibold.woff2)format("woff2")}@font-face{font-family:Montserrat;font-weight:600;font-display:swap;src:url(/fonts/montserrat-bold.woff2)format("woff2")}@font-face{font-family:Montserrat;font-weight:600;font-display:swap;src:url(/fonts/montserrat-extrabold.woff2)format("woff2")}@font-face{font-family:Harmattan;font-weight:400;font-display:swap;size-adjust:118%;unicode-range:U+6??,U+750-77F,U+8A0-8FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC;src:url(/fonts/harmattan-400.woff2)format("woff2")}@font-face{font-family:Harmattan;font-weight:500;font-display:swap;size-adjust:118%;unicode-range:U+6??,U+750-77F,U+8A0-8FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC;src:url(/fonts/harmattan-500.woff2)format("woff2")}@font-face{font-family:Harmattan;font-weight:600 700;font-display:swap;size-adjust:118%;unicode-range:U+6??,U+750-77F,U+8A0-8FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC;src:url(/fonts/harmattan-600.woff2)format("woff2")}:root{--brand:#b52622;--brand-dark:#8f1d1a;--brand-light:#dc2626;--brand-50:#fdeceb;--brand-100:#fbd5d3;--green:#10b981;--green-50:#e7f8f1;--amber:#f59e0b;--amber-50:#fef5e3;--blue:#3b82f6;--blue-50:#e9f1ff;--violet:#8b5cf6;--orange:#f97316;--orange-50:#fff1e7;--red:#ef4444;--bg:#fff;--surface:#fff;--surface-solid:#fff;--surface-2:#f5f6f8;--surface-3:#eceef2;--border:#e6e8ed;--border-strong:#d7dbe2;--text:#111418;--muted:#5b6370;--muted-2:#9aa1ab;--shadow-sm:none;--shadow:none;--shadow-lg:none;--shadow-dialog:0 12px 32px -12px #10182838;--ring:0 0 0 3px #b5262229;--radius:14px;--radius-sm:10px;--sidebar:248px;--topbar:64px;--bottom-nav:66px;--safe-b:env(safe-area-inset-bottom,0px);--ill-sky-1:#ffe9e4;--ill-sky-2:#fff7ef;--ill-city:#b526221f;--ill-road:#3a3f47;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#121418;--surface:#1d2027;--surface-solid:#1d2027;--surface-2:#262a32;--surface-3:#2e333c;--border:#2c313a;--border-strong:#3a404b;--text:#eef0f3;--muted:#a3aab5;--muted-2:#6e7682;--brand-50:#b526222e;--brand-100:#b526224d;--green-50:#10b98126;--amber-50:#f59e0b26;--blue-50:#3b82f626;--orange-50:#f9731626;--shadow-dialog:0 12px 32px -12px #0009;--ill-sky-1:#2a1d22;--ill-sky-2:#1e2027;--ill-city:#ffffff0f;--ill-road:#0d0f12;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;padding:0}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh;font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:15px;line-height:1.5;overflow-x:hidden}[data-lang=ur] body{font-family:Harmattan,Montserrat,Noto Naskh Arabic,Segoe UI,Tahoma,sans-serif}[data-lang=ur] body p,[data-lang=ur] body .muted{line-height:1.7}#root{z-index:1;min-height:100vh;position:relative}img{max-width:100%;display:block}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}input,textarea,select{font:inherit;color:inherit}strong,b,th{font-weight:600}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;line-height:1.25}h1{font-size:clamp(1.3rem,1.1rem + .8vw,1.6rem);font-weight:600}h2{font-size:1.15rem;font-weight:600}h3{font-size:1.05rem;font-weight:600}p{margin:.25rem 0 .75rem}:focus-visible{box-shadow:var(--ring);border-radius:10px;outline:none}::selection{background:var(--brand-100)}.muted,.muted-light{color:var(--muted)}.small{font-size:.82rem}.center{text-align:center}.block{width:100%;display:block}.grow{flex:auto}.min0{min-width:0}.nowrap{white-space:nowrap}.truncate{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.row{align-items:center;display:flex}.gap{gap:10px}.wrap{flex-wrap:wrap}.center-row{justify-content:center;margin-top:1rem}.brand-ink{color:var(--brand)}.tone-green-ink{color:var(--green)}.tone-amber-ink{color:var(--amber)}.req{color:var(--red)}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:600}.eyebrow.light{color:var(--muted)}.fade-up,.pop-in{animation:.25s ease-out backwards fadeUp}.slide-down{animation:.35s backwards slideDown}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:none}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card-title{align-items:center;gap:8px;margin-bottom:12px;font-size:1rem;display:flex}.card-title svg{color:var(--brand)}.card>.btn,.card>.row{margin-top:12px}.btn{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 16px;font-size:.92rem;font-weight:600;line-height:1.2;transition:transform .15s,box-shadow .2s,background .2s,opacity .2s;display:inline-flex;text-decoration:none!important}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55}.btn-lg{border-radius:12px;min-height:48px;font-size:.98rem}.btn-sm{border-radius:11px;min-height:36px;padding:6px 12px;font-size:.82rem}.btn.block{display:flex}.btn-primary{background:linear-gradient(135deg, var(--brand-light), var(--brand) 55%, var(--brand-dark));color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-success{color:#fff;background:linear-gradient(135deg,#22c55e,#10b981 55%,#059669)}.btn-success:hover:not(:disabled){filter:brightness(1.05)}.btn-danger{color:#fff;background:linear-gradient(135deg,#f05252,#dc2626)}.btn-danger:hover:not(:disabled){filter:brightness(1.05)}.btn-dark{color:#fff;background:#374151}[data-theme=dark] .btn-dark{background:#4b5563}.btn-ghost{background:var(--surface-solid);border-color:var(--border-strong);color:var(--text)}.btn-ghost:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.btn-danger-ghost{color:#dc2626;background:0 0;border-color:#ef444459}.btn-danger-ghost:hover:not(:disabled){background:#ef444414}.btn-light{color:var(--brand);background:#fff}.link-btn{color:var(--brand);background:0 0;border:0;align-items:center;gap:6px;padding:6px 0;font-size:.9rem;font-weight:600;display:inline-flex;text-decoration:none!important}.icon-btn{border:1px solid var(--border-strong);background:var(--surface-solid);width:42px;height:42px;color:var(--text);border-radius:10px;flex:none;place-items:center;transition:border-color .2s,color .2s;display:inline-grid;position:relative;text-decoration:none!important}.icon-btn:hover{border-color:var(--brand);color:var(--brand)}.icon-btn.sm{border-radius:10px;width:32px;height:32px;font-size:.85rem}.chip{border:1px solid var(--border-strong);background:var(--surface-solid);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex;text-decoration:none!important}.chip:hover{border-color:var(--brand)}.chip.active{background:var(--brand-50);border-color:var(--brand);color:var(--brand)}.chip.light{padding:3px 10px}.chips{flex-wrap:wrap;gap:8px;margin:10px 0 14px;display:flex}.spinner{border:2.5px solid var(--brand-100);border-top-color:var(--brand);border-radius:50%;flex:none;animation:.7s linear infinite spin;display:inline-block}.spinner.light{border-color:#fff #ffffff59 #ffffff59}@keyframes spin{to{transform:rotate(360deg)}}.badge{--tone:#6b7280;letter-spacing:.01em;white-space:nowrap;color:var(--tone);background:color-mix(in srgb, var(--tone) 13%, transparent);border:1px solid color-mix(in srgb, var(--tone) 28%, transparent);border-radius:999px;flex:none;align-items:center;gap:5px;padding:5px 11px;font-size:.74rem;font-weight:600;display:inline-flex}.tone-brand{background:var(--brand-50);color:var(--brand)}.tone-red{color:#dc2626;background:#ef44441f}.tone-green{background:var(--green-50);color:var(--green)}.tone-orange{background:var(--orange-50);color:var(--orange)}.tone-amber{background:var(--amber-50);color:var(--amber)}.tone-blue{background:var(--blue-50);color:var(--blue)}.tone-gray{background:var(--surface-3);color:var(--muted)}.field{flex-direction:column;gap:6px;margin:14px 0;display:flex}.field>span{font-size:.86rem;font-weight:600}input:not([type=checkbox]):not([type=file]),textarea{border:1px solid var(--border-strong);background:var(--surface-solid);border-radius:10px;outline:none;width:100%;padding:11px 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:var(--brand);box-shadow:var(--ring)}input[aria-invalid=true]{border-color:var(--red)}textarea{resize:vertical;min-height:84px;margin:6px 0 4px}.input-icon{align-items:center;display:flex;position:relative}.input-icon>svg:first-child{color:var(--muted);pointer-events:none;position:absolute;left:14px}.input-icon>input:not([type=checkbox]){padding-left:44px}.input-icon>input[type=search]{padding-right:44px}.input-icon>.spinner,.input-icon>.icon-btn{position:absolute;right:10px}.input-icon.search{margin:4px 0 10px}.form-error{color:#dc2626;background:#ef444414;border:1px solid #ef444459;border-radius:12px;margin:10px 0;padding:10px 14px;font-size:.86rem;font-weight:600}.check{cursor:pointer;align-items:flex-start;gap:10px;margin:12px 0;font-size:.9rem;font-weight:600;display:flex}.check input{width:20px;height:20px;accent-color:var(--brand);margin-top:1px}.verified-input{background:var(--surface-2);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-weight:600;display:flex}.otp{justify-content:center;gap:clamp(8px,3vw,14px);margin:18px 0 10px;display:flex}.otp input{text-align:center;height:clamp(58px,16vw,70px);font-weight:600;border-radius:16px!important;width:clamp(52px,15vw,64px)!important;padding:0!important;font-size:1.6rem!important}.otp input.filled{border-color:var(--brand);background:var(--brand-50)}.otp.has-error input{border-color:var(--red);animation:.35s shake}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.resend{text-align:center;margin-top:12px;font-size:.9rem}.switch{background:var(--surface-3);border:0;border-radius:999px;flex:none;width:50px;height:30px;padding:0;transition:background .2s;position:relative}.switch span{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .25s cubic-bezier(.3,1.4,.5,1);position:absolute;top:3px;left:3px}.switch.on{background:var(--brand)}.switch.on span{transform:translate(20px)}.segmented{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);scrollbar-width:none;border-radius:12px;gap:4px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.segmented::-webkit-scrollbar{display:none}.segmented.wide{margin-bottom:16px;display:flex}.segmented.wide button{flex:1}.segmented button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:9px 14px;font-size:.85rem;font-weight:600;transition:all .2s}.segmented button.active{background:linear-gradient(135deg, var(--brand-light), var(--brand));color:#fff}.lang-switch{background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:12px;padding:3px;display:inline-flex}.lang-switch button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:6px 12px;font-size:.82rem;font-weight:600}.lang-switch button.active{background:var(--brand-50);color:var(--brand)}.shell{min-height:100vh;min-height:100dvh;display:flex}.sidebar{height:100vh;height:100dvh;width:var(--sidebar);background:var(--surface);border-right:1px solid var(--border);z-index:20;flex-direction:column;flex:none;gap:18px;padding:22px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 8px;display:flex}.brand img{border-radius:12px;width:42px;height:42px}.brand strong{color:var(--brand);font-size:1.1rem;font-weight:600;line-height:1.1;display:block}.brand span{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:600}.sidebar nav{flex-direction:column;gap:4px;display:flex}.nav-link{color:var(--muted);border-radius:10px;align-items:center;gap:12px;padding:11px 14px;font-weight:600;transition:all .2s;display:flex;position:relative;text-decoration:none!important}.nav-link svg{flex:none;font-size:1.15rem}.nav-link:hover{background:var(--brand-50);color:var(--brand)}.nav-link.active{background:linear-gradient(135deg, var(--brand-light), var(--brand));color:#fff}.sidebar-foot{margin-top:auto}.sidebar-user{background:var(--surface-2);border-radius:14px;align-items:center;gap:10px;padding:10px;display:flex}.sidebar-user strong{font-size:.88rem}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:15;height:var(--topbar);background:color-mix(in srgb, var(--surface-solid) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:0 clamp(16px,3vw,32px);display:flex;position:sticky;top:0}.topbar-brand{color:var(--brand);align-items:center;gap:10px;font-weight:600;display:none}.topbar-brand img{border-radius:9px;width:32px;height:32px}.topbar-greet{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.95rem;overflow:hidden}.topbar-greet strong{color:var(--text)}.topbar-actions{align-items:center;gap:10px;display:flex}.bell{text-decoration:none}.bell-badge{background:var(--brand);color:#fff;border:2px solid var(--surface-solid);border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.68rem;font-weight:600;display:grid;position:absolute;top:-6px;right:-6px}.duty-pill{border:1px solid var(--border-strong);background:var(--surface-solid);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.duty-pill .dot{background:var(--muted-2);border-radius:50%;width:9px;height:9px}.duty-pill.free{color:#16a34a;border-color:#22c55e66}.duty-pill.free .dot{background:#22c55e;animation:1.8s infinite ping}.duty-pill.busy{color:#d97706;border-color:#f59e0b73}.duty-pill.busy .dot{background:var(--amber);animation:1.8s infinite ping}.duty-pill.off{color:var(--muted)}@keyframes ping{0%{}70%{box-shadow:0 0 0 8px #0000}to{}}.content{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:clamp(16px,3vw,32px) clamp(16px,3vw,32px) 48px}.bottom-nav{display:none}.banner{align-items:center;gap:10px;padding:10px clamp(16px,3vw,32px);font-size:.86rem;font-weight:600;display:flex}.banner.info{background:color-mix(in srgb, var(--blue) 12%, var(--surface-solid));color:#1d4ed8}[data-theme=dark] .banner.info{color:#93c5fd}.banner.warn{background:color-mix(in srgb, var(--amber) 16%, var(--surface-solid));color:#92400e}[data-theme=dark] .banner.warn{color:#fcd34d}.banner.inline{border:1px solid var(--border);border-radius:14px;margin:12px 0;padding:12px 14px}.banner.clickable{border:1px solid var(--border);text-align:left;width:100%}.live-dot{background:var(--brand);width:8px;height:8px;color:var(--brand);border-radius:50%;flex:none;animation:1.8s infinite ping}.live-dot.green{color:#22c55e;background:#22c55e}.live-dot.red{background:var(--red);color:var(--red)}.live-dot.gray{background:var(--muted-2);animation:none}.page{flex-direction:column;gap:18px;animation:.2s ease-out backwards fadeUp;display:flex}.page.narrow{width:100%;max-width:760px;margin:0 auto}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.page-head>div:first-child{flex:260px;min-width:0}.section-title{align-items:center;gap:10px;margin-bottom:12px;font-size:1.1rem;display:flex}.push-right{margin-left:auto}.page-actions{justify-content:flex-end;display:flex}.status-banner-text small{color:var(--text);margin-top:3px;font-size:.86rem;font-weight:500;display:block}.section-title .count{background:var(--brand-50);min-width:24px;height:24px;color:var(--brand);border-radius:999px;place-items:center;padding:0 8px;font-size:.78rem;display:inline-grid}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.toolbar .search{flex:260px;margin:0}.page-loader{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:50vh;display:flex}.empty{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:28px 16px;display:flex}.empty h3{margin-top:6px}.empty p{color:var(--muted);max-width:420px}.empty.small{color:var(--muted);padding:20px}.empty.small svg{font-size:1.6rem}.empty-icon{background:var(--brand-50);width:72px;height:72px;color:var(--brand);border-radius:22px;place-items:center;font-size:1.8rem;display:grid}.more-btn{margin-top:6px}.ill{width:100%;height:auto;display:block;overflow:visible}.art-sm{width:96px;margin:0 auto}.art-md{width:min(170px,46vw);margin:0 auto 8px}.art-lg{width:min(220px,58vw);margin:0 auto 6px}.ill-loader{width:120px}.ill-wheel{animation:.6s linear infinite spin}.ill-bob{animation:.6s ease-in-out infinite alternate bob}.ill-speed path{animation:.8s linear infinite speed}.ill-speed path:nth-child(2){animation-delay:.2s}.ill-speed path:nth-child(3){animation-delay:.4s}.ill-blink{animation:1.4s infinite blink}.ill-road-dash{animation:1.2s linear infinite road}.ill-road-dash.fast{animation-duration:.6s}.ill-city{animation:16s linear infinite city}.ill-cloud{animation:18s linear infinite alternate cloud}.ill-cloud.slow{animation-duration:26s;animation-direction:alternate-reverse}.ill-sun{transform-origin:340px 62px;animation:4s ease-in-out infinite pulse}.ill-pin{animation:2.4s ease-in-out infinite pinFloat}.ill-ring{transform-origin:100px 100px;animation:2.4s ease-out infinite ring}.ill-radar.idle .ill-ring{opacity:0;animation-play-state:paused}.ill-dots circle{animation:2s infinite blink}.ill-dots circle:nth-child(2){animation-delay:.5s}.ill-dots circle:nth-child(3){animation-delay:1s}.ill-dots circle:nth-child(4){animation-delay:1.5s}.ill-pin-bounce{animation:1.6s cubic-bezier(.3,0,.3,1) infinite pinBounce}.ill-shadow{transform-origin:50%;transform-box:fill-box;animation:1.6s cubic-bezier(.3,0,.3,1) infinite shadow}.ill-hand-m{animation:3s linear infinite spin}.ill-hand-h{animation:36s linear infinite spin}.ill-sparkle path{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-in-out infinite twinkle}.ill-sparkle path:nth-child(2){animation-delay:.9s}.ill-shake{transform-origin:100px 100px;animation:3s ease-in-out infinite shield}.ill-pop{transform-origin:100px 100px;animation:.6s cubic-bezier(.3,1.6,.5,1) both popCircle}.ill-draw{stroke-dasharray:100;stroke-dashoffset:100px;animation:.5s .35s forwards draw}.ill-confetti rect{animation:1.8s ease-out infinite confetti}.ill-jump{transform-origin:100px 148px;animation:1s cubic-bezier(.3,0,.3,1) infinite jump}.ill-swing{animation:1.2s ease-in-out infinite swing}.ill-waves path{animation:1.2s infinite blink}.ill-float circle{animation:3s ease-in-out infinite floaty}.ill-float circle:nth-child(2){animation-delay:.8s}.ill-float circle:nth-child(3){animation-delay:1.6s}.ill-flap{animation:2.6s ease-in-out infinite flap}.ill-flap.r{animation-name:flapR}.ill-coin{animation:1.8s ease-in infinite coin}@keyframes bob{to{transform:translateY(-3px)}}@keyframes speed{0%{opacity:0;transform:translate(20px)}30%{opacity:1}to{opacity:0;transform:translate(-30px)}}@keyframes blink{50%{opacity:.25}}@keyframes road{to{transform:translate(-70px)}}@keyframes city{to{transform:translate(-420px)}}@keyframes cloud{to{transform:translate(40px)}}@keyframes pulse{50%{transform:scale(1.08)}}@keyframes pinFloat{50%{transform:translate(338px,142px)}0%,to{transform:translate(338px,150px)}}@keyframes ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@keyframes pinBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes shadow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.15;transform:scale(.6)}}@keyframes twinkle{50%{opacity:.4;transform:scale(.4)rotate(45deg)}}@keyframes shield{0%,80%,to{transform:rotate(0)}84%{transform:rotate(-6deg)}88%{transform:rotate(6deg)}92%{transform:rotate(-4deg)}96%{transform:rotate(3deg)}}@keyframes popCircle{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes confetti{0%{opacity:0;transform:translateY(0)rotate(0)}15%{opacity:1}to{opacity:0;transform:translateY(22px)rotate(220deg)}}@keyframes jump{0%,to{transform:translateY(0)scale(1)}15%{transform:translateY(0)scale(1.06,.92)}50%{transform:translateY(-18px)scale(.97,1.04)}}@keyframes swing{0%,to{transform:rotate(0)}20%{transform:rotate(14deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-4deg)}}@keyframes floaty{50%{transform:translateY(-10px)}}@keyframes flap{50%{transform:rotate(-10deg)}}@keyframes flapR{50%{transform:rotate(10deg)}}@keyframes coin{0%{opacity:0;transform:translateY(-30px)}30%{opacity:1}80%{opacity:1;transform:translateY(40px)}to{opacity:0;transform:translateY(46px)}}.auth{min-height:100vh;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100dvh;display:grid}.auth-hero{color:var(--text);background:var(--bg);border-right:1px solid var(--border);flex-direction:column;gap:22px;padding:clamp(24px,4vw,52px);display:flex;position:relative;overflow:hidden}.auth-hero-art{width:100%;max-width:460px;margin:auto auto 0}.auth-hero-copy{z-index:1;width:100%;max-width:520px;margin:0 auto auto;position:relative}.auth-hero-copy h1{letter-spacing:-.01em;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.3rem);font-weight:600}.auth-hero-copy p{color:var(--muted);font-size:1rem}.auth-hero-copy ul{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.auth-hero-copy li{align-items:center;gap:10px;font-weight:500;display:flex}.auth-hero-copy li svg{color:var(--brand);flex:none}.auth-panel{flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:clamp(18px,4vw,48px);display:flex;position:relative}.pref-toggles{align-self:flex-end;align-items:center;gap:10px;display:flex}.auth-panel .pref-toggles{position:absolute;top:18px;right:18px}.auth-card{border-radius:16px;width:100%;max-width:440px;padding:clamp(22px,4vw,32px)}.auth-card h2{margin-bottom:4px;font-size:1.5rem}.auth-alt{margin-top:16px}.auth.compact .auth-hero-copy ul{display:none}.reg-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.reg-head h2{font-size:1.2rem}.progress{background:var(--surface-3);border-radius:999px;height:6px;overflow:hidden}.progress span{border-radius:inherit;background:linear-gradient(90deg, var(--brand-light), var(--brand));height:100%;transition:width .45s cubic-bezier(.3,1,.4,1);display:block}.reg-steps{justify-content:space-between;margin:12px 0 6px;padding:0;list-style:none;display:flex}.reg-steps li span{background:var(--surface-3);width:28px;height:28px;color:var(--muted);border-radius:50%;place-items:center;font-size:.78rem;font-weight:600;transition:all .3s;display:grid}.reg-steps li.done span{background:var(--green);color:#fff}.reg-steps li.current span{background:var(--brand);color:#fff;box-shadow:var(--ring)}.docs{gap:10px;margin:12px 0;display:grid}.doc{border:1.5px dashed var(--border-strong);background:var(--surface-solid);border-radius:16px;align-items:center;gap:12px;padding:10px;transition:border-color .2s;display:flex}.doc.done{border-style:solid;border-color:#10b98180}.doc-preview{background:var(--surface-2);width:64px;height:64px;color:var(--muted);border-radius:12px;flex:none;place-items:center;font-size:1.4rem;display:grid;position:relative}.doc-preview img{object-fit:cover;border-radius:12px;width:100%;height:100%}.doc-check{background:var(--green);color:#fff;border:2px solid var(--surface-solid);border-radius:50%;place-items:center;width:22px;height:22px;font-size:.75rem;display:grid;position:absolute;bottom:-6px;right:-6px}.doc-body{flex-direction:column;gap:2px;min-width:0;display:flex}.doc-body .ok{color:var(--green);font-weight:600}.doc-actions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.doc-actions .chip{padding:5px 10px}.biz-list{gap:8px;max-height:360px;margin:8px 0 12px;padding:2px;display:grid;overflow-y:auto}.page .biz-list{max-height:none}.biz-row{border:1.5px solid var(--border);background:var(--surface-solid);text-align:left;border-radius:16px;align-items:center;gap:12px;width:100%;padding:12px;transition:all .15s;display:flex}.biz-row:hover:not(:disabled){border-color:var(--brand-100)}.biz-row.selected{border-color:var(--brand);background:var(--brand-50)}.biz-row.current{opacity:.7}.biz-row strong{font-size:.95rem}.biz-avatar{background:var(--brand-50);width:44px;height:44px;color:var(--brand);object-fit:cover;border-radius:12px;flex:none;place-items:center;font-weight:600;display:grid}.radio{border:2px solid var(--border-strong);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:.8rem;display:grid}.biz-row.selected .radio{background:var(--brand);border-color:var(--brand)}.current-biz{align-items:center;gap:12px;display:flex}.current-biz.plain{background:var(--surface-2);border-radius:14px;margin-bottom:10px;padding:10px}.status-page{min-height:100vh;flex-direction:column;align-items:center;gap:18px;min-height:100dvh;padding:18px 16px 40px;display:flex}.status-top{justify-content:space-between;align-items:center;width:100%;max-width:640px;display:flex}.status-top img{border-radius:12px}.status-card{text-align:center;border-radius:24px;width:100%;max-width:560px;padding:clamp(22px,4vw,36px)}.status-card.wide{text-align:left;max-width:640px}.status-card.wide h2,.status-card.wide>p{text-align:center}.kv-list{text-align:left;background:var(--surface-2);border-radius:16px;margin:14px 0;padding:4px 14px}.note{background:var(--surface-2);text-align:left;border-radius:14px;gap:4px;margin:12px 0;padding:12px 14px;font-size:.9rem;display:grid}.note.warn{background:var(--amber-50);color:#92400e}.note.danger{color:#b91c1c;background:#ef444414}[data-theme=dark] .note.warn{color:#fcd34d}[data-theme=dark] .note.danger{color:#fca5a5}.note strong{align-items:center;gap:6px;display:inline-flex}.appeal{text-align:left;margin-top:8px}.v-steps{text-align:left;gap:10px;max-width:320px;margin:16px auto;padding:0;list-style:none;display:grid}.v-steps li{align-items:center;gap:12px;font-weight:600;display:flex}.v-dot{background:var(--surface-3);width:28px;height:28px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.v-steps li.done .v-dot{background:var(--green);color:#fff}.v-steps li.current .v-dot{background:var(--amber);color:#fff}.perm-row{box-shadow:none;flex-wrap:wrap;align-items:center;gap:14px;margin:12px 0;padding:14px;display:flex}.perm-row.ok{border-color:#10b98173}.perm-row strong{align-items:center;gap:8px;display:inline-flex}.perm-row p{margin:2px 0 0}.perm-art{flex:none;width:64px}.prompt-steps{justify-content:center;gap:6px;margin-top:10px;display:flex}.prompt-steps span{background:var(--surface-3);border-radius:999px;width:28px;height:5px}.prompt-steps span.on{background:var(--brand)}.dash-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;display:grid}.availability{--st:var(--muted-2);border-color:color-mix(in srgb, var(--st) 40%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--st) 10%, var(--surface)), var(--surface))}.availability.free{--st:#22c55e}.availability.busy{--st:#f59e0b}.availability-head{align-items:center;gap:12px;display:flex}.availability.free .availability-dot,.availability.busy .availability-dot{animation:1.8s infinite ping}.availability-dot{background:var(--st);width:12px;height:12px;color:var(--st);border-radius:50%;flex:none}.availability-title{font-weight:600}.availability-line{color:var(--st);font-size:.9rem;font-weight:600}.availability.off .availability-line{color:var(--muted)}.status-pill{color:var(--st);background:color-mix(in srgb, var(--st) 15%, transparent);border:1px solid color-mix(in srgb, var(--st) 40%, transparent);border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:600}.availability.off .status-pill{color:var(--muted)}.availability-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.loc-card{flex-direction:column;gap:8px;display:flex}.loc-head{align-items:center;gap:8px;display:flex}.loc-head .eyebrow{flex:1}.loc-address{margin:0;font-weight:600}.loc-grid{border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));padding-top:10px;display:grid}.loc-grid div{border-left:1px solid var(--border);flex-direction:column;padding:0 8px;display:flex}.loc-grid div:first-child{border-left:0;padding-left:0}.loc-grid span{color:var(--muted);font-size:.72rem;font-weight:600}.loc-grid strong{font-variant-numeric:tabular-nums;font-size:.88rem}.loc-foot{color:var(--muted);align-items:center;gap:8px;font-size:.8rem;display:flex}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.stat{align-items:center;gap:14px;padding:16px;display:flex}.stat-icon{border-radius:15px;flex:none;place-items:center;width:48px;height:48px;font-size:1.3rem;display:grid}.stat-text{min-width:0}.stat-value{text-overflow:ellipsis;white-space:nowrap;font-size:1.35rem;font-weight:600;line-height:1.15;overflow:hidden}.stat-label{color:var(--muted);font-size:.8rem;font-weight:600}.plan-card{flex-direction:column;gap:12px;display:flex}.plan-head{align-items:center;gap:10px;display:flex}.plan-head strong{flex:1}.plan-total{color:var(--brand);font-weight:600}.plan-body{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.plan-stops{gap:8px;margin:0;padding:0;list-style:none;display:grid}.plan-stops li{background:var(--surface-2);border-radius:12px;align-items:center;gap:8px;min-width:0;padding:8px 10px;font-size:.88rem;display:flex}.plan-no{color:#fff;background:var(--brand);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:.75rem;font-weight:600;display:grid}.plan-no.pickup{background:var(--amber)}.order-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:14px;display:grid}.order-card{color:var(--text);flex-direction:column;gap:8px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;text-decoration:none!important}.order-card:hover{border-color:var(--border-strong);background:var(--surface-solid)}.order-card.is-new{border-color:var(--green)}@keyframes glow{50%{box-shadow:0 0 0 7px #10b9811f, var(--shadow)}}.new-badge{background:var(--green);color:#fff;letter-spacing:.08em;border-radius:999px;padding:2px 10px;font-size:.68rem;font-weight:600;position:absolute;top:-9px;left:16px}.order-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.order-no{font-size:1.05rem;font-weight:600}.order-card-row{color:var(--muted);align-items:center;gap:8px;min-width:0;font-size:.88rem;display:flex}.order-card-row svg{flex:none}.order-card-row.leg{color:var(--brand);font-weight:600}.stop-no{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:.7rem;display:grid}.order-card-foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:2px;padding-top:10px;display:flex}.order-card-foot .small{align-items:center;gap:6px;display:inline-flex}.order-amount{color:var(--brand);align-items:center;gap:4px;margin-left:auto;font-weight:600;display:inline-flex}.earn{color:var(--green);font-size:.82rem;font-style:normal}.countdown{align-items:center;gap:5px;font-size:.78rem;font-weight:600;display:inline-flex}.countdown-ok{color:var(--violet)}.countdown-soon{color:var(--amber)}.countdown-overdue{color:var(--red)}.detail{padding-bottom:96px}.status-banner{--tone:var(--brand);border-radius:var(--radius);background:var(--brand-50);border:1px solid var(--brand-100);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;display:flex}.status-banner-text{min-width:0;color:var(--tone);flex:1;font-size:1.1rem;font-weight:600}.chip.live{color:#fff;background:linear-gradient(135deg, var(--brand-light), var(--brand));border-color:#0000;font-weight:600}.chip.live .live-dot{color:#fff;background:#fff}.status-banner .countdown.chip{background:var(--surface-solid)}.stepper{gap:0;margin:0;padding:0;list-style:none;display:flex}.stepper li{text-align:center;flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex;position:relative}.stepper li:before{content:"";background:var(--surface-3);z-index:0;width:100%;height:3px;position:absolute;top:15px;left:-50%}.stepper li:first-child:before{display:none}.stepper li.done:before,.stepper li.current:before{background:var(--brand)}.step-dot{z-index:1;background:var(--surface-3);width:32px;height:32px;color:var(--muted);border-radius:50%;place-items:center;font-size:.82rem;font-weight:600;transition:all .3s;display:grid;position:relative}.stepper li.done .step-dot{background:var(--brand);color:#fff}.stepper li.current .step-dot{background:var(--surface-solid);color:var(--brand);box-shadow:0 0 0 2px var(--brand)}.step-label{color:var(--muted);padding:0 2px;font-size:.74rem;font-weight:600}.stepper li.current .step-label,.stepper li.done .step-label{color:var(--text)}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.qa{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.88rem;font-weight:600;transition:all .15s;display:flex;text-decoration:none!important}.qa:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.qa svg{color:var(--brand)}.qa.danger{color:#dc2626;border-color:#ef444459}.qa.danger svg{color:#dc2626}.qa:disabled{opacity:.5}.detail-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.col{flex-direction:column;gap:16px;min-width:0;display:flex}.kv{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;font-size:.92rem;display:flex}.kv:last-child{border-bottom:0}.kv>span{color:var(--muted);flex:none;align-items:center;gap:6px;display:inline-flex}.kv>strong{text-align:right;overflow-wrap:anywhere;min-width:0}.address{align-items:flex-start;gap:8px;margin:10px 0;font-size:.92rem;display:flex}.address svg{color:var(--brand);flex:none;margin-top:3px}.items{margin:0;padding:0;list-style:none}.items li{border-bottom:1px dashed var(--border);align-items:flex-start;gap:10px;padding:10px 0;font-size:.92rem;display:flex}.items .qty{background:var(--brand-50);min-width:34px;height:28px;color:var(--brand);border-radius:9px;place-items:center;font-size:.82rem;font-weight:600;display:grid}.items em.block{display:block}.totals{margin-top:6px}.kv.total{border-top:1px solid var(--border-strong);border-bottom:0;margin-top:4px;font-size:1.05rem}.kv.total strong{color:var(--brand);font-size:1.15rem}.collect{background:var(--green-50);color:#047857;border-radius:14px;margin-top:12px;padding:12px 14px;font-size:.9rem;font-weight:600}.collect.cod{background:var(--amber-50);color:#92400e}[data-theme=dark] .collect{color:#6ee7b7}[data-theme=dark] .collect.cod{color:#fcd34d}.earn-row{margin-top:8px}.earn-row strong{color:var(--green)}.proof{object-fit:cover;border-radius:14px;width:100%;max-height:300px;margin-bottom:8px}.issues{gap:10px;margin:0;padding:0;list-style:none;display:grid}.issues li{background:var(--surface-2);border-radius:12px;padding:10px 12px;font-size:.9rem}.assign-card{flex-direction:column;gap:6px;display:flex}.assign-head{align-items:center;gap:12px;display:flex}.assign-icon{background:var(--brand-50);width:44px;height:44px;color:var(--brand);border-radius:14px;flex:none;place-items:center;font-size:1.2rem;display:grid}.map-card{flex-direction:column;gap:10px;padding:14px;display:flex}.map-card-head{align-items:center;gap:10px;display:flex}.route-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.route-chips{gap:8px;display:flex}.route-chip{border:1.5px solid var(--border-strong);background:var(--surface-solid);border-radius:12px;flex-direction:column;align-items:flex-start;padding:6px 12px;display:flex}.route-chip span{color:var(--muted);font-size:.7rem;font-weight:600}.route-chip strong{font-size:.9rem}.route-chip.active{border-color:var(--brand);background:var(--brand-50)}.route-chip.active strong,.route-chip.active span{color:var(--brand)}.eta{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:.86rem;display:flex}.eta span{align-items:center;gap:6px;display:inline-flex}.eta strong{color:var(--text)}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:.78rem;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:50%;width:12px;height:12px;display:inline-block}.lg-rider{background:var(--brand)}.lg-store{background:var(--amber)}.lg-customer{background:#2563eb}.action-bar{z-index:10;background:var(--surface);border:1px solid var(--border-strong);border-radius:14px;align-items:center;gap:10px;padding:10px;display:flex;position:sticky;bottom:16px}.completed-bar{border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:16px;font-weight:600;display:flex}.completed-bar.ok{background:var(--green-50);color:var(--green)}.completed-bar.bad{color:var(--red);background:#ef44441a}.celebrate{border-color:#10b98166;flex-wrap:wrap;align-items:center;gap:16px;display:flex}.celebrate>div:nth-child(2){flex:1;min-width:180px}.otp-who{background:var(--surface-2);border-radius:14px;gap:6px;margin-top:10px;padding:12px;font-size:.88rem;display:grid}.otp-who div{align-items:flex-start;gap:8px;display:flex}.otp-who svg{color:var(--muted);flex:none;margin-top:3px}.otp-proof{border-top:1px dashed var(--border);flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding-top:14px;display:flex}.otp-proof img{object-fit:cover;border-radius:10px;width:54px;height:54px}.sos-main{color:#fff;background:linear-gradient(135deg,#ef4444,#b91c1c);border-radius:12px;align-items:center;gap:14px;margin:10px 0;padding:14px 16px;display:flex;text-decoration:none!important}.sos-main svg{font-size:1.4rem}.sos-main span{flex-direction:column;display:flex}.sos-main small{opacity:.85}.sos-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.map-shell{border:1px solid var(--border);background:var(--surface-2);isolation:isolate;border-radius:16px;position:relative;overflow:hidden}.map-shell.full{z-index:95;width:100vw;height:100vh;border:0;border-radius:0;height:100dvh;position:fixed;top:0;bottom:0;left:0;right:0}.map-shell:-webkit-full-screen{width:100vw;height:100vh}.map-shell:fullscreen{width:100vw;height:100vh}.map-canvas{position:absolute;top:0;bottom:0;left:0;right:0}.map-tools{z-index:1100;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:10px;right:10px}.map-shell.full .map-tools{top:calc(12px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px))}.map-exit{color:#fff;background:linear-gradient(135deg, var(--brand-light), var(--brand));border:0;border-radius:12px;align-items:center;gap:8px;height:44px;padding:0 16px;font-weight:600;display:inline-flex}.map-overlay-top{z-index:1050;left:calc(12px + env(safe-area-inset-left,0px));right:150px;top:calc(12px + env(safe-area-inset-top,0px));background:var(--surface-solid);border:1px solid var(--border);border-radius:14px;padding:10px 12px;position:absolute}.map-shell.full .leaflet-top.leaflet-left{top:calc(84px + env(safe-area-inset-top,0px))}@media (max-width:720px){.map-overlay-top{right:12px;top:calc(64px + env(safe-area-inset-top,0px))}.map-shell.full .leaflet-top.leaflet-left{top:calc(150px + env(safe-area-inset-top,0px))}}.map-tool{border:1px solid var(--border-strong);background:var(--surface-solid);border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.map-pin-wrap{background:0 0;border:0}.map-pin{border:3px solid #fff;border-radius:50% 50% 50% 0;place-items:center;width:34px;height:34px;animation:.5s cubic-bezier(.3,1.5,.5,1) both dropIn;display:grid;transform:rotate(-45deg)}.map-pin span{color:#fff;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;transform:rotate(45deg)}.map-pin-store{background:#f59e0b}.map-pin-customer{background:#2563eb}@keyframes dropIn{0%{opacity:0;transform:rotate(-45deg)translateY(-30px)}to{opacity:1;transform:rotate(-45deg)}}.map-rider{place-items:center;width:40px;height:40px;display:grid;position:relative}.map-rider-pulse{background:#b526222e;border-radius:50%;position:absolute;top:4px;bottom:4px;left:4px;right:4px}.map-rider-dot{background:var(--brand);border:3px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;transition:transform .6s;display:grid;position:relative}.leaflet-container{background:var(--surface-2);font-family:inherit}.map-shell .leaflet-tile-pane{filter:saturate(.85)brightness(1.03)}.map-shell.dark .leaflet-tile-pane{filter:invert()hue-rotate(180deg)brightness(.92)contrast(.9)saturate(.6)}.leaflet-control-attribution{font-size:10px}[data-theme=dark] .leaflet-bar a{background:var(--surface-solid);color:var(--text);border-color:var(--border)}.modal-backdrop{z-index:100;background:#0f172a73;place-items:center;padding:16px;animation:.2s both fadeIn;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}}.modal{background:var(--surface-solid);width:100%;max-width:460px;max-height:calc(100dvh - 32px);box-shadow:var(--shadow-dialog);border:1px solid var(--border);border-radius:16px;flex-direction:column;animation:.2s ease-out both fadeUp;display:flex}.modal-head{align-items:center;gap:12px;padding:20px 20px 6px;display:flex}.modal-head h3{flex:1;font-size:1.12rem}.modal-icon{border-radius:14px;flex:none;place-items:center;width:44px;height:44px;font-size:1.25rem;display:grid}.modal-body{padding:8px 20px;overflow-y:auto}.modal-foot{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:14px 20px 20px;display:flex}.modal-foot .btn{flex:140px}.incoming-backdrop{z-index:120;background:#0f172a80;place-items:center;padding:16px;animation:.25s both fadeIn;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.incoming-card{text-align:center;background:var(--surface-solid);border-top:4px solid var(--brand);width:100%;max-width:400px;box-shadow:var(--shadow-dialog);border-radius:16px;padding:24px 22px 20px;position:relative}.incoming-close{position:absolute;top:14px;right:14px}.incoming-art{background:linear-gradient(135deg, var(--brand-light), var(--brand-dark));border-radius:50%;width:110px;margin:0 auto;padding:10px}.incoming-card h2{margin-top:12px;font-size:1.4rem}.incoming-no{color:var(--brand);font-size:1.1rem;font-weight:600}.incoming-biz{color:var(--muted);font-weight:600}.incoming-facts{text-align:left;background:var(--surface-2);border-radius:16px;gap:8px;margin:14px 0;padding:12px 14px;font-size:.9rem;list-style:none;display:grid}.incoming-facts li{align-items:flex-start;gap:10px;display:flex}.incoming-facts svg{color:var(--brand);flex:none;margin-top:3px}.incoming-amount{color:var(--brand);margin-bottom:14px;font-size:1.6rem;font-weight:600}.incoming-actions{gap:10px;display:flex}.earn-hero{border-left:4px solid var(--brand);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;padding:24px;display:flex;position:relative;overflow:hidden}.earn-hero-main{position:relative}.earn-hero-value{color:var(--brand);font-size:clamp(1.8rem,1.4rem + 1.6vw,2.4rem);font-weight:600}.earn-hero-stats{flex-wrap:wrap;gap:22px;display:flex;position:relative}.earn-hero-stats>div{align-items:center;gap:10px;display:flex}.earn-hero-stats svg{color:var(--muted);font-size:1.1rem}.earn-hero-stats span{flex-direction:column;display:flex}.earn-hero-stats small{color:var(--muted);font-weight:500}@keyframes coinUp{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-160px)rotate(200deg)}}.cash-card{border-color:#f59e0b66;align-items:center;gap:14px;display:flex}.cash-value{color:#d97706;white-space:nowrap;font-size:1.2rem}.list-card{padding:6px}.earn-row-item,.notif-row{color:var(--text);text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px;transition:background .15s;display:flex;position:relative;text-decoration:none!important}.earn-row-item:hover,.notif-row:hover{background:var(--surface-2)}.earn-row-item+.earn-row-item,.notif-row+.notif-row{border-top:1px solid var(--border)}.earn-check{background:var(--green-50);width:36px;height:36px;color:var(--green);border-radius:12px;flex:none;place-items:center;display:grid}.earn-amt{color:var(--green);white-space:nowrap}.notif-row .grow{flex-direction:column;display:flex}.notif-row.unread{background:color-mix(in srgb, var(--brand) 5%, transparent)}.notif-icon{background:var(--brand-50);width:40px;height:40px;color:var(--brand);border-radius:13px;flex:none;place-items:center;display:grid}.unread-dot{background:var(--brand);border-radius:50%;flex:none;width:9px;height:9px}.avatar{background:var(--brand);color:#fff;object-fit:cover;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-weight:600;display:grid}.avatar.sm{width:38px;height:38px;font-size:.85rem}.avatar.xl{width:76px;height:76px;font-size:1.4rem}.rider-badge{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--brand);flex-wrap:wrap;align-items:center;gap:18px;padding:22px;display:flex;position:relative}.rider-badge>.min0{flex:1}.rider-badge h2{font-size:1.4rem}.rider-badge>:not(.rider-badge-glow){position:relative}.rider-badge-biz{color:var(--muted);align-items:center;gap:8px;min-width:0;margin-top:8px;font-size:.9rem;font-weight:500;display:flex}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tile{text-align:center;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;display:flex}.tile svg,.tile strong{font-size:1.2rem}.tile span{color:var(--muted);font-size:.78rem;font-weight:600}.settings-card{padding:10px 18px}.settings-card .card-title{margin:8px 0 4px}.setting-row{border-bottom:1px dashed var(--border);color:var(--text);text-align:left;background:0 0;border-top:0;border-left:0;border-right:0;align-items:center;gap:12px;width:100%;padding:12px 0;font-weight:600;display:flex;text-decoration:none!important}.setting-row:last-child{border-bottom:0}.setting-row>svg:first-child{color:var(--brand);flex:none}.setting-row.link:hover{color:var(--brand)}.setting-row.danger,.setting-row.danger>svg:first-child{color:#dc2626}.setting-row small{font-weight:500}.danger-card{text-align:center}.danger-icon{color:#dc2626;background:#ef44441f;border-radius:20px;place-items:center;width:64px;height:64px;margin:0 auto 10px;font-size:1.7rem;display:grid}.x-list{text-align:left;background:var(--surface-2);border-radius:14px;gap:8px;margin:12px 0;padding:12px 16px;list-style:none;display:grid}.x-list li{align-items:center;gap:10px;font-weight:600;display:flex}.x-list svg{color:#dc2626}.demo-fab{z-index:80;background:var(--surface-solid);color:#7c3aed;border:1px dashed #8b5cf6;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;display:inline-flex;position:fixed;bottom:16px;right:16px}.demo-panel{z-index:80;width:min(340px,100vw - 32px);box-shadow:var(--shadow-dialog);border:1px dashed #8b5cf6;position:fixed;bottom:16px;right:16px}.demo-head{align-items:center;gap:8px;display:flex}.demo-head strong{flex:1;align-items:center;gap:6px;display:inline-flex}.demo-actions{gap:8px;display:grid}@media (max-width:720px){.demo-fab,.demo-panel{bottom:calc(var(--bottom-nav) + var(--safe-b) + 12px)}}.toast{background:var(--surface-solid)!important;color:var(--text)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--border)!important;border-radius:14px!important;font-family:inherit!important;font-weight:600!important}@media (min-width:1440px){:root{--sidebar:268px}.content{max-width:1320px}}@media (max-width:1180px){.plan-body{grid-template-columns:1fr}}@media (max-width:1024px){:root{--sidebar:84px}.sidebar{align-items:center;padding:18px 12px}.sidebar .brand div,.nav-link span,.sidebar-user .min0{display:none}.brand{padding:0}.nav-link{justify-content:center;padding:14px}.sidebar-user{background:0 0;padding:6px}.detail-grid,.auth{grid-template-columns:1fr}.auth-hero{gap:14px;padding:22px 22px 28px}.auth-hero-art{max-width:420px;margin:0 auto}.auth-hero-copy{text-align:center;margin:0 auto}.auth-hero-copy ul{justify-items:center}.auth.compact .auth-hero-art{max-width:260px}.auth.compact .auth-hero-copy p{display:none}.auth-panel{justify-content:flex-start;padding-top:24px}.auth-panel .pref-toggles{position:static}.auth-card{margin-top:-6px}}@media (max-width:720px){.sidebar{display:none}.topbar{height:58px;padding:0 16px}.topbar-brand{display:flex}.topbar-brand strong{display:none}.topbar-greet{font-size:.88rem}.content{padding:16px;padding-bottom:calc(var(--bottom-nav) + var(--safe-b) + 20px)}.bottom-nav{z-index:30;height:calc(var(--bottom-nav) + var(--safe-b));padding:6px 8px calc(6px + var(--safe-b));background:var(--surface-solid);border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-link{color:var(--muted);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.68rem;font-weight:600;transition:all .2s;display:flex;text-decoration:none!important}.bottom-link svg{font-size:1.2rem;transition:transform .2s}.bottom-link.active{color:#fff;background:linear-gradient(135deg, var(--brand-light), var(--brand))}.stats{grid-template-columns:1fr 1fr;gap:10px}.stats .stat:last-child{grid-column:1/-1}.stat{gap:10px;padding:14px}.stat-icon{border-radius:13px;width:42px;height:42px;font-size:1.1rem}.stat-value{font-size:1.15rem}.card{border-radius:16px;padding:16px}.page{gap:14px}.page-head .btn{min-height:40px;padding:8px 12px}.action-bar{bottom:calc(var(--bottom-nav) + var(--safe-b) + 10px);border-radius:14px;flex-wrap:wrap}.action-bar .btn{flex:auto}.detail{padding-bottom:20px}.quick-actions{gap:8px}.qa{flex-direction:column;gap:4px;padding:10px 6px;font-size:.76rem}.step-label{font-size:.66rem}.step-dot{width:28px;height:28px}.stepper li:before{top:13px}.modal-backdrop{place-items:end center;padding:0}.modal{max-width:none;max-height:92dvh;padding-bottom:var(--safe-b);border-radius:16px 16px 0 0;animation:.32s cubic-bezier(.2,.9,.3,1) both sheetUp}.modal-foot .btn{flex:1 1 0;min-width:0}.toolbar .segmented{width:100%}.segmented.wide button{flex:1 1 0;min-width:0;padding:9px 4px;font-size:.78rem}.hide-sm{display:none}.page-head{flex-wrap:nowrap;align-items:center}.page-head>div:first-child{flex:auto}.toolbar .segmented button{flex:1}.auth-hero-copy h1{font-size:1.6rem}.auth-hero-copy ul{display:none}.auth-hero-art{max-width:320px}.auth.compact .auth-hero-art{max-width:200px}.auth.compact .auth-hero-copy{display:none}.tiles{gap:8px}.rider-badge{padding:20px}.avatar.xl{width:68px;height:68px}.incoming-actions{flex-direction:column-reverse}.loc-grid strong{font-size:.8rem}.map-shell:not(.full){height:260px!important}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}@media (max-width:380px){.topbar-greet{display:none}.topbar-actions{margin-left:auto}.availability-actions,.sos-row{grid-template-columns:1fr}.tiles strong{font-size:1rem}}@media (max-height:640px) and (min-width:721px){.auth-hero-art{max-width:340px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.ill-draw{stroke-dashoffset:0}}@media print{.sidebar,.topbar,.bottom-nav,.action-bar,.quick-actions{display:none!important}.card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}}
