:root{--bg:#07111f;--panel:#0e1b2d;--panel2:#13243a;--blue:#0877e8;--blue2:#105ab7;--text:#f7f9fc;--muted:#9eb0c7;--line:#263a53;--white:#fff;--green:#22c55e;--red:#ef4444}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#050a12,#0b1828 40%,#08111e);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding-bottom:82px}.topbar{position:sticky;top:0;z-index:20;background:rgba(5,10,18,.94);backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center}.brand strong{display:block;letter-spacing:.07em}.brand small{display:block;color:var(--muted);font-size:11px}.rt{font-weight:900;font-style:italic;font-size:26px;background:linear-gradient(135deg,#0e8cff,#fff);-webkit-background-clip:text;color:transparent}main{max-width:760px;margin:auto;padding:14px}.view{display:none}.view.active{display:block}.card{background:linear-gradient(145deg,rgba(19,36,58,.96),rgba(10,24,41,.96));border:1px solid var(--line);border-radius:22px;padding:20px;margin-bottom:14px;box-shadow:0 16px 35px rgba(0,0,0,.22)}.hero{padding-top:32px;background:radial-gradient(circle at 90% 0%,rgba(8,119,232,.35),transparent 40%),linear-gradient(145deg,#13243a,#091522)}h1{font-size:31px;line-height:1.08;margin:4px 0 10px}h2{margin:4px 0 14px}.eyebrow{color:#59a9ff;font-size:12px;font-weight:800;letter-spacing:.14em}.hero-actions{display:grid;gap:10px;margin:22px 0 14px}button,a{font:inherit}.primary,.light,.ghost,.small,.icon{border:0;border-radius:14px;font-weight:800;cursor:pointer}.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:white}.light{background:#f5f7fb;color:#101827}.ghost{background:transparent;color:#dce8f7;border:1px solid var(--line)}.big{padding:17px}.full{width:100%;padding:15px;margin-top:10px}.small{padding:10px;background:#193553;color:white;white-space:nowrap}.icon{background:transparent;color:white;font-size:20px}.call{display:block;color:#dce8f7;text-align:center;text-decoration:none;padding:10px}.hidden{display:none!important}.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px}label{display:block;color:#d7e1ef;font-size:13px;margin:12px 0}input,select,textarea{width:100%;margin-top:7px;background:#071421;border:1px solid #30465f;color:white;border-radius:12px;padding:13px;font:inherit}textarea{min-height:90px}.input-row{display:flex;gap:8px}.grid2,.grid3{display:grid;gap:10px}.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr 1fr 1fr}.check{display:flex;gap:8px;align-items:center}.check input{width:auto;margin:0}.text-btn{background:none;border:0;color:#62adff;padding:6px 0}.estimate{background:#071421;border:1px solid #2d557f;border-radius:14px;padding:15px;margin:12px 0}.fineprint{font-size:11px;color:var(--muted);line-height:1.5}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-grid div{background:#0a1727;padding:15px;border-radius:14px;font-size:22px}.service-grid strong,.service-grid span{display:block;font-size:13px;margin-top:7px}.service-grid span{color:var(--muted);font-size:11px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{border:1px solid #31547b;border-radius:999px;padding:8px 10px;font-size:12px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;background:#050b13;border-top:1px solid var(--line);display:flex;justify-content:center}.bottom-nav button,.bottom-nav a{width:min(25%,190px);background:none;border:0;color:var(--muted);padding:10px 2px;text-decoration:none;text-align:center}.bottom-nav span{display:block;font-size:11px}.bottom-nav .active{color:#58aaff}.status{padding:13px;border-radius:14px;margin:10px 0 15px;text-align:center;font-weight:800}.status.off{background:#38191d;color:#ff9ca5}.status.on{background:#123921;color:#86efac}.job{background:#0b192a;border:1px solid var(--line);border-radius:16px;padding:15px;margin-bottom:10px}.job h3{margin:0 0 8px}.job p{margin:5px 0;color:#c5d2e3}.job-actions{display:flex;gap:8px;margin-top:12px}.job-actions button{flex:1;padding:11px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stats div{background:#091625;border-radius:14px;padding:15px;text-align:center}.stats b,.stats span{display:block}.stats b{font-size:24px}.stats span{font-size:11px;color:var(--muted)}.switch input{display:none}.switch span{display:block;width:54px;height:30px;border-radius:999px;background:#39475a;position:relative}.switch span:after{content:"";position:absolute;width:24px;height:24px;left:3px;top:3px;background:white;border-radius:50%;transition:.2s}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{left:27px}.toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);background:#fff;color:#111827;border-radius:12px;padding:12px 16px;opacity:0;pointer-events:none;transition:.25s;z-index:50}.toast.show{opacity:1}@media(max-width:560px){.grid2,.grid3{grid-template-columns:1fr}.card{padding:17px}h1{font-size:28px}}
.header-actions{display:flex;align-items:center;gap:8px}.mode-badge{font-size:12px;padding:6px 9px;border:1px solid #28415f;border-radius:999px;color:#bcd3ef}.mode-badge.live{border-color:#27bd72;color:#8df0bb}.staff-gate{text-align:center;padding:34px 22px}.login-dialog{width:min(92vw,430px);border:1px solid #29425f;border-radius:22px;background:#0b1726;color:#fff;padding:0;box-shadow:0 25px 80px #000b}.login-dialog::backdrop{background:#000a}.login-dialog form{padding:22px}.login-dialog input{margin-top:7px}.full+.full{margin-top:10px}

.gps-status{margin:10px 0;padding:11px 12px;border-radius:12px;background:#0a2137;border:1px solid #27547f;color:#cfe7ff;font-size:12px}.gps-status.error{background:#37171c;border-color:#7d303a;color:#ffc2c8}.route-map{height:240px;border-radius:16px;overflow:hidden;border:1px solid #2d557f;margin:12px 0}.location-accuracy{color:#8fd0ff;font-size:11px}

.quick-destinations{margin:16px 0}.quick-destinations>span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-grid.compact{grid-template-columns:repeat(2,1fr)}.quick-destination{background:#0a1b2e;border:1px solid #2f5278;color:#eaf3ff;border-radius:12px;padding:11px 8px;font-weight:750;cursor:pointer}.quick-destination small{display:block;color:#8fa7c1;font-weight:500;font-size:10px;margin-top:3px}.fixed-price{display:inline-block;background:#123921;color:#9ff0bb;border-radius:999px;padding:4px 8px;font-size:11px;margin-top:6px}code{background:#06101c;padding:2px 6px;border-radius:6px}@media(max-width:560px){.quick-grid{grid-template-columns:repeat(2,1fr)}}

/* v1.3 compact local, airport and railway destination controls */
.quick-destination-groups{display:grid;gap:12px}
.quick-group{background:rgba(5,16,28,.42);border:1px solid rgba(80,137,196,.24);border-radius:15px;padding:10px}
.quick-group h3{margin:0 0 8px;color:#a9bdd4;font-size:11px;text-transform:uppercase;letter-spacing:.09em}
.quick-chip-grid{display:flex;flex-wrap:wrap;gap:7px}
.quick-chip-grid .quick-destination{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:auto;min-height:36px;padding:8px 10px;border-radius:10px;font-size:12px;line-height:1.1;white-space:nowrap;background:#0a1b2e;border:1px solid #31577f;color:#eef6ff;box-shadow:none}
.quick-chip-grid .quick-destination:hover,.quick-chip-grid .quick-destination:focus-visible{border-color:#62adff;background:#102947;outline:none}
.compact-groups .quick-group{padding:9px}
.call-now{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;margin-top:11px;padding:13px 16px;border-radius:15px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#16833d,#20a755);border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 24px rgba(10,110,52,.27)}
.call-now-icon{font-size:25px;line-height:1}
.call-now strong,.call-now small{display:block}
.call-now strong{font-size:16px}
.call-now small{margin-top:2px;color:#d9ffe7;font-size:11px;font-weight:600}
@media(max-width:560px){
  .quick-chip-grid{gap:6px}
  .quick-chip-grid .quick-destination{font-size:11px;padding:8px 9px;min-height:35px}
  .quick-group{padding:9px}
}