:root{--ink:#1b1b1b;--subtle:#777;--faint:#b5b5b5;--border:#e7e7e7;--chip:#f6f6f6;--yellow:#ffd966;--green:#3e9b4f;--red:#d64545;--bg:#fff;--page:#f5f5f5;--blue:#3b6ff5}*{box-sizing:border-box;letter-spacing:0;margin:0;padding:0}html,body{background:var(--page);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;font:inherit;letter-spacing:0;background:0 0;border:none}input{color:var(--ink);font:inherit;letter-spacing:0;background:0 0;border:none;outline:none;width:100%}::placeholder{color:var(--faint)}.shell{background:var(--bg);max-width:760px;min-height:100vh;margin:0 auto;padding:18px 18px 28px}.authWrap{background:var(--bg);max-width:560px;min-height:100vh;margin:0 auto;padding:28px 20px}.h1{font-size:2rem;font-weight:750}.h2{font-size:1.45rem;font-weight:700}.h3{font-size:1.1rem;font-weight:650}.body{font-size:1rem}.small{color:var(--subtle);font-size:.86rem}.label{color:var(--subtle);text-transform:uppercase;font-size:.78rem;font-weight:650}.medium{font-weight:650}.subtle{color:var(--subtle)}.green{color:var(--green)}.red{color:var(--red)}.row{align-items:center;gap:12px;display:flex}.row.wrap{flex-wrap:wrap}.spread{justify-content:space-between;align-items:center;gap:12px;display:flex}.stack{gap:14px;display:grid}.card{border:1px solid var(--border);background:#fff;border-radius:8px;padding:18px}.softPanel{background:var(--chip);border-radius:8px;padding:18px}.routePanel{border-radius:8px;margin-top:16px;overflow:hidden}.liveMap{background:#e9efe7;border-radius:8px;width:100%;min-height:220px;position:relative;overflow:hidden}.liveMapTiles{position:absolute;inset:0}.liveMapTiles img{-webkit-user-select:none;user-select:none;width:256px;height:256px;position:absolute}.liveMapOverlay{width:100%;height:100%;position:absolute;inset:0}.routeShadow,.routeLine{fill:none;stroke-linecap:round;stroke-linejoin:round}.routeShadow{stroke:#ffffffeb;stroke-width:13px}.routeLine{stroke:var(--blue);stroke-width:7px}.destinationHalo{fill:#d645452e}.destinationPin{fill:var(--red)}.riderHalo{fill:#3b6ff52e}.riderDot{fill:var(--blue)}.mapChip{background:#fffffff0;border:1px solid #00000014;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-size:.82rem;font-weight:750;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:0 8px 24px #00000014}.mapChip span+span{border-left:1px solid var(--border);padding-left:8px}.mapNotice{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#1b1b1bd6;border-radius:999px;max-width:calc(100% - 96px);padding:8px 11px;font-size:.78rem;font-weight:650;position:absolute;bottom:12px;left:12px;overflow:hidden}.mapAttribution{color:var(--subtle);background:#ffffffe6;border-radius:999px;padding:5px 8px;font-size:.68rem;position:absolute;bottom:10px;right:10px}.avatar{background:var(--yellow);color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:750;display:flex}.pill{background:var(--ink);color:#fff;border-radius:28px;justify-content:center;align-items:center;width:100%;height:54px;padding:0 20px;font-size:1rem;font-weight:650;transition:opacity .15s;display:flex}.pill:disabled{cursor:default;background:#cfcfcf}.pill.outline{border:1px solid var(--border);color:var(--ink);background:#fff}.pill.yellow{background:var(--yellow);color:var(--ink)}.pill.compact{border-radius:22px;width:auto;height:44px;padding:0 18px}.field{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:12px;width:100%;padding:15px 16px;display:flex}.field:focus-within{border-color:var(--ink)}.fieldLabel{margin-bottom:8px;font-size:.9rem;font-weight:650;display:block}.otpRow{justify-content:center;gap:10px;display:flex}.otpDot{background:var(--chip);color:var(--ink);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.5rem;font-weight:650;display:flex}.otpDot.filled{background:var(--yellow)}.badge{border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.badge.active{color:var(--blue);background:#edf2ff}.badge.done{color:var(--green);background:#eaf6ed}.badge.declined{color:var(--red);background:#fbeaea}.jobButton{text-align:left;width:100%;display:block}.divider{border:none;border-top:1px solid var(--border)}.metricGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.metric{background:var(--chip);border-radius:8px;padding:14px}.stickyActions{background:linear-gradient(#fff0,#fff 18%);gap:10px;margin:10px -18px -28px;padding:18px;display:grid;position:sticky;bottom:0}@media (min-width:720px){.shell,.authWrap{border-left:1px solid var(--border);border-right:1px solid var(--border)}.metricGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}