*{box-sizing:border-box}html,body{color:#15222d;background:#edf2f5;min-height:100%;margin:0;font-family:Inter,Arial,sans-serif}button,input,select{font:inherit}.shell{min-height:100vh;display:flex}.rail{color:#fff;background:#12212c;flex-direction:column;align-items:center;gap:5px;width:78px;padding:14px 8px;display:flex}.railbrand{padding:2px 0 15px}.logo{color:#fff;background:#e42b34;border-radius:12px;place-items:center;width:43px;height:43px;font-weight:900;display:grid}.railitem{color:#91a4b2;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;gap:2px;width:62px;min-height:58px;display:grid}.railitem span{font-size:20px}.railitem small{font-size:9px}.railitem.on{color:#fff;background:#203847}.railitem.logout{margin-top:auto}.workspace{flex:1;min-width:0;padding:18px 20px 20px}.topbar{justify-content:space-between;align-items:center;height:62px;display:flex}.topbar h1{margin:2px 0 0;font-size:25px}.eyebrow{letter-spacing:1.4px;color:#df2d35;font-size:9px;font-weight:800}.topactions{align-items:center;gap:10px;display:flex}.topactions button{background:#fff;border:1px solid #d8e0e5;border-radius:9px;padding:9px}.connection{background:#fff;border:1px solid #dbe3e8;border-radius:20px;padding:9px 11px;font-size:11px}.connection i{background:#1ca465;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.avatar{color:#fff;background:#223d50;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.toolbar{background:#fff;border:1px solid #dce4e9;border-radius:12px;align-items:center;gap:7px;padding:8px;display:flex;box-shadow:0 2px 8px #2338470a}.search{color:#71808a;border:1px solid #d9e1e6;border-radius:8px;flex:1;align-items:center;min-width:270px;height:36px;padding:0 10px;display:flex}.search input{border:0;outline:0;width:100%;padding-left:7px;font-size:12px}.toolbar select,.toolbar>button{color:#344653;background:#fff;border:1px solid #d9e1e6;border-radius:8px;height:36px;padding:0 10px;font-size:11px}.alertfilter b{color:#b72c36;background:#f7dfe1;border-radius:10px;padding:2px 6px}.summary{color:#5c6c77;align-items:center;gap:17px;height:39px;padding:0 6px;font-size:10px;display:flex}.summary span{white-space:nowrap}.summary b{color:#1c2d39}.green{color:#258c5a!important}.blue{color:#2674a3!important}.amber{color:#b67b14!important}.muted{color:#84919a!important}.demo{letter-spacing:.4px;background:#fff1d7;border:1px solid #f0d39c;border-radius:6px;margin-left:auto;padding:5px 8px;font-weight:800;color:#9b6814!important}.cockpit{grid-template-columns:minmax(390px,34%) 1fr;gap:10px;height:calc(100vh - 139px);min-height:570px;display:grid}.fleetpane,.map,.tripboard{background:#fff;border:1px solid #dce4e9;border-radius:13px;overflow:hidden}.fleetpane{flex-direction:column;display:flex}.listhead{border-bottom:1px solid #e7ecef;justify-content:space-between;padding:13px 14px 10px;display:flex}.listhead b,.listhead small{display:block}.listhead b{font-size:13px}.listhead small{color:#83919b;margin-top:3px;font-size:9px}.listhead button{background:#eef3f6;border:0;border-radius:7px}.fleetlist{padding:7px;overflow:auto}.vehicle{text-align:left;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:10px;width:100%;margin-bottom:5px;padding:10px 11px}.vehicle:hover{background:#f6f9fa}.vehicle.selected{background:#f2f7f9;border-color:#9fb6c5;box-shadow:inset 3px 0 #e42b34}.vtop{justify-content:space-between;align-items:center;display:flex}.vtop strong{font-size:13px}.vtop span{color:#8b98a1;margin-left:7px;font-size:9px}.vtop em{border-radius:12px;padding:4px 7px;font-size:9px;font-style:normal}.vtop .green{background:#e4f5eb}.vtop .blue{background:#e2f1f8}.vtop .amber{background:#fff1d8}.vtop .gray{color:#71808a;background:#edf0f2}.driver{color:#52636f;margin:6px 0;font-size:10px}.route{align-items:center;gap:7px;font-size:10px;display:flex}.route b{color:#395b73;background:#eaf1f5;border-radius:4px;padding:3px 5px}.route span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.metrics{border-top:1px solid #edf0f2;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:9px;padding-top:8px;font-size:10px;display:grid}.metrics span{gap:2px;display:grid}.metrics small{color:#99a4ab;letter-spacing:.4px;font-size:7px}.late{color:#c6333d!important}.rightpane{grid-template-rows:minmax(390px,64%) minmax(220px,36%);gap:10px;min-width:0;display:grid;overflow:hidden}.map{background-color:#dfe7e7;background-image:linear-gradient(25deg,#0000 48%,#d6dfdf 49% 51%,#0000 52%),linear-gradient(115deg,#0000 48%,#e7eded 49% 51%,#0000 52%);background-position:0 0;background-repeat:repeat;background-size:150px 130px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;position:relative;overflow:hidden}.road{opacity:.9;background:#fff;border:1px solid #ccd6d7;border-radius:20px;position:absolute}.r1{width:115%;height:15px;top:46%;left:-8%;transform:rotate(-13deg)}.r2{width:90%;height:12px;top:28%;left:20%;transform:rotate(35deg)}.r3{width:85%;height:10px;top:72%;left:-10%;transform:rotate(19deg)}.r4{width:55%;height:8px;top:67%;left:39%;transform:rotate(-52deg)}.river{background:#b8d7e2;border-radius:50%;width:22px;height:120%;position:absolute;top:-10%;left:67%;transform:rotate(14deg)}.city{color:#7e8e91;letter-spacing:1px;font-size:9px;font-weight:800;position:absolute}.ant{top:18%;left:54%}.mec{top:55%;left:39%}.bru{top:83%;left:45%}.gen{top:45%;left:13%}.marker{cursor:pointer;z-index:4;background:#fff;border:0;border-radius:9px;align-items:center;gap:4px;padding:4px 7px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 10px #344b5560}.marker span{font-size:14px}.marker b{font-size:9px}.marker.focus{outline:3px solid #e42b3440;box-shadow:0 4px 14px #243d4c80}.maptools{z-index:6;gap:4px;display:grid;position:absolute;top:12px;left:12px}.maptools button{background:#fff;border:1px solid #d3dcdf;border-radius:7px;width:32px;height:32px}.detail{z-index:7;background:#fff;border:1px solid #d9e1e5;border-radius:12px;width:260px;padding:13px;position:absolute;top:12px;right:12px;box-shadow:0 10px 28px #2a3f4c2e}.detailtop{justify-content:space-between;display:flex}.detailtop>div{align-items:center;gap:6px;display:flex}.detailtop strong{font-size:14px}.detailtop small{color:#7f8c95;font-size:9px}.detailtop button{background:0 0;border:0}.dot{border-radius:50%;width:8px;height:8px}.dot.green{background:#2ba366}.dot.blue{background:#3782ad}.dot.amber{background:#d89522}.dot.gray{background:#87939b}.detail h3{margin:11px 0 7px;font-size:12px}.tripline{background:#eef4f7;border-radius:7px;justify-content:space-between;padding:7px;font-size:9px;display:flex}.detail p{color:#53646f;font-size:10px}.detailgrid{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px;display:grid}.detailgrid div{border:1px solid #e5eaed;border-radius:7px;padding:7px}.detailgrid small,.detailgrid b,.detailgrid span{display:block}.detailgrid small{color:#87949d;font-size:7px}.detailgrid b{margin:4px 0;font-size:10px}.detailgrid span{color:#73818a;font-size:8px}.detailactions{gap:6px;margin-top:10px;display:flex}.detailactions button{background:#fff;border:1px solid #dbe3e7;border-radius:7px;flex:1;padding:7px;font-size:9px}.detailactions button:first-child{color:#fff;background:#19384c;border-color:#19384c}.legend{z-index:5;background:#ffffffeb;border-radius:8px;gap:10px;padding:7px 9px;font-size:8px;display:flex;position:absolute;bottom:12px;left:12px}.legend span:first-child{color:#278c5c}.legend span:nth-child(2){color:#337ba4}.legend span:nth-child(3){color:#b97b16}.legend span:nth-child(4){color:#7c8991}.loginwrap,.loading{background:#eef3f6;place-items:center;min-height:100vh;display:grid}.loginbox{background:#fff;border-radius:18px;width:min(430px,92vw);padding:38px;box-shadow:0 18px 55px #17324d22}.brand{align-items:center;gap:12px;margin-bottom:25px;display:flex}.brand b,.brand span{display:block}.brand span{color:#8a98a2;font-size:11px}.loginbox h1{margin:0}.loginbox p{color:#657487}.loginbox form{gap:8px;margin-top:22px;display:grid}.loginbox label{font-size:12px;font-weight:700}.loginbox input{border:1px solid #d7e0e8;border-radius:9px;padding:12px}.primary{color:#fff;background:#18394d;border:0;border-radius:9px;margin-top:6px;padding:12px;font-weight:800}.linkbtn{color:#245d8d;background:0 0;border:0;padding:13px 0}.loginmsg{background:#eef5fb;border-radius:8px;padding:10px;font-size:12px}@media (max-width:1050px){.toolbar select:nth-of-type(2),.toolbar select:nth-of-type(4){display:none}.cockpit{grid-template-columns:360px 1fr}.detail{width:230px}}@media (max-width:760px){.rail{width:58px}.railitem{width:46px}.railitem small{display:none}.workspace{padding:12px}.toolbar{overflow:auto}.search{min-width:220px}.cockpit{grid-template-columns:1fr;height:auto}.fleetpane{height:460px}.map{height:620px}.summary{overflow:auto}.detail{top:8px;right:8px}}.tripboard{border:1px solid #dce4e9;border-radius:13px;padding:12px 14px;overflow:auto}.tripboardhead{border-bottom:1px solid #e7ecef;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:9px;display:flex}.tripboardhead h2{margin:3px 0;font-size:14px}.tripboardhead p{color:#6f7f89;margin:0;font-size:9px}.triptag{letter-spacing:1px;color:#df2d35;font-size:7px;font-weight:900}.tripstats{grid-template-columns:repeat(4,minmax(70px,1fr));gap:5px;display:grid}.tripstats span{border:1px solid #e5eaed;border-radius:7px;padding:6px 8px}.tripstats small,.tripstats b{display:block}.tripstats small{color:#8b98a0;font-size:7px}.tripstats b{margin-top:2px;font-size:10px}.timeline{grid-template-columns:repeat(6,1fr);gap:0;padding:14px 4px 4px;display:grid}.event{border-top:2px solid #dbe3e7;min-height:62px;padding:0 8px 0 26px;position:relative}.event i{background:#fff;border:2px solid #b7c3ca;border-radius:50%;place-items:center;width:21px;height:21px;font-size:9px;font-style:normal;font-weight:900;display:grid;position:absolute;top:-11px;left:0}.event b,.event span{display:block}.event b{margin-top:12px;font-size:9px}.event span{color:#77858e;margin-top:4px;font-size:8px;line-height:1.35}.event.done{border-color:#39a56c}.event.done i{color:#fff;background:#39a56c;border-color:#39a56c}.event.warn{border-color:#e2a43b}.event.warn i{color:#9a6611;background:#fff3db;border-color:#e2a43b}.event.active{border-color:#e42b34}.event.active i{color:#fff;background:#e42b34;border-color:#e42b34}.event.future{border-color:#dbe3e7}.emptytrip{color:#7c8a93;place-items:center;height:90px;font-size:11px;display:grid}@media (max-width:1100px){.timeline{grid-template-columns:repeat(3,1fr);row-gap:22px}.tripstats{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.rightpane{grid-template-rows:620px auto}.tripboardhead{display:block}.tripstats{margin-top:10px}.timeline{grid-template-columns:1fr 1fr}}.rail{align-items:stretch;transition:width .22s;position:relative;overflow:hidden}.rail.open{width:190px}.rail.closed{width:68px}.railbrand{align-items:center;height:58px;padding:2px 6px 12px;display:flex;overflow:hidden}.railbrand img{object-fit:contain;object-position:left center;filter:drop-shadow(0 1px #ffffff14);width:150px;height:auto;display:block}.rail.closed .railbrand img{width:120px;max-width:none;transform:translate(-2px)}.railToggle{color:#fff;z-index:4;cursor:pointer;background:#1b303d;border:1px solid #314755;border-radius:7px;width:27px;height:27px;font-size:20px;line-height:1;position:absolute;top:61px;right:7px}.railitem{justify-content:flex-start;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 13px;display:flex}.railitem span{text-align:center;width:26px;min-width:26px;font-size:17px}.railitem small{white-space:nowrap;font-size:11px}.rail.closed .railitem{justify-content:center;width:52px;margin:0 auto;padding:0}.rail.closed .railitem small{display:none}.rail.closed .railitem span{width:auto;min-width:0}.railitem.on{box-shadow:inset 3px 0 #e42b34}.loginlogo{object-fit:contain;width:150px;height:auto}.topactions{justify-content:flex-end;min-width:84px}.workspace{transition:padding .22s}@media (max-width:1050px){.rail.open{width:170px}}@media (max-width:760px){.rail.open{width:160px}.rail.closed{width:58px}.rail.closed .railitem{width:44px}}.rail{background:#142631;border-right:1px solid #203b49;overflow:visible}.railbrand{align-items:center;height:72px;padding:8px 7px 10px;display:flex}.brandmark{background:#fff;border-radius:9px;justify-content:flex-start;align-items:center;width:100%;height:54px;display:flex;overflow:hidden;box-shadow:0 2px 10px #0002}.brandmark img{object-fit:contain!important;object-position:left center!important;width:154px!important;max-width:none!important;height:52px!important;transform:none!important}.rail.closed .brandmark{width:52px;min-width:52px}.rail.closed .brandmark img{width:154px!important;max-width:none!important;height:52px!important;transform:none!important}.railitem.on{box-shadow:none;background:#203b49;border-left:3px solid #d8202a}.navpref{margin-top:auto}.logout{margin-top:0!important}.navsettings{color:#172631;z-index:50;background:#fff;border:1px solid #dbe4e8;border-radius:12px;width:190px;padding:10px;position:absolute;bottom:54px;left:calc(100% + 10px);box-shadow:0 12px 35px #1726312b}.navsettings b{text-transform:uppercase;letter-spacing:.6px;margin:2px 3px 8px;font-size:11px;display:block}.navsettings button{text-align:left;cursor:pointer;background:#f3f6f8;border:1px solid #0000;border-radius:8px;width:100%;margin:4px 0;padding:9px 10px;font-size:11px;display:block}.navsettings button.active{color:#fff;background:#142631;border-color:#142631}.eyebrow{color:#c91d28!important}.topbar{border-bottom:3px solid #a40000}.workspace{background:linear-gradient(#eef3f6 0,#f6f8f9 100%)}.exact-ui{background:#eef3f6;padding:0 0 12px}.brandbar{background:linear-gradient(105deg,#fff 0%,#fff6f6 42%,#fff 100%);border-bottom:1px solid #d8dfe4;align-items:center;gap:10px;height:92px;padding:10px 16px;display:flex;box-shadow:0 2px 12px #14263112}.brandzone{align-items:center;gap:18px;min-width:500px;height:72px;display:flex;position:relative}.brandzone:before{content:"";clip-path:polygon(0 0,100% 0,45% 100%,0 100%);opacity:.9;background:#b4000a;width:55px;height:92px;position:absolute;top:-10px;left:-16px}.brandzone img{object-fit:contain;z-index:1;width:185px;height:66px}.branddivider{background:#b9a2a2;width:1px;height:50px}.brandzone b,.brandzone span{display:block}.brandzone b{color:#a90000;letter-spacing:.5px;font-size:17px}.brandzone span{color:#46566b;margin-top:6px;font-size:12px;font-weight:800}.headersearch{color:#758699;background:#fff;border:1px solid #dce3e8;border-radius:8px;flex:1;align-items:center;min-width:250px;height:48px;padding:0 12px;display:flex;box-shadow:0 2px 10px #20384812}.headersearch input{border:0;outline:0;width:100%;padding-left:8px;font-size:12px}.brandbar select{background:#fff;border:1px solid #dce3e8;border-radius:8px;height:48px;padding:0 12px;font-size:11px;font-weight:700;box-shadow:0 2px 10px #20384812}.bell{background:#fff;border:1px solid #dce3e8;border-radius:50%;width:46px;height:46px;position:relative}.bell i{color:#fff;background:#d50012;border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;font-style:normal;display:grid;position:absolute;top:-5px;right:-2px}.userbox{min-width:65px}.userbox b,.userbox span{font-size:11px;display:block}.userbox span{color:#758699;font-size:9px}.mysl{color:#9d0010;white-space:nowrap;font-size:16px;font-style:italic;font-weight:900}.exactgrid{grid-template-columns:34% 1fr;gap:12px;height:calc(100vh - 104px);min-height:760px;padding:14px 16px 0;display:grid}.exactgrid .fleetpane{border-radius:10px}.statuschips{flex-wrap:wrap;gap:8px;padding:10px 12px 6px;display:flex}.statuschips>*{background:#edf2f6;border-radius:7px;padding:5px 8px;font-size:9px}.statuschips span:nth-child(2){color:#168352;background:#dff5e8}.statuschips span:nth-child(3){color:#1975be;background:#dff0ff}.statuschips span:nth-child(4){color:#b56c00;background:#fff0d6}.statuschips span:nth-child(5){color:#64727c}.exactgrid .vehicle{border-bottom:1px solid #e8edf0;border-radius:8px;padding:12px 14px}.exactgrid .vehicle.selected{box-shadow:none;background:#fff;border:2px solid #ff3340}.mainarea{grid-template-rows:57% auto 66px;gap:10px;min-width:0;display:grid}.exactmap{background-color:#d9eef2;background-image:linear-gradient(28deg,#0000 47%,#c6ddd9 48% 50%,#0000 51%),linear-gradient(112deg,#0000 48%,#f2f3dc 49% 51%,#0000 52%);background-size:180px 145px;border-radius:10px}.exactmap .city{color:#1e2b2f;letter-spacing:0;text-transform:none;font-size:18px}.routepath{z-index:3;transform-origin:0;background:#167ee8;border-radius:5px;height:4px;position:absolute}.rp1{width:53%;top:58%;left:16%;transform:rotate(-7deg)}.rp2{width:33%;top:48%;left:53%;transform:rotate(-28deg)}.tripcard{background:#fff;border:1px solid #dce4e9;border-radius:10px;padding:12px 14px;overflow:hidden}.tripidentity{align-items:center;gap:12px;display:flex}.truckicon{background:#f2f6f8;border-radius:9px;place-items:center;width:50px;height:50px;font-size:24px;display:grid}.tripidentity strong{font-size:17px}.tripidentity small{color:#82909b;margin-left:8px}.tripidentity em{color:#178352;background:#def5e7;border-radius:12px;margin-left:8px;padding:4px 8px;font-size:10px;font-style:normal}.tripidentity>div>div>div:last-child{margin-top:5px;font-size:11px}.tripblue{color:#1374d1;background:#dfefff;border-radius:5px;padding:4px 7px;font-weight:800}.quickstats{grid-template-columns:repeat(4,1fr) 130px;gap:7px;margin:-52px 0 12px 43%;display:grid}.quickstats span{border:1px solid #e2e7ea;border-radius:8px;padding:8px 10px}.quickstats small,.quickstats b,.quickstats i{display:block}.quickstats small{color:#748492;font-size:8px}.quickstats b{margin:3px 0;font-size:15px}.quickstats i{color:#748492;font-size:9px;font-style:normal}.quickstats button{color:#fff;background:#b60010;border:0;border-radius:8px;font-weight:800}.tripcard h3{margin:4px 0 12px;font-size:14px}.exacttimeline{padding:10px 0 0}.exacttimeline .event{min-height:82px}.exacttimeline .event b{font-size:10px}.exacttimeline .event span{font-size:9px}.tripfooter{background:#fff;border:1px solid #dce4e9;border-radius:10px;align-items:center;gap:28px;padding:8px 16px;display:flex}.tripfooter span{grid-template-rows:auto auto;grid-template-columns:26px auto;column-gap:7px;font-size:19px;display:grid}.tripfooter small{color:#71818e;font-size:9px}.tripfooter b{font-size:12px}.tripfooter button{background:#fff;border:1px solid #dce4e9;border-radius:8px;margin-left:auto;padding:12px 18px;font-weight:700}.rail{padding-top:14px}.railbrand{display:none}.railToggle{top:16px}@media (max-width:1350px){.brandzone{min-width:360px}.brandzone img{width:145px}.brandzone b{font-size:13px}.userbox,.mysl{display:none}.quickstats{margin:10px 0}.exactgrid{grid-template-columns:38% 1fr}}@media (max-width:900px){.brandzone{min-width:230px}.brandzone div:last-child,.brandbar select:nth-of-type(2),.brandbar select:nth-of-type(3){display:none}.exactgrid{grid-template-columns:1fr;height:auto}.fleetpane{height:600px}.mainarea{grid-template-rows:600px auto auto}.quickstats{grid-template-columns:repeat(2,1fr)}.tripfooter{flex-wrap:wrap}}@media (min-width:901px){.exactgrid{grid-template-columns:430px 8px minmax(0,1fr);gap:0;padding-left:16px;padding-right:16px}.mainarea{grid-template-rows:500px 8px minmax(175px,1fr) 66px;gap:0;min-height:0}.fleetpane{min-width:0;margin-right:6px}.exactmap,.tripcard,.tripfooter{max-width:none;max-height:none;resize:none!important}.tripcard{min-height:0;margin-top:6px;margin-bottom:6px}.splitter{z-index:30;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:center;align-items:center;display:flex;position:relative}.splitter.vertical{cursor:col-resize;width:8px}.splitter.vertical:before{content:"";background:#c5d0d6;border-radius:4px;width:2px;height:52px;transition:all .15s}.splitter.vertical span{display:none}.splitter.horizontal{cursor:row-resize;height:8px}.splitter.horizontal:before{content:"";background:#c5d0d6;border-radius:4px;width:64px;height:2px;transition:all .15s}.splitter.horizontal span{display:none}.splitter:hover:before,.dragging-v .splitter.vertical:before,.dragging-h .splitter.horizontal:before{background:#b4000a;box-shadow:0 0 0 3px #b4000a18}body.dragging-v,body.dragging-v *{cursor:col-resize!important}body.dragging-h,body.dragging-h *{cursor:row-resize!important}}@media (max-width:900px){.splitter{display:none}.exactgrid{grid-template-columns:1fr!important}.mainarea{grid-template-rows:600px auto auto!important}}.zoomlabel{z-index:6;color:#667985;background:#fff;border:1px solid #dce4e9;border-radius:6px;padding:4px 7px;font-size:9px;position:absolute;top:126px;left:12px}.testpage{background:#fff;border:1px solid #dce4e9;border-radius:12px;min-height:calc(100vh - 132px);margin:14px 16px;padding:22px}.testpagehead{border-bottom:1px solid #e6ecef;justify-content:space-between;align-items:flex-start;padding-bottom:18px;display:flex}.testpagehead span,.modaleyebrow{letter-spacing:1.1px;color:#b4000a;font-size:9px;font-weight:900}.testpagehead h2{margin:5px 0;font-size:25px}.testpagehead p{color:#70808b;margin:0;font-size:11px}.testpagehead button{cursor:pointer;background:#fff;border:1px solid #d9e2e7;border-radius:8px;padding:10px 14px;font-weight:700}.testcards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;padding-top:18px;display:grid}.testcards>button,.reportcard{text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe6ea;border-radius:10px;flex-direction:column;gap:7px;min-height:125px;padding:16px;display:flex}.testcards>button:hover{border-color:#b4000a;box-shadow:0 5px 18px #182b3812}.testcards b{font-size:14px}.testcards span,.testcards small{color:#778792;font-size:10px}.testcards strong{font-size:12px}.reportcard strong{color:#172936;font-size:20px}.modalback{z-index:200;background:#10212db8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modalbox{background:#fff;border-radius:14px;width:min(720px,94vw);max-height:86vh;padding:26px;position:relative;overflow:auto;box-shadow:0 24px 80px #0005}.modalclose{cursor:pointer;background:#eef2f4;border:0;border-radius:50%;width:32px;height:32px;font-size:20px;position:absolute;top:12px;right:14px}.modalbox h2{margin:5px 0 4px}.modalbox>p{color:#637580;font-size:11px}.modalgrid{grid-template-columns:repeat(2,1fr);gap:9px;margin:18px 0;display:grid}.modalgrid span{border:1px solid #e1e7ea;border-radius:9px;padding:12px}.modalgrid small,.modalgrid b{display:block}.modalgrid small{color:#7c8a94;margin-bottom:5px;font-size:8px}.note{background:#fff5df;border:1px solid #f1d69d;border-radius:8px;padding:11px}.historylist{border-top:1px solid #e2e8eb;margin-top:18px}.historylist>div{border-bottom:1px solid #e8edef;grid-template-columns:70px 1fr;gap:14px;padding:13px 4px;display:grid}.historylist>div>b{color:#b4000a}.historylist span strong,.historylist span small{display:block}.historylist span small{color:#778792;margin-top:3px;font-size:9px}.historyworkspace{background:#f4f6f8;height:calc(100vh - 82px);padding:18px 20px 28px;overflow:auto}.historytop{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:14px;display:flex}.historytop h2{margin:2px 0;font-size:24px}.historytop p{color:#6b7280;margin:0}.historyfilters{flex-wrap:wrap;gap:8px;display:flex}.historyfilters select,.historyfilters input{height:38px;font:inherit;background:#fff;border:1px solid #d7dce2;border-radius:8px;padding:0 10px}.daystats{grid-template-columns:repeat(6,minmax(110px,1fr));gap:10px;margin-bottom:14px;display:grid}.daystat{background:#fff;border:1px solid #e0e4e8;border-radius:10px;padding:12px}.daystat small{color:#7b8490;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.daystat b{margin-top:4px;font-size:17px;display:block}.historybody{grid-template-columns:minmax(330px,38%) minmax(520px,1fr);gap:14px;min-height:620px;display:grid}.daytimeline,.tripdetail{background:#fff;border:1px solid #dfe3e7;border-radius:12px;overflow:hidden}.paneltitle{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.paneltitle h3{margin:0;font-size:15px}.paneltitle span{color:#7a828d;font-size:11px}.dayevents{padding:6px 14px 18px}.dayevent{grid-template-columns:54px 18px 1fr;gap:8px;min-height:64px;display:grid;position:relative}.dayevent:after{content:"";background:#e5e7eb;width:2px;position:absolute;top:31px;bottom:-5px;left:62px}.dayevent:last-child:after{display:none}.dayevent>time{padding-top:12px;font-size:12px;font-weight:800}.dayevent>i{z-index:1;background:#16a34a;border-radius:50%;width:12px;height:12px;margin-top:13px}.dayevent.warn>i{background:#f59e0b}.dayevent.trip>i{background:#d71920}.dayevent>button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px 6px}.dayevent>button:hover{background:#f6f7f8}.dayevent strong{font-size:12px;display:block}.dayevent small{color:#77808b;margin-top:3px;display:block}.tripmap{background:linear-gradient(135deg,#e8edf0,#dfe8df);border-bottom:1px solid #e1e4e7;height:360px;position:relative;overflow:hidden}.tripmap:before,.tripmap:after{content:"";background:#fff;border:2px solid #c9cfd5;width:130%;height:34px;position:absolute;top:46%;left:-12%;transform:rotate(-12deg)}.tripmap:after{height:24px;top:65%;transform:rotate(23deg)}.actualroute{z-index:2;border-top:5px solid #d71920;border-radius:10px;width:72%;height:0;position:absolute;top:64%;left:12%;transform:rotate(-18deg)}.plannedroute{z-index:2;border-top:3px dashed #315b86;width:70%;height:0;position:absolute;top:58%;left:13%;transform:rotate(-13deg)}.tripmark{z-index:4;background:#fff;border:2px solid #d71920;border-radius:8px;padding:5px 7px;font-size:10px;font-weight:800;position:absolute;box-shadow:0 2px 8px #0002}.tripmark.a{top:68%;left:10%}.tripmark.b{top:37%;left:52%}.tripmark.c{top:20%;right:12%}.tripmark.stop{border-color:#f59e0b;top:55%;left:35%}.maplegend{z-index:5;background:#fff;border-radius:8px;padding:8px 10px;font-size:10px;position:absolute;bottom:12px;right:12px;box-shadow:0 2px 10px #0002}.tripcontrols{border-bottom:1px solid #e5e7eb;gap:6px;padding:10px 14px;display:flex}.tripcontrols button{background:#fff;border:1px solid #d7dce2;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:700}.tripcontrols button.on{color:#fff;background:#17212b}.tripinfo{grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 14px;display:grid}.tripinfo span{background:#f7f8f9;border-radius:8px;padding:9px}.tripinfo small{color:#7b8490;text-transform:uppercase;font-size:9px;display:block}.tripinfo b{margin-top:3px;font-size:12px;display:block}.tripselect{flex-wrap:wrap;gap:8px;padding:0 14px 14px;display:flex}.tripselect button{text-align:left;background:#fff;border:1px solid #d9dde2;border-radius:8px;padding:8px 10px}.tripselect button.on{border-color:#d71920;box-shadow:0 0 0 1px #d71920}.tripselect b,.tripselect small{display:block}.tripselect small{color:#737b85;margin-top:2px}@media (max-width:1100px){.historybody{grid-template-columns:1fr}.daystats{grid-template-columns:repeat(3,1fr)}}.containerhistory .historytop{border-bottom:3px solid #d71920}.containerstats .daystat.drive,.activitylegend .drive{border-color:#1f9d55}.containerstats .daystat.rest,.activitylegend .rest{border-color:#3157a4}.containerstats .daystat.work{border-color:#6b7280}.containerstats .daystat.warn,.activitylegend .warn{border-color:#d97706}.activitylegend{flex-wrap:wrap;gap:8px;padding:0 18px 12px;display:flex}.activitylegend span{color:#303640;background:#fff;border:1px solid #dfe3e8;border-left:4px solid #6b7280;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:800}.activitylegend .load{border-left-color:#8b5cf6}.activitylegend .container{border-left-color:#d71920}.activitylegend .wait{border-left-color:#d6a400}.dayevent.drive i{background:#1f9d55}.dayevent.rest i{background:#3157a4}.dayevent.load i{background:#8b5cf6}.dayevent.container i{background:#d71920}.dayevent.wait i{background:#d6a400}.dayevent.work i{background:#6b7280}.dayevent.drive button{border-left:3px solid #1f9d55}.dayevent.rest button{border-left:3px solid #3157a4}.dayevent.load button{border-left:3px solid #8b5cf6}.dayevent.container button{border-left:3px solid #d71920}.dayevent.wait button{border-left:3px solid #d6a400}.dayevent.work button{border-left:3px solid #6b7280}.containeridentity{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 12px;display:grid}.containeridentity span{background:#f7f8fa;border:1px solid #e0e4e9;border-radius:9px;flex-direction:column;gap:2px;padding:9px 10px;display:flex}.containeridentity small{text-transform:uppercase;color:#7a818c;font-size:10px;font-weight:800}.containeridentity b{color:#1e242c;font-size:13px}.datasourcenote{color:#7c4a03;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;margin-top:10px;padding:10px 12px;font-size:11px;line-height:1.4}@media (max-width:1100px){.containeridentity{grid-template-columns:repeat(2,minmax(0,1fr))}}.refreshcontrols{align-items:center;gap:7px;display:flex}.refreshcontrols button{cursor:pointer}.livebadge{letter-spacing:.08em!important;white-space:nowrap!important;border-radius:999px!important;padding:7px 9px!important;font-size:10px!important;font-weight:900!important}.livebadge.on{color:#137a3f!important;background:#e9f8ef!important;border:1px solid #bce8cc!important}.livebadge:not(.on){color:#6b7280!important;background:#f3f4f6!important;border:1px solid #d8dce3!important}.railToggle{opacity:.88;color:#17313f!important;z-index:20!important;background:#fff!important;border:1px solid #d3dde3!important;border-radius:50%!important;width:25px!important;height:25px!important;font-size:16px!important;line-height:22px!important;top:14px!important;right:-13px!important;box-shadow:0 2px 8px #0b223022!important}.railToggle:hover{opacity:1;transform:scale(1.04)}.railitem:first-of-type{margin-top:32px!important}.rail.closed .railToggle{right:-13px!important}.headeractionwrap{align-items:center;display:flex;position:relative}.bell{cursor:pointer;place-items:center;padding:0;font-size:15px;display:grid}.accountbutton{cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;height:48px;padding:3px 7px;display:flex}.accountbutton:hover,.bell:hover{background:#f4f7f9}.accountbutton .userbox{text-align:left}.accountbutton .userbox b,.accountbutton .userbox small{display:block}.accountbutton .userbox small{color:#758699;font-size:9px}.chevron{color:#758699;font-size:13px}.headerdropdown{z-index:100;color:#172631;background:#fff;border:1px solid #dbe4e8;border-radius:12px;width:310px;padding:8px;position:absolute;top:56px;right:0;box-shadow:0 16px 45px #1426312b}.headerdropdown:before{content:"";background:#fff;border-top:1px solid #dbe4e8;border-left:1px solid #dbe4e8;width:11px;height:11px;position:absolute;top:-6px;right:17px;transform:rotate(45deg)}.drophead{border-bottom:1px solid #edf1f3;justify-content:space-between;align-items:center;padding:6px 7px 9px;display:flex}.drophead b{font-size:12px}.drophead button{cursor:pointer;background:0 0;border:0;font-size:18px}.headerdropdown>button{text-align:left;cursor:pointer;color:#172631;background:#fff;border:0;border-radius:8px;width:100%;padding:10px}.headerdropdown>button:hover{background:#f3f6f8}.headerdropdown strong,.headerdropdown small{display:block}.headerdropdown strong{font-size:11px}.headerdropdown small{color:#70808d;margin-top:3px;font-size:10px}.dropfoot{color:#82909b;border-top:1px solid #edf1f3;padding:9px 8px 5px;font-size:9px}.accountmenu{width:235px}.accountidentity{border-bottom:1px solid #edf1f3;align-items:center;gap:10px;margin-bottom:4px;padding:8px 9px 11px;display:flex}.accountidentity b,.accountidentity small{display:block}.accountidentity small{color:#758699;font-size:9px}.avatar.large{width:38px;height:38px}.accountmenu .signout{color:#b4000a;border-top:1px solid #edf1f3;border-radius:0;margin-top:4px}.avatar{place-items:center;display:grid}.brandbar,.workspace{overflow:visible}@media (max-width:1350px){.accountbutton .userbox,.accountbutton .chevron{display:none}.headerdropdown{right:0}}.realmap{background:#dfe7e7!important}.realmapwrap,.leafletmap{position:absolute;inset:0}.leafletmap{z-index:1}.mapmodebar{z-index:500;background:#ffffffed;border:1px solid #d8e0e5;border-radius:10px;align-items:center;gap:6px;padding:6px;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 5px 18px #172d3a22}.mapmodebar button,.mapmodebar select{color:#263b49;cursor:pointer;background:#fff;border:1px solid #d7e0e5;border-radius:7px;height:34px;padding:0 10px;font-size:10px;font-weight:800}.mapmodebar button.on{color:#fff;background:#172f40;border-color:#172f40}.trafficnote{z-index:500;color:#8b5a00;background:#fff8e8;border:1px solid #f0d39c;border-radius:7px;padding:6px 9px;font-size:9px;font-weight:800;position:absolute;top:61px;right:12px}.fleetLeafletIcon{background:0 0!important;border:0!important}.truckpin{white-space:nowrap;background:#fff;border:1px solid #ccd7dd;border-radius:999px;align-items:center;gap:6px;max-width:190px;padding:6px 9px;display:inline-flex;transform:translateZ(0);box-shadow:0 4px 14px #122d3c40}.truckpin span{font-size:15px}.truckpin b{text-overflow:ellipsis;font-size:10px;overflow:hidden}.truckpin.selected{border:2px solid #d71920;box-shadow:0 5px 18px #d7192040}.fleetpopup{font-size:11px;line-height:1.55}.fleetpopup b{font-size:13px}.fleetpopup strong{color:#15834e}.leaflet-control-zoom{border:0!important;box-shadow:0 3px 12px #17313f25!important}.leaflet-control-zoom a{color:#17313f!important;border:1px solid #d7e0e5!important}.leaflet-control-attribution{font-size:8px!important}.realmap .leaflet-pane,.realmap .leaflet-control{font-family:Inter,Arial,sans-serif}@media (max-width:1100px){.mapmodebar{max-width:calc(100% - 64px);left:52px;right:auto;overflow:auto}.mapmodebar button,.mapmodebar select{white-space:nowrap}.trafficnote{top:60px;right:8px}}.truckpin{min-width:190px;min-height:44px;align-items:center!important;gap:8px!important;height:auto!important;padding:5px 9px!important;display:flex!important}.truckpin>span{font-size:22px;line-height:1}.truckpin>div{flex-direction:column;min-width:0;line-height:1.08;display:flex}.truckpin>div b{white-space:nowrap;font-size:12px}.truckpin>div small{letter-spacing:.35px;opacity:.78;white-space:nowrap;margin-top:3px;font-size:10px;font-weight:800}