:root{--y:#ffc107;--y-dim:#ffc10724;--bg:#0b0b0b;--bg-1:#151515;--bg-2:#1e1e1e;--line:#2a2a2a;--tx:#f5f5f5;--muted:#9a9a9a;--ok:#43a047;--bad:#ef5350;--wa:#25d366;--r:16px;--tab-h:66px;--safe-b:env(safe-area-inset-bottom,0px);color:var(--tx);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{overscroll-behavior:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}.ic{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vertical-align:-5px;flex-shrink:0;width:22px;height:22px}.splash{place-items:center;height:100%;display:grid}.app{flex-direction:column;max-width:600px;height:100%;margin:0 auto;display:flex}.main{flex:1;min-height:0;position:relative;overflow:hidden}.demo-banner,.offline-banner{text-align:center;padding:4px;font-size:12px;font-weight:700}.demo-banner{background:var(--y);color:#000}.offline-banner{background:var(--bad)}.top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.who{align-items:center;gap:10px;min-width:0;display:flex}.who strong{white-space:nowrap;text-overflow:ellipsis;font-size:16px;display:block;overflow:hidden}.who small{color:var(--muted);font-family:ui-monospace,Menlo,monospace;font-size:12px}.avatar{background:var(--y);color:#000;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.online-switch{background:var(--bg-2);border:2px solid var(--line);width:132px;height:46px;color:var(--muted);border-radius:99px;align-items:center;padding:0 14px 0 50px;font-size:14px;font-weight:800;transition:background .3s,color .3s,border-color .3s;display:flex;position:relative}.online-switch .knob{background:#555;border-radius:50%;width:34px;height:34px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .3s;position:absolute;top:4px;left:4px}.online-switch.on{background:var(--ok);border-color:var(--ok);color:#fff;padding:0 50px 0 14px}.online-switch.on .knob{background:#fff;transform:translate(82px)}.tabbar{height:calc(var(--tab-h) + var(--safe-b));padding-bottom:var(--safe-b);border-top:1px solid var(--line);background:var(--bg-1);display:flex}.tab{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:12px;font-weight:700;display:flex}.tab-on{color:var(--y)}.page{flex-direction:column;gap:14px;height:100%;padding:18px 16px 24px;display:flex;overflow-y:auto}.page.center{text-align:center;justify-content:center;align-items:center}.page-title{font-size:26px}.h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:13px}.list{flex-direction:column;gap:12px;list-style:none;display:flex}.card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:10px;padding:14px;display:flex}.row-between{flex-direction:row;justify-content:space-between;align-items:center}.muted{color:var(--muted)}.small{font-size:13px}.go-online{background:var(--y);color:#000;width:200px;height:200px;box-shadow:0 0 0 10px var(--y-dim), 0 0 0 22px #ffc1070f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:22px;font-weight:900;animation:2.6s ease-in-out infinite breathe;display:flex}.go-online .ic{stroke-width:2.5px;width:52px;height:52px}.waiting{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:36px 0 12px;font-size:18px;font-weight:700;display:flex}.radar{background:var(--ok);border-radius:50%;width:70px;height:70px;position:relative}.radar:before,.radar:after{content:"";border:3px solid var(--ok);border-radius:50%;animation:2s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;top:0;bottom:0;left:0;right:0}.radar:after{animation-delay:1s}.stats{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.stat{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r);text-align:left;flex-direction:column;gap:2px;padding:14px;display:flex}.stat small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.stat strong{color:var(--y);font-size:24px}.stat span{color:var(--muted);font-size:13px}.fee-lock{background:var(--bg-1);border:2px solid var(--y);border-radius:22px;flex-direction:column;align-items:center;gap:12px;width:100%;padding:22px 18px;animation:.4s cubic-bezier(.16,1,.3,1) up;display:flex}.fee-icon{background:var(--y-dim);width:64px;height:64px;color:var(--y);border-radius:50%;place-items:center;display:grid}.fee-icon .ic{width:32px;height:32px}.fee-lock h2{font-size:22px}.fee-amount{color:var(--y);font-size:40px;font-weight:900}.fee-lock .row-2{width:100%}.btn-wa{background:var(--wa);color:#fff}.fee-ok{color:var(--ok);font-weight:800}.plan-card strong:first-child{color:var(--y)}.offer-top{justify-content:space-between;align-items:center;display:flex}.pill{background:var(--y-dim);color:var(--y);border-radius:99px;padding:5px 10px;font-size:13px;font-weight:800}.fare{font-size:22px}.route-mini{flex-direction:column;gap:10px;display:flex}.route-mini p{align-items:flex-start;gap:12px;font-size:15px;font-weight:600;display:flex}.route-mini small{color:var(--muted);margin-top:2px;font-size:13px;font-weight:500;display:block}.route-mini.big p{font-size:17px}.dot{border-radius:50%;flex-shrink:0;width:13px;height:13px;margin-top:5px}.dot-a{background:var(--y);box-shadow:0 0 0 4px var(--y-dim)}.dot-b{background:#fff;box-shadow:0 0 0 4px #333}.alert{z-index:3000;background:#000000d1;justify-content:center;align-items:flex-end;animation:.2s fade;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.alert-card{background:var(--bg-1);border-top:4px solid var(--y);width:100%;max-width:600px;padding:20px 18px calc(20px + var(--safe-b));border-radius:24px 24px 0 0;flex-direction:column;gap:14px;animation:.35s cubic-bezier(.16,1,.3,1) up;display:flex}.alert-head{justify-content:space-between;align-items:center;display:flex}.alert-head small{color:var(--y);text-transform:uppercase;letter-spacing:.1em;font-size:13px;font-weight:900;animation:1s steps(2,end) infinite blink}.alert-head h1{font-size:26px}.alert-fare{color:var(--y);letter-spacing:-.02em;font-size:44px;font-weight:900}.alert-dist{background:var(--bg-2);border-radius:12px;align-self:flex-start;align-items:center;gap:8px;padding:8px 12px;font-weight:800;display:inline-flex}.ring{width:64px;height:64px;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:6px}.ring-bg{stroke:var(--bg-2)}.ring-fg{stroke:var(--y);stroke-linecap:round;transition:stroke-dashoffset .25s linear}.ring text{transform-origin:30px 30px;fill:var(--tx);text-anchor:middle;font-size:18px;font-weight:900;transform:rotate(90deg)}.alert-actions{grid-template-columns:1fr 1.618fr;gap:10px;display:grid}.btn{border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:54px;padding:0 18px;font-size:17px;font-weight:800;transition:transform .15s,opacity .2s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;pointer-events:none}.btn-block{width:100%}.btn.big{min-height:64px;font-size:20px}.btn-primary{background:var(--y);color:#000}.btn-outline{border:2px solid #444}.btn-ghost{background:var(--bg-2)}.btn-nav{color:#fff;background:#1a73e8;align-self:flex-start;min-height:48px;font-size:16px}.btn.left{justify-content:flex-start}.btn.stage.confirm{background:var(--ok);color:#fff}.link-danger{color:var(--bad);align-self:center;padding:10px;font-weight:800}.icon-btn{background:var(--bg-2);border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.icon-btn.round{border-radius:50%}.icon-btn.wa{background:var(--wa);color:#fff}.row-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.active{flex-direction:column;height:100%;display:flex}.active-map{flex:0 0 30%;min-height:150px}.active-panel{border-top:1px solid var(--line);flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.active-head{justify-content:space-between;align-items:center;display:flex}.badge{background:var(--y);color:#000;border-radius:99px;padding:5px 10px;font-size:13px;font-weight:800}.sched{color:var(--y);font-weight:700}.target{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:8px;padding:14px;display:flex}.target small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}.target strong{font-size:20px;line-height:1.25}.rider-row{align-items:center;gap:10px;display:flex}.rider-row .grow{flex-direction:column;flex:1;min-width:0;display:flex}.rider-row small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:800}.note{background:var(--y-dim);color:var(--y);border-radius:12px;padding:10px 12px;font-weight:600}.collect{justify-content:space-between;align-items:baseline;padding:6px 2px;display:flex}.collect span{color:var(--muted);font-weight:700}.collect strong{color:var(--y);font-size:28px}.kv{justify-content:space-between;gap:12px;font-size:15px;display:flex}.kv span{color:var(--muted)}.kv.warn strong{color:var(--bad)}.plate{background:var(--y);color:#000;border-radius:6px;padding:2px 8px;font-family:ui-monospace,Menlo,monospace}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--muted);font-size:13px;font-weight:700}.field input,.field select{border:2px solid var(--line);background:var(--bg-1);border-radius:14px;width:100%;padding:15px 14px;font-size:18px}.field input:focus,.field select:focus{border-color:var(--y);outline:none}.login{flex-direction:column;gap:16px;max-width:440px;min-height:100%;margin:0 auto;padding:24px 20px;display:flex}.login-brand{flex-direction:column;align-items:center;gap:10px;padding:30px 0 10px;display:flex}.login-brand img{border-radius:18px}.login h2{font-size:20px}.phone-input{border:2px solid var(--line);background:var(--bg-1);border-radius:14px;align-items:center;display:flex}.phone-input b{color:var(--muted);padding:0 4px 0 14px}.phone-input input{background:0 0;border:0;flex:1;padding:15px 14px 15px 6px;font-size:18px}.phone-input:focus-within{border-color:var(--y)}.code-input{letter-spacing:.5em;text-align:center;font-weight:800;font-size:26px!important}.demo-hint{background:var(--bg-1);border-radius:var(--r);border:1px dashed #444;flex-direction:column;gap:8px;padding:12px;font-size:14px;display:flex}.demo-hint button{text-align:left;background:var(--bg-2);border-radius:10px;padding:10px;font-weight:600}.sheet-backdrop{z-index:2500;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{background:var(--bg-1);width:100%;max-width:600px;padding:10px 18px calc(18px + var(--safe-b));border-radius:24px 24px 0 0;flex-direction:column;gap:12px;animation:.3s cubic-bezier(.16,1,.3,1) up;display:flex}.sheet-grip{background:#444;border-radius:9px;align-self:center;width:40px;height:5px}.sheet-title{font-size:20px}.toast{left:50%;bottom:calc(var(--tab-h) + 20px);z-index:4000;color:#000;background:#fff;border-radius:12px;max-width:90vw;padding:12px 18px;font-weight:700;animation:.3s up;position:fixed;transform:translate(-50%)}.toast-err{background:var(--bad);color:#fff}.spinner{border:3px solid #fff3;border-top-color:currentColor;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin;display:inline-block}.spinner-sm{width:20px;height:20px}.map{background:#1d2226;width:100%;height:100%}.leaflet-tile-pane{filter:brightness(.75)contrast(1.1)saturate(.6)}.mk{width:28px;height:36px;position:relative}.mk span{border:3px solid #fff;border-radius:50% 50% 50% 0;width:20px;height:20px;position:absolute;top:0;left:4px;transform:rotate(-45deg);box-shadow:0 2px 6px #00000080}.mk-pickup span{background:var(--y)}.mk-dropoff span{background:#000}.mk-driver span{background:#1a73e8;border-radius:50%}.leaflet-container{font:inherit}.leaflet-control-attribution{font-size:10px}@keyframes up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes blink{50%{opacity:.35}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.pay-row{flex-direction:column;gap:8px;width:100%;display:flex}.btn.pay-moncash{color:#fff;background:#d0021b}.btn.pay-natcash{color:#fff;background:#ef6c00}.pm-tag{vertical-align:middle;color:#fff;border-radius:99px;margin-left:10px;padding:4px 10px;font-size:14px;font-weight:800}.pm-tag.pm-moncash{background:#d0021b}.pm-tag.pm-natcash{background:#ef6c00}.collect-app{background:var(--bg-1);border-radius:var(--r);border:2px solid #ef6c00;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.collect-app small{color:var(--muted);font-weight:700;display:block}.collect-app strong{color:var(--y);font-size:26px}.collect-app p{align-items:center;gap:8px;font-weight:800;display:flex}.collect-app.paid{border-color:var(--ok)}.collect-app.paid p{color:var(--ok)}.balance>strong{font-size:30px}.balance .kv strong{color:var(--tx);font-size:15px}.balance.due>strong{color:var(--ok)}.balance.owe>strong{color:var(--bad)}.balance>small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:800}.demo-pay{text-align:center;align-items:stretch}.demo-pay-brand{color:#fff;border-radius:14px;padding:14px;font-size:28px;font-weight:900}.demo-pay-brand small{opacity:.8;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:700}.demo-pay-moncash .demo-pay-brand,.demo-pay-moncash .demo-pay-ok{color:#fff;background:#d0021b}.demo-pay-natcash .demo-pay-brand,.demo-pay-natcash .demo-pay-ok{color:#fff;background:#ef6c00}.demo-pay-merchant{font-weight:700}.demo-pay-amount{font-size:36px;font-weight:900}.demo-pay-note{color:var(--muted);font-size:13px}