.system-status{color:#82918b;border-block:1px solid #edf1ef;grid-template-columns:repeat(2,1fr);gap:6px 12px;margin-top:12px;padding:10px 0;font-size:9px;display:grid}.system-status strong{color:#435e54;letter-spacing:.8px;grid-column:1/-1;font-size:10px}.system-status span{justify-content:space-between;gap:6px;display:flex}.system-status b{color:#70a84f;font-size:8px}.system-status b.offline{color:#c67555}.telematics-layout{grid-template-columns:1fr 1.05fr;gap:14px;margin-bottom:14px;display:grid}.telematics-panel-live,.gps-map-panel,.trip-analytics-panel{min-width:0}.telematics-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.telematics-grid>div{background:#fbfdfb;border:1px solid #edf1ef;border-radius:4px;min-height:48px;padding:9px 10px}.telematics-grid span{color:#99a5a1;margin-bottom:5px;font-size:9px;display:block}.telematics-grid b{color:#36534b;font-size:12px}.telematics-grid small{color:#9ca9a3;font-size:8px;font-weight:400}.telematics-grid .simulated-label{color:#c07855;font-size:9px}.coordinates,.gps-map-footer{color:#8c9b95;justify-content:space-between;gap:10px;margin-top:14px;font:9px monospace;display:flex}.gps-map{background:#f1f6f1;border:1px solid #e4ebe5;border-radius:4px;height:178px;margin-top:18px;overflow:hidden}.gps-map svg{width:100%;height:100%}.map-grid-lines{stroke:#dce8de;stroke-width:1px;stroke-dasharray:3 5}.gps-route-shadow{fill:none;stroke:#37594a1f;stroke-width:9px;stroke-linecap:round;stroke-linejoin:round}.gps-route-line{fill:none;stroke:#7cac5c;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.gps-start{fill:#6c9d59}.gps-end{fill:#d9835f}.gps-current-pulse{fill:#254c3f29;animation:1.4s infinite gps-pulse}.gps-current{fill:#1d4a40;stroke:#f5fff4;stroke-width:2px}.gps-map text{fill:#71857b;letter-spacing:.4px;font:7px Trebuchet MS,sans-serif}.simulated-gps-badge{color:#bd7959;letter-spacing:.5px;border:1px solid #eac9b9;border-radius:3px;padding:4px 7px;font-size:8px}.trip-analytics-panel{margin-bottom:14px}.analytics-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;display:grid}.analytics-grid>div{border-top:1px solid #edf1ef;padding:11px}.analytics-grid span{color:#99a5a1;margin-bottom:5px;font-size:9px;display:block}.analytics-grid b{color:#36534b;font-size:13px}.risk-score-pill{color:#699650;letter-spacing:.5px;background:#e3f0df;border-radius:3px;padding:5px 8px;font-size:9px}.risk-score-pill.moderate{color:#b88e2d;background:#f8efd6}.risk-score-pill.high-risk,.risk-score-pill.critical{color:#c86645;background:#fae5dc}.driver-risk-row{color:#72827c;border-top:1px solid #e3ebe6;grid-template-columns:auto auto 1fr;align-items:center;gap:12px;margin-top:14px;padding:13px 0 0;font-size:10px;display:grid}.driver-risk-row strong{color:#36534b;font:700 22px Georgia,serif}.driver-risk-row strong small{color:#97a49f;font:10px Trebuchet MS,sans-serif}.risk-explanation{color:#ae7c64;text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.incident-copy small{line-height:1.35}.incident-copy small+small{color:#bd7659}.incident-time{align-self:flex-start;padding-top:12px}@keyframes gps-pulse{50%{opacity:.35;transform-origin:50%;transform:scale(1.3)}}@media (width<=900px){.telematics-layout{grid-template-columns:1fr}.analytics-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.telematics-grid{grid-template-columns:repeat(2,1fr)}.telematics-grid>div{padding:8px}.telematics-grid b{font-size:10px}.coordinates,.gps-map-footer{flex-wrap:wrap;font-size:8px}.analytics-grid{gap:5px}.analytics-grid>div{padding:8px 5px}.analytics-grid b{font-size:10px}.driver-risk-row{grid-template-columns:auto auto}.risk-explanation{text-align:left;grid-column:1/-1}}.advisory-note{color:#a68e83;letter-spacing:.2px;margin-top:4px;font-size:8px;display:block}.camera-video{z-index:1;object-fit:cover;background:#273638;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.live-camera-view .road-horizon,.live-camera-view .road,.live-camera-view .lane{opacity:.18}.camera-mode-badge{z-index:8;color:#bdd4c8;letter-spacing:.7px;background:#122a27c2;border-radius:3px;padding:5px 7px;font-size:8px;position:absolute;top:10px;left:10px}.camera-mode-badge b{color:#c7ef76;margin-left:5px}.camera-controls{z-index:8;gap:4px;display:flex;position:absolute;top:9px;right:9px}.camera-control{color:#dce9df;background:#122a27c7;border:1px solid #d2ebda59;border-radius:3px;padding:5px 7px;font-size:8px}.camera-control.active{color:#d0f18c;border-color:#b5df72}.camera-control.stop{color:#f0b59a}.camera-control:disabled{opacity:.55;cursor:default}.camera-message{z-index:7;color:#e2efe5;text-align:center;background:#122a27d1;border:1px solid #d1ebd44d;border-radius:4px;width:80%;padding:10px;font-size:10px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.camera-message.error{color:#ffd1be;border-color:#e88b6980}.vision-stats{color:#82918b;border-block:1px solid #edf1ef;grid-template-columns:repeat(2,1fr);gap:6px 14px;margin-top:13px;padding:11px 0;font-size:9px;display:grid}.vision-stats strong{color:#435e54;letter-spacing:.8px;grid-column:1/-1;font-size:10px}.vision-stats span:nth-of-type(2n){color:#6c9f55}.vision-stats small{color:#b27d62;grid-column:1/-1;font-size:8px;line-height:1.3}.vision-stats+.inference-mode{margin-top:0}@media (width<=580px){.camera-controls{justify-content:flex-end;inset:auto 9px 29px}.camera-control{padding:5px 6px}.camera-mode-badge{top:10px}.vision-stats{gap:5px 9px}}.fleet-overview{margin-bottom:14px;padding:22px}.fleet-heading{justify-content:space-between;align-items:start;display:flex}.fleet-heading h2{color:#213e39;margin:0;font:600 20px Georgia,serif}.fleet-api{color:#bd7959;letter-spacing:.7px;font-size:8px}.fleet-api.online{color:#70a84f}.fleet-api i{background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.fleet-summary{grid-template-columns:repeat(6,1fr);gap:9px;margin-top:18px;display:grid}.fleet-summary>div{border-top:1px solid #edf1ef;padding:11px}.fleet-summary span{color:#99a5a1;margin-bottom:6px;font-size:9px;display:block}.fleet-summary b{color:#36534b;font:600 20px Georgia,serif}.fleet-summary>div:nth-child(4) b,.fleet-summary>div:nth-child(5) b{color:#c56f50}.fleet-cards{grid-template-columns:repeat(5,minmax(150px,1fr));gap:9px;margin-top:16px;display:grid}.vehicle-card{min-width:0;color:inherit;text-align:left;background:#fbfdfb;border:1px solid #e1eae6;border-radius:5px;padding:13px;transition:border-color .2s,transform .2s,box-shadow .2s}.vehicle-card:hover,.vehicle-card.selected{border-color:#9dbc78;transform:translateY(-2px);box-shadow:0 5px 14px #375f461a}.vehicle-card.selected{background:#f5faef}.vehicle-card-header{justify-content:space-between;gap:6px;display:flex}.vehicle-card-header strong,.vehicle-card-header span{display:block}.vehicle-card-header strong{color:#23433c;font-size:13px}.vehicle-card-header span{color:#97a39e;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;overflow:hidden}.vehicle-status{color:#76a653;letter-spacing:.3px;flex-shrink:0;font-size:8px}.vehicle-status i{background:currentColor;border-radius:50%;width:5px;height:5px;margin-right:2px;display:inline-block}.vehicle-status.idle{color:#bc963d}.vehicle-status.warning{color:#d68152}.vehicle-status.critical{color:#bd4848}.vehicle-status.offline{color:#9da9a4}.vehicle-card-metrics{grid-template-columns:1fr 1fr;gap:8px;margin-top:15px;display:grid}.vehicle-card-metrics span,.vehicle-card-footer span{color:#a0aaa6;font-size:8px;display:block}.vehicle-card-metrics b{color:#3c5951;margin-top:3px;font-size:11px;display:block}.status-online{color:#70a84f!important}.status-offline{color:#ad8b7c!important}.vehicle-card-footer{border-top:1px solid #e8efea;justify-content:space-between;gap:6px;margin-top:14px;padding-top:9px;display:flex}.vehicle-card-footer>span{min-width:32px}.vehicle-card-footer small{color:#9ca6a2;text-overflow:ellipsis;white-space:nowrap;align-self:end;font-size:8px;overflow:hidden}.risk-text{color:#70a84f}.risk-text.medium,.risk-text.high{color:#d07b51}.risk-text.critical{color:#bf4141}.fleet-loading{color:#8c9994;font-size:12px}@media (width<=900px){.fleet-summary,.fleet-cards{grid-template-columns:repeat(3,1fr)}}@media (width<=580px){.fleet-overview{padding:16px}.fleet-summary,.fleet-cards{grid-template-columns:repeat(2,1fr)}.vehicle-card{padding:10px}.vehicle-card-footer{display:block}.vehicle-card-footer small{margin-top:5px;display:block}}.dms-panel{margin-bottom:14px}.dms-state{color:#6b9b54;letter-spacing:.5px;background:#e3f0df;border-radius:3px;padding:5px 8px;font-size:9px}.dms-state.drowsy,.dms-state.looking_away{color:#c46645;background:#fae5dc}.dms-state.unknown{color:#8a9690;background:#eef0ed}.dms-mode-row{color:#90a09a;letter-spacing:.6px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:9px;display:flex}.dms-mode-row b{color:#6d9c51;margin-left:5px}.dms-mode{color:#7e8d87;background:#fff;border:1px solid #dce7df;border-radius:3px;margin-left:5px;padding:6px 8px;font-size:9px}.dms-mode.active{color:#669346;background:#f4faed;border-color:#a6c77f}.dms-metrics{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;display:grid}.dms-metrics>div{border-top:1px solid #edf1ef;padding:11px}.dms-metrics span{color:#9aa6a1;margin-bottom:5px;font-size:9px;display:block}.dms-metrics b{color:#3e5951;font-size:11px}.dms-ratio{color:#526b61;background:#f4f8f3;border-radius:4px;justify-content:space-between;align-items:center;margin-top:13px;padding:11px 12px;font-size:10px;display:flex}.dms-ratio small{color:#9aa6a1;margin-top:3px;font-size:8px;display:block}.dms-ratio strong{color:#6c9c50;font:600 20px Georgia,serif}.dms-alert{color:#8c7253;background:#fffaf0;border-left:3px solid #d49a4a;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;font-size:10px;display:flex}.dms-alert b{color:#bc7c39;font-size:9px}.dms-alert span{flex:1}.dms-alert strong{color:#a7653c;font-size:9px}.dms-alert.high,.dms-alert.critical{background:#fff6f1;border-color:#d87953}.dms-alert.high b,.dms-alert.critical b{color:#c15e3d}.ai-estimate-note{color:#a4958e;margin-top:10px;font-size:8px;display:block}@media (width<=580px){.dms-mode-row{flex-direction:column;align-items:flex-start}.dms-mode-row div{width:100%}.dms-mode{margin:0 5px 0 0}.dms-metrics{grid-template-columns:repeat(2,1fr)}.dms-alert{flex-direction:column;align-items:flex-start;gap:5px}}.predictive-panel{margin-bottom:14px}.prediction-risk{letter-spacing:.6px;color:#6b9b54;background:#e3f0df;border-radius:3px;padding:5px 8px;font-size:9px}.prediction-risk.medium{color:#b88e2d;background:#f8efd6}.prediction-risk.high,.prediction-risk.critical{color:#c15e3d;background:#fae5dc}.prediction-hero{grid-template-columns:1.5fr 1fr 1fr;gap:10px;margin-top:18px;display:grid}.prediction-hero>div{background:#f7faf6;border-radius:4px;padding:14px}.prediction-hero span,.prediction-meta span{color:#94a09b;font-size:9px;display:block}.prediction-hero strong{color:#274c42;margin-top:4px;font:700 33px Georgia,serif;display:block}.prediction-hero b{color:#3c5951;margin-top:8px;font-size:16px;display:block}.prediction-meta{justify-content:space-between;gap:15px;margin-top:12px;display:flex}.prediction-meta b{color:#557166;margin-left:5px;font-size:10px;display:inline-block}.risk-meter-list{grid-template-columns:1fr 1fr;gap:9px 18px;margin-top:18px;display:grid}.risk-meter-list>div{color:#899891;grid-template-columns:105px 1fr 25px;align-items:center;gap:7px;font-size:9px;display:grid}.risk-meter-list i{background:#edf2ed;border-radius:4px;height:5px;display:block;overflow:hidden}.risk-meter-list i b{border-radius:inherit;background:#86b85d;height:100%;display:block}.risk-meter-list strong{color:#527066;text-align:right;font-size:9px}.prediction-explain{background:#f7faf3;border-left:3px solid #a5c879;margin-top:18px;padding:13px 15px}.prediction-explain>strong{color:#49665b;font-size:11px}.prediction-explain ol{color:#6b8077;grid-template-columns:repeat(3,1fr);gap:5px 18px;margin:10px 0 0;padding-left:18px;font-size:10px;display:grid}.prediction-explain li b{color:#b17755}.prediction-explain p{color:#8a9892;margin:10px 0 0;font-size:10px;line-height:1.4}.prediction-action{color:#a57e6b;background:#fffaf5;border:1px solid #efd4c4;border-radius:4px;justify-content:space-between;gap:10px;margin-top:13px;padding:12px;font-size:10px;display:flex}.prediction-action b{color:#be6646;text-align:right;font-size:10px}.scenario-controls{flex-wrap:wrap;align-items:center;gap:5px;margin-top:16px;display:flex}.scenario-controls span{color:#81918a;text-transform:uppercase;letter-spacing:.5px;margin-right:5px;font-size:9px}.scenario-controls button{color:#71847c;background:#fff;border:1px solid #dce8df;border-radius:3px;padding:6px 7px;font-size:8px}.scenario-controls button:hover{color:#609044;border-color:#9fc274}.prototype-note{color:#a59891;margin-top:10px;font-size:8px;display:block}.predictive-lower-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.prediction-list{margin-top:13px}.prediction-row{border-top:1px solid #edf1ef;grid-template-columns:58px 1fr auto;align-items:center;gap:10px;min-height:45px;display:grid}.prediction-row time{color:#a0aaa6;font:9px monospace}.prediction-row div{flex-direction:column;gap:3px;display:flex}.prediction-row div b{color:#526a61;font-size:10px}.prediction-row div span{color:#9ba6a1;font-size:9px}.prediction-row>strong{color:#679451;background:#e3f0df;border-radius:3px;padding:4px 6px;font-size:8px}.prediction-row>strong.medium{color:#b88e2d;background:#f8efd6}.prediction-row>strong.high,.prediction-row>strong.critical{color:#c15e3d;background:#fae5dc}.collision-stats{margin-top:13px}.collision-stats b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}@media (width<=900px){.predictive-lower-grid{grid-template-columns:1fr}}@media (width<=580px){.prediction-hero{grid-template-columns:1fr 1fr}.prediction-hero>div:first-child{grid-column:1/-1}.prediction-meta{display:block}.prediction-meta span+span{margin-top:7px}.risk-meter-list,.prediction-explain ol{grid-template-columns:1fr}.scenario-controls span{width:100%}.predictive-panel{padding:16px}}.detection-box{z-index:4;border-width:2px;width:120px;height:56px}.detection-box span{text-overflow:ellipsis;letter-spacing:.3px;background:#8daf4d;max-width:260px;font-size:8px;top:-19px;overflow:hidden}.detection-box.medium{background:#e7bd631f;border-color:#e7bd63}.detection-box.medium span{background:#c89d43}.detection-box.high{background:#f0a36f21;border-color:#f0a36f}.detection-box.high span{color:#fff5ed;background:#d47d4d}.detection-box.critical{background:#ff76672b;border-color:#ff7667;animation:1.2s infinite critical-pulse}.detection-box.critical span{color:#fff;background:#b93636}.score-ring.medium{border-color:#d0a844}.score-ring.high{border-color:#e28b5b}.score-ring.critical{border-color:#e25353;animation:1.2s infinite critical-pulse}.pipeline-grid{grid-template-columns:.8fr 1.2fr;gap:14px;margin-bottom:14px;display:grid}.online-badge,.latency-badge{color:#71a84f;letter-spacing:.7px;border:1px solid #c8dfb7;border-radius:3px;padding:4px 8px;font-size:9px}.status-list{margin-top:13px}.status-list div{color:#64756f;border-top:1px solid #edf1ef;justify-content:space-between;align-items:center;padding:9px 0;font-size:11px;display:flex}.status-list b{color:#70a84f;letter-spacing:.5px;font-size:9px}.status-list b:before{content:"";background:#7bbb54;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.inference-mode{color:#98a49f;border-top:1px solid #e4ece7;justify-content:space-between;margin-top:8px;padding-top:12px;font-size:10px;display:flex}.inference-mode b{color:#36554b;font-size:9px}.pipeline-steps{justify-content:space-between;align-items:stretch;gap:4px;margin-top:24px;display:flex}.pipeline-step{text-align:center;flex-direction:column;flex:1;align-items:center;gap:7px;display:flex;position:relative}.pipeline-step>span{color:#6a9e4b;background:#e7f1df;border-radius:50%;place-items:center;width:28px;height:28px;font-size:9px;font-weight:700;display:grid}.pipeline-step b{color:#667974;font-size:9px;font-weight:400;line-height:1.2}.pipeline-step i{color:#aec6a2;font-size:12px;font-style:normal;position:absolute;top:7px;right:-8px}.recommendation-banner{background:linear-gradient(90deg,#fff9f5,#fff);border:1px solid #efd4c4;border-left:4px solid #df855b;border-radius:6px;align-items:center;gap:15px;margin-bottom:14px;padding:15px 20px;display:flex}.recommendation-icon{color:#d3734b;background:#fae5dc;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.recommendation-banner .eyebrow{color:#b9846b;margin-bottom:4px}.recommendation-banner strong{color:#b45535;letter-spacing:.4px;font-size:14px;display:block}.recommendation-banner div:nth-child(2)>span{color:#9b8d84;margin-top:3px;font-size:10px;display:block}.recommendation-meta{text-align:right;margin-left:auto}.recommendation-meta span{color:#a7aaa4;font-size:9px;display:block}.recommendation-meta b{color:#c36b4b;font-size:17px}.incident-copy small{color:#bd7659;margin-top:3px;font-size:9px;font-weight:700}.incident-icon.critical,.level.critical{color:#bf3d3d;background:#f8dcdc}.incident-icon.high,.level.high{color:#d9734b;background:#fae5dc}@keyframes critical-pulse{50%{box-shadow:0 0 0 4px #e152522e}}@media (width<=900px){.pipeline-grid{grid-template-columns:1fr}.pipeline-steps{gap:2px}.pipeline-step i{right:-5px}}@media (width<=580px){.pipeline-steps{justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.pipeline-step{min-width:78px}.recommendation-banner{align-items:flex-start;padding:14px}.recommendation-meta{display:none}}:root{color:#273337;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f4f7f5;font-family:Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit;cursor:pointer}.app-shell{background:radial-gradient(circle at 92% 2%,#e4f2ec 0,#0000 29%),#f5f7f6;min-height:100vh}.topbar{background:#ffffffc7;border-bottom:1px solid #e0e8e4;align-items:center;gap:58px;height:76px;padding:0 4.5vw;display:flex}.brand{color:#15332f;letter-spacing:-.8px;white-space:nowrap;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.brand-mark{color:#c8f46e;letter-spacing:0;background:#173e38;border-radius:10px;place-items:center;width:34px;height:34px;font-size:11px;display:grid}.brand-accent{color:#699f3c}.nav-tabs{align-self:stretch;gap:28px;display:flex}.nav-tab{color:#8b9995;background:0 0;border:0;font-size:13px;position:relative}.nav-tab.active{color:#1b3834;font-weight:700}.nav-tab.active:after{content:"";background:#9bc955;border-radius:4px 4px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.top-actions{align-items:center;gap:20px;margin-left:auto;display:flex}.system-state,.last-sync{color:#73807d;font-size:11px}.system-state i,.last-sync i,.live-pill i{background:#79ba4f;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 0 3px #e1f0dc}.avatar{color:#fff;background:#e08b61;border:0;border-radius:50%;width:34px;height:34px;font-size:11px;font-weight:700}.content{width:min(1280px,91vw);margin:auto;padding:48px 0 28px}.intro-row{justify-content:space-between;align-items:end;margin-bottom:36px;display:flex}.eyebrow{color:#90a09a;text-transform:uppercase;letter-spacing:1.4px;margin:0 0 10px;font-size:10px;font-weight:700}.intro-row h1{color:#183934;letter-spacing:-.8px;margin:0 0 8px;font:700 30px Georgia,serif}.muted{color:#8c9895;font-size:13px}.intro-actions{align-items:center;gap:25px;display:flex}.outline-button{color:#53635e;background:#fff;border:1px solid #d6e0db;border-radius:5px;padding:11px 15px;font-size:12px;box-shadow:0 3px 10px #1e46370a}.button-dot{background:#aab5b1;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.button-dot.live{background:#79ba4f}.metric-grid{grid-template-columns:1.1fr 1fr 1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.metric-card,.panel{background:#ffffffe6;border:1px solid #e1eae6;border-radius:6px;box-shadow:0 5px 20px #274b3f09}.metric-card{min-height:150px;padding:22px;position:relative;overflow:hidden}.metric-card.primary{color:#fff;background:#183c36;border-color:#183c36}.metric-label{color:#8d9d98;text-transform:uppercase;letter-spacing:.8px;font-size:11px;display:block}.primary .metric-label{color:#afc9be}.metric-value{color:#1b3c36;letter-spacing:-1px;margin-top:11px;font:600 32px Georgia,serif}.primary .metric-value{color:#f3f9f4}.metric-value span{color:#91a09b;letter-spacing:0;font:12px Trebuchet MS,sans-serif}.primary .metric-value span{color:#a7c3b8}.metric-foot{color:#97a29f;font-size:10px;position:absolute;bottom:19px;left:22px}.good span,.blue-text{color:#81b84c;font-weight:700}.spark-mini{letter-spacing:4px;margin-left:8px;color:#a1d56c!important}.score-ring{text-align:center;border:5px solid #5a9c69;border-radius:50%;outline:3px solid #315d51;place-content:center;width:70px;height:70px;display:grid;position:absolute;top:25px;right:22px}.score-ring b{font:20px Georgia,serif}.score-ring small{color:#9fc4ad;text-transform:uppercase;font-size:8px}.speed-bar{background:#eef2ef;height:4px;position:absolute;bottom:22px;left:22px;right:22px}.speed-bar i{background:#9bc955;width:73%;height:100%;display:block}.route-line{border-top:1px dashed #9ec7ae;width:110px;height:5px;position:absolute;bottom:22px;right:22px}.route-line span,.route-line b,.route-line em{background:#72aa79;border-radius:50%;width:7px;height:7px;position:absolute;top:-4px}.route-line span{left:0}.route-line b{background:#de9364;left:52%}.route-line em{background:#5f9381;right:0}.alert-value{color:#d87545}.orange-text{color:#da8051;font-weight:700}.alert-bars{align-items:end;gap:4px;height:22px;display:flex;position:absolute;bottom:20px;right:22px}.alert-bars i{background:#f0d2c2;width:7px;height:10px;display:block}.alert-bars i:nth-child(2){background:#e8996d;height:17px}.alert-bars i:nth-child(3){background:#f0c6ae;height:12px}.main-grid,.bottom-grid{grid-template-columns:1.12fr 1fr;gap:14px;margin-bottom:14px;display:grid}.panel{padding:22px}.panel-heading{justify-content:space-between;align-items:start;display:flex}.panel h2{color:#213e39;margin:0;font:600 20px Georgia,serif}.live-pill{color:#79a850;letter-spacing:1px;font-size:9px;font-weight:700}.camera-view{background:linear-gradient(#9eb8b5 0%,#ccd4cc 38%,#798687 39%,#3c4f52 100%);border-radius:4px;height:265px;margin:18px 0 14px;position:relative;overflow:hidden}.road-horizon{border-top:1px solid #fff9;width:100%;position:absolute;top:38%}.road{clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);background:#47595b;width:68%;height:240px;position:absolute;bottom:-110px;left:16%}.lane{transform-origin:bottom;background:repeating-linear-gradient(#dbdaab 0 22px,#0000 22px 39px);width:2px;height:180px;position:absolute;bottom:-10px}.lane-left{left:43%;transform:rotate(8deg)}.lane-right{right:43%;transform:rotate(-8deg)}.detection{color:#e6f7a3;background:#b5dd5817;border:1px solid #c7f25d;font-size:9px;position:absolute}.detection span{color:#162c26;white-space:nowrap;background:#8daf4d;padding:2px 4px;position:absolute;top:-17px;left:-1px}.car-detection{width:87px;height:61px;bottom:62px;left:47%}.person-detection{background:#f4a67514;border-color:#f3b286;width:35px;height:75px;bottom:66px;left:67%}.person-detection span{background:#dc8759}.camera-status{color:#dce3dc;justify-content:space-between;font:9px monospace;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.camera-status b{color:#c8f46e}.view-crosshair{color:#f0ffebb3;font-size:20px;position:absolute;top:48%;left:50%}.detection-legend{color:#8c9895;align-items:center;gap:22px;font-size:10px;display:flex}.detection-legend i,.chart-legend i{border:1px solid #9fc75c;width:7px;height:7px;margin-right:5px;display:inline-block}.detection-legend b{color:#36514a;margin-left:3px}.legend-person{border-color:#e39b74!important}.legend-lane{border-style:dashed!important;border-color:#b0bab2!important}.model-version{color:#a8b3af;margin-left:auto;font-size:9px}.more-button{color:#91a09b;letter-spacing:3px;background:0 0;border:0}.telemetry-chart{height:192px;margin-top:18px;padding-left:30px;display:flex;position:relative}.telemetry-chart svg{width:100%;height:170px;overflow:visible}.chart-grid{stroke:#edf1ef;stroke-width:1px}.speed-fill{fill:#a0cd6f21}.speed-line{fill:none;stroke:#77ad65;stroke-width:2.2px}.accel-line{fill:none;stroke:#de9a68;stroke-width:1.7px;stroke-dasharray:4 4}.chart-y{color:#a4aeaa;flex-direction:column;justify-content:space-between;height:148px;font-size:9px;display:flex;position:absolute;top:0;left:0}.chart-x{color:#a4aeaa;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:16px;left:30px;right:0}.chart-legend{color:#6d7e79;align-items:center;gap:18px;font-size:10px;display:flex}.chart-legend b{color:#a4aeaa;font-weight:400}.legend-speed{background:#77ad65;border:0!important}.legend-accel{background:#de9a68;border:0!important}.chart-range{color:#81908b;margin-left:auto}.chart-range span{color:#a0aaa7;margin-left:8px}.telemetry-readings{border-top:1px solid #edf1ef;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;padding-top:15px;display:grid}.telemetry-readings span{color:#99a5a1;margin-bottom:5px;font-size:9px;display:block}.telemetry-readings b{color:#36534b;font-size:12px}.telemetry-readings small{color:#82ad5f;margin-left:3px;font-size:8px;font-weight:400}.count-badge{color:#70a346;vertical-align:middle;background:#e5f2d5;border-radius:10px;place-items:center;min-width:18px;height:18px;margin-left:5px;font:10px Trebuchet MS;display:inline-grid}.text-button{color:#789f51;background:0 0;border:0;font-size:11px}.text-button span{border:1px solid #b9d493;border-radius:50%;place-items:center;width:18px;height:18px;margin-left:5px;display:inline-grid}.incident-list{margin-top:18px}.incident{border-top:1px solid #edf1ef;align-items:center;gap:11px;min-height:54px;display:flex}.incident-icon{border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:grid}.incident-icon.high{color:#d9734b;background:#fae5dc}.incident-icon.medium{color:#cda345;background:#f8efd6}.incident-icon.info{color:#72a85e;background:#e3f0df}.incident-copy{flex-direction:column;flex:1;display:flex}.incident-copy b{color:#435953;font-size:11px}.incident-copy span,.incident-time{color:#99a5a1;font-size:10px}.level{border-radius:3px;padding:4px 7px;font-size:9px}.level.high{color:#d9734b;background:#fae5dc}.level.medium{color:#b88e2d;background:#f8efd6}.level.info{color:#6e9c59;background:#e3f0df}.incident-time{text-align:right;width:48px}.confidence{color:#75a34f;border:1px solid #c5dfac;border-radius:3px;padding:4px 8px;font-size:10px}.route-map{background:#eff4ef;border:1px solid #e4ebe5;height:106px;margin:18px 0;position:relative;overflow:hidden}.map-road{background:#fff;border-block:1px solid #dce6df;height:8px;position:absolute;transform:rotate(-26deg)}.road-a{width:120%;top:42%;left:-10%}.road-b{width:80%;top:13%;left:27%;transform:rotate(35deg)}.road-c{width:70%;top:76%;left:-12%;transform:rotate(28deg)}.map-route{border-top:2px solid #91bd61;border-radius:48%;width:75%;height:52px;position:absolute;top:27%;left:13%;transform:rotate(-12deg)}.map-pin,.map-car{color:#fff;border-radius:50%;place-items:center;font-size:8px;font-weight:700;display:grid;position:absolute}.map-pin{background:#719d59;width:17px;height:17px;top:53%}.map-pin.start{left:9%}.map-pin.end{background:#db895d;right:9%}.map-car{background:#1d4a40;width:15px;height:15px;top:38%;left:53%;transform:rotate(45deg)}.route-summary{grid-template-columns:1.2fr 1.4fr .7fr;gap:12px;display:grid}.route-summary span{color:#9aa6a2;margin-bottom:5px;font-size:9px;display:block}.route-summary b{color:#486159;font-size:10px;display:block}.route-summary small{color:#79a950;font-size:9px;font-weight:400}footer{color:#9da8a4;justify-content:space-between;padding:7px 4px;font-size:10px;display:flex}footer b{color:#c0cbc6;padding:0 6px}.footer-dot{background:#8fc66a;border-radius:50%;width:5px;height:5px;margin-left:6px;display:inline-block}@media (width<=900px){.topbar{gap:20px;padding:0 4vw}.nav-tabs{gap:14px}.system-state{display:none}.content{padding-top:32px}.metric-grid{grid-template-columns:repeat(2,1fr)}.main-grid,.bottom-grid{grid-template-columns:1fr}}@media (width<=580px){.topbar{height:64px}.brand{font-size:17px}.nav-tabs{display:none}.intro-row{display:block}.intro-actions{justify-content:space-between;margin-top:22px}.last-sync{font-size:10px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:135px;padding:16px}.metric-value{font-size:27px}.metric-foot{font-size:9px;bottom:15px;left:16px}.score-ring{transform-origin:100% 0;top:18px;right:10px;transform:scale(.78)}.camera-view{height:220px}.detection-legend{flex-wrap:wrap;gap:10px}.model-version{display:none}.panel{padding:16px}.telemetry-readings{gap:4px}.telemetry-readings b{font-size:10px}.telemetry-readings small{margin:3px 0 0;display:block}.route-summary{grid-template-columns:1fr 1fr}.route-summary div:last-child{grid-column:1/-1}.route-summary b{font-size:9px}footer{gap:12px;line-height:1.4}}