:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0a0a0a;background:#f7f7f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--u-black:#000;--u-ink:#0a0a0a;--u-graphite:#161616;--u-surface:#111;--u-surface-2:#191919;--u-line:#e7e7e2;--u-line-strong:#d6d6d0;--u-paper:#fff;--u-warm:#f7f7f5;--u-muted:#6f6f69;--u-muted-2:#989890;--u-primary:#2e8b57;--u-primary-hover:#267349;--u-primary-soft:rgba(46,139,87,.12);--u-primary-border:rgba(46,139,87,.28);--u-danger:#ef4444;--u-warning:#f59e0b;--u-info:#3b82f6;--u-shadow:0 24px 70px rgba(0,0,0,.08);--u-shadow-soft:0 10px 34px rgba(0,0,0,.055);--u-radius-xl:32px;--u-radius-lg:24px;--u-radius-md:18px;--u-radius-sm:12px}*{box-sizing:border-box}html{background:var(--u-warm);scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--u-warm);color:var(--u-ink)}button,input,select,textarea{font:inherit}button{color:inherit}.u-app{min-height:100dvh;display:flex;flex-direction:column;background:var(--u-warm)}.u-topbar{height:76px;padding:0 clamp(18px,3.6vw,42px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(0,0,0,.055);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.u-topbar--light{background:#f7f7f5eb;color:#050505}.u-topbar--dark{background:#050505eb;color:#fff;border-color:#202020}.u-topbar__title{font-size:12px;font-weight:760;letter-spacing:-.01em;color:var(--u-muted)}.u-topbar--dark .u-topbar__title{color:#9a9a94}.u-topbar__action{justify-self:end;display:flex;align-items:center;gap:8px}.u-mark{display:flex;align-items:baseline;letter-spacing:-.075em;font-size:29px;font-weight:900;width:max-content}.u-mark span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--u-black);color:#fff;letter-spacing:-.1em;margin-right:2px;line-height:1;font-size:22px}.u-mark b{font-weight:900}.u-mark--light{color:#fff}.u-mark--light span{background:#fff;color:#000}.u-iconButton{height:42px;min-width:42px;padding:0 13px;border:1px solid rgba(0,0,0,.07);border-radius:50%;background:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 10px #00000008;transition:transform .18s cubic-bezier(.2,.8,.2,1),background .18s,border-color .18s}.u-topbar--dark .u-iconButton{background:#181818;color:#fff;border-color:#282828}.u-iconButton:hover{transform:translateY(-1px);border-color:#cfcfc8}.u-primaryButton{width:100%;min-height:58px;border:1px solid var(--u-primary);border-radius:18px;background:var(--u-primary);color:#fff;padding:0 22px;font-weight:820;font-size:15px;letter-spacing:-.015em;cursor:pointer;box-shadow:0 10px 28px #2e8b5729;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,background .18s,border-color .18s}.u-primaryButton:hover{background:var(--u-primary-hover);border-color:var(--u-primary-hover);box-shadow:0 14px 34px #2e8b5738}.u-primaryButton:active{transform:scale(.985)}.u-primaryButton:disabled{opacity:.45;cursor:not-allowed}.u-secondaryButton{min-height:50px;border:1px solid var(--u-line-strong);border-radius:16px;background:#fff;color:#0a0a0a;padding:0 18px;font-weight:780;cursor:pointer}.u-ghostButton{min-height:44px;border:0;border-radius:14px;background:transparent;color:inherit;padding:0 14px;font-weight:760;cursor:pointer}.u-statusChip{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;background:var(--u-primary-soft);color:var(--u-primary-hover);border:1px solid var(--u-primary-border);font-size:9px;font-weight:850}.u-statusChip:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--u-primary)}.u-card{background:#fff;border:1px solid var(--u-line);border-radius:var(--u-radius-lg);box-shadow:0 1px #00000005}.u-primaryButton:focus-visible,.u-secondaryButton:focus-visible,.u-ghostButton:focus-visible,.u-iconButton:focus-visible,.u-bottomNav button:focus-visible{outline:3px solid rgba(46,139,87,.35);outline-offset:3px}.u-bottomNav{position:sticky;bottom:0;z-index:30;margin-top:auto;padding:8px max(10px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:#fffffff5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(0,0,0,.07)}.u-bottomNav button{border:0;background:none;display:grid;gap:4px;place-items:center;font-size:10px;color:#85857f;min-height:52px;cursor:pointer}.u-bottomNav button.is-active{color:#000;font-weight:780}.u-navIcon{width:22px;height:22px;display:grid;place-items:center;transition:transform .18s,color .18s}.u-bottomNav button.is-active .u-navIcon{transform:translateY(-1px);color:var(--u-primary)}.u-map{position:relative;min-height:360px;overflow:hidden;background:#edede8;isolation:isolate}.u-map__roads,.u-map__minorRoads{position:absolute;inset:-20%;pointer-events:none}.u-map__roads{opacity:.94;background-image:linear-gradient(27deg,transparent 47.3%,#fff 47.8%,#fff 51.2%,transparent 51.7%),linear-gradient(102deg,transparent 48%,#fff 48.5%,#fff 50.8%,transparent 51.3%),linear-gradient(158deg,transparent 48%,#d2d2cc 48.5%,#d2d2cc 50.5%,transparent 51%);background-size:230px 190px,290px 245px,390px 300px}.u-map__minorRoads{opacity:.38;background-image:linear-gradient(70deg,transparent 49%,#d8d8d2 49.4%,#d8d8d2 50.6%,transparent 51%),linear-gradient(135deg,transparent 49%,#fff 49.4%,#fff 50.6%,transparent 51%);background-size:165px 175px,210px 190px}.u-map:after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 54% 42%,transparent 0 28%,rgba(247,247,245,.64) 80%);pointer-events:none}.u-map--dark{background:#0c0c0c}.u-map--dark .u-map__roads{filter:invert(1);opacity:.11}.u-map--dark .u-map__minorRoads{filter:invert(1);opacity:.06}.u-map--dark:after{background:radial-gradient(circle at 52% 44%,transparent 0 26%,rgba(0,0,0,.64) 82%)}.u-map__pin{position:absolute;z-index:4;left:50%;top:43%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:15px;background:#000;color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 14px 34px #00000038}.u-map--dark .u-map__pin{background:#fff;color:#000}.u-map__pulse{position:absolute;z-index:3;left:50%;top:43%;width:108px;height:108px;border-radius:50%;transform:translate(-50%,-50%);background:#2e8b5729;animation:uPulse 2.4s ease-out infinite}.u-map--dark .u-map__pulse{background:#2e8b5733}@keyframes uPulse{0%{transform:translate(-50%,-50%) scale(.45);opacity:1}90%,to{transform:translate(-50%,-50%) scale(1.15);opacity:0}}.u-sheet{background:#fff;border-radius:28px 28px 0 0;padding:26px 22px}.u-sheet--elevated{box-shadow:0 -18px 50px #00000014}.u-metric{display:grid;gap:4px;min-width:0}.u-metric strong{font-size:clamp(28px,5vw,44px);line-height:.95;letter-spacing:-.055em}.u-metric span{font-size:11px;color:var(--u-muted);line-height:1.25}.u-metric small{font-size:9px;color:var(--u-muted-2)}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.u-map__pulse{animation:none}.u-primaryButton,.u-iconButton,.u-navIcon{transition:none}}@media(min-width:900px){.u-app{min-height:100vh}.u-bottomNav{position:fixed;left:50%;bottom:20px;transform:translate(-50%);width:min(460px,calc(100vw - 40px));border:1px solid rgba(0,0,0,.08);border-radius:22px;box-shadow:0 16px 46px #0000001f;padding:8px 12px;background:#ffffffed}.u-map{min-height:540px}}.driver{background:#f7f7f5}.driver-avatar{font-size:10px;font-weight:900}.driver-shell{width:min(1540px,100%);margin:0 auto;padding:20px clamp(16px,2.8vw,36px) 112px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(400px,.85fr);gap:20px;align-items:stretch}.driver-mapWrap{min-width:0}.driver .u-map{height:calc(100vh - 136px);min-height:640px;border-radius:32px;border:1px solid #e5e5df}.driver-status{position:absolute;z-index:7;top:18px;left:18px;background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.05);border-radius:999px;padding:10px 13px;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:850;box-shadow:0 8px 30px #00000012}.driver-status i{width:7px;height:7px;border-radius:50%;background:#aaa}.driver-status.is-online{background:var(--u-primary);color:#fff;border-color:var(--u-primary)}.driver-status.is-online i{background:#fff}.driver-demand{position:absolute;z-index:7;left:18px;bottom:18px;min-width:180px;background:#fffffff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(0,0,0,.05);border-radius:18px;padding:14px;display:grid;gap:3px;box-shadow:0 10px 36px #0000001a}.driver.is-online .driver-demand{background:#0e0e0eed;color:#fff;border:1px solid #242424}.driver-demand span,.driver-demand small{font-size:8px;color:#7b7b75}.driver-demand strong{font-size:14px}.driver.is-online .driver-demand span,.driver.is-online .driver-demand small{color:#92928d}.driver-locate{position:absolute;z-index:7;right:18px;bottom:18px;width:44px;height:44px;border:1px solid rgba(0,0,0,.06);border-radius:50%;background:#fff;font-size:20px;box-shadow:0 8px 26px #0000001a}.heat{position:absolute;z-index:2;border-radius:50%;background:#2e8b5724;filter:blur(2px);opacity:0;transition:opacity .25s}.driver.is-online .heat{opacity:1}.heat--one{width:170px;height:170px;left:18%;top:22%}.heat--two{width:120px;height:120px;right:18%;top:38%}.heat--three{width:210px;height:210px;left:44%;bottom:12%}.driver-panel{background:#fff;border:1px solid #e7e7e2;border-radius:32px;padding:30px;display:flex;flex-direction:column;gap:18px;min-height:640px;box-shadow:var(--u-shadow-soft)}.driver-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.eyebrow{font-size:8px;letter-spacing:.16em;font-weight:850;color:#7c7c75}.driver h1{font-size:clamp(36px,4.2vw,58px);line-height:.93;letter-spacing:-.062em;margin:9px 0 0;max-width:540px}.driver-switch{border:1px solid #dfdfd9;border-radius:999px;background:#f0f0ec;padding:6px 10px 6px 6px;display:flex;align-items:center;gap:7px;font-size:9px;font-weight:800;cursor:pointer;transition:background .18s,border-color .18s}.driver-switch i{width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000014}.driver-switch.is-on{background:#0b0b0b;color:#fff;border-color:#0b0b0b}.driver-switch.is-on i{background:var(--u-primary)}.driver-money{display:grid;grid-template-columns:1fr 1fr;gap:12px}.driver-money>.u-metric,.driver-balance{border:1px solid #e8e8e3;border-radius:22px;padding:20px;background:#fafaf8}.driver-money .u-metric strong{font-size:34px}.driver-balance{display:grid;gap:5px}.driver-balance>span{font-size:9px;color:#777}.driver-balance strong{font-size:24px;letter-spacing:-.045em}.driver-balance button{border:0;background:none;padding:9px 0 0;text-align:left;font-size:9px;font-weight:800;color:var(--u-primary-hover);cursor:pointer}.driver-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e8e8e3;border-radius:22px;overflow:hidden}.driver-stats>div{padding:16px;border-right:1px solid #e8e8e3;display:grid;gap:6px}.driver-stats>div:last-child{border-right:0}.driver-stats span{font-size:8px;color:#777}.driver-stats strong{font-size:20px;letter-spacing:-.04em}.driver-stats small{font-size:8px;color:#777;font-weight:700}.driver-stats i{height:4px;background:#ecece8;border-radius:99px;overflow:hidden}.driver-stats i b{display:block;width:68%;height:100%;background:var(--u-primary)}.driver-offer{margin-top:auto;background:#0a0a0a;color:#fff;border-radius:28px;padding:24px;border:1px solid #171717}.offer-head{display:flex;align-items:flex-start;justify-content:space-between}.offer-head>div{display:grid;gap:5px}.offer-head span{font-size:8px;letter-spacing:.12em;color:#81817c}.offer-head strong{font-size:34px;letter-spacing:-.055em}.offer-head>b{width:40px;height:40px;border-radius:50%;background:var(--u-primary);color:#fff;display:grid;place-items:center;font-size:10px;box-shadow:0 0 0 8px #2e8b571f}.offer-route{margin:22px 0;display:grid;gap:16px}.offer-route>div{display:grid;grid-template-columns:14px 1fr;gap:10px;align-items:start;position:relative}.offer-route>div:first-child:after{content:"";position:absolute;left:5px;top:13px;width:1px;height:27px;background:#3c3c3c}.offer-route i{width:10px;height:10px;border-radius:50%;border:2px solid #fff;margin-top:2px}.offer-route>div:last-child i{background:var(--u-primary);border-color:var(--u-primary)}.offer-route span{display:grid;gap:3px}.offer-route b{font-size:11px}.offer-route small{font-size:8px;color:#7f7f79}.offer-actions{display:grid;grid-template-columns:.72fr 1.28fr;gap:8px}.offer-actions button{height:50px;border:1px solid #2c2c2c;border-radius:15px;background:#171717;color:#fff;font-size:10px;font-weight:800;cursor:pointer}.offer-actions .accept{background:var(--u-primary);color:#fff;border-color:var(--u-primary);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.offer-actions .accept:hover{background:var(--u-primary-hover)}.driver-ready{margin-top:auto;border-top:1px solid #e8e8e3;padding-top:20px;display:grid;gap:20px}.driver-ready>div>span{font-size:8px;letter-spacing:.14em;color:#8a8a84;font-weight:850}.driver-ready h2{margin:7px 0 0;font-size:25px;line-height:1.05;letter-spacing:-.045em;max-width:420px}.driver-ready .u-primaryButton{display:flex;justify-content:space-between;align-items:center}.driver .u-bottomNav{display:none}@media(max-width:1050px){.driver-shell{grid-template-columns:1fr 420px}.driver .u-map{min-height:560px;height:calc(100vh - 128px)}.driver-panel{min-height:560px;padding:22px}.driver h1{font-size:42px}}@media(max-width:900px){.driver-shell{display:flex;flex-direction:column;padding-bottom:94px}.driver-mapWrap{order:1}.driver-panel{order:2;min-height:auto}.driver .u-map{height:auto;min-height:48dvh;border-radius:26px}.driver .u-bottomNav{display:grid}.driver-offer,.driver-ready{margin-top:10px}}@media(max-width:620px){.driver-shell{padding:10px 12px 90px;gap:12px}.driver .u-map{min-height:46dvh}.driver-panel{border-radius:26px;padding:20px;gap:14px}.driver-panel__head{display:grid;grid-template-columns:1fr auto}.driver h1{font-size:40px}.driver-switch{align-self:start}.driver-money{grid-template-columns:1fr 1fr}.driver-money>.u-metric,.driver-balance{padding:16px}.driver-money .u-metric strong{font-size:28px}.driver-balance strong{font-size:20px}.driver-stats>div{padding:13px 10px}.driver-stats strong{font-size:17px}.driver-demand{bottom:14px;left:14px}.driver-locate{right:14px;bottom:14px}.offer-head strong{font-size:30px}}