:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--text: #122033;--muted: #66758a;--line: rgba(18, 32, 51, .12);--panel: rgba(255, 255, 255, .95);--blue: #09a6ff;--blue-dark: #087ee8;--green: #12b981;--red: #f05261;--yellow: #ffbf3f;--shadow: 0 18px 55px rgba(27, 43, 65, .18)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:#d7edf7;color:var(--text);overflow:hidden}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.auth-shell{position:relative;width:100vw;height:100dvh;overflow:hidden;background:linear-gradient(#ffffff8a,#ffffffe6),#d8eef7}.auth-map-bg{position:absolute;inset:0;overflow:hidden;background-image:linear-gradient(90deg,rgba(247,188,70,.28) 1px,transparent 1px),linear-gradient(rgba(247,188,70,.2) 1px,transparent 1px);background-size:72px 72px}.auth-route-line{position:absolute;width:8px;border-radius:999px;background:#168bf2;box-shadow:0 10px 28px #168bf247}.auth-route-line.one{left:22%;top:-6%;height:62%;transform:rotate(42deg)}.auth-route-line.two{right:20%;bottom:12%;height:50%;transform:rotate(-38deg)}.auth-car{position:absolute;top:23%;left:50%;display:grid;place-items:center;width:58px;height:58px;border:5px solid #ffffff;border-radius:22px;background:#168bf2;color:#fff;box-shadow:0 16px 42px #168bf261;transform:translate(-50%) rotate(18deg)}.auth-card{position:absolute;left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));z-index:2;display:grid;gap:12px;max-width:520px;max-height:calc(100dvh - 26px);margin:0 auto;padding:18px;overflow-y:auto;border:1px solid rgba(255,255,255,.8);border-radius:24px;background:#fffffff5;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-brand{display:flex;align-items:center;justify-content:space-between}.auth-brand>div{display:inline-flex;align-items:center;gap:8px;color:#087ee8;font-weight:950}.auth-logo{width:34px;height:34px;border-radius:10px;object-fit:contain}.auth-brand small,.auth-brand span{padding:5px 9px;border-radius:999px;background:#e8f5ff;color:#087ee8;font-size:.78rem;font-weight:950}.auth-copy{display:grid;gap:5px}.auth-copy h1{margin:0;color:var(--text);font-size:clamp(2rem,12vw,3rem);line-height:.95;letter-spacing:0}.auth-copy p{margin:0;color:var(--muted);font-size:.92rem;font-weight:750;line-height:1.35}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:12px;background:#edf4fb}.auth-tabs button{min-height:42px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:950}.auth-tabs button.active{background:#fff;color:#087ee8;box-shadow:0 8px 20px #1220331a}.google-button,.auth-submit{min-height:48px;border:0;border-radius:12px;font-weight:950}.google-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(18,32,51,.12);background:#fff;color:var(--text)}.google-button span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f3f6f9;color:#087ee8;font-weight:950}.google-button.pending{color:var(--muted)}.auth-hint{color:var(--muted);font-size:.75rem;font-weight:750;line-height:1.3}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;color:var(--muted);font-size:.74rem;font-weight:950;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line)}.auth-submit{background:linear-gradient(135deg,#09a6ff,#2274ff);color:#fff;box-shadow:0 16px 28px #087ee842}.auth-submit:disabled{opacity:.66}.auth-status{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:center;padding:10px;border-radius:10px;background:#f4f8fc;color:var(--muted);font-size:.78rem;font-weight:800}.auth-status.ready{background:#e7f8f0;color:#05744d}.auth-status.syncing{background:#e8f5ff;color:#087ee8}.auth-status.error{background:#fff1ed;color:#bc3140}.auth-form-error{padding:10px 12px;border:1px solid #efb7b4;border-radius:10px;background:#fff0ef;color:#a52e27;font-size:.78rem;font-weight:850;line-height:1.35}.auth-back{min-height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);font-weight:900}.app-shell{position:relative;width:100vw;height:100dvh;overflow:hidden;background:#cfe7f2}.map-viewport{position:absolute;inset:0;z-index:0;overflow:hidden;background:#edf4f2;transform-origin:center center;transition:transform .72s cubic-bezier(.22,.8,.26,1);will-change:transform}.map-viewport.driving-map{transform:none}.maplibre-viewport{transform:none;transition:none}.maplibre-navigation-root,.maplibre-navigation-canvas{position:absolute;inset:0;width:100%;height:100%}.maplibre-navigation-canvas{background:#edf4f2}.maplibre-navigation-canvas .maplibregl-canvas{outline:none}.maplibre-map-status{position:absolute;top:50%;left:50%;z-index:3;display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 16px;border:1px solid rgba(255,255,255,.8);border-radius:8px;background:#fffffff0;color:#19334d;box-shadow:0 12px 34px #132d462e;font-size:14px;font-weight:800;transform:translate(-50%,-50%)}.maplibre-map-status span{width:18px;height:18px;border:3px solid #cfe6fb;border-top-color:#087ee8;border-radius:50%;animation:maplibre-status-spin .72s linear infinite}.maplibre-map-status.is-error{width:min(86vw,340px);justify-content:center;color:#9f3040;text-align:center}.maplibre-location-pending{position:absolute;top:46%;left:50%;z-index:3;display:flex;width:min(82vw,310px);align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.86);border-radius:8px;background:#ffffffeb;box-shadow:0 14px 36px #132d4633;color:#16334e;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.maplibre-location-pending>span:last-child{display:grid;gap:2px}.maplibre-location-pending strong,.maplibre-location-pending small{letter-spacing:0}.maplibre-location-pending strong{font-size:14px}.maplibre-location-pending small{color:#66798b;font-size:11px;font-weight:750}.maplibre-location-pulse{display:grid;flex:0 0 40px;width:40px;height:40px;place-items:center;border-radius:50%;background:#e4f5ff;color:#087ee8;box-shadow:0 0 #087ee83d;animation:maplibre-location-pulse 1.6s ease-out infinite}@keyframes maplibre-location-pulse{0%{box-shadow:0 0 #087ee847}70%{box-shadow:0 0 0 12px #087ee800}to{box-shadow:0 0 #087ee800}}.maplibre-car-marker{position:relative;width:58px;height:58px;pointer-events:none;will-change:transform;transition:opacity .18s ease}.maplibre-car-marker.is-three-active{opacity:0!important}.maplibre-car-shadow{position:absolute;top:37px;left:12px;width:34px;height:13px;border-radius:50%;background:radial-gradient(ellipse,#0a1e3247,#0a1e3200 72%)}.maplibre-car-body{position:absolute;top:7px;left:11px;width:36px;height:46px;border:4px solid #ffffff;border-radius:13px 13px 9px 9px;background:linear-gradient(90deg,#0872ce,#2ba9ff 48%,#0872ce);box-shadow:0 8px 18px #087ee861,inset 0 -8px #07458742}.maplibre-car-body:before{position:absolute;top:3px;left:5px;width:18px;height:7px;border-radius:7px 7px 3px 3px;background:linear-gradient(90deg,#f5fdff 0 34%,transparent 34% 66%,#f5fdff 66% 100%);content:""}.maplibre-car-body:after{position:absolute;right:6px;bottom:6px;left:6px;height:4px;border-radius:999px;background:#0f29443d;content:""}.maplibre-car-cabin{position:absolute;inset:12px 5px 11px;border:2px solid rgba(229,244,251,.92);border-radius:7px 7px 5px 5px;background:linear-gradient(180deg,#a9dcef 0 38%,#315e78 39% 62%,#a9dcef 63% 100%);box-shadow:inset 0 0 0 1px #0e3d5c38}.maplibre-car-lights{position:absolute;top:-11px;left:7px;width:14px;height:11px;clip-path:polygon(50% 0,100% 100%,0 100%);background:#075ec3}.maplibre-point-marker,.maplibre-event-marker{display:grid;width:38px;height:38px;padding:0;place-items:center;border:4px solid #ffffff;border-radius:50%;color:#fff;box-shadow:0 7px 20px #1023364d;cursor:pointer}.maplibre-point-marker.is-gantry{background:#087ee8}.maplibre-point-marker.is-toll{background:#e99719}.maplibre-point-marker.is-blocked{background:#d84852}.maplibre-event-marker{width:34px;height:34px;border-width:3px;background:#d8483e}.maplibre-event-marker.event-jam,.maplibre-event-marker.event-works{background:#e98218}.maplibre-event-marker.event-police{background:#246ed5}.maplibre-event-marker.event-closed{background:#8b2738}.maplibre-event-marker.event-vehicle{background:#6655bf}.maplibre-event-marker.is-community:after{position:absolute;right:-1px;bottom:-1px;width:8px;height:8px;border:2px solid #ffffff;border-radius:50%;background:#14a96f;content:""}.maplibregl-popup-content{padding:12px;border-radius:7px;box-shadow:0 10px 28px #10233633}.maplibre-popup-content{display:grid;min-width:180px;gap:4px;color:#12283e}.maplibre-popup-content strong{font-size:14px}.maplibre-popup-content small{color:#65788b}.maplibre-popup-content span{color:#087454;font-weight:900}@keyframes maplibre-status-spin{to{transform:rotate(360deg)}}.preview-3d-header{position:absolute;top:max(16px,env(safe-area-inset-top));right:14px;left:14px;z-index:5;display:flex;align-items:center;justify-content:space-between}.preview-3d-header>div,.preview-3d-header button{display:flex;min-height:48px;align-items:center;gap:8px;padding:8px 13px;border:1px solid rgba(255,255,255,.76);border-radius:8px;background:#ffffffeb;box-shadow:0 10px 28px #122d4629}.preview-3d-header img{width:28px;height:28px;object-fit:contain}.preview-3d-header button{width:48px;justify-content:center;padding:0;color:#172b3f}.preview-3d-instruction{position:absolute;top:max(88px,calc(env(safe-area-inset-top) + 76px));right:14px;z-index:5;display:flex;width:min(76vw,330px);align-items:center;gap:10px;padding:11px 14px;border-radius:8px;color:#fff;background:#172d43;box-shadow:0 12px 30px #0d233847}.preview-3d-instruction>span,.preview-3d-instruction small{display:grid}.preview-3d-trip-panel{position:absolute;right:14px;bottom:max(14px,env(safe-area-inset-bottom));left:14px;z-index:5;display:grid;grid-template-columns:72px minmax(0,1fr) auto;min-height:104px;align-items:center;gap:10px;padding:12px;border-radius:8px;color:#fff;background:#087ee8;box-shadow:0 16px 38px #004a9b52}.preview-3d-trip-panel>div,.preview-3d-trip-panel>span{display:grid;min-width:0}.preview-3d-trip-panel>div{place-items:center;padding:8px 4px;border-radius:7px;background:#ffffff24}.preview-3d-trip-panel>div strong{font-size:22px}.preview-3d-trip-panel>span strong{overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.preview-3d-trip-panel button{display:flex;min-height:42px;align-items:center;gap:6px;padding:0 12px;border:0;border-radius:7px;color:#075ec3;background:#fff;font-weight:900}.map-viewport.driving-map .leaflet-container{position:absolute;top:50%;left:50%;width:142vmax;height:142vmax;transform:translate(-50%,-50%) rotate(var(--drive-map-rotation, 0deg));transform-origin:center center;transition:transform .72s cubic-bezier(.22,.8,.26,1);will-change:transform}.leaflet-container{width:100%;height:100%;background:#edf4f2;z-index:0}.leaflet-tile{filter:saturate(1.08) contrast(1.03) brightness(1.02)}.leaflet-control-container{display:none}.top-panel{position:absolute;top:max(16px,env(safe-area-inset-top));left:14px;right:14px;z-index:5;display:grid;gap:10px}.top-panel.driving{right:14px;width:auto}.brand-row{display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand,.icon-button,.round-action{border:1px solid rgba(255,255,255,.7);background:#ffffffeb;box-shadow:0 10px 32px #213a5329;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px;border-radius:999px;color:#064b91;font-weight:900;letter-spacing:0}.brand-logo{width:24px;height:24px;border-radius:8px;object-fit:contain}.brand small{padding:2px 6px;border-radius:999px;background:#e8f6ff;color:#087ee8;font-size:.68rem;font-weight:950}.brand svg{color:var(--blue-dark)}.icon-button,.round-action{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;color:var(--text);cursor:pointer;pointer-events:auto}.icon-button.soft{background:#edf7ff;box-shadow:none}.route-search{display:grid;grid-template-columns:22px 1fr 42px;gap:10px;align-items:center;width:100%;padding:10px;border:1px solid rgba(255,255,255,.72);border-radius:22px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.search-icon{margin-left:4px;color:var(--blue-dark)}.select-stack{position:relative;display:grid;gap:1px}.select-stack:before{content:"";position:absolute;left:-20px;top:24px;width:2px;height:22px;border-radius:2px;background:linear-gradient(var(--green),var(--blue-dark))}select{width:100%;min-width:0;appearance:none;border:0;border-radius:8px;background:transparent;color:var(--text);font-weight:800;outline:0}.top-input-stack input{width:100%;min-width:0;min-height:29px;border:0;border-radius:8px;background:transparent;color:var(--text);font-weight:900;outline:0}.top-input-stack input::placeholder{color:#7f91a5;font-weight:800}.select-stack select:first-child{min-height:29px;border-bottom:1px solid var(--line)}.top-input-stack input:first-child{border-bottom:1px solid var(--line)}.select-stack select:last-child{min-height:29px}.top-suggestions{display:grid;gap:7px;max-height:min(42dvh,340px);overflow:auto;padding:10px;border:1px solid rgba(255,255,255,.74);border-radius:20px;background:#fffffff5;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.top-suggestions button{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;width:100%;min-height:54px;border:1px solid rgba(18,32,51,.1);border-radius:8px;background:#fff;color:var(--text);text-align:left;cursor:pointer}.top-suggestions button svg{justify-self:center;color:#087ee8}.top-suggestions button span{display:grid;min-width:0;gap:2px}.top-suggestions strong,.top-suggestions small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-suggestions small,.top-suggestions>small{color:var(--muted);font-size:.76rem;font-weight:750}.destination-search-zone{position:absolute;right:14px;bottom:max(18px,env(safe-area-inset-bottom));left:14px;z-index:5;display:grid;gap:9px}.route-search.destination-only{grid-template-columns:28px minmax(0,1fr) auto;min-height:62px;padding:8px 10px;border-radius:18px}.route-search.destination-only input{width:100%;min-width:0;min-height:44px;border:0;background:transparent;color:var(--text);font-size:1rem;font-weight:900;outline:0}.route-search.destination-only input::placeholder{color:#607087;opacity:1}.destination-suggestions{max-height:min(48dvh,390px)}.side-menu-backdrop{position:absolute;inset:0;z-index:30;background:#10203357;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:menu-fade-in .16s ease-out}.side-menu{position:absolute;top:0;right:0;bottom:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(88vw,360px);padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom));border-left:1px solid rgba(255,255,255,.8);background:#fffffffa;box-shadow:-24px 0 60px #1020333d;animation:menu-slide-in .22s cubic-bezier(.22,.8,.26,1)}.side-menu header,.side-menu header>span,.side-menu header>span>span{display:flex;align-items:center}.side-menu header{justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.side-menu header>span{min-width:0;gap:10px}.side-menu header img{width:38px;height:38px;object-fit:contain}.side-menu header>span>span{align-items:flex-start;flex-direction:column;min-width:0}.side-menu header strong,.side-menu header small{overflow:hidden;max-width:210px;text-overflow:ellipsis;white-space:nowrap}.side-menu header small{color:var(--muted);font-size:.73rem;font-weight:750}.side-menu nav{display:grid;align-content:start;gap:6px;padding:18px 0;overflow-y:auto}.side-menu nav button{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;min-height:58px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#24364a;text-align:left}.side-menu nav button>svg{justify-self:center;color:#607087}.side-menu nav button>span{display:grid;min-width:0;gap:2px}.side-menu nav button small{color:var(--muted);font-size:.71rem;font-weight:750}.side-menu nav button.active{background:#eaf5ff;color:#075ec3}.side-menu nav button.active>svg{color:#087ee8}.side-menu footer{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:center;padding:12px;border-radius:8px;background:#eef7ff;color:#1764aa;font-size:.72rem;font-weight:800}.side-menu footer span{display:grid;gap:3px}.side-menu footer small{color:#5d7892;font-size:.58rem;font-weight:700;line-height:1.3}@keyframes menu-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes menu-fade-in{0%{opacity:0}to{opacity:1}}.turn-hud{position:absolute;top:calc(max(16px,env(safe-area-inset-top)) + 56px);right:14px;z-index:5;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;width:min(64vw,250px);min-height:54px;padding:9px 11px;border:1px solid rgba(255,255,255,.74);border-radius:14px;background:#102033f0;color:#fff;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.turn-hud svg{justify-self:center;color:#09a6ff}.turn-hud span{display:grid;min-width:0;gap:2px}.turn-hud strong,.turn-hud small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-hud strong{color:#fff;font-size:.82rem;font-weight:950}.turn-hud small{color:#ffffffbd;font-size:.72rem;font-weight:850}.toll-validation-banner{position:absolute;top:calc(max(16px,env(safe-area-inset-top)) + 122px);right:14px;z-index:9;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;width:min(calc(100vw - 28px),390px);overflow:hidden;padding:12px 12px 15px;border:1px solid rgba(255,255,255,.76);border-radius:12px;background:#102033f5;color:#fff;box-shadow:0 18px 44px #081b3052;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.toll-validation-banner>div:first-child{display:grid;min-width:0;gap:2px}.toll-validation-banner small,.toll-validation-banner strong,.toll-validation-banner span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toll-validation-banner small{color:#72c9ff;font-size:.68rem;font-weight:900}.toll-validation-banner strong{color:#fff;font-size:1rem;font-weight:950}.toll-validation-banner>div:first-child>span{color:#ffffffc2;font-size:.74rem;font-weight:800}.toll-validation-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-items:center}.toll-validation-actions button{display:grid;place-items:center;gap:1px;width:48px;min-height:48px;padding:4px;border:0;border-radius:8px;background:#18b879;color:#fff;font-size:.67rem;font-weight:950}.toll-validation-actions button.reject{background:#fff;color:#b43b32}.toll-validation-countdown{position:absolute;right:0;bottom:0;left:0;height:4px;background:#2fb5ff;transform-origin:left center;animation:toll-countdown 7s linear forwards}@keyframes toll-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.active-trip-card{position:absolute;left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));z-index:7;display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:9px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.34);border-radius:18px;background:linear-gradient(135deg,#087ee8,#1559ff);color:#fff;box-shadow:0 18px 48px #0858c857;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.active-trip-card>div:not(.drive-eta):not(.drive-actions){display:grid;min-width:0;gap:3px}.drive-eta{display:grid;align-content:center;justify-items:center;width:100%;min-width:0;min-height:58px;padding:5px 7px;box-sizing:border-box;border-radius:12px;background:#ffffff2e;color:#fff;box-shadow:inset 0 0 0 1px #fff3}.drive-eta strong{display:block;width:100%;overflow:visible;color:#fff;font-size:1.34rem;font-variant-numeric:tabular-nums;line-height:1;text-align:center}.drive-eta span{display:block;width:100%;margin-top:3px;color:#ffffffc7;font-size:.64rem;line-height:1;text-align:center;text-transform:uppercase}.drive-summary{align-content:center}.active-trip-card span,.active-trip-card small{color:#ffffffc7;font-size:.76rem;font-weight:800}.active-trip-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drive-progress{height:6px;overflow:hidden;border-radius:999px;background:#ffffff38}.drive-progress span{display:block;height:100%;border-radius:inherit;background:#ffffffdb}.drive-actions{display:grid;gap:7px;min-width:112px}.active-trip-card button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 12px;border:0;border-radius:999px;background:#fff;color:#075ec3;font-weight:950;cursor:pointer}.active-trip-card button.secondary{background:#ffffff29;color:#fff}.active-trip-card button.cancel{border:1px solid rgba(255,255,255,.62);background:#0e2e5b38;color:#fff}.active-trip-card button.arrived{background:#fff;color:#087248}.navigation-report-button{position:absolute;right:18px;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 128px);z-index:8;display:grid;place-items:center;width:62px;height:62px;padding:0;border:4px solid #ffffff;border-radius:50%;background:#e84c3d;color:#fff;box-shadow:0 14px 30px #ad2b215c;cursor:pointer}.navigation-report-button svg{display:block}.navigation-report-button.idle{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 82px);width:58px;height:58px;border-width:3px;background:#fc3;color:#17283c;box-shadow:0 12px 28px #8e680047}.traffic-live-note{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 12px;border:1px solid #cfe3ef;border-radius:8px;background:#eef8fb;color:#155e75}.trip-cost-card{display:grid;gap:10px;margin-top:10px;padding:12px;border:1px solid #cfe0ee;border-radius:8px;background:#f6fbff}.trip-cost-card>div:first-child{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center}.trip-cost-card>div:first-child>svg{justify-self:center;color:#087ee8}.trip-cost-card>div:first-child>span{display:grid;gap:2px}.trip-cost-card small{color:var(--muted);font-size:.7rem;font-weight:750}.trip-cost-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.trip-cost-card dl>div{display:grid;gap:2px;padding:8px;border-radius:7px;background:#fff}.trip-cost-card dt{color:var(--muted);font-size:.66rem;font-weight:850}.trip-cost-card dd{margin:0;color:var(--text);font-size:.86rem;font-weight:950}.trip-cost-card dl>div.total{background:#e7f8f0}.trip-cost-card dl>div.total dd{color:#05744d}.traffic-live-note.medio{border-color:#f3d79d;background:#fff8e9;color:#8a5b06}.traffic-live-note.alto{border-color:#efb7b4;background:#fff0ef;color:#a52e27}.traffic-live-note span{display:grid;min-width:0;gap:2px}.traffic-live-note small{overflow:hidden;color:currentColor;font-size:.72rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.traffic-live-note b{padding:5px 7px;border-radius:6px;background:#ffffffd1;font-size:.68rem}.route-traffic{color:#08795f!important;font-weight:900!important}.route-traffic.medio{color:#9b6500!important}.route-traffic.alto{color:#bd332c!important}.road-event-popup{display:grid;min-width:180px;gap:6px;color:#102033}.road-event-popup small,.road-event-popup span{color:#607087;font-size:.74rem}.road-event-popup>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.road-event-popup button{min-height:32px;border:1px solid #cdd9e5;border-radius:6px;background:#fff;color:#075ec3;font-weight:850}.road-event-marker{border:0;background:transparent}.road-event-marker>div{position:relative;display:grid;width:32px;height:32px;place-items:center;border:3px solid #ffffff;border-radius:50%;color:#fff;background:#d8483e;box-shadow:0 7px 18px #10233647}.road-event-marker svg{stroke-width:2.6}.road-event-jam>div{background:#ef8d16}.road-event-works>div{background:#e96d22}.road-event-police>div{background:#246ed5}.road-event-closed>div{background:#8b2738}.road-event-vehicle>div{background:#6655bf}.road-event-community>div:after{content:"";position:absolute;right:0;bottom:0;width:8px;height:8px;border:2px solid #ffffff;border-radius:50%;background:#14a96f}.app-modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px;background:#09182885;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-modal{display:grid;width:min(100%,430px);max-height:min(86dvh,700px);overflow:auto;gap:14px;padding:20px;border:1px solid rgba(255,255,255,.84);border-radius:18px;background:#fff;color:#102033;box-shadow:0 26px 70px #081b3057}.app-modal h2,.app-modal p{margin:0}.app-modal p,.app-modal li{color:#607087;font-size:.88rem;line-height:1.45}.app-modal ul{display:grid;gap:7px;margin:0;padding-left:20px}.toll-correction-modal label{display:grid;gap:7px;color:#25364b;font-size:.78rem;font-weight:900}.toll-correction-modal input{width:100%;min-height:50px;box-sizing:border-box;padding:0 14px;border:1px solid #cbd7e4;border-radius:8px;background:#fff;color:#102033;font:inherit;font-size:1.08rem;font-weight:900}.correction-trust-note{color:#607087;font-size:.76rem;line-height:1.4}.trip-complete-banner{position:absolute;right:14px;bottom:max(14px,env(safe-area-inset-bottom));left:14px;z-index:35;display:grid;gap:12px;width:auto;max-width:520px;margin:0 auto;padding:16px;border:1px solid rgba(255,255,255,.82);border-radius:14px;background:linear-gradient(135deg,#08764f,#0c9b67);color:#fff;box-shadow:0 24px 60px #044c3257}.trip-complete-banner header{display:grid;grid-template-columns:42px minmax(0,1fr) 34px;gap:9px;align-items:center}.trip-complete-banner header>span:nth-child(2){display:grid;min-width:0;gap:2px}.trip-complete-banner header small,.trip-complete-banner header strong{color:#fff}.trip-complete-banner header small{opacity:.76;font-size:.7rem;font-weight:850;text-transform:uppercase}.trip-complete-banner header strong{font-size:1.08rem;font-weight:950}.trip-complete-banner header>button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#ffffff29;color:#fff}.trip-complete-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:#08764f}.trip-complete-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));overflow:hidden;border-radius:8px;background:#ffffff24}.trip-complete-metrics>span{display:grid;min-width:0;gap:2px;padding:10px;border-right:1px solid rgba(255,255,255,.18)}.trip-complete-metrics>span:last-child{border-right:0}.trip-complete-metrics strong,.trip-complete-metrics small{overflow:hidden;color:#fff;text-overflow:ellipsis;white-space:nowrap}.trip-complete-metrics strong{font-size:1rem;font-weight:950}.trip-complete-metrics small{opacity:.72;font-size:.66rem;font-weight:800}.trip-complete-costs{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff;font-size:.78rem;font-weight:850}.trip-complete-costs span{display:inline-flex;align-items:center;gap:6px}.trip-complete-costs strong{font-size:.9rem;font-weight:950}.trip-complete-upsell{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border-radius:8px;background:#fff;color:#0c6848}.trip-complete-upsell>span{display:grid;gap:2px}.trip-complete-upsell strong,.trip-complete-upsell small{color:#17334a}.trip-complete-upsell strong{font-size:.78rem;font-weight:950}.trip-complete-upsell small{font-size:.66rem;line-height:1.3}.trip-complete-upsell button{min-height:36px;padding:0 10px;border:0;border-radius:8px;background:#087ee8;color:#fff;font-size:.72rem;font-weight:950}.modal-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#e7f8f0;color:#05744d}.modal-icon.danger{background:#fff0ee;color:#d34338}.cancel-trip-modal>div:nth-child(2){display:grid;gap:6px}.cancel-trip-route,.favorite-destination-preview{display:flex;align-items:center;gap:11px;min-width:0;padding:12px;border:1px solid #dce5ee;border-radius:10px;background:#f5f8fc;color:#2d7de1}.cancel-trip-route span,.favorite-destination-preview span{display:grid;min-width:0;gap:2px}.cancel-trip-route small,.favorite-destination-preview small{color:#6b7a8e;font-size:.68rem;font-weight:850;text-transform:uppercase}.cancel-trip-route strong,.favorite-destination-preview strong{overflow:hidden;color:#18283a;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.cancel-trip-modal .modal-actions,.favorite-name-modal .modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cancel-trip-modal .modal-actions button,.favorite-name-modal .modal-actions button{position:static;min-height:48px;margin:0;border-radius:10px}.danger-action{border:0;background:#d9483f;color:#fff;font-weight:950}.favorite-name-modal label{display:grid;gap:7px;color:#25364b;font-size:.78rem;font-weight:900}.favorite-name-modal input{width:100%;min-height:50px;box-sizing:border-box;padding:0 14px;border:1px solid #cbd7e4;border-radius:9px;outline:none;background:#fff;color:#102033;font:inherit;font-size:1rem;font-weight:850}.favorite-name-modal input:focus{border-color:#2d7de1;box-shadow:0 0 0 3px #2d7de121}.modal-actions.vertical{display:grid;gap:8px}.modal-actions .secondary-action{min-height:46px;border:1px solid #d7e0e9;border-radius:8px;background:#fff;color:#25364b;font-weight:900}.modal-title-row{display:flex;align-items:start;justify-content:space-between;gap:12px}.modal-title-row span{display:grid;gap:3px}.modal-title-row small{color:#2d7de1;font-size:.7rem;font-weight:950;text-transform:uppercase}.report-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.report-type-grid button{display:grid;place-items:center;align-content:center;gap:7px;min-height:88px;padding:8px;border:1px solid #dbe4ec;border-radius:8px;background:#f8fafc;color:#203247;font-size:.76rem;font-weight:900;cursor:pointer}.report-type-grid button:first-child{background:#fff8e9;color:#936000}.report-type-grid button:nth-child(2),.report-type-grid button:nth-child(3){background:#fff0ef;color:#ac3029}.report-submit-status{display:flex;align-items:center;gap:8px;min-height:40px;padding:9px 11px;border-radius:8px;font-size:.76rem;font-weight:850}.report-submit-status.sending{background:#eef7ff;color:#1764aa}.report-submit-status.error{background:#fff0ed;color:#aa302b}.report-success-toast{position:absolute;right:14px;bottom:max(18px,env(safe-area-inset-bottom));left:14px;z-index:45;display:grid;grid-template-columns:46px minmax(0,1fr) 34px;gap:10px;align-items:center;min-height:78px;overflow:hidden;padding:12px 10px 13px 12px;border:1px solid #a8e3ca;border-radius:8px;background:#fffffffa;color:#123528;box-shadow:0 18px 46px #114d373d;animation:report-success-in .24s cubic-bezier(.2,.8,.2,1)}.report-success-toast.driving{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 142px)}.report-success-toast>span:nth-child(2){display:grid;min-width:0;gap:3px}.report-success-toast strong{font-size:.88rem;line-height:1.15}.report-success-toast small{color:#537065;font-size:.72rem;font-weight:750;line-height:1.3}.report-success-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#13a66f;color:#fff;animation:report-success-check .42s 80ms both cubic-bezier(.2,1.4,.4,1)}.report-success-toast button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#edf6f2;color:#31584a}.report-success-progress{position:absolute;right:0;bottom:0;left:0;height:4px;background:#13a66f;transform-origin:left center;animation:report-success-progress 4.2s linear forwards}@keyframes report-success-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes report-success-check{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes report-success-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.trust-note,.traffic-sharing-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:center;padding:11px 12px;border:1px solid #cfe0ee;border-radius:8px;background:#eef7ff;color:#1764aa}.trust-note span{font-size:.76rem;font-weight:750;line-height:1.35}.traffic-sharing-card{grid-template-columns:minmax(0,1fr) auto;color:#203247}.traffic-sharing-card>span{display:grid;gap:3px}.traffic-sharing-card small{color:#607087;font-size:.72rem}.switch-control{position:relative;width:46px;height:26px}.switch-control input{position:absolute;opacity:0}.switch-control span{position:absolute;inset:0;border-radius:999px;background:#aebbc8;transition:background .16s ease}.switch-control span:after{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #10203333;content:"";transition:transform .16s ease}.switch-control input:checked+span{background:#0b8f68}.switch-control input:checked+span:after{transform:translate(20px)}.navigation-car-pin{pointer-events:none}.navigation-car-shadow{position:absolute;left:13px;top:36px;width:32px;height:12px;border-radius:50%;background:#10203333;filter:blur(2px)}.navigation-car-body{position:absolute;left:13px;top:9px;display:grid;place-items:center;width:32px;height:42px;border:4px solid #ffffff;border-radius:15px 15px 11px 11px;background:linear-gradient(180deg,#158bff,#075ec3);box-shadow:0 10px 24px #087ee859,inset 0 -8px #07458752;transform-origin:center center}.navigation-car-body:before{position:absolute;top:5px;width:13px;height:10px;border-radius:7px 7px 4px 4px;background:#ffffffc7;content:""}.navigation-car-body:after{position:absolute;bottom:6px;width:18px;height:5px;border-radius:999px;background:#12203338;content:""}.navigation-car-body span{position:absolute;top:-10px;width:0;height:0;border-right:7px solid transparent;border-bottom:11px solid #075ec3;border-left:7px solid transparent}.map-actions{position:absolute;right:14px;top:calc(max(16px,env(safe-area-inset-top)) + 64px);z-index:4;display:grid;gap:10px}.map-actions.driving{top:calc(max(16px,env(safe-area-inset-top)) + 112px)}.round-action{width:46px;height:46px}.round-action.active{background:#e7f8f0;color:#05744d}.bottom-sheet{position:absolute;left:0;right:0;bottom:0;z-index:6;display:grid;grid-template-rows:auto auto minmax(0,1fr);max-height:min(58dvh,560px);padding:8px 14px max(14px,env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:var(--panel);box-shadow:0 -18px 46px #14243433;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transition:max-height .18s ease,transform .18s ease,border-radius .18s ease}.bottom-sheet.compact{max-height:98px}.bottom-sheet.compact .panel-body{display:none}.bottom-sheet.compact .sheet-handle svg{display:block;opacity:1}.bottom-sheet.compact .sheet-handle svg{transform:rotate(0)}.bottom-sheet.open{max-height:min(58dvh,560px)}.bottom-sheet.expanded{max-height:min(88dvh,820px)}.bottom-sheet.routes-fullscreen{inset:0;z-index:12;max-height:100dvh;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));border-radius:0;background:#f7f9fc}.bottom-sheet.routes-fullscreen .sheet-handle{display:none}.bottom-sheet.routes-fullscreen .sheet-titlebar{padding:5px 0 13px}.bottom-sheet.drive-options{bottom:calc(104px + env(safe-area-inset-bottom));max-height:min(46dvh,430px);border-radius:24px}.sheet-handle{position:relative;display:grid;place-items:center;height:20px;width:100%;border:0;background:transparent;color:#8aa0b5;cursor:pointer}.sheet-handle:before{content:"";position:absolute;top:9px;width:46px;height:5px;border-radius:999px;background:#d7e1ea}.sheet-handle svg{display:block;opacity:0;transform:rotate(180deg);transition:opacity .16s ease,transform .16s ease}.sheet-titlebar{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:2px 2px 8px;border-bottom:1px solid var(--line)}.sheet-titlebar>span{display:grid;gap:1px}.sheet-titlebar small{color:#087ee8;font-size:.66rem;font-weight:950;text-transform:uppercase}.sheet-titlebar strong{color:var(--text);font-size:1.02rem}.sheet-titlebar .icon-button{width:36px;height:36px;box-shadow:none}.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:4px;border-radius:999px;background:#eef4f8}.tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:38px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:.82rem;font-weight:850;cursor:pointer}.tabs button.active{background:#fff;color:#086bc8;box-shadow:0 6px 18px #1c30461c}.panel-body{min-height:0;overflow:auto;padding:12px 2px 0;scrollbar-width:none;overscroll-behavior:contain}.panel-body::-webkit-scrollbar{display:none}.route-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.route-summary>div:first-child{min-width:0}.route-summary-actions{flex:0 0 auto;display:grid;justify-items:stretch;gap:7px}.route-quick-start{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-weight:950;cursor:pointer;box-shadow:0 7px 18px #087ee833}.route-quick-start:disabled{cursor:wait;opacity:.62}.eyebrow{display:inline-flex;margin-bottom:3px;color:#0a7edb;font-size:.73rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}h1,h2{margin:0;color:var(--text);letter-spacing:0}h1{font-size:clamp(1.32rem,4vw,1.72rem);line-height:1.05}h2{font-size:1.7rem}.cost-bubble{flex:0 0 auto;display:inline-grid;place-items:center;min-height:42px;padding:0 13px;border-radius:999px;background:#e7f7ff;color:#006dba;font-weight:950}.cost-bubble small{font-size:.62rem;line-height:1;text-transform:uppercase}.cost-bubble strong{font-size:1rem;line-height:1.25}.cost-bubble.verified{background:#e7f8f0;color:#087453}.cost-bubble.estimated{background:#fff6df;color:#8a6100}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.cost-confidence-note{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;margin-top:10px;padding:9px 11px;border:1px solid transparent;border-radius:8px;font-size:.78rem;font-weight:750;line-height:1.3}.cost-confidence-note.verified{border-color:#bcead7;background:#edf9f4;color:#087453}.cost-confidence-note.estimated{border-color:#f3d994;background:#fff9ea;color:#7a5700}.metric{display:grid;min-width:0;min-height:72px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.metric svg{color:var(--blue-dark)}.metric span{margin-top:3px;font-weight:900;white-space:nowrap}.metric small,.route-option small,.gantry-row small,.budget-card small{color:var(--muted);font-size:.78rem;font-weight:650}.success,.warning{display:flex;align-items:center;gap:8px;min-height:42px;margin-top:10px;padding:10px 12px;border-radius:8px;font-weight:800}.success{background:#e7f8f0;color:#05744d}.warning{background:#fff1ed;color:#bc3140}.warning.soft{background:#eef7ff;color:var(--blue-dark)}.route-loading-card{display:flex;align-items:center;gap:12px;margin-top:10px;padding:14px 12px;border:1px solid rgba(8,126,232,.18);border-radius:8px;background:#f2f9ff;color:var(--ink)}.route-spinner,.button-spinner{display:inline-block;flex:0 0 auto;border-radius:999px;border:3px solid rgba(8,126,232,.18);border-top-color:var(--blue);animation:taggo-spin .78s linear infinite}.route-spinner{width:24px;height:24px}.button-spinner{width:20px;height:20px;border-color:#ffffff59;border-top-color:#fff}.route-loading-card span:last-child{display:grid;gap:3px;min-width:0}.route-loading-card strong{font-weight:950}.route-loading-card small{color:var(--muted);font-weight:800;line-height:1.25}@keyframes taggo-spin{to{transform:rotate(360deg)}}.online-route-card{display:grid;gap:10px;margin-top:10px;padding:12px;border:1px solid rgba(8,126,232,.18);border-radius:8px;background:#f5fbff}.online-route-title,.online-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.online-route-title span{display:grid;min-width:0;gap:3px}.online-route-title strong{font-size:.94rem}.online-route-title small,.muted-note,.place-results>small{color:var(--muted);font-size:.76rem;font-weight:750}.online-route-title button,.online-actions button,.input-action button{border:0;cursor:pointer}.online-route-title button{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#e8f1f8;color:#426072;font-size:.78rem;font-weight:900}.address-fields,.route-endpoints{display:grid;gap:8px}.route-endpoints.compact-summary{margin-top:10px}.route-endpoints span{display:grid;gap:3px;min-width:0;padding:10px 12px;border:1px solid rgba(18,32,51,.1);border-radius:8px;background:#fff}.route-endpoints small{color:var(--muted);font-size:.74rem;font-weight:900;text-transform:uppercase}.route-endpoints strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-field{margin-bottom:0}.input-action{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:7px}.input-action button,.online-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border-radius:8px;background:#e7f7ff;color:#087ee8;font-weight:950}.online-actions{display:grid;grid-template-columns:1fr 1fr}.online-actions.three{grid-template-columns:repeat(3,minmax(0,1fr))}.online-actions button:last-child{background:#087ee8;color:#fff}.online-actions.three button:nth-child(2){background:#087ee8;color:#fff}.online-actions.three button:last-child{background:#e9f8ef;color:#05744d}.online-actions button:disabled{background:#d6e0e8;color:#7a8b9a;cursor:not-allowed}.place-results{display:grid;gap:7px;max-height:210px;overflow:auto;padding-top:2px}.place-results button{display:grid;gap:3px;width:100%;padding:10px;border:1px solid rgba(18,32,51,.1);border-radius:8px;background:#fff;color:var(--text);text-align:left;cursor:pointer}.place-results span{color:var(--muted);font-size:.78rem;font-weight:700}.saved-routes{display:grid;gap:7px;padding-top:2px}.recent-routes{display:grid;gap:7px;margin-top:10px;padding:12px;border:1px solid rgba(18,32,51,.1);border-radius:8px;background:#fff}.recent-routes-title{display:flex;align-items:center;gap:7px;color:var(--muted)}.recent-routes-title small{font-size:.76rem;font-weight:850}.recent-route-button{display:grid;grid-template-columns:22px minmax(0,1fr) 20px;gap:9px;align-items:center;width:100%;min-height:54px;padding:9px 10px;border:1px solid rgba(18,32,51,.1);border-radius:8px;background:#fff;color:#087ee8;text-align:left;cursor:pointer}.recent-route-button span{display:grid;min-width:0;gap:3px}.recent-route-button strong,.recent-route-button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-route-button strong{color:var(--text)}.recent-route-button small{color:var(--muted);font-size:.76rem;font-weight:750}.saved-routes.standalone{margin-top:10px;padding:12px;border:1px solid rgba(18,32,51,.1);border-radius:8px;background:#fff}.saved-routes>small{color:var(--muted);font-size:.76rem;font-weight:850}.saved-route-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:7px}.saved-route-row button{border:1px solid rgba(18,32,51,.1);border-radius:8px;background:#fff;color:var(--text);cursor:pointer}.saved-route-row button:first-child{display:grid;gap:3px;min-width:0;padding:10px;text-align:left}.saved-route-row button:first-child strong,.saved-route-row button:first-child span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-route-row button:first-child span{color:var(--muted);font-size:.78rem;font-weight:750}.saved-route-row button:last-child{display:grid;place-items:center;color:#bc3140}.cost-breakdown-card{display:grid;gap:10px;margin-top:10px;padding:12px;border:1px solid rgba(18,32,51,.1);border-radius:8px;background:#fff}.cost-breakdown-card .online-route-title b{color:#087ee8;white-space:nowrap}.breakdown-list{display:grid;gap:7px}.breakdown-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px;border-radius:8px;background:#f5f8fb}.breakdown-row span{display:grid;min-width:0;gap:3px}.breakdown-row strong,.breakdown-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breakdown-row small{color:var(--muted);font-size:.75rem;font-weight:750}.breakdown-row b{color:#05744d;white-space:nowrap}.route-list,.gantry-list{display:grid;gap:8px;margin-top:12px}.route-option-wrap,.route-option,.gantry-row{display:grid;align-items:center;width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);text-align:left;cursor:pointer}.route-option-wrap{overflow:hidden;align-items:stretch;cursor:default}.route-option{grid-template-columns:minmax(0,1fr) auto;gap:10px;min-height:68px;border:0;border-radius:0;padding:11px 12px}.route-option-wrap.selected{border-color:#09a6ff8c;background:#f0f9ff;box-shadow:inset 0 0 0 1px #09a6ff1f}.route-option-wrap.recommended{border-color:#087ee89e;background:#eaf6ff;box-shadow:inset 4px 0 #087ee8}.route-option-wrap.recommended .route-option{background:transparent}.route-option-wrap.recommended.selected{border-color:#087ee8;box-shadow:inset 4px 0 #087ee8,0 0 0 2px #087ee81f}.route-option span:first-child,.gantry-row span:nth-child(2){display:grid;min-width:0;gap:4px}.route-option strong,.gantry-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900}.route-avoidance{font-size:.78rem;font-weight:900}.route-avoidance.clean{color:var(--green)}.route-avoidance.blocked{color:var(--red)}.route-price{display:grid;justify-items:end;gap:2px;color:#046ebd;font-weight:950;white-space:nowrap}.route-price small{color:#7a5700;font-size:.62rem;font-weight:900;text-transform:uppercase}.route-price.blocked{color:var(--red)}.route-decision-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 11px 11px}.route-decision-card button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-weight:950}.route-decision-card button.secondary{border:1px solid var(--line);background:#fff;color:var(--text)}.detail-start{position:static;margin-top:12px}.primary-action{position:sticky;bottom:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;margin-top:12px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--blue),#1f7cff);color:#fff;box-shadow:0 14px 30px #087ee847;font-weight:950;cursor:pointer}.primary-action:disabled{background:#cdd8e2;box-shadow:none;cursor:not-allowed}.control-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:2px 2px 8px}.control-row label,.field span{color:var(--muted);font-weight:850}input[type=range]{width:100%;accent-color:var(--blue-dark)}.gantry-row{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;min-height:64px;padding:10px}.gantry-row.blocked{background:#fff7f7;border-color:#f0526147}.gantry-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e8f8f1;color:#058253}.gantry-row.blocked .gantry-icon{background:#ffe5e8;color:var(--red)}.gantry-row b{white-space:nowrap}.budget-card{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:12px;padding:14px;border-radius:8px;background:linear-gradient(135deg,#102033,#164e82 58%,#08a6ff);color:#fff}.budget-card h2,.budget-card .eyebrow,.budget-card small{color:#fff}.budget-card svg{margin-top:3px}.progress{grid-column:1 / -1;width:100%;height:10px;overflow:hidden;border-radius:999px;background:#ffffff47}.progress span{display:block;height:100%;border-radius:inherit;background:#fff}.budget-card small{grid-column:1 / -1;font-weight:800;opacity:.92}.tag-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.insight-card{display:grid;gap:4px;min-height:70px;padding:11px;border:1px solid rgba(18,32,51,.1);border-radius:8px;background:#fff}.insight-card small,.projection-card small{color:var(--muted);font-size:.74rem;font-weight:900;text-transform:uppercase}.insight-card strong{font-size:1.1rem;color:var(--text)}.projection-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-bottom:12px;padding:12px;border-radius:8px;background:#e7f8f0;color:#05744d}.projection-card.over{background:#fff1ed;color:#bc3140}.projection-card span{display:grid;min-width:0;gap:4px}.projection-card strong{font-size:1.12rem}.projection-card b{white-space:nowrap;font-size:.82rem}.alert-plan-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:12px;padding:11px 12px;border:1px solid rgba(8,126,232,.18);border-radius:8px;background:#f0f9ff;color:#087ee8}.alert-plan-card svg{justify-self:center}.alert-plan-card span{display:grid;min-width:0;gap:3px}.alert-plan-card small{color:var(--muted);font-size:.73rem;font-weight:900;text-transform:uppercase}.alert-plan-card strong{color:var(--text);font-size:.98rem}.budget-alerts{display:grid;gap:8px;margin-top:12px}.budget-alerts .control-row button{min-height:32px;padding:0 10px;border:0;border-radius:999px;background:#e8f1f8;color:#426072;font-weight:900}.budget-alert-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border:1px solid rgba(8,126,232,.16);border-radius:8px;background:#f0f9ff;color:#087ee8}.budget-alert-row.high{border-color:#e0971133;background:#fff8e7;color:#8a6100}.budget-alert-row.critical{border-color:#bc31403d;background:#fff1ed;color:#bc3140}.budget-alert-row span{display:grid;min-width:0;gap:3px}.budget-alert-row strong,.budget-alert-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.budget-alert-row small{color:var(--muted);font-size:.74rem;font-weight:750}.budget-alert-row b{font-size:.9rem;white-space:nowrap}.trip-history{display:grid;gap:8px;margin-top:12px}.history-title{margin-top:0}.empty-history{padding:12px;border:1px dashed rgba(18,32,51,.18);border-radius:8px;color:var(--muted);font-weight:750}.trip-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:58px;padding:10px;border:1px solid rgba(18,32,51,.1);border-radius:8px;background:#fff}.trip-row span{display:grid;min-width:0;gap:3px}.trip-row strong,.trip-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trip-row small{color:var(--muted);font-size:.76rem;font-weight:750}.trip-row b{color:#05744d;white-space:nowrap}.field{display:grid;gap:7px;margin-bottom:11px}.field input,.field-select{min-height:46px;width:100%;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:#fff;color:var(--text);font-weight:900;outline-color:var(--blue)}.field-select{appearance:auto}.profile-panel{padding-bottom:4px}.profile-hero{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:12px}.profile-hero h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-hero small{color:var(--muted);font-weight:800}.avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#e7f7ff;color:#087ee8}.subscription-card{margin-bottom:12px;border-radius:8px}.subscription-card{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid rgba(18,32,51,.1);background:#fff}.subscription-card svg{color:#087ee8}.subscription-card span{display:grid;min-width:0;gap:3px}.subscription-card small{color:var(--muted);font-size:.76rem;font-weight:700}.subscription-card b{color:#05744d;white-space:nowrap}.premium-state{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:12px;padding:12px;border:1px solid rgba(8,126,232,.18);border-radius:8px;background:#f0f9ff;color:#087ee8}.premium-state.active{border-color:#05744d33;background:#e7f8f0;color:#05744d}.premium-state span{display:grid;min-width:0;gap:3px}.premium-state small{color:var(--muted);font-size:.76rem;font-weight:750}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.plan-card{display:grid;align-content:start;gap:8px;min-height:140px;padding:12px;border:1px solid rgba(18,32,51,.1);border-radius:8px;background:#fff}.plan-card.premium{border-color:#087ee838;background:#f6fbff}.plan-card small{color:var(--muted);font-size:.74rem;font-weight:950;text-transform:uppercase}.plan-card span{display:grid;grid-template-columns:18px minmax(0,1fr);gap:6px;align-items:center;color:var(--text);font-size:.78rem;font-weight:850}.plan-card svg{color:#05744d}.plan-card.premium svg{color:#087ee8}.subscription-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.subscription-actions button{min-height:44px;border:0;border-radius:8px;background:#087ee8;color:#fff;font-weight:950}.subscription-actions button:last-child{border:1px solid rgba(18,32,51,.1);background:#fff;color:var(--muted)}.subscription-actions button:disabled{opacity:.72}.account-card{display:grid;gap:10px;margin-bottom:12px;padding:12px;border:1px solid rgba(8,126,232,.18);border-radius:8px;background:#f6fbff}.account-card>div:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center}.account-card strong,.account-card small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-card small{color:var(--muted);font-size:.76rem;font-weight:750}.sync-pill{justify-self:start;padding:4px 8px;border-radius:999px;background:#e6edf4;color:var(--muted);font-size:.7rem;font-weight:950}.sync-pill.ready{background:#e7f8f0;color:#05744d}.sync-pill.syncing{background:#fff8e7;color:#8a5a00}.sync-pill.error{background:#fff1ed;color:#bc3140}.account-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.account-actions button{min-height:42px;border:0;border-radius:8px;background:#087ee8;color:#fff;font-weight:950}.account-actions button:last-child{border:1px solid rgba(18,32,51,.1);background:#fff;color:var(--text)}.account-actions button:disabled{opacity:.65}.account-privacy-actions{display:grid;gap:10px;margin:-4px 0 12px}.delete-account-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid rgba(211,67,56,.24);border-radius:8px;background:#fff7f5;color:#b9342c;font-weight:900}.privacy-links{display:flex;justify-content:center;gap:18px}.privacy-links a{color:#52708f;font-size:.76rem;font-weight:850;text-decoration:underline;text-underline-offset:3px}.delete-account-modal label{display:grid;gap:7px;color:#25364b;font-size:.78rem;font-weight:900}.delete-account-modal input{width:100%;min-height:50px;box-sizing:border-box;padding:0 14px;border:1px solid #cbd7e4;border-radius:8px;outline:none;background:#fff;color:#102033;font:inherit;font-weight:850}.delete-account-modal input:focus{border-color:#d34338;box-shadow:0 0 0 3px #d343381f}.delete-account-modal .modal-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:9px}.delete-account-modal .modal-actions button{min-height:48px;border-radius:8px}.split-fields{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px}.split-fields.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-form{display:grid;gap:2px}.vehicle-model-select,.vehicle-model-select option{font-size:13px;font-weight:800;line-height:1.25}.vehicle-save-action.saved,.vehicle-save-action.saved:disabled{background:#0b9b68;color:#fff;opacity:1;box-shadow:0 14px 30px #0b9b683d}.vehicle-save-feedback{margin:4px 0 8px;padding:10px 12px;border-radius:8px;font-size:.76rem;font-weight:850}.vehicle-save-feedback.error{background:#fff0ed;color:#aa302b}.vehicle-catalog-note{display:flex;align-items:center;gap:7px;margin:8px 0 2px;color:#087248;font-size:.72rem;font-weight:850}.vehicle-summary-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:11px;align-items:center;margin-bottom:12px;padding:12px;border:1px solid #cfe0ee;border-radius:8px;background:#f6fbff}.vehicle-summary-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;background:#087ee8;color:#fff}.vehicle-summary-card>span:last-child{display:grid;min-width:0;gap:2px}.vehicle-summary-card small{color:#087ee8;font-size:.68rem;font-weight:950;text-transform:uppercase}.vehicle-summary-card strong,.vehicle-summary-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-summary-card>span:last-child>span{color:var(--muted);font-size:.75rem;font-weight:750}.panel-section-heading{display:flex;align-items:center;justify-content:space-between;margin:3px 0 8px}.panel-section-heading:not(:first-child){margin-top:18px}.panel-section-heading>span{display:inline-flex;align-items:center;gap:7px}.panel-section-heading svg{color:#087ee8}.panel-section-heading>small{min-width:26px;padding:4px 7px;border-radius:999px;background:#edf4fb;color:var(--muted);font-weight:900;text-align:center}.routes-library-list{display:grid;gap:7px}.routes-library-list>button,.routes-library-row{min-height:62px;border:1px solid var(--line);border-radius:8px;background:#fff}.routes-library-list>button,.routes-library-row>button:first-child{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;padding:9px 10px;border:0;background:transparent;color:var(--text);text-align:left}.routes-library-list>button>svg,.routes-library-row>button:first-child>svg{justify-self:center;color:#087ee8}.routes-library-list button>span{display:grid;min-width:0;gap:3px}.routes-library-list button strong,.routes-library-list button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.routes-library-list button small{color:var(--muted);font-size:.7rem;font-weight:750}.routes-library-list>button>b{color:#05744d;font-size:.78rem}.routes-library-row{display:grid;grid-template-columns:minmax(0,1fr) 42px;overflow:hidden}.routes-library-row>button:first-child{grid-template-columns:30px minmax(0,1fr)}.routes-library-row>button:last-child{display:grid;place-items:center;border:0;border-left:1px solid var(--line);background:#fff;color:#bc3140}.routes-library-intro{margin:-2px 0 10px;color:var(--muted);font-size:.76rem;font-weight:750}.routes-grid{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.routes-grid-header,.routes-grid-row{display:grid;grid-template-columns:minmax(140px,1fr) 58px 76px 78px 52px;align-items:center}.routes-grid-header{min-height:34px;padding:0 8px;background:#edf4fb;color:#607087;font-size:.62rem;font-weight:950;text-transform:uppercase}.routes-grid-header span:not(:first-child){text-align:center}.routes-grid-row{min-height:68px;padding:0 8px;border-top:1px solid var(--line)}.routes-grid-row.favorite{background:#fffdf4}.routes-grid-destination{display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;align-items:center;min-width:0;min-height:66px;padding:8px 6px 8px 0;border:0;background:transparent;color:var(--text);text-align:left}.routes-grid-destination>svg{justify-self:center;color:#087ee8}.routes-grid-destination>span,.routes-grid-value{display:grid;min-width:0;gap:2px}.routes-grid-destination strong,.routes-grid-destination small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.routes-grid-destination strong{font-size:.78rem}.routes-grid-destination small,.routes-grid-value small{color:var(--muted);font-size:.62rem;font-weight:750}.routes-grid-value{justify-items:center;font-size:.72rem}.routes-grid-value.total strong{color:#05744d}.favorite-route-button{display:grid;place-items:center;width:38px;height:38px;justify-self:center;border:0;border-radius:50%;background:#f2f5f8;color:#8a99a9}.favorite-route-button.active{background:#fff0ad;color:#b57900}.icon-field span{display:inline-flex;align-items:center;gap:6px}.pin{border:0}.pin div,.pin{display:grid;place-items:center}.pin{border-radius:50%;background:transparent}.pin-gantry,.pin-peaje,.pin-danger,.pin-current{color:#fff;font-weight:950}.pin-gantry:before,.pin-peaje:before,.pin-danger:before,.pin-current:before{content:"";position:absolute;width:34px;height:34px;border:4px solid #ffffff;border-radius:50%;box-shadow:0 8px 22px #10233640}.pin-gantry:before{background:#087ee8}.pin-peaje:before{background:#e99719}.pin-danger:before{background:var(--red)}.pin-current:before{width:28px;height:28px;border-width:5px;background:#087ee8;box-shadow:0 0 0 9px #087ee82e,0 8px 22px #10233640}.pin span,.pin{position:relative;z-index:1}.pin>svg{position:absolute;top:7px;left:7px;z-index:2;width:20px;height:20px;stroke-width:2.7}@media(min-width:760px){.top-panel{width:430px;right:auto;left:22px}.bottom-sheet{left:22px;right:auto;bottom:22px;width:430px;max-height:calc(100dvh - 210px);border-radius:28px;padding:8px 14px 14px}.bottom-sheet.expanded{max-height:calc(100dvh - 44px)}.bottom-sheet.routes-fullscreen{inset:22px;width:auto;max-height:calc(100dvh - 44px);border-radius:18px}.destination-search-zone{right:auto;bottom:22px;left:22px;width:430px}.bottom-sheet.compact{max-height:98px}.map-actions{top:34px;right:22px}.map-actions.driving{top:110px}.turn-hud{top:84px;right:22px}.active-trip-card{left:22px;right:auto;bottom:22px;width:430px}.navigation-report-button{right:calc(100vw - 520px);bottom:150px}.navigation-report-button.idle{right:calc(100vw - 520px);bottom:104px}.bottom-sheet.drive-options{bottom:128px}}@media(max-width:380px){.active-trip-card{grid-template-columns:78px minmax(0,1fr) 104px;gap:7px;padding:10px}.drive-eta strong{font-size:1.16rem}.drive-actions{min-width:104px}.active-trip-card button{gap:5px;padding:0 8px;font-size:.78rem}.report-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tabs button{gap:4px;font-size:.76rem}.route-search.destination-only{grid-template-columns:24px minmax(0,1fr) auto}.routes-grid-header,.routes-grid-row{grid-template-columns:minmax(118px,1fr) 44px 64px 42px}.routes-grid-header span:nth-child(4),.routes-grid-row>.routes-grid-value.total{display:none}.icon-button{width:38px;height:38px}.metrics{gap:6px}.metric{padding:8px}.split-fields:not(.equal){grid-template-columns:1fr;gap:0}.plan-grid,.subscription-actions,.online-actions.three{grid-template-columns:1fr}}.app-failure-shell{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#edf2f4;color:#102337}.app-failure-panel{width:min(100%,420px);padding:28px;border:1px solid #d8e1e7;border-radius:8px;background:#fff;box-shadow:0 16px 40px #1023371f;text-align:center}.app-failure-panel img{width:64px;height:64px;object-fit:contain}.app-failure-panel h1{margin:18px 0 8px;font-size:24px;letter-spacing:0}.app-failure-panel p{margin:0 0 20px;color:#546679;line-height:1.5}.app-failure-panel button{min-height:46px;padding:0 18px;border:0;border-radius:6px;background:#087fe5;color:#fff;font:inherit;font-weight:800}