*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f6f6f7;color:#202025;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9174ff;outline-offset:3px}button{border:0}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:40px;letter-spacing:-1.7px;line-height:1.13;font-weight:750}h2{font-size:21px;letter-spacing:-.65px;line-height:1.3}h3{font-size:17px;letter-spacing:-.3px}p{line-height:1.65;color:#81818c}small{font-size:11px;color:#858590}a{color:inherit;text-decoration:none}.rail{width:64px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid #e8e8ed;z-index:600;display:flex;align-items:center;flex-direction:column;gap:28px;padding-top:22px}.rail img{width:38px;height:28px;object-fit:contain}.rail>span{font-size:25px;color:#92929e}.rail .rail-active{color:#fff;background:#5928f5;width:40px;height:42px;display:grid;place-items:center;border-radius:11px}.rail-bottom{margin-top:auto;padding-bottom:24px;font-size:10px;letter-spacing:2px;color:#999}header{height:76px;position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid #e8e8ed;z-index:500;margin-left:64px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:20px}.brand img{width:74px;height:37px;object-fit:contain}.brand>span{border-left:1px solid #ddd;padding-left:20px;font-size:10px;font-weight:750;letter-spacing:1.5px;color:#8a8a95}.subhead{display:block;letter-spacing:0;color:#222;font-size:13px;margin-top:5px}.head-right{display:flex;align-items:center;gap:12px}.demo-badge{background:#f1ecff;color:#6130e6;padding:8px 12px;border-radius:7px;font-size:11px;font-weight:700}.live-pill{display:flex;align-items:center;gap:7px;font-size:11px;color:#73737e;white-space:nowrap}.live-pill i,.live-indicator{display:inline-block;width:7px;height:7px;background:#11a078;border-radius:100%;box-shadow:0 0 0 4px #11a07810}.quiet{padding:9px 12px;border:1px solid #e7e7ed;border-radius:9px;background:white;font-size:17px;color:#686875}.primary,.outline{padding:12px 17px;border-radius:9px;font-size:12px;font-weight:700;white-space:nowrap}.primary{background:#5928f5;color:#fff}.primary:hover{background:#4720d5}.outline{background:#fff;color:#514c62;border:1px solid #e3dfed}.outline:hover{background:#f5f1ff}main{margin-left:64px;padding:36px;max-width:2000px}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:16px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.3px;color:#7451cf;margin-bottom:10px}.page-title .eyebrow{color:#92929b}.page-title p{font-size:12px;margin-top:12px}.demo-note{display:flex;align-items:center;gap:10px;background:#f0ecfa;color:#776b92;border:1px solid #e8e0fa;padding:10px 15px;border-radius:9px;font-size:11px;margin-bottom:22px;line-height:1.5}.demo-note>span{color:#6130e6;font-size:18px}.stats{display:grid;grid-template-columns:repeat(6,1fr);background:white;border:1px solid #e6e6eb;border-radius:13px;margin-bottom:24px;overflow:hidden}.stat{padding:19px 22px;border-right:1px solid #ebebef}.stat:last-child{border-right:0}.stat-label{font-size:11px;color:#898994;font-weight:600}.stat-value{display:block;font-size:30px;font-weight:750;letter-spacing:-1px;margin:7px 0}.stat small{font-size:10px}.stat.warn .stat-value{color:#ad720a}.stat.danger .stat-value{color:#d14f52}.tabs{display:flex;gap:7px;margin-bottom:22px;border-bottom:1px solid #e1e1e8;padding-bottom:12px;overflow:auto}.tabs button{background:transparent;color:#85858f;font-size:12px;font-weight:700;padding:10px 16px;border-radius:8px;white-space:nowrap}.tabs button.active{background:#211f28;color:#fff}.tabs span{display:inline-block;margin-left:7px;opacity:.6}.panel{background:#fff;border:1px solid #e6e6ec;border-radius:14px;overflow:hidden}.panel-head{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-head .eyebrow{margin-bottom:7px}.panel-head p{font-size:12px;margin-top:8px}.tower-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px}.map-panel{min-width:0}#map{height:408px;background:#eef1f3;z-index:1}.map-footer{display:flex;align-items:center;gap:19px;padding:14px 20px;font-size:10px;color:#898993;flex-wrap:wrap}.map-source{margin-left:auto}.dot{display:inline-block;width:7px;height:7px;border-radius:100%;margin-right:5px}.green{color:#128562;background:#e7f6ef}.amber{color:#a36b06;background:#fff4dd}.red{color:#d04b55;background:#fff0ef}.purple{color:#6731ed;background:#f1ebff}.blue{color:#4575ab;background:#edf3fb}.dot.green{background:#18a17c}.dot.amber{background:#e6aa3e}.dot.red{background:#e45c65}.pulse .panel-head{padding-bottom:10px}.priority-card{display:block;width:calc(100% - 30px);margin:0 15px 10px;background:#fafafa;border:1px solid #ededf1;border-radius:10px;text-align:left;padding:13px}.priority-card:hover{border-color:#c8b7ff}.priority-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px}.priority-top strong{font-size:12px}.priority-card p{font-size:11px;line-height:1.5}.priority-card .bottom-line{display:flex;justify-content:space-between;font-size:10px;color:#92929c;margin-top:9px}.badge{display:inline-block;font-size:10px;padding:6px 9px;border-radius:6px;font-weight:700;white-space:nowrap}.integration{margin:15px;padding:13px 0 0;border-top:1px solid #ededf2;display:flex;gap:9px;align-items:center}.integration-icon{color:#7042e9;font-size:27px}.integration strong{font-size:10px}.integration p{font-size:10px}.integration small{font-size:9px}.integration>.badge{margin-left:auto;font-size:8px;padding:5px}.value-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:18px 0 24px}.value-row>div{border:1px solid #e7e7ed;border-radius:12px;padding:17px 20px;background:#ffffff85}.value-row span{float:left;font-weight:750;font-size:12px;color:#9d86d3;background:#f0ecf8;border-radius:7px;padding:8px;margin-right:13px}.value-row strong{font-size:12px;line-height:1.7}.value-row p{font-size:10px;margin-top:3px}.list-panel{margin-top:4px}.tools{display:flex;gap:8px}input,select{border:1px solid #e4e4eb;background:#fafafb;color:#56535f;border-radius:8px;padding:11px 12px;font-size:11px;max-width:100%}input[type=search]{width:240px}select{min-width:140px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{background:#fafafb;color:#92929c;letter-spacing:.8px;text-transform:uppercase;font-size:9px;padding:14px 20px;font-weight:700;border-block:1px solid #ededf1}td{padding:17px 20px;border-bottom:1px solid #f0f0f3;font-size:11px;color:#65636f}tbody tr{cursor:pointer}tbody tr:hover{background:#fcfaff}td strong{display:block;color:#302d3a;font-size:12px;margin-bottom:4px}td small{display:block;font-size:10px;color:#9896a0}.temp-num{font-weight:750!important;font-size:17px!important;letter-spacing:-.5px}.temp-alert{color:#d24e58!important}.progress{width:85px;height:4px;border-radius:10px;background:#eeebf5;margin-top:6px;overflow:hidden}.progress i{height:100%;display:block;background:#8056df;border-radius:10px}.row-open{background:transparent;font-weight:800;color:#6b38df;font-size:16px;padding:8px}.table-footer{padding:15px 20px;display:flex;justify-content:space-between;color:#97949f;font-size:10px;gap:12px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.report-intro{padding:30px}.report-intro h2{font-size:28px;margin:15px 0}.report-intro p{font-size:12px;max-width:470px;margin:0 0 24px}.report-intro small{display:block;margin-top:12px}.report-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px;border-top:1px solid #eee}.report-row p{font-size:11px}.report-actions{display:flex;gap:8px}.report-actions button{font-size:10px;padding:10px}.empty{padding:35px;text-align:center;color:#93909d;font-size:12px}footer{display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#9c99a6;margin-top:30px;line-height:1.5}.mobile-only{display:none}.vehicle-marker{background:transparent;border:0}.map-pin{display:flex;justify-content:center;align-items:center;width:31px;height:31px;background:#5526ef;color:#fff;border:3px solid white;border-radius:9px;box-shadow:0 2px 8px #2223;font-size:10px;font-weight:800;transition:transform .2s}.map-pin.waiting{background:#d3972a}.map-pin.alert{background:#d85161}.map-pin.completed{background:#159472}.map-pin.unloading{background:#4782b9}.map-pin.selected{transform:scale(1.3);box-shadow:0 0 0 4px #6330ff44}.leaflet-tooltip{font:11px inherit;border-radius:8px;border:1px solid #ddd;box-shadow:0 3px 10px #0001}.leaflet-control-attribution{font-size:9px!important}dialog{padding:0;border:1px solid #e5e0ef;border-radius:17px;width:min(1180px,calc(100% - 36px));max-height:91vh;box-shadow:0 20px 100px #1f134b44;color:#25212e}dialog::backdrop{background:#21173455;backdrop-filter:blur(4px)}.detail-header{padding:22px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e5ef;position:sticky;top:0;background:#fff;z-index:10}.detail-header h2{font-size:27px}.detail-header .eyebrow{font-size:9px}#detail-body{padding:22px;background:#faf9fc}.detail-banner{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border:1px solid #e5ddf8;background:white;border-left:4px solid #6531f4;border-radius:12px;margin-bottom:18px;gap:12px}.detail-banner h3{margin:7px 0;font-size:24px}.detail-banner p{font-size:12px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.metric{background:white;border:1px solid #e8e3ef;border-radius:10px;padding:14px}.metric small{display:block;font-size:9px;margin-bottom:8px}.metric strong{font-size:18px;letter-spacing:-.5px}.metric em{display:block;font-size:9px;font-style:normal;color:#96919e;margin-top:4px}.chart-box{padding:20px}.chart-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.chart-box svg{width:100%;height:170px;margin-top:14px}.chart-labels{display:flex;justify-content:space-between;font-size:9px;color:#96919e}.chart-foot{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.telemetry-note{padding:12px 16px;background:#f1edf9;font-size:10px;color:#8a789d;border-radius:8px;margin-top:12px;line-height:1.6}.point{border:1px solid #e8e2ef;background:white;border-radius:11px;overflow:hidden;margin-bottom:12px}.point-heading{background:#f1ecfc;padding:13px 15px;color:#7144cf;font-size:11px;font-weight:750;display:flex;justify-content:space-between}.point:nth-child(2) .point-heading{background:#ecf6f4;color:#298979}.point:nth-child(3) .point-heading{background:#f1f4fa;color:#5980b0}.point-body{padding:14px}.point-body>strong{font-size:12px}.point-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:10px;margin-top:13px}.point-facts small{display:block;font-size:9px;margin-bottom:5px}.point-events{margin-top:16px;border-left:1px solid #dbd1ef;padding-left:13px}.event{position:relative;margin:0 0 13px;font-size:10px}.event::before{content:"";position:absolute;left:-17px;top:3px;width:6px;height:6px;border-radius:50%;background:#8b6ac2}.event small{display:block;font-size:9px;margin-top:5px}.point .outline{width:100%;margin-top:13px;font-size:10px;padding:10px}.chat-box{margin-top:18px}.chat-title{padding:17px 20px;border-bottom:1px solid #ece8f2;display:flex;justify-content:space-between;align-items:center}.chat-title small{font-size:9px}.chat-log{max-height:235px;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.bubble{padding:12px 14px;max-width:85%;border-radius:10px;background:#f1f0f4;font-size:11px;line-height:1.6;align-self:flex-start}.bubble.mine{align-self:flex-end;background:#eee7ff}.bubble small{display:block;font-size:9px;color:#93879f;margin-top:6px}.chat-form{display:flex;gap:8px;padding:14px;border-top:1px solid #ece8f2}.chat-form input{flex:1;min-width:0}.chat-form button{padding:10px 16px}.chat-disclaimer{font-size:9px;color:#a09aa9;padding:0 14px 12px}.fleet-note{margin-top:18px;padding:20px}.fleet-note p{font-size:11px}.fleet-note .detail-metrics{margin:15px 0 0;grid-template-columns:repeat(3,1fr)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#292333;color:white;border-radius:10px;padding:14px 22px;font-size:12px;z-index:5000;display:none;box-shadow:0 8px 30px #0003;max-width:90vw}.icon-text{font-size:13px;color:#8a74b5}#map-error{padding:12px;color:#ad5960;font-size:12px}.detail-chart-path{fill:none;stroke:#7142e9;stroke-width:2.4}.current-temp{font-size:27px;font-weight:750;letter-spacing:-1px}.detail-report-actions{display:flex;gap:7px;flex-wrap:wrap}.detail-report-actions button{font-size:10px;padding:10px 12px}
@media(min-width:1700px){#map{height:480px}.tower-grid{grid-template-columns:minmax(0,1fr) 380px}.priority-card{padding:17px}.stat-value{font-size:35px}}
@media(max-width:1150px){main{padding:26px 20px}header{padding:0 20px}.tower-grid{grid-template-columns:1fr}.pulse #priority{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 15px}.priority-card{width:100%;margin:0}.integration{padding:12px 0 0}.stats{grid-template-columns:repeat(3,1fr)}.stat:nth-child(-n+3){border-bottom:1px solid #ededf2}.value-row p{font-size:9px}.detail-grid{grid-template-columns:minmax(0,1fr) 270px}h1{font-size:34px}.list-heading{flex-wrap:wrap}}
@media(max-width:720px){.rail{display:none}header{margin-left:0;padding:0 16px;height:66px}.brand{gap:10px}.brand img{width:62px}.brand>span{display:none}.live-pill{display:none}.head-right{gap:7px}.demo-badge{font-size:9px;padding:7px 9px}main{margin:0;padding:24px 14px}.page-title{align-items:flex-start;flex-direction:column;gap:17px}h1{font-size:32px;letter-spacing:-1.1px}.page-title p{font-size:10px}.page-title>.primary{font-size:10px;padding:10px 12px}.demo-note{font-size:9px;align-items:flex-start;padding:10px}.stats{margin-bottom:18px}.stat{padding:13px 11px}.stat-value{font-size:25px}.stat-label{font-size:9px}.stat small{font-size:8px}.tabs{gap:2px}.tabs button{padding:9px 11px;font-size:10px}.panel-head{padding:17px 15px}h2{font-size:18px}.panel-head .outline{font-size:9px;padding:9px 10px}.eyebrow{font-size:8px}#map{height:330px}.map-footer{font-size:9px;padding:12px;gap:12px}.map-source{display:none}.pulse #priority{grid-template-columns:1fr}.pulse .priority-card:nth-child(3){display:none}.integration{margin-top:12px}.value-row{grid-template-columns:1fr;gap:8px;margin:14px 0 20px}.value-row>div{padding:12px 15px}.value-row p{font-size:10px}.tools{width:100%}.tools input{width:100%;min-width:0;flex:1}.tools select{width:125px;min-width:0;font-size:10px}.list-heading{gap:15px}.table-footer{font-size:9px}.table-footer>span:last-child{display:none}td,th{padding:14px}.report-grid{grid-template-columns:1fr}.report-intro{padding:24px}.report-intro h2{font-size:25px}.report-row{align-items:flex-start;flex-direction:column}.report-row .outline{font-size:10px}.report-actions{flex-wrap:wrap}footer{flex-direction:column;font-size:9px}.detail-grid{grid-template-columns:1fr}.detail-metrics{grid-template-columns:repeat(2,1fr)}dialog{width:calc(100% - 16px);max-height:95vh;border-radius:12px}.detail-header{padding:16px}.detail-header h2{font-size:22px}#detail-body{padding:12px}.detail-banner{padding:15px}.detail-banner h3{font-size:19px}.detail-banner p{font-size:10px}.detail-banner>.badge{font-size:8px}.detail-grid>.timeline{grid-row:2}.detail-header .eyebrow{font-size:8px}.chart-box{padding:16px}.chat-log{max-height:210px}.detail-report-actions button{font-size:9px}.fleet-note .detail-metrics{grid-template-columns:repeat(3,1fr)}.fleet-note .metric{padding:10px}.fleet-note .metric strong{font-size:16px}#temperature-view .panel-head{align-items:flex-start;flex-direction:column}.mobile-only{display:initial}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}