:root{--d:#06111b;--p:#0b1b28;--l:#1e3547;--t:#f5f8fb;--m:#8ca2b2;--g:#f7b816;--b:#2c7df6;--gr:#20c67a;--o:#f28a24;--r:#ef4444}*{box-sizing:border-box}.nav5-body{margin:0;background:#030910;color:var(--t);font-family:Inter,system-ui,sans-serif;overflow:hidden}.nav5-app{height:100vh;display:grid;grid-template-rows:66px 1fr 28px}.nav5-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#07131f;border-bottom:1px solid #172b3a;z-index:999}.nav5-brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none}.nav5-brand img{width:43px;height:43px;object-fit:contain}.nav5-brand span{display:grid}.nav5-brand b{font-size:14px}.nav5-brand small{font-size:8px;color:#8ba0b0;text-transform:uppercase;letter-spacing:1px}.nav5-header nav{display:flex;gap:6px}.nav5-header nav a{padding:8px 11px;border-radius:8px;color:#899fae;text-decoration:none;font-size:11px;font-weight:800}.nav5-header nav a.active,.nav5-header nav a:hover{background:#13293a;color:white}.nav5-head-actions{display:flex;gap:7px}.nav5-head-actions button,.nav5-head-actions a{width:35px;height:35px;border-radius:9px;border:1px solid #21394b;background:#102433;color:white;display:grid;place-items:center;text-decoration:none;font-weight:900}.nav5-stage{display:grid;grid-template-columns:325px minmax(430px,1fr) 345px;min-height:0}.nav5-trip,.nav5-copilot{position:relative;z-index:700;background:linear-gradient(#0a1926,#08141f);overflow:auto;transition:transform .25s}.nav5-trip{border-right:1px solid #1a3041}.nav5-copilot{border-left:1px solid #1a3041;padding:14px}.nav5-trip.closed{transform:translateX(-280px)}.nav5-copilot.closed{transform:translateX(300px)}.collapse{position:absolute;top:8px;border:0;background:#173147;color:white;width:27px;height:27px;border-radius:8px}.collapse.left{right:7px}.collapse.right{left:7px}.trip-block{padding:17px;border-bottom:1px solid #173044}.eyebrow{color:var(--g);font-size:8px;font-weight:950;letter-spacing:1.5px}.trip-block h1{font-size:28px;letter-spacing:-1px;margin:4px 0 15px}.route-box{display:flex;align-items:center;gap:8px;background:#102433;border:1px solid #254154;border-radius:9px;padding:0 10px;margin:8px 0}.route-box input{width:100%;background:transparent;border:0;color:white;padding:12px 0;outline:0}.route-box i{width:9px;height:9px;border-radius:50%}.route-box .start{background:var(--b)}.route-box .end{background:var(--g)}.use-location{background:none;border:0;color:#66adff;font-size:10px;font-weight:850}.trip-buttons{display:grid;grid-template-columns:1fr 42px;gap:7px;margin-top:11px}.trip-buttons button{border:0;border-radius:9px;font-weight:950;padding:12px;background:var(--g);color:#07121d}.trip-buttons button+button{background:#173044;color:#fff}.profile-summary{width:100%;display:flex;justify-content:space-between;text-align:left;background:none;border:0;color:#fff}.profile-summary span{display:grid;gap:3px}.profile-summary small{font-size:8px;color:#7890a2}.profile-summary b{font-size:11px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.profile-grid label{display:grid;gap:4px;color:#7890a2;font-size:8px;text-transform:uppercase}.profile-grid input,.profile-grid select{width:100%;border:1px solid #294356;background:#102433;color:white;border-radius:7px;padding:8px}.flags{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;font-size:9px;color:#9db0bd;margin-top:9px}.options article{display:grid;grid-template-columns:7px 1fr auto;gap:8px;align-items:center;padding:9px;border-radius:9px}.options .selected{background:#102635;border:1px solid #23475e}.options i{height:32px;border-radius:5px}.options .green{background:var(--gr)}.options .blue{background:var(--b)}.options .orange{background:var(--o)}.options b,.options small{display:block}.options b{font-size:11px}.options small{font-size:9px;color:#7890a2}.options strong{font-size:10px;color:#65dca0}.quick{display:grid;grid-template-columns:1fr 1fr;gap:6px}.quick button{background:#102433;border:1px solid #223c4f;color:#d2dde4;border-radius:8px;padding:8px;font-size:10px;font-weight:850}.nav5-map{position:relative;min-width:0}.nav5-map #truck-map{height:100%;width:100%}.layer-bar{position:absolute;z-index:600;top:13px;left:13px;display:flex;gap:5px;background:rgba(7,18,29,.92);border:1px solid #294356;border-radius:11px;padding:5px;backdrop-filter:blur(10px)}.layer-bar button{border:0;border-radius:7px;padding:8px 9px;background:transparent;color:#879eae;font-size:10px;font-weight:850}.layer-bar button.active{background:#1e3b50;color:#fff}.map-actions{position:absolute;z-index:600;top:13px;right:13px;display:flex;gap:6px}.map-actions button{width:39px;height:39px;border:1px solid #294356;border-radius:9px;background:#071521;color:#fff;font-size:18px}.turn-card{position:absolute;z-index:550;left:15px;bottom:17px;background:rgba(7,18,29,.94);border:1px solid #294356;border-radius:12px;padding:11px 14px;display:grid;grid-template-columns:45px 1fr;gap:11px;min-width:320px}.turn-card>span{width:45px;height:45px;background:#173c5e;border-radius:11px;display:grid;place-items:center;font-size:28px}.turn-card small,.turn-card b,.turn-card em{display:block}.turn-card small{font-size:8px;color:#758b9b}.turn-card b{font-size:14px;margin:2px 0}.turn-card em{font-style:normal;font-size:10px;color:var(--g);font-weight:900}.speed{position:absolute;z-index:550;right:15px;bottom:17px;width:72px;height:84px;border-radius:15px;background:#fff;color:#0b1823;display:grid;place-items:center;align-content:center}.speed small,.speed span{font-size:7px;color:#677986;font-weight:950}.speed b{font-size:29px}.truck-center{position:absolute;z-index:550;right:15px;bottom:112px;width:46px;height:46px;border:0;border-radius:50%;background:#071521;color:white;font-size:21px}.map-loader{position:absolute;z-index:900;inset:0;background:rgba(3,9,16,.64);display:grid;place-content:center;text-align:center;gap:9px}.spinner{width:43px;height:43px;border-radius:50%;border:4px solid rgba(255,255,255,.25);border-top-color:var(--g);animation:spin 1s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.map-toast{position:absolute;z-index:950;left:50%;bottom:28px;transform:translateX(-50%);background:#071521;border:1px solid #294356;border-radius:9px;padding:10px 14px;font-size:11px;font-weight:850}.copilot-title{display:flex;justify-content:space-between;align-items:start;padding:7px 0 13px}.copilot-title h2{font-size:25px;margin:4px 0}.copilot-title>b{font-size:8px;background:#281948;color:#c5a7ff;border:1px solid #543887;padding:5px 7px;border-radius:999px}.score{display:grid;grid-template-columns:78px 1fr;gap:11px;align-items:center;background:#102433;border:1px solid #234155;border-radius:12px;padding:11px}.score-ring{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(var(--gr) 0 87%,#203647 87%);position:relative}.score-ring:after{content:"";position:absolute;inset:7px;background:#0d1d2b;border-radius:50%}.score-ring span,.score-ring small{position:relative;z-index:1}.score-ring span{font-size:22px;font-weight:950}.score-ring small{font-size:5px;color:#7d93a3}.score>div:last-child{display:grid;gap:3px}.score small{color:#7d93a3;font-size:9px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 0}.metrics div{background:#102433;border:1px solid #223c4f;border-radius:9px;padding:9px}.metrics small,.metrics b{display:block}.metrics small{font-size:7px;color:#7890a2}.metrics b{font-size:14px;margin-top:2px}.intel{display:grid;gap:6px}.intel article{display:grid;grid-template-columns:31px 1fr auto;gap:8px;align-items:center;background:#0d1f2d;border:1px solid #1f3a4c;border-radius:10px;padding:8px}.intel .priority{background:#231b14;border-color:#654123}.intel b,.intel small{display:block}.intel b{font-size:10px}.intel small{font-size:8px;color:#8197a6}.intel em{font-size:8px;color:#f0b75c;font-style:normal;font-weight:900}.recommend{margin-top:9px;background:linear-gradient(145deg,#15263d,#17213d);border:1px solid #304366;border-radius:11px;padding:11px}.recommend p{font-size:10px;line-height:1.5;color:#c8d4dc}.recommend button{border:0;border-radius:7px;background:#223c56;color:#fff;padding:7px 9px;font-size:9px;font-weight:850;margin-right:5px}.hos{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#102433;border:1px solid #223c4f;border-radius:10px;padding:10px;margin-top:9px}.hos small,.hos b{display:block}.hos small{font-size:7px;color:#7890a2}.hos b{font-size:12px}.hos>span{grid-column:1/-1;height:5px;background:#253a49;border-radius:999px}.hos i{display:block;width:43%;height:100%;background:var(--b)}.commercial-marker{display:grid;place-items:center;width:32px;height:32px;border:3px solid white;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.28);font-size:15px}.truck-marker{width:41px;height:41px;border-radius:50%;background:#071521;border:3px solid white;display:grid;place-items:center;font-size:20px;box-shadow:0 8px 18px rgba(0,0,0,.35)}.nav5-app footer{display:grid;place-items:center;background:#030910;color:#718696;font-size:8px;text-align:center;padding:0 8px}.leaflet-control-attribution{font-size:7px!important}@media(max-width:1180px){.nav5-stage{grid-template-columns:300px 1fr 315px}.nav5-header nav a{padding:7px 8px}.layer-bar{max-width:70%;overflow-x:auto}.layer-bar button{white-space:nowrap}}@media(max-width:900px){.nav5-body{overflow:auto}.nav5-app{height:auto;min-height:100vh}.nav5-stage{grid-template-columns:270px 1fr}.nav5-copilot{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.copilot-title{grid-column:1/-1}.nav5-map{min-height:650px}.nav5-header nav{display:none}}@media(max-width:680px){.nav5-stage{display:flex;flex-direction:column}.nav5-map{order:1;min-height:530px}.nav5-trip{order:2}.nav5-copilot{order:3;grid-template-columns:1fr}.turn-card{left:8px;right:8px;bottom:8px;min-width:0}.speed{right:8px;bottom:105px}.truck-center{right:8px;bottom:200px}.layer-bar{left:7px;right:58px;max-width:none}.map-actions{right:7px}.nav5-brand span{display:none}}