@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--orange:#e75e29;--ink:#293a2a;--muted:#7a8070;--border:#e2e5d8;--cream:#faf9f3}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}a{color:inherit}.topbar{height:86px;max-width:1200px;margin:auto;display:flex;align-items:center;padding:0 35px;border-bottom:1px solid var(--border);gap:22px}.brand{text-decoration:none;font:800 40px Manrope,sans-serif;letter-spacing:-3px}.brand span{color:var(--orange);margin-left:3px}.rider-label{font-size:9px;letter-spacing:2px;border-left:1px solid var(--border);padding-left:22px}.home-link{font-size:11px;margin-left:auto;text-decoration:none;color:var(--muted)}main{max-width:1120px;padding:36px 35px 25px;margin:auto}.hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:var(--orange)}h1{font:800 clamp(35px,4vw,51px)/1.13 Manrope,sans-serif;letter-spacing:-2px;margin:17px 0}h1 span{color:var(--orange)}.hero p{font-size:13px;color:var(--muted);line-height:1.8}.hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-tags span{font-size:10px;border:1px solid var(--border);border-radius:30px;padding:7px 11px;background:#fffef9}.hero-art{position:relative;width:340px;height:255px;background:#eef0df;border-radius:170px 170px 24px 24px;display:grid;place-items:center;overflow:hidden;flex-shrink:0}.hero-art svg{width:100%;z-index:1}.art-orbit{position:absolute;width:210px;height:210px;border:1px solid #dce2ca;border-radius:50%;top:20px}.art-star{position:absolute;top:8px;right:23px;font-size:67px;color:var(--orange);transform:rotate(10deg)}.art-note{position:absolute;bottom:18px;font-size:8px;letter-spacing:2px}.tabs{display:flex;gap:8px;padding:7px;background:white;border:1px solid var(--border);border-radius:12px;margin-bottom:18px}.tabs button{border:0;background:transparent;color:var(--muted);padding:13px 22px;border-radius:8px;font-size:16px;display:flex;align-items:center;gap:9px}.tabs button span{font-size:12px;font-weight:600}.tabs button[aria-pressed=true]{background:#fff0e5;color:#b75027}.notice{font-size:11px;line-height:1.8;background:#f1f2e8;border-radius:10px;padding:14px 18px;color:#747c65;margin-bottom:24px}.notice b{color:var(--ink)}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:22px}.card{background:white;border:1px solid var(--border);border-radius:15px;padding:27px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:23px}h2{font:700 22px Manrope,sans-serif;letter-spacing:-.7px;margin:7px 0}h3{font:700 16px Manrope,sans-serif;letter-spacing:-.3px;margin:0 0 10px}.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:7px 10px;background:#f1f2ec;color:#7a826e;font-size:10px;white-space:nowrap}.status-pill.online{background:#eaf1e3;color:#4b6935}.dot{width:5px;height:5px;background:currentColor;border-radius:50%;display:inline-block}.empty{text-align:center;padding:25px 10px}.empty-icon{width:76px;height:76px;border:1px solid #e6e8d8;border-radius:24px;background:#f8f7ed;display:grid;place-items:center;font-size:33px;color:#94a178;margin:0 auto 24px;transform:rotate(-6deg)}.empty h3{font-size:20px}.empty p{font-size:12px;line-height:1.9;color:var(--muted);max-width:320px;margin:10px auto 23px}.primary,.secondary{padding:13px 18px;border-radius:9px;font-size:12px;font-weight:600;text-decoration:none;display:inline-block;text-align:center}.primary{background:var(--orange);border:1px solid var(--orange);color:white}.primary:hover{background:#cf4d1e}.secondary{background:white;border:1px solid var(--border);color:var(--ink)}button:disabled{opacity:.5;cursor:default}.side-stack{display:grid;gap:18px;align-content:start}.availability{background:#2c402e;color:#fff8e4;border-color:#2c402e}.availability .eyebrow{color:#c0d09d}.availability h3{font-size:23px;margin:13px 0 10px}.availability p{font-size:11px;line-height:1.9;color:#c4d0b8;margin:0 0 20px}.availability .secondary{width:100%;background:#fff9e8;color:var(--ink);border-color:#fff9e8}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mini-stats>div{padding:20px;border:1px solid var(--border);border-radius:12px;background:#fffefa}.mini-stats small{font-size:10px;color:var(--muted);display:block;line-height:1.6}.mini-stats strong{font:700 26px Manrope,sans-serif;display:block;letter-spacing:-1px;margin:10px 0}.guide p{color:var(--muted);font-size:11px;line-height:1.8}.guide a{font-size:11px;color:var(--orange);font-weight:700}.card-tag{font-size:9px;color:#8a947a;letter-spacing:1.5px}.route{border:1px solid var(--border);border-radius:10px;padding:18px;background:#fdfdf9;margin:19px 0}.route-stop{display:flex;gap:13px;position:relative;padding-bottom:26px}.route-stop:last-child{padding-bottom:0}.route-stop:first-child:after{content:'';position:absolute;width:1px;background:#d5dcca;top:28px;bottom:4px;left:12px}.stop-mark{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;border:1px solid #ced6c2;font-size:10px;flex-shrink:0;color:#7a8967}.stop-mark.orange{background:#fff0e4;color:var(--orange);border-color:#f6d4bb}.route-stop small{font-size:8px;font-weight:700;letter-spacing:1.3px;color:var(--muted)}.route-stop strong{display:block;font-size:13px;margin:5px 0}.route-stop p{font-size:11px;color:var(--muted);margin:0;line-height:1.6}.route-caption{font-size:10px;color:var(--muted);line-height:1.7}.offer-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.offer-pay{font:800 31px Manrope,sans-serif;letter-spacing:-1px;margin:9px 0}.offer-top p{font-size:11px;color:var(--muted);margin:5px 0}.offer-note{padding:12px 14px;border-radius:8px;background:#faf3e7;font-size:11px;line-height:1.8;color:#8f7750}.actions{display:flex;gap:9px;margin-top:22px}.actions .primary{flex:1}.stage-progress{display:flex;gap:6px;margin:15px 0 24px}.stage-progress>span{height:4px;border-radius:5px;background:#e9ecdf;flex:1}.stage-progress>span.filled{background:#89a26d}.next-step{background:#eff4e8;border:1px solid #e0e8d5;border-radius:9px;padding:16px;margin:20px 0}.next-step strong{font-size:13px}.next-step p{font-size:11px;color:#71845e;line-height:1.8;margin:7px 0 0}.delivery-items{font-size:11px;line-height:1.8;color:var(--muted)}.delivery-items b{color:var(--ink)}.confirmation{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.8;margin-top:20px}.confirmation input{width:17px;height:17px;accent-color:var(--orange);margin:3px 0 0;flex-shrink:0}.complete-mark{width:65px;height:65px;margin:auto auto 18px;border-radius:50%;background:#ebf2e2;color:#708f4e;display:grid;place-items:center;font-size:30px}.complete{text-align:center;padding:20px 0}.complete p{font-size:12px;line-height:1.9;color:var(--muted)}.earnings-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.balance-card{background:#2c402e;border-radius:13px;color:#fff7e1;padding:27px;position:relative}.balance-card .eyebrow{color:#c6d6ad}.balance-card strong{display:block;font:800 43px Manrope,sans-serif;letter-spacing:-1.5px;margin:14px 0}.balance-card p{font-size:11px;color:#c7d2b9;line-height:1.8;max-width:340px}.balance-star{position:absolute;right:25px;top:18px;font-size:65px;color:#aec08d}.history-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--border);gap:16px;font-size:12px}.history-row p{font-size:10px;color:var(--muted);margin:6px 0}.profile-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}label{font-size:12px;font-weight:500}input,select{width:100%;border:1px solid var(--border);border-radius:8px;padding:12px;background:#fffefa;min-height:45px;color:var(--ink)}input:disabled{background:#f3f3eb;color:#8c947e}input::placeholder{color:#a0a590}.small-copy{font-size:11px;color:var(--muted);line-height:1.9}.verification-list{display:grid;gap:17px;margin:23px 0}.verification-row{display:flex;gap:10px;align-items:flex-start}.verification-row>span{font-size:16px;color:#b7bea8}.verification-row strong{font-size:12px}.verification-row p{font-size:10px;color:var(--muted);line-height:1.8;margin:5px 0}.form-status{font-size:11px;color:#69854f;line-height:1.8;min-height:20px}.help-box{border-top:1px solid var(--border);padding-top:18px;margin-top:24px}.help-box p{font-size:11px;color:var(--muted);line-height:1.9}footer{display:flex;justify-content:space-between;gap:20px;margin-top:28px;color:var(--muted);font-size:10px}footer a{text-decoration:none}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff8e4;border-radius:10px;padding:14px 20px;font-size:12px;max-width:90vw;z-index:10;box-shadow:0 6px 24px #23312322}[hidden]{display:none!important}@media(max-width:800px){.topbar{height:73px;padding:0 23px}.brand{font-size:35px}.hero-art{width:245px;height:215px}main{padding:28px 23px}.hero h1{font-size:38px}.dashboard-grid,.profile-grid{grid-template-columns:1.3fr 1fr}.card{padding:22px}.mini-stats{grid-template-columns:1fr}.mini-stats>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.mini-stats strong{margin:0;font-size:23px}.mini-stats small:last-child{display:none}.fields{grid-template-columns:1fr}}@media(max-width:600px){.topbar{height:69px;padding:0 20px;gap:15px}.rider-label{padding-left:15px;font-size:8px;letter-spacing:1.3px}.home-link{font-size:10px}main{padding:28px 17px 22px}.hero{margin-bottom:25px;gap:0;position:relative}.hero>div:first-child{z-index:1}.hero h1{font-size:36px;letter-spacing:-1.5px}.hero .eyebrow{font-size:8px;letter-spacing:1.1px}.hero p{font-size:11px;max-width:235px}.hero-art{display:none}.hero-tags{margin-top:18px;gap:6px}.hero-tags span{font-size:9px;padding:6px 9px}.tabs{gap:2px;padding:5px}.tabs button{padding:11px 8px;justify-content:center;flex:1;gap:6px;font-size:13px}.tabs button span{font-size:10px;white-space:nowrap}.notice{font-size:10px;padding:12px 14px;margin-bottom:18px}.dashboard-grid,.profile-grid{grid-template-columns:1fr;gap:16px}.side-stack{grid-template-columns:1fr 1fr;gap:12px}.availability{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;column-gap:12px;align-items:center}.availability .eyebrow{grid-column:1/-1}.availability h3{font-size:20px;margin:10px 0}.availability p{grid-column:1;max-width:230px;margin:0}.availability .secondary{grid-column:2;grid-row:2/4;width:auto;padding:11px 15px}.mini-stats{display:contents}.mini-stats>div{display:block;padding:16px}.mini-stats strong{font-size:26px;margin:10px 0}.mini-stats small:last-child{display:block}.side-stack .guide{grid-column:1/-1}.card{padding:21px}.card-head{margin-bottom:20px}.card h2{font-size:21px}.empty{padding:13px 0}.empty-icon{width:60px;height:60px;font-size:27px;margin-bottom:21px}.empty h3{font-size:19px}.empty p{font-size:11px}.offer-pay{font-size:28px}.fields{grid-template-columns:1fr}.balance-card{padding:23px}.balance-card strong{font-size:37px}.balance-star{font-size:46px}.earnings-header{align-items:flex-start}.earnings-header .secondary{font-size:10px;padding:10px 12px}.actions .primary,.actions .secondary{padding:13px 12px;font-size:11px}.profile-grid>.card{min-width:0}footer{font-size:9px}}
.rider-map-card{margin-bottom:22px;padding:22px;overflow:hidden}.map-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.map-heading h2{font-size:20px}.map-heading .secondary{font-size:10px;padding:10px 13px;white-space:nowrap}#riderMap{height:280px;width:100%;border-radius:10px;background:#f0f1e6;z-index:0}#riderMap .leaflet-container{font-family:'DM Sans',sans-serif}.map-status{font-size:11px;color:#7b806e;line-height:1.7;margin:10px 0 0}.map-footnote{font-size:10px;color:var(--muted);line-height:1.8;margin:8px 0 0}.map-legend{display:flex;gap:20px;flex-wrap:wrap;margin-top:14px;font-size:10px}.map-legend>span{display:flex;gap:7px;align-items:center}.map-legend b{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;font-size:9px;color:white}.legend-pickup{background:#e75e29}.legend-dropoff{background:#354d32}.rider-map-pin{background:none!important;border:0!important}.rider-map-pin span{display:grid;place-items:center;width:31px;height:31px;border-radius:50% 50% 50% 5px;transform:rotate(-45deg);background:#e75e29;color:white;box-shadow:0 2px 8px #293a2a44;border:3px solid white}.rider-map-pin span b{transform:rotate(45deg);font-size:11px}.rider-map-pin.dropoff span{background:#354d32}.rider-map-pin.active span{box-shadow:0 0 0 5px #f5ad7755,0 2px 8px #293a2a44}.map-status:empty{display:none}#retryRiderMap{margin-top:10px}.rider-map-card .leaflet-control-attribution{font-size:9px;background:#ffffffe8}@media(max-width:600px){.rider-map-card{padding:17px;margin-bottom:17px}.map-heading{gap:8px}.map-heading .eyebrow{font-size:7px;letter-spacing:1px}.map-heading h2{font-size:18px}.map-heading .secondary{font-size:9px;padding:9px}#riderMap{height:245px}.map-legend{gap:15px}}
@media(max-width:360px){.tabs button{min-width:0;font-size:0;gap:0;padding:12px 5px}.tabs button span{font-size:10px;white-space:normal;text-align:center}}