@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0b1528;--navy2:#12213b;--blue:#2463eb;--cyan:#27d7e9;--text:#17253d;--muted:#78859a;--line:#e6ebf2;--bg:#f4f7fb;--green:#079b79;--orange:#e89424;--red:#e55770;--shadow:0 6px 24px #14244206}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,select,input[type=range]{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #36c9df;outline-offset:3px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4,.stat-value{font-family:'Manrope',system-ui,sans-serif}h1{font-size:30px;line-height:1.25;letter-spacing:-1px;font-weight:800}h2{font-size:17px;letter-spacing:-.3px}h3{font-size:15px}small,.small{font-size:12px}.muted{color:var(--muted)}.sub{color:var(--muted);font-size:13px;line-height:1.65;margin-top:7px}.flex{display:flex;align-items:center;gap:12px}.between{display:flex;align-items:center;justify-content:space-between;gap:16px}.stack{display:grid;gap:16px}.gap8{gap:8px}.grow{flex:1}.hidden{display:none!important}.mt{margin-top:22px}.strong{font-weight:700}.mono{font-variant-numeric:tabular-nums}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted)}.icon{width:19px;height:19px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sidebar{width:230px;position:fixed;inset:0 auto 0 0;background:var(--navy);color:#a9b7cb;display:flex;flex-direction:column;z-index:30;padding:26px 15px 15px}.brand{display:flex;align-items:center;gap:10px;padding:0 12px 25px;color:white}.brand img{width:40px;height:40px;object-fit:contain}.brand .name{font-size:23px;font-weight:800;font-family:Manrope,sans-serif;letter-spacing:-.7px}.brand .name span{color:var(--cyan)}.brand .caption{font-size:9px;letter-spacing:2.2px;color:#7385a4;margin-top:3px}.nav-scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#293750 transparent;flex:1}.nav-label{color:#566b8c;font-size:9px;text-transform:uppercase;letter-spacing:1.7px;font-weight:700;margin:18px 14px 10px}.nav-link{display:flex;align-items:center;gap:11px;padding:10px 13px;border-radius:8px;margin-bottom:3px;font-size:12px;font-weight:500;transition:.15s}.nav-link:hover{background:#17253c;color:#fff}.nav-link.active{color:white;background:#203859;box-shadow:inset 3px 0 var(--cyan)}.nav-link.active .icon{color:var(--cyan)}.nav-count{margin-left:auto;font-size:10px;background:#32415b;padding:2px 6px;border-radius:5px}.nav-link.active .nav-count{background:#2e527a}.side-foot{border-top:1px solid #233048;margin-top:14px;padding:16px 10px 0;font-size:11px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-right:7px;box-shadow:0 0 0 4px #26d4de12}.demo-status{margin-top:7px;font-size:10px;color:#7487a4;line-height:1.6}.main{margin-left:230px}.topbar{height:76px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:20px;position:sticky;top:0;z-index:25}.breadcrumb{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:9px}.breadcrumb b{font-weight:500;color:var(--text)}.top-actions{display:flex;align-items:center;gap:12px}.scenario-switch{display:flex;background:#f1f5fa;padding:4px;border-radius:9px;border:1px solid var(--line)}.scenario-switch button{border:0;background:transparent;color:#748098;padding:8px 13px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap}.scenario-switch button.active{background:var(--navy);color:#fff;box-shadow:0 2px 5px #11274820}.scenario-switch strong{font-size:10px;opacity:.6;padding-left:5px}.avatar{width:33px;height:33px;border-radius:50%;background:#e5edff;color:#3263c0;display:grid;place-items:center;font-size:10px;font-weight:800}.user-role{font-size:11px;line-height:1.5}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#fff;border:1px solid var(--line);color:var(--muted)}.demo-strip{background:#eaf4fb;color:#53718b;padding:8px 34px;font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:16px}.demo-strip b{color:#287391}.demo-strip button{background:none;border:0;color:#316783;font-size:10px;font-weight:700}.content{max-width:1660px;margin:auto;padding:30px 34px 42px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-heading .eyebrow{color:var(--blue);margin-bottom:8px}.heading-actions{display:flex;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;color:#40506b;min-height:38px;padding:9px 14px;border-radius:8px;font-size:11px;font-weight:700;transition:.16s;white-space:nowrap}.btn:hover{background:#f6f9ff;border-color:#c9d8ef;transform:translateY(-1px)}.btn.primary{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 4px 12px #2463eb1c}.btn.primary:hover{background:#1852ce}.btn.dark{background:var(--navy);border-color:var(--navy);color:white}.btn.cyan{background:var(--cyan);border-color:var(--cyan);color:var(--navy)}.btn.ghost{border-color:transparent;background:transparent}.btn.sm{min-height:30px;padding:6px 10px;font-size:10px}.btn.danger{color:var(--red);border-color:#f4d6de}.btn .icon{width:15px;height:15px}.text-link{border:0;background:transparent;color:var(--blue);font-size:11px;font-weight:700;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.text-link .icon{width:14px;height:14px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.pad{padding:22px}.card-head{padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #edf1f6}.card-head .sub{font-size:11px;margin-top:4px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.stat{padding:20px 22px;position:relative;min-height:136px}.stat-label{font-size:11px;color:var(--muted);font-weight:500}.stat-value{font-size:31px;line-height:1.2;font-weight:800;letter-spacing:-1px;margin:10px 0 9px}.stat-value small{font-size:14px;font-weight:500;color:#8e9ab0;letter-spacing:0;margin-left:4px}.stat-note{font-size:10px;color:var(--muted)}.stat-note b{color:var(--green);font-weight:600}.stat-icon{position:absolute;right:20px;top:19px;padding:9px;display:flex;border-radius:10px;background:#eef4ff;color:#507fe3}.stat-icon.orange{background:#fff5e7;color:#d29238}.stat-icon.green{background:#eaf9f4;color:#2aa382}.stat-icon.cyan{background:#e9f9fc;color:#26adc2}.grid-main{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:20px}.grid-half{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-thirds{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.map{height:380px;width:100%;background:#edf3f7;z-index:1}.map.large{height:580px}.map-wrap{position:relative}.map-badge{position:absolute;top:16px;left:16px;z-index:500;background:#fffffff0;backdrop-filter:blur(10px);border:1px solid #e0e7ef;border-radius:8px;box-shadow:0 3px 12px #172f5210;padding:10px 12px;font-size:10px;line-height:1.7}.map-badge b{font-size:11px;display:block}.map-bottom{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;font-size:10px;color:var(--muted);gap:12px}.legend{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:10px;color:#6e7b8f}.legend span{display:inline-flex;align-items:center;gap:5px}.dot{width:7px;height:7px;display:inline-block;border-radius:50%;flex:none}.leaflet-control-attribution{font-size:8px!important}.leaflet-control-zoom{border:1px solid #dee6f0!important;box-shadow:0 2px 8px #152b4a0c!important}.leaflet-control-zoom a{color:#46607e!important;font-size:18px!important}.leaflet-popup-content{font-family:'DM Sans',sans-serif;font-size:12px;line-height:1.7;min-width:160px}.fleet-pin{display:flex;align-items:center;justify-content:center;background:#2964e9;border:3px solid #fff;color:#fff;border-radius:12px;width:31px;height:31px;box-shadow:0 4px 10px #203d723c}.fleet-pin .icon{width:16px;height:16px}.fleet-pin.park{background:#069e80}.fleet-pin.work{background:#e39b36}.route-pin{width:25px;height:25px;display:grid;place-items:center;border:2px solid white;border-radius:50%;box-shadow:0 2px 8px #1b30484d;color:white;background:var(--navy);font-size:9px;font-weight:800}.selected-pin{width:18px;height:18px;background:#fff;border:4px solid #2463eb;border-radius:50%;box-shadow:0 0 0 6px #2463eb30}.priority-list{padding:3px 20px}.priority-item{padding:16px 0;display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid #eef2f6}.priority-item:last-child{border:0}.priority-icon{width:33px;height:33px;display:grid;place-items:center;background:#fff1e9;color:#d98936;border-radius:9px;flex:none}.priority-icon.red{background:#fef0f3;color:#dc6075}.priority-icon.blue{background:#ecf2ff;color:#6588d9}.priority-item h3{font-size:11px;margin-bottom:5px;font-family:'DM Sans',sans-serif;font-weight:700}.priority-item p{font-size:10px;color:var(--muted);line-height:1.6}.priority-item .text-link{font-size:10px;margin-top:7px}.priority-item .icon{width:16px;height:16px}.count-badge{border-radius:6px;background:#fff2e9;color:#c88038;font-size:10px;padding:4px 7px;font-weight:700}.insight{padding:18px 20px;background:var(--navy);color:white;margin:3px 18px 18px;border-radius:9px;position:relative;overflow:hidden}.insight:after{content:'';position:absolute;right:-25px;top:-25px;width:100px;height:100px;border:1px solid #275070;border-radius:50%}.insight .eyebrow{color:var(--cyan);font-size:8px}.insight p{font-size:11px;margin-top:8px;line-height:1.65;color:#c8d4e6}.bar-chart{height:160px;display:flex;gap:8px;align-items:flex-end;padding:20px 3px 24px;position:relative}.bar-col{flex:1;height:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:9px;min-width:0;position:relative}.bar{width:100%;max-width:25px;background:#b7cdfb;border-radius:4px 4px 0 0;transition:.2s;position:relative;min-height:3px}.bar:hover,.bar.current{background:var(--blue)}.bar-col small{position:absolute;bottom:-18px;font-size:8px;color:#93a0b3}.cost-row{display:grid;grid-template-columns:105px 1fr 80px;align-items:center;gap:12px;margin:17px 0;font-size:11px}.track{height:7px;background:#eef2f7;border-radius:6px;overflow:hidden}.track>span{height:100%;display:block;border-radius:6px;background:var(--blue)}.cost-row strong{text-align:right;font-size:11px}.toolbar{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.search{position:relative;flex:1;min-width:150px;max-width:330px}.search .icon{position:absolute;left:11px;top:10px;width:16px;height:16px;color:#93a0b2}.search input{padding-left:34px;width:100%}input,select,textarea{border:1px solid #dde5ef;border-radius:7px;background:#fff;padding:10px 12px;color:#465773;font-size:12px;min-height:37px}select{cursor:pointer;max-width:100%}textarea{resize:vertical;line-height:1.6}label.field{display:grid;gap:7px;font-size:11px;font-weight:700;color:#6c7b92}label.field input,label.field select,label.field textarea{font-weight:400;width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .wide{grid-column:1/-1}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:11px}th{padding:12px 18px;background:#f9fbfd;color:#8b98aa;font-size:9px;letter-spacing:.8px;text-transform:uppercase;font-weight:600}td{padding:14px 18px;border-top:1px solid #edf1f6;vertical-align:middle}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#f7faff}td b{font-weight:700;color:#30415a}td small{display:block;color:#95a1b2;margin-top:4px;font-size:10px}.plate{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.4px;padding:4px 7px;border:1px solid #dce4ef;border-left:4px solid #4879d6;border-radius:3px;color:#445570;background:#fff}.status{display:inline-flex;align-items:center;gap:5px;font-size:9px;padding:4px 7px;border-radius:5px;font-weight:600;white-space:nowrap;background:#edf2fa;color:#6b7c99}.status:before{content:'';height:4px;width:4px;border-radius:50%;background:currentColor}.status.green{background:#eaf8f2;color:#269478}.status.blue{background:#edf3ff;color:#4978d5}.status.orange{background:#fff5e6;color:#c58c35}.status.red{background:#fff0f3;color:#d75a73}.status.purple{background:#f0ecfe;color:#8b72c7}.table-foot{padding:14px 20px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8c99ac;border-top:1px solid var(--line)}.empty{padding:45px;text-align:center;color:#7b8aa2;line-height:1.8}.filter-chip{padding:7px 12px;border:1px solid var(--line);background:#fff;color:#7a8ba3;border-radius:7px;font-size:10px;cursor:pointer}.filter-chip.active{background:#eaf1ff;color:#396bd1;border-color:#b5cbf4}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.split-trips{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px;align-items:start}.trip-list{max-height:722px;overflow:auto}.trip-item{border:0;border-bottom:1px solid var(--line);background:#fff;display:block;text-align:left;width:100%;padding:18px;cursor:pointer;color:var(--text)}.trip-item.active{background:#edf4ff;box-shadow:inset 3px 0 var(--blue)}.trip-item:hover{background:#f5f8ff}.trip-time{font-size:10px;font-weight:700;display:flex;justify-content:space-between;margin-bottom:12px;color:#4b6486}.trip-path{border-left:1px dashed #aabedb;padding-left:13px;line-height:1.8;font-size:11px;margin-left:4px}.trip-path div{position:relative}.trip-path div:before{content:'';position:absolute;left:-17px;top:6px;width:6px;height:6px;background:#7a99c4;border:2px solid white;border-radius:50%}.trip-info{display:flex;gap:12px;font-size:9px;color:#8b9bb0;margin-top:12px}.trip-info b{color:#577298}.trip-map{height:330px}.trip-meta{padding:18px 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border-bottom:1px solid var(--line)}.trip-meta div+div{border-left:1px solid var(--line);padding-left:20px}.trip-meta small{font-size:9px;color:#90a0b5}.trip-meta strong{display:block;font-size:19px;margin-top:5px;letter-spacing:-.4px}.trip-meta strong span{font-size:10px;color:#93a1b5;font-weight:400}.speed-chart{width:100%;height:135px;display:block;touch-action:none;cursor:crosshair}.speed-panel{padding:17px 22px}.speed-reading{color:var(--blue);font-size:12px;font-weight:700}.replay{display:flex;align-items:center;gap:12px;margin-top:7px}.replay input{flex:1;padding:0;accent-color:var(--blue);height:16px;min-height:16px}.replay-time{font-size:10px;color:#6b809b;min-width:60px}.note{font-size:10px;line-height:1.7;color:#95a1b5;margin-top:12px}.banner{background:#edf4ff;border:1px solid #dce8fc;color:#587197;padding:13px 17px;border-radius:8px;font-size:11px;line-height:1.7}.banner.warm{background:#fff7ea;border-color:#f6e4c7;color:#ae873b}.banner.dark{background:var(--navy);color:#b8c9de;border-color:var(--navy);padding:23px}.banner.dark h2{color:white;margin-bottom:8px}.banner.dark p{max-width:740px}.notice-count{font-size:28px;font-weight:800;color:var(--blue)}
.modal-backdrop{position:fixed;inset:0;background:#08162880;backdrop-filter:blur(4px);z-index:1000;display:grid;place-items:center;padding:28px;animation:fade .15s}.modal{background:#fff;border-radius:16px;max-width:860px;width:100%;max-height:92vh;overflow:auto;box-shadow:0 25px 100px #06102550}.modal.wide{max-width:1080px}.modal-top{display:flex;align-items:center;justify-content:space-between;padding:23px 28px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:10}.modal-top h2{font-size:20px}.modal-body{padding:26px 28px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 28px;border-top:1px solid var(--line)}.detail-hero{background:linear-gradient(125deg,#0b1528,#1c3657);border-radius:12px;padding:26px;color:white;position:relative;min-height:210px;overflow:hidden;margin-bottom:22px}.detail-hero img{position:absolute;right:-22px;bottom:-50px;width:350px;filter:drop-shadow(0 15px 10px #0003)}.detail-hero h2{font-size:25px;margin:14px 0 6px}.detail-hero .sub{color:#a2b5cf}.detail-hero .plate{background:#fff}.detail-kpis{display:flex;gap:24px;margin-top:22px}.detail-kpis b{display:block;font-size:19px}.detail-kpis small{font-size:9px;color:#9cb1cf}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.data-line{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #edf1f6;font-size:11px}.data-line span{color:#8a99ad}.timeline{border-left:1px solid #d9e4f3;padding-left:22px;margin:14px 0 8px 4px}.timeline-item{position:relative;margin-bottom:20px;font-size:11px;line-height:1.7}.timeline-item:before{content:'';position:absolute;left:-27px;top:3px;width:9px;height:9px;border:2px solid white;background:var(--blue);border-radius:50%}.timeline-item small{display:block;color:#8999b0;font-size:10px}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.check{border:1px solid var(--line);border-radius:8px;padding:13px;display:flex;gap:10px;font-size:11px;line-height:1.7}.check .icon{color:var(--green);width:17px;height:17px;margin-top:2px}.check.warn .icon{color:var(--orange)}.check small{display:block;color:#8695aa}.inspection-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:20px}.vehicle-stage{height:400px;position:relative;background:radial-gradient(ellipse at 50% 55%,#f7fcff 0%,#e8f0fa 80%);display:flex;align-items:center;justify-content:center;overflow:hidden}.vehicle-stage:before{content:'';width:300px;height:300px;position:absolute;border:1px solid #c5d9ed;border-radius:50%;transform:scaleX(1.5)}.vehicle-stage img{position:relative;width:96%;max-width:660px;margin-top:20px;filter:drop-shadow(0 18px 12px #345a7d25)}.stage-label{position:absolute;left:24px;top:23px;font-size:10px;color:#7290ac;line-height:1.9;z-index:2}.stage-label b{display:block;font-size:15px;color:#496987}.hotspot{position:absolute;z-index:5;width:28px;height:28px;border:3px solid white;border-radius:50%;background:var(--blue);color:white;display:grid;place-items:center;font-size:10px;font-weight:800;box-shadow:0 0 0 6px #2463eb18,0 3px 12px #3a639140;cursor:pointer}.hotspot.issue{background:#e79138;box-shadow:0 0 0 6px #e7913825}.hotspot.active{transform:scale(1.18);box-shadow:0 0 0 8px #27d7e940}.zone-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:20px}.zone-button{display:flex;align-items:center;gap:9px;padding:11px 12px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:7px;font-size:10px;color:#5d738d;cursor:pointer}.zone-button.active{border-color:#7ba5ef;background:#f0f6ff}.zone-number{width:20px;height:20px;background:#eaf1ff;color:#4f77b9;border-radius:6px;display:grid;place-items:center;font-size:9px}.zone-button .status{margin-left:auto;font-size:8px}.progress-line{height:4px;background:#e8edf5}.progress-line span{display:block;background:linear-gradient(90deg,var(--blue),var(--cyan));height:100%;transition:.3s}.equipment{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.equipment label{font-size:10px;display:flex;gap:7px;align-items:center;color:#7890ac}.equipment input{min-height:auto;accent-color:var(--blue)}.photo-slot{border:1px dashed #c5d4e9;background:#f6faff;border-radius:9px;min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px;text-align:center;color:#8093b1;font-size:10px;line-height:1.8;gap:8px;margin:16px 0;overflow:hidden}.photo-slot img{max-height:150px;max-width:100%;object-fit:contain}.photo-example{height:115px;background:#e5edf7;display:flex;align-items:center;gap:18px;padding:16px;border-radius:8px;color:#69809f;overflow:hidden;margin:16px 0}.photo-example img{width:115px}.photo-example p{font-size:10px;line-height:1.8}.calendar{display:grid;grid-template-columns:75px repeat(5,minmax(100px,1fr));min-width:780px}.calendar>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px;min-height:85px}.calendar .day-head{background:#f9fbfe;text-align:center;min-height:66px;font-size:11px;color:#8b9bb0}.day-head b{display:block;color:#4c607c;font-size:19px;margin-top:3px}.calendar .time-label{font-size:10px;color:#94a5bc;text-align:center}.event{padding:9px;background:#edf3ff;border-left:3px solid #5b8cec;border-radius:5px;font-size:9px;line-height:1.65;color:#5575a6;cursor:pointer;margin-bottom:7px}.event b{display:block;color:#315786;font-size:10px}.event.orange{background:#fff5e7;border-color:#e0ab4d;color:#bb944e}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.kanban-col{background:#ecf1f8;border-radius:10px;padding:16px}.kanban-col>h3{font-size:12px;margin-bottom:15px;color:#7b8fa8}.work-card{padding:17px;border-radius:9px;background:#fff;border:1px solid #e0e7f1;margin-bottom:12px;cursor:pointer}.work-card p{font-size:11px;color:#6e839f;line-height:1.7;margin:8px 0}.work-card small{font-size:9px;color:#93a5bc}.donut{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;position:relative;flex:none}.donut:before{content:'';position:absolute;inset:20px;border-radius:50%;background:#fff}.donut div{position:relative;text-align:center}.donut b{display:block;font-size:20px}.donut small{font-size:9px;color:#92a1b5}.cost-total{display:flex;align-items:center;gap:28px;padding:24px}.cost-legend{flex:1}.doc-preview{background:#f2f5fa;border:1px solid #e1e7f1;border-radius:10px;padding:25px}.paper{background:#fff;box-shadow:0 5px 16px #2b436f10;padding:28px;min-height:300px;color:#52657f;font-size:11px;line-height:1.7}.paper h3{font-size:18px;letter-spacing:2px;margin-bottom:26px}.paper .total{border-top:2px solid #283d5c;padding-top:15px;font-size:18px;margin-top:25px}.phone{max-width:350px;border:8px solid #182842;border-radius:35px;background:#fff;box-shadow:0 18px 50px #15274c20;margin:auto;overflow:hidden}.phone-top{background:var(--navy);padding:22px;color:#fff;position:relative}.phone-top .eyebrow{color:#6b8bb0;font-size:8px}.phone-top h2{margin-top:13px;font-size:20px}.phone-top img{width:100%;height:140px;object-fit:contain;margin:5px 0 -20px}.phone-content{padding:22px}.phone-content .btn{width:100%}.role-card{border:1px solid var(--line);border-radius:9px;padding:18px;line-height:1.6;font-size:11px}.role-card h3{margin-bottom:5px}.role-card p{color:#90a0b6;font-size:10px}.source-card{display:flex;align-items:center;gap:20px;padding:22px}.source-logo{width:55px;height:55px;border-radius:12px;background:#eff5ff;display:grid;place-items:center;color:var(--blue);font-size:17px;font-weight:800}.source-card p{font-size:11px;color:#91a0b5;line-height:1.8;margin-top:5px}.audit-row{display:grid;grid-template-columns:90px 1fr 90px;gap:15px;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px;color:#6a809e}.tour-overlay{position:fixed;right:28px;bottom:25px;z-index:800;background:var(--navy);color:white;width:370px;max-width:calc(100vw - 36px);border:1px solid #2d4867;border-radius:15px;box-shadow:0 15px 45px #07152d50;padding:23px;animation:slide .25s}.tour-overlay .eyebrow{color:var(--cyan);font-size:9px}.tour-overlay h3{font-size:20px;margin:10px 0}.tour-overlay p{font-size:11px;line-height:1.85;color:#afc1d9;margin-bottom:18px}.tour-overlay .tour-track{display:flex;gap:5px;margin-bottom:18px}.tour-track span{flex:1;height:3px;background:#2d405d;border-radius:3px}.tour-track span.done{background:var(--cyan)}.tour-overlay .btn.ghost{color:#9db2cf}.tour-close{position:absolute;right:15px;top:15px;background:none;border:0;color:#6b85aa;font-size:19px}.mobile-menu{display:none}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);background:#142a45;color:white;padding:13px 23px;box-shadow:0 10px 35px #18274030;border-radius:9px;font-size:12px;opacity:0;z-index:2000;pointer-events:none;transition:.2s;max-width:90vw}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--navy);color:white;gap:20px}.boot img{width:70px}.boot p{color:#7e96b8;font-size:13px}.footer{display:flex;justify-content:space-between;margin-top:28px;color:#9ba7b8;font-size:9px;letter-spacing:.2px}.kbd{font-size:9px;color:#91a1b6;border:1px solid #dce4ef;border-radius:4px;padding:2px 5px}.full-presentation .sidebar{width:76px;padding:26px 10px}.full-presentation .brand{padding:0 0 25px;justify-content:center}.full-presentation .brand>div,.full-presentation .nav-label,.full-presentation .nav-text,.full-presentation .nav-count,.full-presentation .side-foot{display:none}.full-presentation .nav-link{justify-content:center;padding:13px}.full-presentation .main{margin-left:76px}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes slide{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1650px){.map{height:440px}.trip-map{height:390px}.stat{min-height:148px}.stat-value{font-size:36px}.priority-item{padding:20px 0}.content{padding-top:36px}}
@media(max-width:1200px){.sidebar{width:205px}.main{margin-left:205px}.topbar{padding:0 22px}.content{padding:25px 22px}.grid-main{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr)}.stat{padding:18px}.stat-value{font-size:27px}.stat-icon{right:15px;top:16px;padding:7px}.trip-meta{padding:15px}.trip-meta div+div{padding-left:10px}.user-role{display:none}.split-trips{grid-template-columns:265px minmax(0,1fr)}.inspection-grid{grid-template-columns:1.1fr 1fr}.zone-list{grid-template-columns:1fr}.vehicle-stage{height:345px}.scenario-switch button{padding:8px 10px}}
@media(max-width:1000px){.grid-main{grid-template-columns:1fr}.grid-half{grid-template-columns:1fr}.grid-thirds{grid-template-columns:1fr 1fr}.stats{gap:10px}.stat-icon{display:none}.topbar .breadcrumb{display:none}.topbar{justify-content:flex-end}.inspection-grid{grid-template-columns:1fr}.zone-list{grid-template-columns:1fr 1fr}.vehicle-stage{height:420px}.kanban{gap:10px}.page-heading{align-items:flex-start;flex-direction:column}.split-trips{grid-template-columns:230px minmax(0,1fr)}.trip-meta{grid-template-columns:1fr 1fr;gap:14px}.trip-meta div+div{border:0;padding:0}.map.large{height:470px}.detail-hero img{opacity:.65}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s;width:230px}.sidebar.open{transform:translateX(0);box-shadow:0 0 0 100vw #0b152860}.main,.full-presentation .main{margin-left:0}.topbar{height:65px;padding:0 16px;justify-content:space-between}.mobile-menu{display:inline-flex}.top-actions{gap:8px}.top-actions .avatar,.top-actions .presentation-btn{display:none}.scenario-switch button{font-size:10px;padding:7px 9px}.scenario-switch strong{font-size:9px;padding-left:2px}.demo-strip{padding:8px 17px;font-size:9px}.demo-strip .desktop{display:none}.content{padding:23px 16px}.page-heading h1{font-size:27px}.page-heading{gap:15px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{min-height:120px;padding:17px}.stat-value{font-size:28px}.stat-note{font-size:9px}.stat-label{font-size:10px}.map{height:340px}.card-head{padding:17px}.pad{padding:18px}.grid-thirds{grid-template-columns:1fr}.split-trips{grid-template-columns:1fr}.trip-list{display:flex;max-height:220px;overflow-x:auto}.trip-item{min-width:245px;border-right:1px solid var(--line)}.trip-map{height:330px}.trip-meta{grid-template-columns:repeat(4,1fr)}.trip-meta strong{font-size:16px}.trip-meta small{font-size:8px}.card-head h2{font-size:15px}.legend{gap:10px;font-size:8px}.modal-backdrop{padding:10px}.modal{max-height:95vh;border-radius:12px}.modal-top{padding:18px}.modal-top h2{font-size:17px}.modal-body{padding:20px}.modal-footer{padding:15px}.detail-grid,.form-grid,.check-list{grid-template-columns:1fr}.detail-hero img{width:260px;right:-45px;opacity:.35}.detail-hero{padding:22px}.detail-hero>*:not(img){position:relative;z-index:1}.detail-kpis{gap:18px}.detail-kpis b{font-size:17px}.vehicle-stage{height:310px}.zone-list{padding:15px;gap:8px}.zone-button{padding:10px 8px;font-size:9px;gap:7px}.zone-button .status{font-size:7px}.kanban{grid-template-columns:1fr}.tour-overlay{right:18px;bottom:18px;padding:20px;width:335px}.tour-overlay h3{font-size:18px}.tour-overlay p{font-size:10px}.footer{gap:20px;line-height:1.7}.toolbar{padding:13px;gap:8px}.toolbar select{max-width:100%}.toolbar .search{max-width:none}.cost-total{gap:18px;padding:20px}.donut{width:115px;height:115px}.donut:before{inset:15px}.donut b{font-size:16px}.cost-row{grid-template-columns:90px 1fr 65px;gap:8px;font-size:10px}.cost-row strong{font-size:10px}.source-card{align-items:flex-start;flex-wrap:wrap}.source-logo{width:42px;height:42px}.full-presentation .sidebar{width:230px;padding:26px 15px}.full-presentation .brand>div,.full-presentation .nav-label,.full-presentation .nav-text,.full-presentation .side-foot{display:block}.full-presentation .nav-link{justify-content:flex-start;padding:10px 13px}.full-presentation .brand{justify-content:flex-start}.audit-row{grid-template-columns:70px 1fr}.audit-row>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.sidebar,.topbar,.demo-strip,.heading-actions,.toolbar,.tour-overlay,.footer,.modal-footer{display:none!important}.main{margin:0}.content{padding:0}.card{break-inside:avoid}.modal-backdrop{position:static;background:white;padding:0}.modal{box-shadow:none;max-height:none;width:100%;overflow:visible}body:has(.modal) #app{display:none}.map{print-color-adjust:exact}.stats{grid-template-columns:repeat(4,1fr)}}
/* Keep the road map quiet so the speed-colored itinerary remains legible. */
.leaflet-tile-pane{filter:saturate(.16) brightness(1.08) contrast(.88)}
.agency-cluster{width:38px;height:38px;border:3px solid #fff;border-radius:50%;display:grid;place-items:center;background:#2463eb;color:white;font-size:12px;font-weight:800;box-shadow:0 0 0 6px #2463eb14,0 5px 15px #163f7140}
.agency-label{background:#ffffffe8;border:1px solid #e5ebf4;border-radius:4px;box-shadow:0 2px 7px #132b4d12;font-family:inherit;color:#4f688a;font-size:9px;font-weight:600;padding:3px 6px}
.agency-label:before{display:none}
.service-cell{min-width:166px}.service-cell small.service-remaining{margin-top:6px;font-size:10px}.service-remaining.red{color:#c84660}.service-remaining.orange{color:#ad7626}.service-remaining.green{color:#678376}.service-status{display:block;margin-top:7px}.service-status .status{font-size:8px}
.priority-report-link{border-radius:7px}.priority-report-link:hover{background:#f4f8ff}.report-row{display:flex;gap:17px;padding:23px;border-bottom:1px solid var(--line)}.report-row:last-child{border-bottom:0}.report-row-icon{height:38px;width:38px;display:grid;place-items:center;flex:none;border-radius:10px;background:#fff3e7;color:#d78c30}.report-row-icon.done{background:#eaf8f2;color:var(--green)}.report-row-content{flex:1;min-width:0}.report-row-heading{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.report-row-content h3{font-size:15px;margin-top:12px;line-height:1.5}.report-row-content>p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:5px}.report-severity{display:inline-flex;font-size:10px;color:#7b8c9f;margin-top:10px}.report-severity.urgent{color:#c27424;font-weight:700}.report-row-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:13px;flex:none}.report-response{background:#f3f7fc;border-left:3px solid #b7d1ee;padding:10px 12px;border-radius:3px;overflow-wrap:anywhere}.report-detail-context{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;background:#f5f8fc;border:1px solid var(--line);border-radius:10px;padding:18px;margin-top:22px}.report-detail-context small{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);margin-bottom:8px}.report-detail-context b{font-size:12px;line-height:1.7}
@media(max-width:760px){.report-row{padding:18px;gap:12px;flex-wrap:wrap}.report-row-icon{width:30px;height:30px}.report-row-content{min-width:calc(100% - 50px)}.report-row-actions{width:100%;flex-direction:row;justify-content:space-between;align-items:center;padding-left:42px}.report-detail-context{grid-template-columns:1fr}.report-list+.table-foot{align-items:flex-start;flex-wrap:wrap;gap:8px}}
.trip-selection{padding:19px 22px;border-bottom:1px solid var(--line);background:#f7faff;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.trip-selection .eyebrow{color:var(--blue);font-size:9px}.trip-selection h2{font-size:15px;line-height:1.55;margin-top:7px}.trip-selection h2 span{color:#6497cf;margin:0 5px}.trip-focus-controls{display:flex;gap:6px;flex-wrap:wrap}.trip-endpoint-label{font-family:inherit;font-size:10px;font-weight:700;color:#234567;background:white;border:1px solid #d6e5f2;border-radius:5px;box-shadow:0 2px 6px #183f6220;padding:4px 7px}.trip-item[aria-pressed=true]{box-shadow:inset 4px 0 var(--blue)}
/* Examples for a client presentation. */
.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.showcase-item{display:flex;align-items:center;gap:13px;text-align:left;padding:23px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:white;color:var(--text);min-width:0;transition:background .15s}
.showcase-item:hover{background:#f2f7ff}.showcase-item>span:nth-child(2){flex:1;min-width:0}.showcase-item small{color:#7996ba;font-size:9px;display:block;margin-bottom:4px;letter-spacing:1px}.showcase-item b{display:block;font-size:12px;line-height:1.5}.showcase-item span span{display:block;font-size:10px;color:var(--muted);line-height:1.7;margin-top:4px}.showcase-icon{background:#eaf3ff;color:var(--blue);width:38px;height:38px;display:grid;place-items:center;border-radius:11px;flex:none}.showcase-item>.icon{width:16px;color:#8aa6c4}
.fuel-summary{padding-left:0;padding-right:0;margin-top:16px}.fuel-evidence{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:20px}.fuel-map{height:300px}.fuel-levels{padding:23px;background:#f7faff;border-left:1px solid var(--line)}.fuel-levels h3{margin-top:10px;font-size:19px}.fuel-levels .sub{font-size:11px}.fuel-level{margin:18px 0;font-size:11px}.fuel-level .track{margin-top:8px;height:9px}.fuel-level:last-of-type .track>span{background:var(--green)}.fuel-levels .note{margin-top:13px}.evidence-pin{width:30px;height:30px;border-radius:50%;border:3px solid white;box-shadow:0 3px 12px #18355855;display:grid;place-items:center;font-size:11px;font-weight:800;color:white}
@media(max-width:1100px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.showcase-grid,.fuel-evidence{grid-template-columns:1fr}.showcase-item{padding:20px}.fuel-levels{border-left:0;border-top:1px solid var(--line)}.showcase .card-head{align-items:flex-start;flex-wrap:wrap}.fuel-map{height:270px}.fuel-summary{grid-template-columns:1fr 1fr;gap:18px}}