:root{--ink:#1f2329;--muted:#78808c;--primary:#ff6b22;--primary-dark:#ca4a0b;--soft:#fff0e7;--line:#edf0f3;--surface:#f5f6f8;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:#e9ebef}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #ffa477;outline-offset:3px}[hidden]{display:none!important}
.preview-meta{max-width:390px;margin:16px auto 9px;display:flex;justify-content:space-between;color:#747a85;font-size:12px}.preview-meta a{font-size:11px}.preview-note{max-width:390px;margin:9px auto 12px;text-align:center;color:#828995;font-size:10px;line-height:1.7;padding:0 12px}
.app-shell{width:min(100%,390px);height:calc(100dvh - 93px);min-height:640px;max-height:900px;margin:0 auto;background:var(--surface);display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:14px;box-shadow:0 5px 30px #1f23290c}
.app-top{height:52px;flex:none;background:var(--primary);color:white;display:flex;align-items:center;justify-content:center;position:relative;padding:0 100px;font-size:17px}.app-top strong{font-weight:600;white-space:nowrap}.header-back{position:absolute;left:10px;background:none;color:white;font-size:32px;line-height:1;width:34px;height:40px}.alipay-capsule{position:absolute;right:12px;top:12px;height:29px;width:82px;border:1px solid #ffffff77;background:#ffffff18;border-radius:16px;display:flex;align-items:center;justify-content:space-evenly;font-size:15px}.alipay-capsule span{font-size:14px;letter-spacing:1px;font-weight:700}.alipay-capsule i{height:14px;width:1px;background:#ffffff77}.alipay-capsule b{font-size:18px;font-weight:400}
.demo-banner{font-size:10px;line-height:1.6;text-align:center;padding:5px 10px;background:#fff4e9;color:#a55324;flex:none}.app-view{overflow:auto;flex:1;min-height:0;scrollbar-width:none}.screen{padding:16px 16px 24px}.screen h2{font-size:23px;line-height:1.4;margin:0;font-weight:700}.screen h3{font-size:16px;margin:0;font-weight:600}.screen p{font-size:13px;line-height:1.7;color:var(--muted);margin:8px 0}.section-kicker{font-size:12px;color:var(--muted);margin-bottom:6px}.home-intro{display:flex;justify-content:space-between;align-items:center}.round-badge{background:var(--soft);color:var(--primary);width:42px;height:42px;display:grid;place-items:center;border-radius:12px;font-size:24px}
.role-switch{display:flex;padding:4px;background:#e9ecf0;border-radius:10px;margin-bottom:16px}.role-switch button{flex:1;border-radius:8px;background:none;font-size:14px;font-weight:500;padding:10px 4px;color:#747b87}.role-switch button.active{background:white;color:var(--primary-dark);font-weight:600;box-shadow:0 1px 5px #1018280a}
.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-card{height:151px;border-radius:14px;text-align:left;padding:18px 16px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background:var(--primary);color:white}.service-card.buy{background:#fff0e4;color:#81360e;border:1px solid #ffe2cf}.service-card h3{font-size:25px;line-height:1.25;letter-spacing:0}.service-card p{font-size:12px;line-height:1.5;color:inherit;margin:6px 0 0;opacity:.88}.service-card .service-price{font-size:12px;position:absolute;bottom:19px;left:16px}.service-card .service-price b{font-size:19px;margin:0 2px}.service-card .go{position:absolute;top:17px;right:13px;font-size:19px}.service-art{position:absolute;right:17px;bottom:18px;width:45px;height:43px;transform:rotate(-8deg)}.box-art{background:#ffb681;border-radius:5px;box-shadow:4px 4px 0 #ffffff22}.box-art:before{content:'';height:43px;width:12px;background:#ffe0c8;position:absolute;left:17px}.box-art:after{content:'↑';position:absolute;bottom:4px;right:6px;color:#ad4d17;font-size:18px}.bag-art{background:#ffad66;border-radius:4px 4px 9px 9px;height:38px}.bag-art:before{content:'';position:absolute;left:12px;top:-10px;width:20px;height:19px;border:3px solid #d87a31;border-radius:10px}.bag-art:after{content:'✓';position:absolute;top:8px;left:16px;color:#fff4e8;font-size:20px}
.section-heading{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px;gap:10px}.text-link{background:none;padding:3px 0;color:var(--muted);font-size:12px;white-space:nowrap}.quick-send{padding:16px;background:white;border-radius:14px;margin-top:16px}.quick-send-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px}.quick-send-heading h3{font-size:16px}.quick-send-heading small{color:var(--muted);font-size:11px}.address-entry{display:flex;gap:12px;align-items:center;background:none;width:100%;padding:15px 0;text-align:left;border-bottom:1px solid var(--line);color:var(--ink)}.address-entry .address-dot{flex:none}.address-entry>span:nth-child(2){flex:1;min-width:0}.address-entry b{display:block;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.address-entry small{display:block;color:#9ca2ac;font-size:11px;margin-top:5px}.address-entry em{font-style:normal;color:#b3b8c1;font-size:20px}.quick-send .primary{margin-top:16px}
.quick-services{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:white;border-radius:14px;padding:17px 9px}.quick-service{background:none;color:#525a66;font-size:12px;padding:0;text-align:center}.icon-tile{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--soft);color:var(--primary-dark);font-size:23px;margin:0 auto 9px}.care-card{background:white;border-radius:12px;margin-top:16px;padding:14px;display:flex;align-items:center;gap:10px}.care-icon{font-size:23px;color:var(--primary)}.care-card strong{font-size:13px;display:block}.care-card small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.care-card .text-link{margin-left:auto}.section-caption{font-size:11px;color:#a4aab3;text-align:center;margin-top:24px}
.bottom-nav{height:64px;display:flex;flex:none;background:white;border-top:1px solid var(--line);padding-bottom:3px;z-index:2}.bottom-nav button{flex:1;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#969ca6;font-size:11px}.bottom-nav button.active{color:var(--primary-dark);font-weight:600}.bottom-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}.bottom-nav button.active svg{stroke-width:2}
.back-heading{display:flex;gap:10px;align-items:center;margin-bottom:18px}.back-heading h2{font-size:21px}.back-button{display:none}.form-section{background:white;padding:17px;border-radius:14px;margin:14px 0;border:1px solid var(--line)}.form-section h3{font-size:15px;margin-bottom:14px}.address-heading{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;margin-bottom:13px}.address-dot{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:#293440;color:white}.address-dot.orange{background:var(--primary);color:white}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-section label{display:block;font-size:12px;color:#6b7380;margin-bottom:12px}.form-section input,.form-section textarea,.form-section select{width:100%;min-height:42px;background:#f8f9fb;border:1px solid #edf0f4;padding:11px 10px;border-radius:8px;font-size:14px;color:var(--ink);margin-top:6px;outline:none}.form-section input:focus,.form-section textarea:focus,.form-section select:focus{border-color:var(--primary)}.form-section input::placeholder,.form-section textarea::placeholder{color:#aab0ba;font-size:12px}.form-section textarea{resize:vertical;min-height:72px}.form-hint{font-size:11px!important;line-height:1.7!important;margin:6px 0 0!important}.fee-lines{display:grid;gap:12px;margin-top:14px}.fee-line{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:#747c89}.fee-line.total{border-top:1px dashed #e6e8ed;padding-top:14px;color:var(--ink)}.fee-line.total strong{font-size:25px;color:var(--primary-dark)}
.primary{background:var(--primary);color:white;width:100%;padding:13px 16px;border-radius:10px;font-size:15px;line-height:1.4;font-weight:600}.secondary{background:var(--soft);color:var(--primary-dark);border:1px solid #ffe0cb;width:100%;padding:12px 16px;border-radius:10px;font-size:14px}.danger-button{background:white;border:1px solid #e6e8ee;color:#747c88;border-radius:10px;padding:12px 16px;font-size:14px;width:100%}.action-stack{display:grid;gap:10px;margin-top:18px}
.order-filters{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #e5e8ed;overflow:auto;scrollbar-width:none;margin:20px 0 15px}.order-filters button{background:none;color:#868e9c;font-size:13px;white-space:nowrap;padding:0 3px 12px;position:relative}.order-filters button.active{color:var(--primary-dark);font-weight:600}.order-filters button.active:after{content:'';position:absolute;bottom:0;left:20%;right:20%;height:3px;border-radius:2px;background:var(--primary)}.order-card{display:block;text-align:left;background:white;border:1px solid var(--line);width:100%;border-radius:14px;padding:16px;margin-bottom:12px;color:var(--ink)}.order-card-top{display:flex;align-items:center;gap:8px;margin-bottom:14px}.order-card-top b{font-size:14px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.service-badge{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#fff0e8;color:var(--primary-dark);font-size:11px;flex:none}.service-badge.buy{background:#fff4dd;color:#a56608}.status-pill{white-space:nowrap;font-size:10px;color:var(--primary-dark);background:#fff0e8;padding:5px 8px;border-radius:6px}.status-pill.completed{background:#f0f2f5;color:#717a88}.status-pill.pending_payment{background:#fff4dd;color:#9a6506}.status-pill.cancelled{background:#f1f2f4;color:#9299a5}.route-item{display:flex;gap:9px;align-items:flex-start;color:#6c7481;font-size:12px;line-height:1.6;margin:7px 0}.route-dot{width:6px;height:6px;border-radius:50%;flex:none;margin-top:6px;background:#354150}.route-item:last-of-type .route-dot{background:var(--primary)}.route-item span{overflow-wrap:anywhere}.order-card-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px;padding-top:13px}.order-card-bottom strong{font-size:19px}.order-card-bottom small{font-size:10px;color:#a2a9b4}.open-order{font-size:11px;color:var(--muted)}
.empty-state{text-align:center;padding:30px 12px}.empty-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#fff0e7;color:#ff9b66;font-size:30px;margin:0 auto 17px}.empty-state h3{font-size:16px}.empty-state p{font-size:12px}.empty-state .primary{width:160px;margin-top:15px}.home-empty{background:white;border-radius:14px;padding:22px 15px;text-align:center}.home-empty p{font-size:12px;margin:0 0 9px}.home-empty button{display:inline;color:var(--primary-dark);font-size:13px}
.login-card{background:white;border-radius:14px;padding:19px;margin:16px 0;display:flex;align-items:center;gap:12px}.avatar{width:52px;height:52px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--soft);color:var(--primary-dark);font-size:25px}.login-card b{font-size:17px}.login-card p{font-size:11px;margin:5px 0 0}.login-card button{background:var(--primary);color:white;border-radius:8px;padding:8px 12px;font-size:12px;white-space:nowrap;margin-left:auto}.account-stats{display:grid;grid-template-columns:1fr 1fr;background:white;border-radius:14px;padding:19px;margin:16px 0}.account-stats>div{text-align:center;color:#818996;font-size:12px}.account-stats b{display:block;font-size:25px;color:var(--ink);margin-bottom:6px}.account-stats>div+div{border-left:1px solid var(--line)}.menu-list{border-radius:14px;background:white;padding:0 16px;margin:16px 0}.menu-list button{display:flex;align-items:center;width:100%;text-align:left;background:none;gap:12px;border-bottom:1px solid var(--line);padding:17px 0;color:#404853;font-size:14px}.menu-list button:last-child{border:0}.menu-list span{color:#ff864c;font-size:20px;width:23px;text-align:center}.menu-list em{margin-left:auto;font-style:normal;color:#afb5bf}.recruit-card{background:#fff0e7;border:1px solid #ffe4d5;border-radius:14px;padding:18px;margin-top:17px}.recruit-card h3{font-size:17px}.recruit-card p{font-size:12px;color:#a66a4d}.recruit-card button{font-size:13px;background:white;color:var(--primary-dark);border-radius:8px;padding:9px 13px;margin-top:8px}
.detail-hero{background:#fff0e7;border-radius:14px;padding:22px 18px;margin:10px 0 18px}.hero-status{font-size:25px;color:var(--primary-dark);font-weight:650}.detail-hero p{font-size:12px;color:#ad704f}.detail-money{font-size:28px;color:#bd480f;font-weight:700;margin-top:17px}.detail-row{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#87909d;margin:13px 0}.detail-row b{max-width:210px;text-align:right;font-weight:500;color:#505966;overflow-wrap:anywhere}.history{padding-left:8px}.history-item{padding:0 0 20px 21px;border-left:1px solid #e3e7ee;position:relative}.history-item:before{content:'';width:8px;height:8px;background:#d5dae2;border:2px solid white;border-radius:50%;position:absolute;left:-6px;top:3px}.history-item:first-child:before{background:var(--primary)}.history-item:last-child{border-color:transparent;padding-bottom:0}.history-item b{font-size:13px;font-weight:500}.history-item small{display:block;color:#9ba3af;font-size:11px;margin-top:6px}.call-button{display:inline-flex;align-items:center;color:var(--primary-dark);font-size:12px;margin:4px 0}
.address-card{background:white;border:1px solid var(--line);border-radius:14px;padding:17px;margin-bottom:12px}.address-card b{font-size:15px}.address-card small{font-size:12px;color:#828a98;margin-left:14px}.address-actions{display:flex;gap:18px;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.address-actions button{background:none;color:#8b94a2;font-size:12px;padding:0}.document-content h3{font-size:16px;margin-top:22px}.document-content p{font-size:13px;line-height:1.9;color:#6e7887}.loading{text-align:center;padding:80px 20px;font-size:13px;color:#939aa7}.loading span{display:block;width:26px;height:26px;border:2px solid #ffe1cd;border-top-color:var(--primary);border-radius:50%;margin:0 auto 15px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.rider-summary{background:white;border-radius:14px;padding:18px;margin:18px 0;display:flex;justify-content:space-between;align-items:center}.rider-summary b{display:block;font-size:30px;color:var(--primary-dark);margin-bottom:5px}.rider-summary span{font-size:12px;color:#87909d}.rider-summary em{font-style:normal;font-size:11px;color:var(--primary-dark);background:var(--soft);border-radius:8px;padding:7px 10px}.refresh-control{background:none;color:var(--primary-dark);padding:7px;font-size:14px}.footer-note{font-size:11px!important;line-height:1.8!important;text-align:center;color:#9aa3af!important;padding:12px 3px}.inline-error{font-size:12px!important;color:#be531b!important;background:#fff0e7;border-radius:10px;padding:14px;line-height:1.7}.pill-choice{display:flex;gap:8px;flex-wrap:wrap}.pill-choice button{border-radius:7px;font-size:12px;padding:8px 11px;background:#f0f2f5;color:#788292}.pill-choice button.active{color:var(--primary-dark);background:var(--soft)}
#toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%,10px);opacity:0;transition:.2s;background:#242a34ee;color:white;font-size:13px;padding:12px 18px;border-radius:10px;z-index:100;pointer-events:none;max-width:min(90vw,360px);text-align:center;line-height:1.7}#toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;background:#17202f66;z-index:50;display:grid;place-items:center;padding:20px}.modal{background:white;border-radius:16px;padding:24px;width:340px;max-width:100%;box-shadow:0 15px 60px #1f232922}.modal h3{margin:0 0 12px;font-size:19px}.modal p{font-size:13px;color:#7f8794;line-height:1.9}.modal-actions{display:flex;gap:10px;margin-top:22px}.modal-actions button{flex:1;font-size:14px;padding-left:8px;padding-right:8px}
.sync-note{font-size:10px!important;line-height:1.6!important;color:#969da8!important;margin:2px 0 13px!important}.dispatch-tag{display:inline-flex;border-radius:5px;background:#f3f4f6;color:#747d8a;font-size:10px;line-height:1.6;padding:3px 7px;margin:0 0 6px}.dispatch-tag.admin{background:#fff0e7;color:var(--primary-dark)}.detail-hero .dispatch-tag{background:white;margin-top:5px}.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.detail-heading .back-heading{margin-bottom:8px}.detail-heading .refresh-control{flex:none;white-space:nowrap;padding:5px 0;font-size:12px}.detail-money small{font-size:11px;font-weight:400;color:#a36a4d}.detail-address-heading{margin-top:18px}.screen p.detail-address{color:#505966;overflow-wrap:anywhere}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:#747d8a}.contact-row>span{min-width:0;overflow-wrap:anywhere}.contact-row small{font-size:11px;color:#929aa7}.contact-row .call-button{flex:none;font-size:11px;background:var(--soft);border-radius:7px;padding:7px 10px;white-space:nowrap}.rider-contact b{font-size:15px;color:var(--ink)}.rider-contact small{display:block;margin-top:5px}.task-tip{font-size:12px;color:#78808c;line-height:1.8;margin:14px 0}.task-tip .text-link{display:block;color:var(--primary-dark);margin-top:3px}.review-feedback{background:#fff5ec;border:1px solid #ffdfc5;border-radius:12px;padding:15px;margin:14px 0;overflow-wrap:anywhere}.review-feedback b{font-size:14px;color:#a95423}.review-feedback p{color:#9a663f;font-size:12px;margin:7px 0}.review-feedback small{font-size:11px;color:#b1886b}.delivery-steps{display:flex;gap:4px;margin-top:21px;position:relative}.delivery-steps:before{content:'';position:absolute;left:12%;right:12%;height:1px;background:#efcbb5;top:11px}.delivery-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;position:relative;color:#b6927e}.delivery-step>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#ffede1;border:1px solid #edc6ad;font-size:11px;color:#bc9780;z-index:1}.delivery-step small{font-size:10px;white-space:nowrap}.delivery-step.done>span{background:#ffab78;border-color:#ffab78;color:white}.delivery-step.done{color:#a5623c}.delivery-step.current>span{background:var(--primary);border-color:var(--primary)}.delivery-step.current small{color:var(--primary-dark);font-weight:600}
@media(max-width:480px){body{background:var(--surface)}.preview-meta,.preview-note{display:none}.app-shell{width:100%;height:100dvh;min-height:0;max-height:none;border-radius:0;box-shadow:none}.bottom-nav{height:calc(62px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}.screen{padding:16px 16px 24px}}
@media(max-width:350px){.screen{padding:14px 12px 22px}.service-card{padding:16px 13px;height:143px}.service-card h3{font-size:23px}.service-card p{font-size:11px}.service-card .service-price{left:13px}.service-art{right:13px;width:39px}.quick-send{padding:14px}.app-top{padding:0 90px;font-size:16px}.alipay-capsule{right:10px}.form-section{padding:14px}.field-grid{gap:9px}.order-card-bottom small{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Small-area operations: service information, live tasks and useful next actions. */
.service-banner{padding:18px;margin:0 0 16px;border:1px solid #ffe0cb;border-radius:17px;background:linear-gradient(120deg,#fff0df,#fff8ef);position:relative;overflow:hidden}.service-banner:after{content:'';position:absolute;width:93px;height:93px;border:16px solid #ffcba25e;border-radius:24px;right:-27px;top:53px;transform:rotate(-24deg);pointer-events:none}.service-banner-top,.service-banner-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:1}.location-label{font-size:12px;font-weight:600;color:#825231;overflow-wrap:anywhere;min-width:0}.business-badge{font-size:10px;white-space:nowrap;color:#827266;background:#fffaf6;padding:5px 7px;border-radius:20px;border:1px solid #ecdccf}.business-badge.open{color:#367153;border-color:#d4e5d8;background:#eff8f0}.service-banner h2{font-size:23px;line-height:1.5;color:#713e23;margin:15px 0 17px;position:relative;z-index:1}.service-banner h2 span{color:#cf591b}.service-banner-foot{font-size:10px;color:#987459;border-top:1px solid #f0d5bf;padding-top:10px}.service-banner-foot>span{min-width:0;overflow-wrap:anywhere}.service-banner .text-link{font-size:10px;color:#986045}.current-order{display:block;width:100%;text-align:left;background:white;border:1px solid #ffd7be;border-left:4px solid var(--primary);border-radius:14px;padding:15px;margin:0 0 16px}.current-order-top,.current-order-foot{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:10px;color:#9298a0}.current-order-top b{font-size:11px;color:var(--primary-dark)}.current-order>strong{font-size:16px;display:block;margin:11px 0 5px;color:var(--ink)}.screen .current-order p{font-size:11px;margin:5px 0 13px;overflow-wrap:anywhere}.current-order-foot{padding-top:10px;border-top:1px solid var(--line);color:#7b8089}.current-order-foot span:first-child{overflow-wrap:anywhere}.current-order-foot span:last-child{flex:none;color:var(--primary-dark)}.support-strip{display:flex;align-items:center;gap:11px;border:1px solid #eceef1;border-radius:12px;background:#fff;padding:14px;margin:16px 0 0}.support-strip>span{width:33px;height:33px;display:grid;place-items:center;background:var(--soft);color:var(--primary-dark);border-radius:10px;font-size:21px;flex:none}.support-strip>div{min-width:0}.support-strip b{display:block;font-size:12px;font-weight:600}.support-strip small{display:block;margin-top:5px;font-size:11px;color:#9097a1;overflow-wrap:anywhere}.support-strip>.text-link{margin-left:auto;color:var(--primary-dark)}.list-caption{font-size:10px;color:#929aa4}.rider-work-panel{background:linear-gradient(135deg,#303d43,#202b31);color:white;padding:18px;border-radius:16px;margin:15px 0 18px}.rider-work-top{display:flex;align-items:center;gap:10px;justify-content:space-between}.rider-work-top>div{min-width:0}.work-label{display:block;color:#b3c2c8;font-size:10px;overflow-wrap:anywhere}.rider-work-panel h2{font-size:19px;margin:7px 0 0;color:#fff;line-height:1.45}.work-toggle{background:#ff7937;color:white;border-radius:9px;padding:10px 11px;font-size:11px;flex:none;white-space:nowrap}.work-toggle.on{color:#ffbb90;background:#ffffff12;border:1px solid #ffffff26}.work-counts{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;margin-top:20px;padding:16px 0;border-top:1px solid #ffffff19;border-bottom:1px solid #ffffff19}.work-counts strong{font-size:27px;font-weight:650;display:block;color:#ffbd87}.work-counts span{display:block;font-size:10px;color:#b3bec3;margin-top:6px}.rider-work-panel p{font-size:10px;line-height:1.8;color:#afbec4;margin:12px 0 0}.assignment-card{padding:16px;border-radius:14px;background:white;border:1px solid #ffd3b3;box-shadow:0 4px 14px #fb6a1e08;margin-bottom:13px}.assignment-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.assignment-heading>b{font-size:13px;color:#ac551f}.status-pill.assigned{background:#fff0d7;color:#985b0b}.assignment-detail{display:block;text-align:left;background:none;padding:12px 0 2px;width:100%;color:var(--ink)}.assignment-detail strong{display:block;font-size:16px;margin-bottom:8px}.assignment-detail span{display:block;font-size:11px;line-height:1.8;color:#7c838d;overflow-wrap:anywhere}.assignment-card p{font-size:10px;margin:10px 0;color:#9e826e;line-height:1.7}.assignment-actions{display:flex;gap:9px;margin-top:12px}.assignment-actions button{flex:1;font-size:13px;padding:11px 8px;min-width:0}.order-filters{overflow-x:auto;scrollbar-width:none;justify-content:flex-start}.order-filters button{flex:0 0 auto;white-space:nowrap;padding-left:12px;padding-right:12px}.receipt-card{padding:18px;margin:0 0 16px;border:1px dashed #eac3a6;border-radius:14px;background:#fffaf2}.receipt-card>div{display:flex;align-items:center;gap:10px;justify-content:space-between}.receipt-card b{font-size:14px;color:#844c25}.receipt-card small{font-size:10px;color:#b17f55}.receipt-card>strong{display:block;letter-spacing:7px;font-size:31px;color:#8f491b;margin:15px 0;font-variant-numeric:tabular-nums}.receipt-card p{font-size:11px;margin:0;color:#9b7c63}.issue-record{padding:14px 0;border-top:1px solid var(--line)}.issue-record>div:first-child{display:flex;justify-content:space-between;gap:10px}.issue-record b{font-size:12px}.issue-record p{font-size:12px;overflow-wrap:anywhere}.issue-record small{font-size:10px;color:#9ba2ac}.issue-status{font-size:10px;color:#a36328}.issue-status.resolved{color:#518361}.issue-status.rejected{color:#85818c}.issue-resolution{border-radius:8px;background:#f6f8fa;padding:12px;margin:12px 0 8px}.issue-resolution b{font-size:11px;color:#596878}.issue-resolution p{font-size:12px;margin:5px 0 0}.modal{max-height:calc(100dvh - 40px);overflow:auto}.modal label{display:block;font-size:12px;color:#65707d;margin:15px 0}.modal input,.modal textarea{display:block;width:100%;border:1px solid #e6e8ed;border-radius:9px;background:#fafbfd;padding:12px;font-size:14px;line-height:1.6;margin-top:8px;outline:none}.modal input:focus,.modal textarea:focus{border-color:var(--primary)}.modal textarea{min-height:105px;resize:vertical}.modal input[name="receiptCode"]{font-size:23px;letter-spacing:5px;font-variant-numeric:tabular-nums}.modal input[name="receiptCode"]::placeholder{font-size:13px;letter-spacing:0}.support-phone{display:block;padding:16px;text-align:center;background:var(--soft);border-radius:10px;color:var(--primary-dark);font-size:21px;font-weight:600}.support-phone small{display:block;font-size:11px;font-weight:400;margin-top:6px}.work-toggle:disabled{cursor:not-allowed}.primary[data-unavailable="true"]{cursor:not-allowed}
@media(max-width:350px){.service-banner{padding:14px}.service-banner h2{font-size:21px}.rider-work-panel{padding:14px}.rider-work-panel h2{font-size:17px}.work-toggle{padding:9px;font-size:10px}.work-counts span{font-size:9px}.assignment-card{padding:13px}.receipt-card>strong{letter-spacing:5px}.service-banner-foot{gap:8px}.service-banner-foot>span{font-size:9px}}