:root{--ink:#132d33;--muted:#71818a;--accent:#00bdc9;--line:#e4ebed;--bg:#f3f6f7;--nav:#08282e;--green:#20b889;--amber:#cb8a13;font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #00a9b8;outline-offset:3px}button.primary{background:var(--accent);color:#003137;font-weight:700;border-radius:9px;padding:11px 18px}button.secondary,.icon-button{background:white;border:1px solid var(--line);color:var(--ink);border-radius:9px;padding:9px 13px}.icon-button{font-size:22px;line-height:1}.small-button{background:#e7f9f7;color:#007f83;border-radius:8px;font-size:22px;width:34px;height:34px}input,select,textarea{border:1px solid #dbe4e7;background:#fff;border-radius:8px;padding:10px 12px;color:var(--ink);min-width:0;width:100%}input:focus,textarea:focus,select:focus{outline:2px solid #00bdc966;border-color:var(--accent)}label{display:grid;gap:6px;font-size:13px;font-weight:600;margin:14px 0}p,h1,h2,h3{margin:0}h1{font-size:28px;letter-spacing:-1px}h2{font-size:17px;letter-spacing:-.3px}h3{font-size:15px}.muted,.panel-heading p{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#739096;margin-bottom:4px}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;background:var(--nav);color:#b4c9cc;padding:29px 19px;display:flex;flex-direction:column;z-index:800}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-size:22px;font-weight:750}.brand img{width:43px;border-radius:11px}.brand small{display:block;font-size:9px;letter-spacing:3px;color:#69a0a5}.workspace-label{font-size:9px;color:#6d989e;letter-spacing:1.7px;margin:48px 14px 15px}nav{display:grid;gap:7px}nav button{background:none;color:#aac1c5;padding:13px;text-align:left;border-radius:9px;display:flex;gap:12px;align-items:center}nav button>span:first-child{font-size:20px;width:22px;text-align:center}nav button.active{background:#12434b;color:#28d4d6}.nav-count{margin-left:auto;background:#1b5057;padding:1px 7px;font-size:11px;border-radius:5px}.side-bottom{margin-top:auto;font-size:10px;color:#7fabad;padding:15px 6px}.side-bottom small{display:block;margin-top:6px}.dot,.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px}main{margin-left:220px;padding:30px 33px;max-width:2000px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:15px}.header-tools{display:flex;gap:12px;align-items:center}.header-tools select{width:auto;max-width:180px;background:transparent}.sync{font-size:11px;color:#71898c;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:23px}.metrics article{background:white;border:1px solid var(--line);border-radius:12px;padding:17px 20px}.metrics span{display:block;color:#78868c;font-size:12px}.metrics strong{display:block;font-size:30px;letter-spacing:-1px;margin:5px 0}.metrics small{font-size:10px;color:#87949a}.panel{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-heading{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading p{font-size:11px;margin-top:4px}.panel-heading>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.panel-heading>div:first-child{display:block}.fleet-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}.map-panel{min-width:0}#map{height:380px;background:#e4eeeb}.map-legend{padding:13px 18px;font-size:10px;color:#809196;display:flex;gap:15px;flex-wrap:wrap}.legend-dot.stale{background:var(--amber)}.vehicles-panel .panel-heading{padding-bottom:10px}.search{margin:0 16px 10px;width:calc(100% - 32px);background:#f8fafb;font-size:11px}#vehicle-list{max-height:405px;overflow:auto}.vehicle-card{display:block;text-align:left;width:100%;background:#fff;border-bottom:1px solid #edf1f2;padding:15px 17px;color:var(--ink)}.vehicle-card.selected{background:#ecf9f7;box-shadow:inset 3px 0 #00b9bc}.vehicle-top{display:flex;justify-content:space-between;align-items:center;font-weight:700}.vehicle-card small{display:block;font-size:11px;color:#768d92;margin:4px 0}.pill{display:inline-block;font-size:10px;border-radius:5px;background:#edf2f3;color:#6c858a;padding:3px 7px;font-weight:600}.pill.green{background:#e1f7ed;color:#1a916a}.pill.amber{background:#fff3d9;color:#ac7717}.jobs-panel{margin-top:20px}.job{padding:17px 20px;border-top:1px solid #edf1f2}.job-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.job-head h3{display:inline}.job-details{display:flex;gap:15px;flex-wrap:wrap;color:#7e8e94;font-size:11px;margin:8px 0}.stops{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:11px}.stop-pill{font-size:11px;background:#f2f7f7;border-radius:7px;padding:7px 10px}.job-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.job-actions button{font-size:11px;padding:7px 10px}.pending-notice{padding:9px 12px;background:#fff7e5;color:#956a16;font-size:11px;border-radius:7px;margin:10px 0}.empty{padding:35px;text-align:center;color:#8b9ba0;font-size:13px}.table-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:15px;padding:17px 20px;border-top:1px solid var(--line);font-size:13px}.chat-panel{max-width:1000px}.chat-panel select{max-width:260px}#chat-messages{min-height:300px;max-height:480px;overflow:auto;background:#f7fafb;padding:22px;display:flex;flex-direction:column;gap:12px}.bubble{align-self:flex-start;max-width:80%;background:white;border:1px solid var(--line);border-radius:12px;padding:10px 14px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.mine{align-self:flex-end;background:#ddf5f0;border-color:#c3e9e0}.bubble b,.bubble small{display:block}.bubble b{font-size:11px;color:#57827f;margin-bottom:4px}.bubble small{font-size:9px;color:#7d9697;margin-top:5px}#chat-form{padding:18px}#chat-form textarea{resize:vertical}.chat-actions{display:flex;align-items:center;justify-content:space-between;margin:9px 0;gap:10px}.chat-actions select{font-size:11px}small#chat-status{color:#83979c;font-size:10px}footer{display:flex;justify-content:space-between;gap:20px;color:#93a1a5;font-size:10px;margin-top:25px}dialog{border:0;border-radius:16px;padding:25px;max-width:470px;width:calc(100% - 30px);color:var(--ink);box-shadow:0 30px 100px #00293344}dialog::backdrop{background:#092a3466;backdrop-filter:blur(3px)}.wide-dialog{max-width:850px;max-height:90vh}.dialog-heading,.stop-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.stop-editor{background:#f5f9f9;border:1px solid var(--line);border-radius:10px;padding:12px;margin:10px 0}.stop-editor label{margin:7px 0;font-size:11px}.stop-editor .form-grid{grid-template-columns:repeat(2,1fr)}.stop-editor .stop-heading strong{color:#438783;font-size:12px}.stop-editor .remove-stop{padding:0 8px;background:none;color:#b36262}.form-footer{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-top:20px}.form-footer small{font-size:11px;color:#819195;max-width:400px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:2000;background:#073b43;color:#fff;padding:12px 22px;border-radius:10px;max-width:90vw;box-shadow:0 6px 25px #002d3344}#demo-banner{background:#fff0ce;color:#8a681e;border:1px solid #f0d69c;border-radius:7px;padding:8px 13px;font-size:11px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:10px}#demo-banner button{background:none;text-decoration:underline;color:inherit;font-size:11px}#driver-tools{display:flex;justify-content:space-between;align-items:center;padding:20px;margin-top:20px}#driver-tools p{font-size:11px;color:#809296;max-width:650px;margin-top:5px}.truck-marker{background:#073d42;color:white;border:2px solid #fff;border-radius:8px;padding:5px 8px;box-shadow:0 3px 12px #123d3044;white-space:nowrap;font:bold 10px -apple-system,sans-serif}.truck-marker.stale{background:#a87819}.truck-marker small{display:block;font-weight:400;font-size:9px}.leaflet-tooltip{border:0;background:transparent;box-shadow:none}.leaflet-tooltip:before{display:none}.stop-map-marker{background:#00b9c0;color:white;border:2px solid white;border-radius:50%;width:25px;height:25px;text-align:center;font-weight:bold}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.login section{max-width:440px;width:100%;margin:auto;padding:35px}.login img{width:64px;border-radius:15px;margin-bottom:28px}.login h1{font-size:40px;line-height:1.2;margin:10px 0 16px}.login form{margin:28px 0 18px}.login .primary{width:100%;margin-top:9px}.login small{color:#819599;display:block}.login aside{background:#082e34;color:#c1e0dc;display:flex;flex-direction:column;justify-content:center;padding:15%;overflow:hidden}.login aside h2{font-size:50px;line-height:1.15;color:white;letter-spacing:-2px;margin-bottom:20px}.hero-truck{color:#14c5bd;font-size:130px;line-height:1;margin-bottom:35px}.demo-link{display:block;margin-top:28px;color:#00848d;font-size:12px}#login-error{color:#ac423b;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1600px){#map{height:480px}.fleet-grid{grid-template-columns:minmax(0,1fr) 350px}}@media(max-width:1100px){.sidebar{width:180px;padding:25px 12px}main{margin-left:180px;padding:24px 20px}.fleet-grid{grid-template-columns:1fr 275px}.sync{display:none}.metrics{gap:10px}.metrics article{padding:14px}.panel-heading{padding:15px}.panel-heading p{max-width:240px}}@media(max-width:800px){.sidebar{position:static;width:100%;padding:12px 16px;display:block}.brand{font-size:18px}.brand img{width:35px}.brand small,.workspace-label,.side-bottom{display:none}nav{display:flex;gap:5px;margin-top:12px}nav button{flex:1;justify-content:center;padding:9px 5px;font-size:11px;gap:5px}nav button>span:first-child{font-size:15px;width:auto}.nav-count{display:none}main{margin-left:0;padding:18px 14px}header{align-items:flex-start}header h1{font-size:24px}.header-tools{gap:5px}.header-tools select{max-width:120px;font-size:11px}.header-tools button{font-size:11px;padding:8px}.metrics{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.metrics article{padding:12px 14px}.metrics strong{font-size:25px}.fleet-grid{grid-template-columns:1fr}#map{height:330px}.vehicles-panel #vehicle-list{display:flex;overflow:auto;max-height:none}.vehicle-card{min-width:220px;border-right:1px solid var(--line)}.vehicles-panel .search{display:none}.job-head{align-items:flex-start}.panel-heading{flex-wrap:wrap}.jobs-panel{margin-top:14px}.form-grid{grid-template-columns:1fr}.form-footer{align-items:stretch;flex-direction:column}.form-footer .primary{width:100%}footer{flex-direction:column;gap:6px}.login{grid-template-columns:1fr}.login aside{display:none}.login section{max-width:450px}.login h1{font-size:36px}.table-row{grid-template-columns:1fr 1fr}.table-row>*:last-child{grid-column:1/-1}.chat-panel .panel-heading select{width:100%;max-width:none}.bubble{max-width:95%}#demo-banner{font-size:10px;align-items:flex-start}#driver-tools{flex-direction:column;gap:15px;align-items:stretch}.chat-actions{align-items:stretch}.chat-actions select{max-width:180px}}

.route-summary{padding:0 20px 12px;margin:0;color:var(--muted,#52616a);font-size:13px;line-height:1.5}