:root{--lg-blue:#0754b8;--lg-ink:#16304e;--lg-muted:#61758b;--lg-line:#dce5ef;--lg-bg:#f5f8fc}
*{box-sizing:border-box}.lg-page{margin:0;background:var(--lg-bg);color:var(--lg-ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.lg-page a{color:var(--lg-blue);text-decoration:none}.lg-page a:hover{text-decoration:underline}.lg-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px max(20px,calc((100vw - 1180px)/2));background:#fff;border-bottom:1px solid var(--lg-line)}.lg-top img{width:145px;height:52px;object-fit:contain}.lg-top nav,.lg-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.lg-shell{max-width:1180px;margin:0 auto;padding:28px 22px 60px}.lg-narrow{max-width:800px}.lg-page h1{font-size:clamp(25px,4vw,34px);letter-spacing:-.8px;margin:10px 0 20px}.lg-page h2{font-size:21px;margin:0 0 14px}.lg-page h3{margin:0 0 10px}.lg-page p{margin:10px 0 18px}.lg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lg-card{padding:24px;border:1px solid var(--lg-line);border-radius:18px;background:#fff;margin:0 0 20px;box-shadow:0 6px 24px #173d6410}.lg-page fieldset{border:1px solid var(--lg-line);border-radius:12px;padding:18px;margin:12px 0 20px;min-width:0}.lg-page legend{font-weight:700;padding:0 8px}.lg-page label{display:grid;gap:7px;font-size:14px;font-weight:600;margin:0 0 15px}.lg-page input:not([type=checkbox]),.lg-page select,.lg-page textarea{width:100%;border:1px solid #bdcbdc;border-radius:9px;padding:11px 12px;background:#fff;color:var(--lg-ink);font:inherit;min-width:0}.lg-page input:focus,.lg-page select:focus,.lg-page textarea:focus{outline:3px solid #0754b829;border-color:var(--lg-blue)}.lg-page input[type=file]{font-size:12px;padding:12px}.lg-page button,.lg-button{cursor:pointer;padding:10px 16px;border:1px solid #b8cbe2;border-radius:10px;font:600 14px/1.5 system-ui;color:var(--lg-blue);background:#fff}.lg-page button:hover{background:#edf4fd}.lg-page button:disabled{opacity:.55;cursor:wait}.lg-page button.lg-primary,.lg-primary{background:var(--lg-blue);color:#fff;border-color:var(--lg-blue)}.lg-page button.lg-primary:hover{background:#06499f}.lg-page small,.lg-muted{display:block;color:var(--lg-muted);font-size:13px;font-weight:400}.lg-notice{padding:14px 18px;background:#e7f1ff;border-left:4px solid var(--lg-blue);border-radius:8px}.lg-error{background:#fff0ec;border-color:#cb4634;color:#923024}.lg-tabs{display:flex;gap:8px;overflow:auto;padding:0 0 17px;margin-bottom:15px;white-space:nowrap}.lg-tabs a,.lg-tabs button{padding:9px 14px;border:1px solid var(--lg-line);border-radius:25px;background:#fff;color:var(--lg-ink);font-weight:600}.lg-tabs .active{background:var(--lg-blue);color:#fff;border-color:var(--lg-blue)}.lg-page .lg-switch-card{display:flex;align-items:center;justify-content:space-between;padding:18px;background:#fff;border:1px solid var(--lg-line);border-radius:14px;gap:15px;margin:0}.lg-switch{appearance:none;width:45px;height:26px;border:0;border-radius:20px;background:#bdcbd9;position:relative;cursor:pointer;flex-shrink:0}.lg-switch:before{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:white;box-shadow:0 1px 4px #0002;transition:transform .15s}.lg-switch:checked{background:var(--lg-blue)}.lg-switch:checked:before{transform:translateX(19px)}.lg-page .lg-check{display:flex;align-items:flex-start;gap:9px;font-weight:400;margin:12px 0}.lg-check input{accent-color:var(--lg-blue);margin-top:5px;width:17px;height:17px;flex-shrink:0}.lg-table{overflow:auto;background:white;border:1px solid var(--lg-line);border-radius:12px;margin-bottom:20px}.lg-table table{width:100%;border-collapse:collapse;min-width:680px}.lg-table th,.lg-table td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--lg-line);vertical-align:top}.lg-table th{font-size:12px;color:var(--lg-muted);background:#f9fbff}.lg-table input[type=number]{min-width:90px}.lg-doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px;margin:20px 0}.lg-doc-grid img{width:100%;height:145px;object-fit:contain;background:#eef2f6;border-radius:9px;display:block}.lg-page dd{margin:0}.lg-page dt{font-size:12px;color:var(--lg-muted)}.lg-service{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid var(--lg-line);border-radius:16px;background:white}.lg-service span{font-size:30px}.lg-service strong{font-size:18px}.lg-badge{display:inline-block;font-size:12px;font-weight:600;background:#edf4ff;color:var(--lg-blue);padding:4px 10px;border-radius:15px}.lg-code{font-size:22px;letter-spacing:4px;font-weight:700}.lg-balance{font-size:32px;font-weight:700}.lg-map{height:300px;border-radius:12px;overflow:hidden;background:#e8eef5;margin:12px 0}.lg-full{grid-column:1/-1}.lg-hidden,[hidden]{display:none!important}.lg-footer{border-top:1px solid var(--lg-line);padding:22px;display:flex;justify-content:center;gap:20px;font-size:13px}.lg-policy h2{margin-top:30px}.lg-policy li{margin:8px 0}.lg-quote{border:1px solid #c5d9f2;background:#eef5ff;padding:18px;border-radius:12px;margin:14px 0}.lg-quote strong{font-size:27px}.lg-pin-controls{display:flex;gap:10px;margin:0 0 15px;flex-wrap:wrap}.lg-top select{max-width:205px}.lg-top .lg-role{display:flex;align-items:center;gap:7px;margin:0}.lg-empty{text-align:center;color:var(--lg-muted);padding:30px 10px}.lg-subtitle{color:var(--lg-muted);margin-top:-12px}.lg-page code{overflow-wrap:anywhere}
@media(max-width:650px){.lg-grid{grid-template-columns:minmax(0,1fr)}.lg-shell{padding:20px 16px 45px}.lg-card{padding:18px}.lg-top{padding:10px 16px;gap:10px;flex-wrap:wrap}.lg-top img{width:125px;height:44px}.lg-top nav{gap:12px;font-size:13px}.lg-top select{max-width:165px}.lg-service{padding:18px}.lg-map{height:265px}.lg-table th,.lg-table td{padding:10px}.lg-full{grid-column:auto}}

.lg-grid>*{min-width:0}.lg-page label{min-width:0}.lg-page input,.lg-page select,.lg-page textarea{max-width:100%}

.lg-tracking-dialog{width:min(95vw,650px);border:1px solid var(--lg-line);border-radius:16px;padding:20px;color:var(--lg-ink)}.lg-tracking-dialog::backdrop{background:#10233a88}
.vendor-progress{display:flex;align-items:center;justify-content:center;gap:34px;margin:4px 0 24px}.vendor-dot{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e7edf5;color:#61758b;font-weight:800;position:relative}.vendor-dot:not(:last-child):after{content:'';position:absolute;left:32px;width:34px;height:2px;background:#dce5ef}.vendor-dot.active{background:var(--lg-blue);color:#fff}.vendor-dot.done{background:#dceaff;color:var(--lg-blue)}.vendor-dot.done:after{background:var(--lg-blue)}.vendor-navigation{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.vendor-navigation button{min-width:120px}.vendor-navigation button:last-child{margin-left:auto}.vendor-review-list{display:grid;gap:0;border:1px solid var(--lg-line);border-radius:12px;overflow:hidden}.vendor-review-list div{display:grid;grid-template-columns:minmax(120px,.8fr) 1.2fr;gap:14px;padding:12px 14px;border-bottom:1px solid var(--lg-line)}.vendor-review-list div:last-child{border-bottom:0}.vendor-review-list span{color:var(--lg-muted);font-size:13px}.vendor-review-list strong{overflow-wrap:anywhere}.vendor-map-dialog{width:min(94vw,720px);height:min(88dvh,720px);border:0;border-radius:16px;padding:14px;color:var(--lg-ink)}.vendor-map-dialog::backdrop{background:#10233aaa}.vendor-map-dialog .lg-map{height:calc(100% - 115px)}.vendor-map-head{display:flex;align-items:center;justify-content:space-between;font-size:18px}.vendor-map-head button{border:0;font-size:26px;padding:2px 10px}.vendor-thanks{text-align:center;padding:42px 10px}.vendor-thanks>div{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:#e2f5ea;color:#16834b;font-size:32px;font-weight:900}.vendor-thanks .lg-button{display:inline-block;margin-top:8px}.vendor-step[hidden]{display:none!important}
@media(max-width:650px){.vendor-review-list div{grid-template-columns:1fr;gap:3px}.vendor-map-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0;margin:0}.vendor-progress{gap:24px}.vendor-dot:not(:last-child):after{width:24px}}
.lokalgo-map-pin-wrap{background:transparent!important;border:0!important}.lokalgo-map-pin{position:relative;display:block;width:28px;height:28px;border:4px solid #fff;border-radius:50% 50% 50% 0;background:#0754b8;box-shadow:0 4px 12px #001a3a66;transform:rotate(-45deg)}.lokalgo-map-pin:after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;left:6px;top:6px}
.vendor-map-stage{height:calc(100% - 115px);position:relative;overflow:hidden;background:#e7edf5;border-radius:12px;margin:12px 0}.vendor-map-stage .lg-map{height:100%;margin:0;border-radius:0}.vendor-center-pin{position:absolute;z-index:800;pointer-events:none;left:50%;top:50%;width:30px;height:30px;margin:-30px 0 0 -15px;border:4px solid #fff;border-radius:50% 50% 50% 0;background:#0754b8;box-shadow:0 4px 14px #001a3a77;transform:rotate(-45deg)}.vendor-center-pin:after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;left:7px;top:7px}.vendor-map-loading{position:absolute;z-index:750;left:50%;top:18px;transform:translateX(-50%);background:#fffffff2;color:#16304e;padding:7px 12px;border-radius:16px;box-shadow:0 3px 12px #001a3a22;font-size:12px;white-space:nowrap}.vendor-map-loading[hidden]{display:none!important}

/* Native-style LokalGo Padala booking route. */
.lg-padala-route{background:#fff;overscroll-behavior:none}.lg-padala-route .lg-shell{max-width:620px;min-height:100dvh;padding:0;margin:auto}.lg-padala-route #appTitle{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:0}.lg-padala-route #lgNotice:not([hidden]){position:fixed;z-index:1200;top:max(68px,calc(env(safe-area-inset-top) + 56px));left:50%;width:min(calc(100% - 28px),560px);transform:translateX(-50%);box-shadow:0 10px 30px #001b3a30}.pd-app{min-height:100dvh;background:#fff}.pd-header{height:64px;padding:env(safe-area-inset-top) 16px 0;box-sizing:content-box;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #e7edf5}.pd-header strong{text-align:center;font-size:18px;color:#111}.pd-back{width:42px;height:42px;padding:0!important;border:0!important;border-radius:50%!important;font-size:34px!important;line-height:36px!important;text-align:center;color:#111!important;background:#f2f5f9!important}.pd-progress{height:3px;background:#e8eef6;position:sticky;top:calc(64px + env(safe-area-inset-top));z-index:19}.pd-progress i{display:block;height:100%;background:#0754b8;transition:width .25s}.pd-body{padding:20px 18px calc(30px + env(safe-area-inset-bottom));}.pd-body label{font-size:13px;color:#263a50}.pd-body input:not([type=checkbox]),.pd-body textarea,.pd-body select{border-radius:13px;border:1px solid #d5dfeb;padding:13px 14px;min-height:48px}.pd-section{padding:0;margin-bottom:16px}.pd-section h2{display:flex;align-items:center;gap:9px;font-size:17px;margin-bottom:15px}.pd-dot{width:13px;height:13px;border-radius:50%;display:inline-block}.pd-dot.pickup{background:#0754b8;box-shadow:0 0 0 5px #0754b81b}.pd-dot.dropoff{background:#111;box-shadow:0 0 0 5px #1112}.pd-pin,.pd-add{width:100%;min-height:46px;margin:0 0 15px;border-radius:13px!important}.pd-add{border-style:dashed!important;background:#f8fbff!important}.pd-primary{display:block;width:100%;min-height:52px;border-radius:14px!important;background:#0754b8!important;color:#fff!important;border-color:#0754b8!important;margin-top:18px}.pd-stop{border-left:3px solid #b7cce8;padding:4px 0 4px 14px;margin-bottom:18px}.pd-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pd-section-title button{border:0!important;padding:5px!important;color:#b3261e!important}.pd-vehicles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.pd-vehicles button{min-height:144px;padding:14px!important;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid #dde5ef!important;border-radius:17px!important;color:#162d48!important;background:#fff!important}.pd-vehicles button.selected{border:2px solid #0754b8!important;background:#eef5ff!important;box-shadow:0 0 0 3px #0754b815}.pd-vehicles span{font-size:28px}.pd-vehicles b{font-size:15px;margin-top:5px}.pd-vehicles small{font-size:11px;line-height:1.3;margin:4px 0}.pd-vehicles em{font-size:11px;font-style:normal;color:#0754b8;margin-top:auto;font-weight:700}.pd-upload{border:1px dashed #9eb6d2;border-radius:14px;padding:17px;display:flex!important;align-items:center;gap:10px!important;cursor:pointer}.pd-upload input{display:none}.pd-toggle{display:flex!important;align-items:center;justify-content:space-between;min-height:52px;padding:0 2px;border-bottom:1px solid #edf1f5;position:relative}.pd-toggle input{position:absolute;opacity:0}.pd-toggle i{width:46px;height:27px;border-radius:18px;background:#cbd5df;position:relative;transition:.18s}.pd-toggle i:after{content:'';position:absolute;left:3px;top:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0003;transition:.18s}.pd-toggle input:checked+i{background:#0754b8}.pd-toggle input:checked+i:after{transform:translateX(19px)}.pd-fare{padding:2px 0 8px}.pd-fare div{display:flex;justify-content:space-between;padding:10px 0;color:#50677f}.pd-fare b{color:#162d48}.pd-tips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 18px}.pd-tips button{padding:10px 5px!important}.pd-tips button.selected{background:#0754b8!important;color:#fff!important;border-color:#0754b8!important}.pd-total{border-top:1px solid #dce5ef;margin-top:15px;padding-top:18px;display:flex;align-items:center;justify-content:space-between}.pd-total strong{font-size:27px;color:#0754b8}.pd-map-picker,.pd-finding{position:fixed;inset:0;z-index:1000;background:#e6edf5}.pd-map-picker #pdPinMap,.pd-finding #pdFindingMap{position:absolute;inset:0}.pd-float-top{position:absolute;z-index:1002;top:calc(12px + env(safe-area-inset-top));left:14px;right:14px;min-height:54px;border-radius:16px;background:#fff;box-shadow:0 8px 28px #102c4a38;display:flex;align-items:center;gap:12px;padding:7px}.pd-float-top button{width:40px;height:40px;padding:0!important;border:0!important;border-radius:50%!important;font-size:30px!important;color:#111!important;background:#f1f4f8!important}.pd-map-actions{position:absolute;z-index:1002;bottom:calc(18px + env(safe-area-inset-bottom));left:15px;right:15px;padding:12px;border-radius:18px;background:#fff;box-shadow:0 8px 30px #102c4a40;display:grid;grid-template-columns:1fr 1.5fr;gap:9px}.pd-map-actions .pd-primary{margin:0}.pd-radar{position:absolute;z-index:1001;left:50%;top:48%;width:30px;height:30px;transform:translate(-50%,-50%);display:grid;place-items:center}.pd-radar span{z-index:3;font-size:22px}.pd-radar i{position:absolute;width:52px;height:52px;border:3px solid #0754b8;border-radius:50%;animation:pd-wave 2.4s ease-out infinite;opacity:0}.pd-radar i:nth-child(2){animation-delay:.8s}.pd-radar i:nth-child(3){animation-delay:1.6s}@keyframes pd-wave{0%{transform:scale(.3);opacity:.72}100%{transform:scale(3.4);opacity:0}}.pd-driver-dot{position:absolute;z-index:1001;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 4px 14px #001a3a42;animation:pd-drive 5s ease-in-out infinite alternate}.pd-driver-dot.d1{left:18%;top:34%}.pd-driver-dot.d2{right:16%;top:43%;animation-delay:-1.5s}.pd-driver-dot.d3{left:27%;bottom:28%;animation-delay:-3s}@keyframes pd-drive{to{transform:translate(32px,-20px)}}.pd-finding-panel{position:absolute;z-index:1002;bottom:calc(14px + env(safe-area-inset-bottom));left:14px;right:14px;border-radius:19px;background:#fff;padding:16px;box-shadow:0 8px 30px #102c4a4d;display:flex;align-items:center;gap:12px}.pd-finding-panel div{display:grid;flex:1}.pd-finding-panel span{font-size:12px;color:#61758b}.pd-finding-panel button{color:#b3261e!important;border-color:#e6b8b3!important}
@media(min-width:700px){.lg-padala-route .lg-shell{max-width:700px;box-shadow:0 0 50px #13385d1c}.pd-body{padding-left:42px;padding-right:42px}.pd-finding-panel,.pd-float-top{max-width:660px;margin:auto}}
@media(prefers-reduced-motion:reduce){.pd-radar i,.pd-driver-dot{animation:none}}

/* LokalGo Moto native-style booking and live trip flow. */
.mt-app{min-height:100dvh;background:#fff}.mt-map-screen{position:fixed;inset:0;z-index:1000;background:#e8eef5}.mt-map-screen #mtLocationMap,.pd-finding #mtLiveMap{position:absolute;inset:0}.mt-map-back{position:absolute;z-index:1002;top:calc(12px + env(safe-area-inset-top));left:14px;width:44px;height:44px;padding:0!important;border:0!important;border-radius:50%!important;background:#fff!important;color:#111!important;font-size:32px!important;box-shadow:0 6px 20px #102c4a35}.mt-sheet{position:absolute;z-index:1002;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-height:72dvh;overflow:auto;background:#fff;border-radius:24px;padding:18px;box-shadow:0 10px 34px #102c4a45}.mt-sheet h2{font-size:21px;margin-bottom:14px}.mt-sheet label{margin-bottom:9px}.mt-sheet button[data-pin]{width:100%;margin:-2px 0 12px;min-height:42px}.mt-rides{display:grid;gap:11px}.mt-rides button{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;text-align:left;align-items:center;min-height:83px;border-radius:16px!important;border:1px solid #dce5ef!important;background:#fff!important;color:#142b45!important}.mt-rides button.selected{border:2px solid #0754b8!important;background:#eef5ff!important}.mt-rides span{grid-row:1/3;font-size:28px}.mt-rides b{font-size:15px}.mt-rides small{font-size:11px}.mt-helmet{display:flex;align-items:center;gap:9px;padding:13px;border-radius:13px;background:#eef5ff;color:#142b45;margin-top:14px}.mt-rider{text-align:center;padding:10px}.mt-rider img{width:84px;height:84px;border-radius:50%;object-fit:cover;background:#edf2f7;border:3px solid #fff;box-shadow:0 4px 18px #102c4a2b}.mt-rider h2{margin:8px 0 0}.mt-rider p{margin:3px;color:#0754b8}.mt-info p{display:flex;justify-content:space-between;border-bottom:1px solid #edf1f5;padding:11px 0;margin:0}.mt-info span{color:#61758b}.mt-actions{display:flex;gap:8px;width:100%}.mt-actions>*{flex:1;text-align:center;padding:10px!important;border:1px solid #b8cbe2;border-radius:10px;background:#fff;color:#0754b8;font-weight:700}.mt-actions .danger{color:#b3261e;border-color:#e4bbb6}.pd-finding-panel>.mt-track{width:100%}.mt-track>b{display:block;font-size:17px;margin-bottom:8px}.mt-status{display:flex;gap:5px;overflow:auto;margin-bottom:12px}.mt-status span{font-size:10px;white-space:nowrap;padding:5px 8px;border-radius:12px;background:#edf1f5;color:#61758b}.mt-status span.active{background:#0754b8;color:#fff}.mt-complete{text-align:center;padding:30px 10px;color:#0754b8;font-size:66px}.mt-complete h2{font-size:25px;color:#142b45;margin:6px}.mt-complete strong{display:block;font-size:20px}.mt-stars{display:flex;justify-content:center}.mt-stars button{border:0!important;background:transparent!important;color:#d7e0e9!important;font-size:35px!important;padding:4px!important}.mt-stars button.selected{color:#ffb000!important}.mt-chat{width:min(92vw,480px);max-height:80dvh;border:0;border-radius:18px;padding:18px;color:#142b45}.mt-chat::backdrop{background:#10233a88}.mt-chat>div{max-height:48dvh;overflow:auto}.mt-chat p{padding:9px;border-radius:10px;background:#f4f7fb;margin:7px 0}.mt-chat form{display:grid;grid-template-columns:1fr auto auto;gap:7px;margin-top:12px}.mt-chat input{min-width:0}.mt-chat button{padding:9px!important}
@media(min-width:700px){.mt-sheet{max-width:660px;margin:auto}.mt-map-screen{max-width:none}.mt-app{max-width:700px;margin:auto;box-shadow:0 0 50px #13385d1c}}
.lg-danger-button{padding:5px 9px!important;border:0!important;border-radius:7px!important;background:#c9362b!important;color:#fff!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;white-space:nowrap!important}.lg-danger-button:hover{background:#a9251d!important}.lg-page .lg-password{position:relative}.lg-page .lg-password input{padding-right:48px}.lg-page .password-toggle{position:absolute;right:8px;bottom:8px;width:35px;height:35px;padding:0;border:0;background:transparent;font-size:17px;line-height:1}.lg-page .password-toggle:hover{background:#edf4fd}.parcel-vehicle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px}.lg-page .parcel-vehicle-tile{min-height:120px;padding:10px;border:1px solid #d8e0ea;border-radius:12px;background:#fff;color:#14233b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.lg-page .parcel-vehicle-tile.selected{border:2px solid #005fc7;background:#eaf3ff}.parcel-vehicle-tile img{height:50px;max-width:100%;object-fit:contain}.parcel-vehicle-tile b{font-size:13px}.parcel-vehicle-tile small{font-weight:500;color:#66758a}