@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{--navy:#163047;--text:#213447;--muted:#798793;--line:#e6ebee;--teal:#168474;--blue:#286eb9;--bg:#f4f6f8}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);letter-spacing:-.035em;margin:0;font-family:Noto Sans KR,Malgun Gothic,sans-serif;font-size:13px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button,a{color:inherit}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible){outline-offset:3px;outline:3px solid #77b9ee}button{background:0 0;border:0}h1,h2,h3,p{margin:0}h2{font-size:16px;font-weight:700}h3{font-size:14px}small{font-size:11px}.app{min-height:100vh}.sidebar{background:var(--navy);color:#d4e0e7;z-index:1100;flex-direction:column;width:216px;padding:31px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;align-items:center;gap:10px;padding:0 5px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.brand-icon{color:#163b38;background:#81d4b9;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.brand em{color:#86d6bf;font-style:normal}.brand small{color:#a8bbc8;margin-top:3px;font-size:10px;font-weight:400;display:block}.workspace-label{letter-spacing:2px;color:#93a8b8;margin:49px 16px 14px;font-size:9px}.sidebar nav{gap:7px;display:grid}.sidebar nav button{text-align:left;color:#bdcdd8;border-radius:9px;align-items:center;gap:11px;padding:13px 14px;font-size:13px;font-weight:500;display:flex}.sidebar nav button.active{color:#fff;background:#2a475d}.sidebar nav button.active svg{color:#8fdec6}.nav-count{background:#405c70;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:10px}.sidebar-bottom{border-top:1px solid #365065;margin-top:auto;padding:21px 13px 2px}.demo-pill{color:#a9dacb;border:1px solid #5f7d89;border-radius:20px;padding:4px 8px;font-size:10px}.sidebar-bottom p{color:#d4e1e8;margin:16px 0 8px;font-size:13px}.sidebar-bottom small{color:#91a7b6;line-height:1.8}.main{margin-left:216px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 36px;display:flex}.top-left,.top-right,.breadcrumb,.weather-mini{align-items:center;gap:14px;display:flex}.breadcrumb{color:var(--muted);gap:11px;font-size:12px}.breadcrumb b{color:var(--text);font-weight:500}.weather-mini{gap:8px;font-weight:600}.weather-mini svg{color:#dfa84c}.weather-mini span{color:var(--muted);font-size:11px;font-weight:400}.avatar{background:#e9eff3;border-radius:50%;place-items:center;width:34px;height:34px;margin-left:12px;font-size:10px;font-weight:600;display:grid}.content{max-width:1720px;margin:auto;padding:29px 34px 0}.page-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.eyebrow{letter-spacing:1.8px;color:var(--teal);margin-bottom:7px;font-size:9px;font-weight:700}h1{letter-spacing:-1.3px;font-size:28px;font-weight:700}.page-heading p{color:var(--muted);margin-top:8px;font-size:12px}.heading-actions{gap:8px;display:flex}.primary,.secondary{white-space:nowrap;border-radius:7px;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:600;display:inline-flex}.primary{background:var(--navy);color:#fff}.primary:hover{background:#294b65}.secondary{background:#fff;border:1px solid #d8e1e6}.secondary.pressed{background:#e5f2ed;border-color:#95c7b8}.live-line{color:var(--muted);align-items:center;gap:14px;margin-bottom:13px;font-size:10px;display:flex}.connection{color:#8b7736;align-items:center;gap:6px;display:inline-flex}.connection i{background:currentColor;border-radius:50%;width:6px;height:6px}.connection.connected{color:var(--teal)}.spacer{flex:1}.stats{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:10px;min-height:134px;padding:20px 21px 16px}.stat-label{color:#687987;justify-content:space-between;align-items:center;font-size:12px;display:flex}.stat-label svg{color:#8ca0ad}.stat-number{letter-spacing:-1.2px;margin-top:9px;font-size:32px;font-weight:700;line-height:1.3}.stat-number span{color:var(--muted);letter-spacing:-.3px;margin-left:7px;font-size:12px;font-weight:400}.stat-detail{color:var(--muted);margin-top:7px;font-size:10px}.green-stat .stat-number,.green-stat .stat-label svg{color:var(--teal)}.red-stat .stat-number,.red-stat .stat-label svg{color:#c85252}.blue-stat .stat-number{color:var(--blue)}.live-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:stretch;gap:18px;display:grid}.map-panel,.station-panel,.white-panel,.vehicle-panel,.timeline-panel{border:1px solid var(--line);background:#fff;border-radius:11px;overflow:hidden}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:59px;padding:15px 20px;display:flex}.panel-header h2 span{color:var(--teal);margin-left:7px;font-size:12px}.district-tabs{background:#f1f4f6;border-radius:6px;gap:2px;padding:3px;display:flex}.district-tabs button{white-space:nowrap;border-radius:4px;padding:5px 8px;font-size:10px}.district-tabs button.on{background:#fff;font-weight:700;box-shadow:0 1px 3px #233c5110}.map-wrap{isolation:isolate;background:#e9eef0;width:100%;height:450px;position:relative}.map-canvas{width:100%;height:100%}.leaflet-container{font-family:inherit!important}.map-legend{z-index:800;background:#fffffff2;border:1px solid #dce4e8;border-radius:6px;align-items:center;gap:12px;padding:10px 12px;font-size:9px;display:flex;position:absolute;bottom:24px;left:14px;box-shadow:0 2px 6px #152f4420}.map-legend span{align-items:center;gap:5px;display:flex}.dot{border-radius:50%;width:7px;height:7px;display:inline-block}.dot.red{background:#d85353}.dot.amber{background:#dc9b32}.dot.green{background:#20897e}.map-home{z-index:800;background:#fff;border-radius:5px;padding:8px 11px;font-size:11px;position:absolute;top:14px;left:14px;box-shadow:0 2px 5px #18344725}.map-footer{color:var(--muted);justify-content:space-between;align-items:center;padding:11px 17px;font-size:10px;display:flex}.map-footer span:first-child{align-items:center;gap:5px;display:flex}.map-error{z-index:800;background:#fff;border-radius:8px;margin:20px;padding:24px;position:absolute;top:35%}.tile-error{z-index:800;background:#fff9dc;padding:5px 8px;font-size:10px;position:absolute;top:10px;right:10px}.route-dot span{color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;font-weight:700;display:grid;box-shadow:0 1px 4px #0003}.search{color:#92a2ad;background:#f5f7f9;border:1px solid #e9edf0;border-radius:6px;align-items:center;gap:8px;margin:14px 16px 10px;padding:10px 12px;display:flex}.search input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:11px}.search button{padding:0}.filters{border-bottom:1px solid var(--line);gap:6px;padding:0 16px 13px;display:flex}.filters button{border:1px solid #e5eaed;border-radius:5px;padding:6px 9px;font-size:10px}.filters button span{color:#8b99a2;margin-left:5px}.filters button.on{color:var(--teal);background:#edf7f3;border-color:#beded2}.station-list{scrollbar-width:thin;scrollbar-color:#d3dce2 transparent;height:370px;overflow:auto}.station-row{text-align:left;border-bottom:1px solid #f0f3f5;align-items:center;gap:11px;width:100%;padding:14px 16px;display:flex}.station-row:hover,.station-row.selected{background:#f1f8f5}.station-glyph{color:#499684;background:#e9f4ef;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:36px;display:grid}.station-glyph.zero{color:#c65f5c;background:#fbefee}.station-name{flex:1;min-width:0}.station-name strong{white-space:nowrap;text-overflow:ellipsis;max-width:190px;font-size:11px;font-weight:600;display:block;overflow:hidden}.station-name small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.stock-num{letter-spacing:-.7px;font-size:20px;font-weight:700}.stock-num small{color:var(--muted);margin-left:3px;font-size:9px;font-weight:400}.red-text{color:#c95a57}.icon-btn{place-items:center;padding:5px;display:inline-grid}.station-detail{background:#fff;border:1px solid #bcd8cd;border-radius:8px;align-items:center;gap:36px;margin-top:14px;padding:18px 22px;display:flex}.station-detail>div:first-child{flex:1}.station-detail small{color:var(--muted)}.station-detail h3{margin-top:5px}.station-detail strong{margin-top:5px;font-size:23px;display:block}.station-detail em{font-size:12px;font-style:normal;font-weight:400}.bottom-strip{grid-template-columns:1.4fr 1fr;gap:18px;margin-top:18px;display:grid}.bottom-strip>div{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:14px;padding:18px 20px;display:flex}.bottom-strip h3{font-size:12px}.bottom-strip p{color:var(--muted);margin-top:4px;font-size:10px}.bottom-strip>div:last-child{color:#72838f;justify-content:space-between;font-size:11px}.bottom-strip>div:last-child b{color:var(--text);font-size:21px}.soft-icon{width:40px;height:40px;color:var(--teal);background:#ecf4f0;border-radius:9px;flex-shrink:0;place-items:center;display:grid}.text-btn{white-space:nowrap;color:var(--teal);align-items:center;gap:4px;margin-left:auto;font-size:10px;font-weight:700;display:flex}.page-footer{border-top:1px solid var(--line);color:#92a0aa;justify-content:space-between;gap:15px;margin:26px 0 0;padding:18px 0 20px;font-size:9px;display:flex}.page-footer span{align-items:center;gap:6px;display:flex}.notice{color:#947634;background:#fffbf0;border:1px solid #e7dcb6;border-radius:7px;margin-bottom:14px;padding:11px 15px;font-size:11px}.scenario-bar{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:18px;margin-bottom:13px;padding:15px 17px;display:flex}.research-label{color:#596ba0;background:#edf0f8;border-radius:5px;padding:6px 9px;font-size:10px;font-weight:600}.scenario-bar label{color:var(--muted);align-items:center;gap:10px;font-size:11px;display:flex}select{color:var(--text);background:#fff;border:1px solid #dde5ea;border-radius:5px;padding:7px 22px 7px 9px;font-size:12px}.scenario-note{color:var(--muted);margin-left:auto;font-size:10px}.cycle-tabs{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(7,1fr);margin-bottom:18px;display:grid;overflow:hidden}.cycle-tabs button{border-right:1px solid var(--line);background:#fff;padding:9px 4px;font-size:10px}.cycle-tabs button:last-child{border:0}.cycle-tabs small{color:var(--muted);margin-bottom:5px;font-size:9px;display:block}.cycle-tabs button.on{background:var(--navy);color:#fff}.cycle-tabs button.on small{color:#b4cbd9}.research-caption{color:var(--muted);align-items:center;gap:6px;margin:-3px 0 13px;font-size:10px;display:flex}.route-workspace{grid-template-columns:190px minmax(0,1fr) 320px;gap:14px;display:grid}.vehicles{scrollbar-width:thin;height:570px;overflow:auto}.vehicle-row{text-align:left;border-bottom:1px solid var(--line);width:100%;padding:14px}.vehicle-row>div:first-child{justify-content:space-between;align-items:center;gap:5px;display:flex}.vehicle-row strong{font-size:12px}.vehicle-row.selected{box-shadow:inset 3px 0 var(--teal);background:#eaf4ef}.vehicle-row small{color:var(--muted);margin:7px 0 10px;font-size:9px;display:block}.badge{color:#80909b;white-space:nowrap;background:#f0f3f5;border-radius:4px;padding:3px 6px;font-size:9px;font-weight:500;display:inline-block}.green-badge{color:#298774;background:#e4f3ec}.work-count{color:var(--muted);gap:15px;font-size:10px;display:flex}.work-count b{color:var(--text);margin-left:3px;font-size:12px}.route-map{border:1px solid var(--line);border-radius:10px;overflow:hidden}.route-map .map-wrap{height:489px}.route-summary{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:15px;margin-top:12px;padding:18px 15px;display:flex}.route-summary strong{white-space:nowrap;font-size:12px}.route-summary small{color:var(--muted);margin-top:5px;font-size:9px;font-weight:400;display:block}.route-summary>div span{color:var(--muted);white-space:nowrap;margin-bottom:6px;font-size:9px;display:block}.route-summary>div b{white-space:nowrap;font-size:12px}.route-note{color:var(--muted);margin-top:8px;padding:0 3px;font-size:9px;line-height:1.7}.timeline-sub{color:var(--muted);border-bottom:1px solid var(--line);background:#fafcfd;padding:10px 15px;font-size:9px}.timeline{scrollbar-width:thin;height:535px;padding:0 15px 15px;overflow:auto}.trip-heading{align-items:center;gap:8px;padding:15px 0 13px;font-size:10px;display:flex}.trip-heading>span{color:#4d6a84;background:#e8eef5;border-radius:4px;padding:3px 6px;font-size:9px}.trip-heading b{font-weight:600}.trip-heading small{color:var(--muted);margin-left:auto;font-size:9px}.visit{gap:12px;margin-left:2px;display:flex}.visit-time{color:#718494;text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:35px;font-size:9px;display:flex;position:relative}.visit-time:after{content:"";background:#dbe5eb;width:1px;position:absolute;top:43px;bottom:0;left:17px}.visit-time>span{width:20px;height:20px;color:var(--teal);background:#e9f2ee;border:1px solid #c3d9cf;border-radius:50%;place-items:center;font-size:10px;display:grid}.visit-body{flex:1;min-width:0;padding:0 0 20px}.visit-name{text-align:left;align-items:center;gap:3px;padding:0;font-size:11px;font-weight:700;line-height:1.5;display:flex}.visit-body>small{color:#8b99a5;margin:5px 0 8px;font-size:9px;display:block}.visit-jobs{gap:5px;display:flex}.visit-jobs span{border-radius:4px;padding:4px 7px;font-size:10px;font-weight:600}.delivery{color:#3b70b2;background:#e7effa}.pickup{color:#238168;background:#e5f4ed}.broken{color:#b47a2e;background:#fff0dc}.load-label{color:#91a0aa;margin:8px 0;font-size:9px}.check-btn{color:#7f929f;border:1px solid #dce5ea;border-radius:4px;align-items:center;gap:4px;padding:5px 8px;font-size:9px;display:flex}.check-btn.checked{color:var(--teal);background:#edf8f2;border-color:#c4dfd1}.visit.done .visit-time>span{background:var(--teal);color:#fff}.trip-return{color:#7c8e9a;background:#f5f7f8;border-radius:5px;align-items:center;gap:4px;margin-bottom:8px;padding:9px;font-size:9px;display:flex}.preposition{background:#fff7e9;border-radius:6px;padding:12px;font-size:11px}.connections-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.data-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:20px}.data-card>div{justify-content:space-between;align-items:center;gap:8px;margin-bottom:21px;display:flex}.data-card p{color:var(--muted);min-height:38px;margin:10px 0 8px;font-size:11px;line-height:1.8}.data-card>small{color:#8c9aa4;word-break:break-word;font-size:9px;line-height:1.7}.data-card footer{border-top:1px solid var(--line);color:#82939e;justify-content:space-between;gap:6px;margin-top:18px;padding-top:13px;font-size:9px;display:flex}.data-card footer a{color:var(--teal);align-items:center;gap:4px;text-decoration:none;display:flex}.data-detail-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:20px;display:grid}.white-panel{padding:25px}.white-panel h2{align-items:center;gap:10px;display:flex}.fault-numbers{gap:46px;margin:23px 0;display:flex}.fault-numbers strong{font-size:34px}.fault-numbers small{color:var(--muted);margin-top:5px;font-size:10px;font-weight:400;display:block}.bar-row{align-items:center;gap:12px;margin:13px 0;font-size:11px;display:flex}.bar-row>span{width:45px;color:var(--muted)}.bar-row>div{background:#edf2f5;border-radius:3px;flex:1;height:7px;overflow:hidden}.bar-row i{background:#72af9e;border-radius:3px;height:100%;display:block}.bar-row b{text-align:right;width:28px}.small-note{color:var(--muted);margin-top:20px;font-size:10px;line-height:1.8}.readiness{margin-top:21px;padding:0;list-style:none}.readiness li{border-bottom:1px solid var(--line);color:var(--teal);align-items:center;gap:10px;padding:14px 0;display:flex}.readiness li>span{color:var(--muted);flex:1;justify-content:space-between;gap:15px;font-size:11px;display:flex}.readiness b{color:var(--text);text-align:right;font-size:11px;font-weight:500}.empty{text-align:center;color:var(--muted);padding:40px 15px;font-size:12px}.loading-panel{color:var(--muted);justify-content:center;align-items:center;gap:12px;padding:60px;display:flex}.toast{color:#fff;z-index:2000;background:#163047;border-radius:8px;padding:15px 24px;font-size:12px;position:fixed;bottom:35px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #1234}.mobile-menu{display:none}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.driver-mode .route-workspace{grid-template-columns:200px minmax(320px,600px);justify-content:center}.driver-mode .route-middle,.driver-mode .stats,.driver-mode .research-caption{display:none}.driver-mode .timeline{height:650px}.driver-mode .visit-name{font-size:14px}.driver-mode .visit-body>small,.driver-mode .load-label{font-size:11px}.driver-mode .visit-jobs span{font-size:13px}.driver-mode .check-btn{padding:9px 12px;font-size:12px}.driver-mode .visit-time{width:46px;font-size:12px}.driver-mode .visit-time:after{left:23px}.driver-mode .timeline-sub{font-size:11px}.driver-mode .trip-heading{font-size:12px}.driver-mode .trip-heading small,.driver-mode .trip-return{font-size:11px}@media (min-width:1600px){.map-wrap{height:510px}.station-list{height:430px}.route-map .map-wrap{height:540px}.timeline{height:586px}.vehicles{height:621px}}@media (max-width:1250px){.sidebar{width:180px;padding:28px 12px}.brand{gap:7px;font-size:19px}.brand-icon{width:36px;height:39px}.brand small{font-size:9px}.main{margin-left:180px}.content{padding:24px 23px 0}.topbar{padding:0 24px}.live-grid{grid-template-columns:minmax(0,1fr) 290px}.panel-header{padding:14px}.district-tabs button{padding:5px 6px}.station-name strong{max-width:160px}.route-workspace{grid-template-columns:155px minmax(250px,1fr) 285px;gap:10px}.stat{padding:17px}.route-summary{gap:8px;padding:14px 10px}.route-summary>div:last-child{display:none}.bottom-strip>div{padding:16px}.bottom-strip p{max-width:220px;line-height:1.7}.connections-grid{grid-template-columns:repeat(2,1fr)}.scenario-note{display:none}}@media (max-width:1050px){.sidebar{width:160px}.sidebar nav button{gap:8px;padding:12px 8px;font-size:11px}.nav-count{display:none}.brand small{font-size:8px}.main{margin-left:160px}.content{padding:23px 20px 0}.live-grid{grid-template-columns:minmax(0,1fr) 275px}.map-panel .panel-header{display:block}.district-tabs{margin-top:10px;display:inline-flex}.station-list{height:398px}.map-wrap{height:450px}.bottom-strip{grid-template-columns:1fr}.bottom-strip>div:last-child{display:none}.route-workspace{grid-template-columns:155px 1fr}.route-middle{grid-area:1/2}.timeline-panel{grid-column:1/-1;margin-top:4px}.timeline{height:380px}.vehicles{height:565px}.route-map .map-wrap{height:440px}.stats{gap:10px}.stat-number{font-size:28px}.stat-detail{font-size:9px}.stat{padding:16px 13px}.page-heading h1{font-size:25px}.page-heading p{max-width:380px;line-height:1.7}.data-detail-grid{grid-template-columns:1fr}.driver-mode .route-workspace{grid-template-columns:165px 1fr}.driver-mode .timeline-panel{grid-area:1/2}.driver-mode .timeline{height:620px}}@media (max-width:760px){.sidebar{width:220px;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main{margin-left:0}.scrim{z-index:1000;background:#10233666;position:fixed;inset:0}.mobile-menu{display:grid}.topbar{height:58px;padding:0 17px}.top-left{gap:8px}.breadcrumb{gap:6px;font-size:10px}.weather-mini{gap:5px;font-size:11px}.avatar{width:28px;height:28px;margin-left:0}.top-right{gap:8px}.content{padding:24px 16px 0}.page-heading{align-items:flex-start;margin-bottom:19px}.page-heading h1{max-width:260px;font-size:24px;line-height:1.4}.page-heading p{max-width:250px;font-size:10px;line-height:1.8}.eyebrow{letter-spacing:1.3px;font-size:8px}.heading-actions{gap:5px}.heading-actions .primary,.heading-actions .secondary{gap:5px;padding:9px 10px;font-size:10px}.heading-actions .primary svg,.heading-actions .secondary svg{width:13px}.live-line{gap:9px;font-size:9px}.live-line>span:last-child{display:none}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:15px}.stat{min-height:124px;padding:15px 15px 12px}.stat-number{font-size:29px}.stat-label{font-size:11px}.stat-detail{font-size:9px}.stat-number span{font-size:10px}.live-grid{grid-template-columns:1fr;gap:15px}.map-panel .panel-header{flex-wrap:wrap;display:flex}.district-tabs{margin:0}.map-wrap{height:390px}.map-legend{gap:9px;padding:8px 10px;left:10px}.station-panel .panel-header{min-height:51px}.station-list{height:330px}.station-name strong{max-width:245px;font-size:12px}.station-row{padding:14px 17px}.station-detail{flex-wrap:wrap;gap:14px;padding:16px}.station-detail>div:first-child{flex-basis:80%}.station-detail .icon-btn{position:absolute;right:30px}.station-detail>div:nth-child(2),.station-detail>div:nth-child(3){flex:1}.bottom-strip>div{gap:11px;padding:15px 12px}.bottom-strip p{max-width:210px;font-size:9px}.bottom-strip .text-btn{font-size:9px}.soft-icon{width:34px;height:35px}.page-footer{flex-wrap:wrap;justify-content:center;gap:8px;font-size:8px}.scenario-bar{flex-wrap:wrap;gap:10px;padding:13px}.scenario-bar label{gap:5px;font-size:10px}.scenario-bar select{padding:7px 10px;font-size:10px}.research-label{font-size:9px}.cycle-tabs{grid-template-columns:repeat(4,1fr)}.cycle-tabs button{border-bottom:1px solid var(--line);padding:8px 3px;font-size:9px}.cycle-tabs small{font-size:8px}.research-caption{align-items:flex-start;font-size:9px;line-height:1.6}.research-caption svg{flex-shrink:0}.route-workspace{flex-direction:column;gap:12px;display:flex}.vehicle-panel{width:100%}.vehicle-panel .panel-header{min-height:45px;padding:10px 15px}.vehicles{height:auto;display:flex;overflow-x:auto}.vehicle-row{border-right:1px solid var(--line);border-bottom:0;flex:0 0 150px}.vehicle-row.selected{box-shadow:inset 0 -3px var(--teal)}.route-map .map-wrap{height:350px}.route-summary{margin-top:9px}.timeline{height:auto;max-height:700px;padding:0 18px 18px}.timeline-panel{margin-top:0}.timeline-sub{font-size:10px}.visit-name{font-size:12px}.visit-body>small,.load-label{font-size:10px}.check-btn{padding:8px 11px;font-size:11px}.trip-heading{font-size:12px}.trip-heading small{font-size:10px}.trip-return{font-size:10px;line-height:1.7}.connections-grid{grid-template-columns:1fr;gap:12px}.data-card{padding:20px}.data-card>div{margin-bottom:13px}.data-card p{min-height:0}.data-card footer,.data-card>small{font-size:10px}.white-panel{padding:20px}.readiness li>span,.readiness b{font-size:10px}.driver-mode .route-workspace{display:flex}.driver-mode .timeline{height:auto;max-height:none}.driver-mode .route-middle{display:none}.driver-mode .heading-actions{flex-direction:column}.driver-mode .timeline-panel{margin-top:0}.toast{text-align:center;width:90%;font-size:11px;bottom:22px}}@media (prefers-reduced-motion:reduce){.spin{animation:none}*{scroll-behavior:auto!important;transition:none!important}}.ops-app{min-height:100vh}.ops-app .sidebar nav a{color:#bdcdd8;align-items:center;gap:11px;padding:13px 14px;text-decoration:none;display:flex}.ops-clock{font-variant-numeric:tabular-nums;align-items:center;gap:7px;font-size:12px;display:flex}.ops-clock small{color:#8a99a5;font-size:9px}.live-dot{background:#2bab83;border-radius:50%;width:6px;height:6px}.ops-error{color:#8b5b16;background:#fff4e4;border-radius:8px;justify-content:space-between;align-items:center;gap:15px;margin:0 0 18px;padding:15px 19px;display:flex}.ops-error button{font-weight:700;text-decoration:underline}.ops-cycle-bar{background:#eff7f3;border:1px solid #d5e7df;border-radius:9px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding:14px 20px;display:flex}.ops-cycle-bar>div,.ops-cycle-bar>span{align-items:center;gap:12px;display:flex}.ops-cycle-bar>span{color:#6a857a;font-size:11px}.ops-status-pill{color:#fff;background:#218972;border-radius:4px;padding:4px 8px;font-size:10px}.ops-cycle-bar b{font-size:15px}.ops-today-total{color:#6c7f8c;align-items:center;gap:19px;margin:0 0 14px;font-size:11px;display:flex}.ops-today-total b{color:#355166;font-size:12px}.ops-today-total small{margin-left:auto}.ops-metrics{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.ops-metric{background:#fff;border:1px solid #e0e7eb;border-radius:10px;padding:20px}.ops-metric>span{color:#71828e;font-size:11px}.ops-metric strong{letter-spacing:-1.2px;font-variant-numeric:tabular-nums;margin:7px 0;font-size:33px;display:block}.ops-metric strong small{color:#82949e;letter-spacing:0;margin-left:6px;font-size:12px;font-weight:400}.ops-metric p{color:#8c9ba5;font-size:10px}.ops-metric.supply strong{color:#2674bd}.ops-metric.pickup strong{color:#15826c}.ops-source{color:#738794;flex-wrap:wrap;align-items:center;gap:8px;margin:17px 0;font-size:10px;display:flex}.ops-source>span:last-child{margin-left:auto}.ops-workspace{grid-template-columns:195px minmax(320px,1fr) 325px;align-items:start;gap:16px;display:grid}.ops-fleet,.ops-map-column,.ops-timeline{background:#fff;border:1px solid #e0e7eb;border-radius:10px;overflow:hidden}.ops-fleet{scrollbar-width:thin;max-height:659px;overflow:auto}.ops-fleet .panel-header{z-index:1;background:#fff;position:sticky;top:0}.ops-vehicle{text-align:left;border-bottom:1px solid #ebeff2;width:100%;padding:16px;display:block}.ops-vehicle.selected{background:#edf7f3;box-shadow:inset 3px 0 #218b75}.ops-vehicle>div:first-child{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.ops-vehicle>div:first-child b{font-size:13px}.ops-vehicle>div:first-child span{color:#8a98a3;background:#edf1f4;border-radius:4px;padding:3px 6px;font-size:9px}.ops-vehicle>div:first-child span.is-running{color:#268c70;background:#deeee7}.ops-vehicle>small{color:#81939e;font-size:10px}.fleet-count{color:#7b8d98;gap:15px;margin-top:10px;font-size:10px;display:flex}.fleet-count b{color:#29475c;margin-left:3px;font-size:12px}.ops-progress{background:#dce7e2;border-radius:3px;height:3px;margin:10px 0 5px;overflow:hidden}.ops-progress i{background:#29977a;height:100%;display:block}.ops-map-heading{border-bottom:1px solid #e0e7eb;justify-content:space-between;align-items:center;padding:17px 18px;display:flex}.ops-map-heading h2{font-size:14px}.ops-map-heading h2 span{color:#83939e;margin-left:6px;font-size:10px;font-weight:400}.ops-map-heading>b{color:#7c8c98;font-size:10px}.ops-map-column .map-wrap{height:485px}.ops-map-note{color:#8c9ba5;padding:13px 17px;font-size:10px}.ops-selected{background:#edf7f3;border-top:1px solid #dbe7e0;padding:18px}.ops-selected p{margin:8px 0;font-size:11px;line-height:1.8}.ops-selected>b{color:#198570}.ops-timeline{scrollbar-width:thin;max-height:660px;overflow:auto}.ops-trip{padding:0 17px 17px}.ops-trip-title{border-bottom:1px solid #e7edef;justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px;padding:17px 0 13px;display:flex}.ops-trip-title b{color:#3b5b70;background:#edf2f6;border-radius:4px;padding:4px 7px;font-size:10px}.ops-trip-title span{color:#81929f;font-size:10px}.ops-visit{align-items:flex-start;gap:10px;padding:0 0 20px;display:flex;position:relative}.ops-visit:not(:last-child):before{content:"";background:#e3e9ed;width:1px;position:absolute;top:26px;bottom:0;left:10px}.visit-marker{color:#607b8c;z-index:1;background:#f5f8fa;border:1px solid #d8e2e7;border-radius:50%;flex-shrink:0;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.ops-visit.finished .visit-marker{color:#fff;background:#238d73;border-color:#238d73}.ops-visit-main{flex:1;min-width:0}.ops-visit-heading{color:#8a9ba5;justify-content:space-between;align-items:center;margin:2px 0 7px;font-size:11px;display:flex}.ops-visit-heading small{color:#599881;font-size:9px}.ops-station-name{text-align:left;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:700;line-height:1.7;display:flex}.ops-station-name svg{color:#8c9ba5;flex-shrink:0}.ops-visit-main>small{color:#8a99a4;font-size:9px}.ops-quantities{flex-wrap:wrap;gap:6px;margin:9px 0;display:flex}.ops-quantities span{border-radius:5px;align-items:center;gap:4px;padding:6px 8px;font-size:10px;display:flex}.ops-quantities .delivery{color:#2b6eb3;background:#e9f2fc}.ops-quantities .pickup{color:#208469;background:#e6f4ed}.ops-quantities .broken{color:#b47925;background:#fff0dd}.ops-load{color:#91a0a9;justify-content:space-between;gap:10px;font-size:9px;display:flex}.ops-load b{color:#6d8391;font-weight:500}.ops-return{color:#7b8d99;background:#f5f7f9;border-radius:5px;flex-wrap:wrap;align-items:center;gap:5px;padding:10px;font-size:9px;line-height:1.8;display:flex}.ops-return span{margin-left:auto}.ops-carry,.ops-records,.ops-basis{margin-top:20px;padding:24px}.ops-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.ops-section-heading>div{margin-right:auto}.ops-section-heading h2{font-size:15px}.ops-section-heading p{color:#8d9ca6;margin-top:5px;font-size:11px}.carry-equation{justify-content:space-between;align-items:stretch;gap:14px;display:flex}.carry-term{flex:1;align-items:center;gap:18px;display:flex}.carry-term>div{flex:1}.carry-term small{color:#879aa6;margin-bottom:6px;font-size:10px;display:block}.carry-term b{letter-spacing:-.7px;font-variant-numeric:tabular-nums;font-size:21px}.carry-term i{color:#9eadb6;font-size:17px;font-style:normal}.carry-result{background:#eaf5ef;border-radius:7px;padding:11px 14px}.carry-result b{color:#21866d}.ops-footnote{color:#85949f;margin:18px 0 0;font-size:10px;line-height:1.9}.ops-footer{color:#95a4ad;justify-content:space-between;align-items:center;gap:15px;padding:27px 0;font-size:9px;display:flex}.ops-footer span{align-items:center;gap:7px;display:flex}.ops-wait{text-align:center;background:#fff;border:1px solid #e2e9ed;border-radius:12px;flex-direction:column;align-items:center;gap:20px;min-height:350px;margin:20px 0;padding:80px 25px;display:flex}.ops-wait-icon{color:#21866d;background:#eaf5ef;border-radius:25px;place-items:center;width:85px;height:85px;display:grid}.ops-wait h2{letter-spacing:-.8px;font-size:22px}.ops-wait p{color:#81939f;font-size:12px;line-height:1.8}.ops-wait small{color:#91a2ae;margin-top:10px;font-size:10px}.ops-wait small a{color:#3e819a}.ops-history-select{background:#fff;border:1px solid #e0e7eb;border-radius:9px;align-items:center;gap:14px;margin-bottom:20px;padding:16px 20px;display:flex}.ops-history-select label{color:#748894;align-items:center;gap:15px;font-size:11px;display:flex}.ops-history-select select{background:#f9fafb;border:1px solid #dbe3e8;border-radius:5px;min-width:300px;max-width:100%;padding:9px 11px;font-size:12px}.ops-history-select>span{color:#8a9ba7;margin-left:auto;font-size:10px}.ops-records input{border:1px solid #dbe3e8;border-radius:5px;padding:9px}.ops-records>small{color:#92a0aa;margin-top:12px;font-size:10px;line-height:1.8;display:block}.ops-qr-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.ops-qr-grid article{text-align:center;flex-direction:column;align-items:center;gap:15px;padding:30px;display:flex}.ops-qr-grid h2{font-size:20px}.ops-qr-grid p{color:#85949f;font-size:12px}.ops-qr-grid img{border:1px solid #edf1f4;border-radius:8px;max-width:100%;height:auto;padding:8px}.ops-basis-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;display:grid}.ops-basis-grid>div{border-bottom:1px solid #eaf0f3;padding:0 0 15px}.ops-basis-grid small{color:#8297a5;margin-bottom:7px;font-size:10px;display:block}.ops-basis-grid b{font-size:12px}.ops-basis-grid p{color:#85949f;margin-top:8px;font-size:11px;line-height:1.9}.ops-basis>.text-btn{margin-top:20px;display:block}.mobile-driver{background:#edf2f5}.driver-shell{background:#f5f7f9;max-width:540px;min-height:100vh;margin:auto;box-shadow:0 0 60px #102c3e0a}.driver-header{color:#fff;background:#17364b;justify-content:space-between;align-items:center;padding:20px 20px 17px;display:flex}.driver-brand{align-items:center;gap:8px;text-decoration:none;display:flex}.driver-brand>svg,.driver-brand em{color:#90d8bd}.driver-brand b{font-size:19px}.driver-brand em{font-style:normal}.driver-brand>span{color:#afc4d1;border-left:1px solid #496271;padding-left:9px;font-size:10px}.driver-header .ops-clock{font-size:11px}.driver-header .ops-clock small{display:none}.driver-tabs{color:#a9becb;background:#17364b;gap:25px;padding:0 19px;display:flex}.driver-tabs button{border-bottom:3px solid #0000;padding:12px 2px;font-size:13px}.driver-tabs button.on{color:#fff;border-color:#94e0c5;font-weight:700}.driver-content{padding:20px 17px 0}.driver-content .ops-cycle-bar{margin-bottom:14px;padding:12px}.driver-content .ops-cycle-bar>span{display:none}.driver-content .ops-cycle-bar b{font-size:12px}.driver-content .ops-source{gap:5px;margin-bottom:17px;font-size:9px;line-height:1.7}.driver-content .ops-source>span:last-child{margin-left:0}.driver-vehicle-select{justify-content:space-between;align-items:center;margin:15px 0;display:flex}.driver-vehicle-select label{color:#8a9ba5;font-size:10px}.driver-vehicle-select select{color:#284355;background:0 0;border:0;max-width:310px;padding:7px 20px 6px 0;font-size:19px;font-weight:700;display:block}.driver-vehicle-select>span{color:#22866c;background:#e3f2eb;border-radius:5px;padding:7px 9px;font-size:11px}.driver-kpis{background:#fff;border:1px solid #e1e8ec;border-radius:10px;grid-template-columns:repeat(3,1fr);margin:0 0 16px;padding:18px 0;display:grid}.driver-kpis>div{text-align:center;border-right:1px solid #e8edf0}.driver-kpis>div:last-child{border:0}.driver-kpis small{color:#8d9da8;margin-bottom:6px;font-size:11px;display:block}.driver-kpis b{color:#245a79;font-size:25px}.driver-kpis em{color:#96a7b2;margin-left:3px;font-size:11px;font-style:normal;font-weight:400}.next-stop{background:#e5f2ec;border:1px solid #cce3d7;border-radius:10px;margin-bottom:16px;padding:20px}.next-stop>div{color:#5e9c85;justify-content:space-between;align-items:center;display:flex}.next-stop>div>span{letter-spacing:1.5px;font-size:9px;font-weight:700}.next-stop small{font-size:10px}.next-stop h2{color:#234d3e;margin:11px 0 7px;font-size:21px;line-height:1.5}.next-stop p{color:#3c8469;font-size:13px;font-weight:600}.next-stop button{color:#467f6b;align-items:center;gap:4px;margin-top:15px;padding:0;font-size:11px;display:flex}.driver-map{border:1px solid #dfe8eb;border-radius:10px;overflow:hidden}.driver-map .map-wrap{height:230px}.driver-map .map-legend{gap:7px;padding:7px 8px;font-size:8px;bottom:20px}.driver-map .map-home{font-size:10px}.driver-section-title{justify-content:space-between;align-items:center;margin:27px 0 14px;display:flex}.driver-section-title span{color:#879ca9;font-size:11px;font-weight:400}.driver-content .ops-trip{background:#fff;border:1px solid #e0e8ec;border-radius:10px;margin-bottom:15px;padding:0 17px 17px}.driver-content .ops-trip-title{padding:16px 0;font-size:12px}.driver-content .ops-trip-title b{font-size:11px}.driver-content .ops-trip-title span{font-size:10px}.driver-content .ops-visit{gap:12px;padding:3px 0 25px}.driver-content .visit-marker{width:27px;height:27px;font-size:11px}.driver-content .ops-visit:before{left:13px}.driver-content .ops-station-name{font-size:15px}.driver-content .ops-visit-main>small{font-size:10px}.driver-content .ops-quantities span{padding:8px 10px;font-size:12px}.driver-content .ops-load{margin:11px 0;font-size:10px}.ops-complete{color:#2a8467;background:#edf6f1;border:1px solid #cae0d5;border-radius:7px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:46px;margin-top:12px;padding:13px;font-size:13px;font-weight:600;display:flex}.ops-complete.is-done{color:#fff;background:#268d71;border-color:#268d71}.driver-content .ops-return{padding:12px;font-size:10px}.driver-content .ops-history-select{gap:8px;padding:12px}.driver-content .ops-history-select label{flex:1;min-width:0;display:block}.driver-content .ops-history-select select{width:100%;min-width:0;margin-top:5px;font-size:11px;display:block}.driver-content .ops-history-select>span{display:none}.driver-content .ops-wait{padding:50px 20px}.driver-content .ops-wait h2{font-size:20px}.driver-content .ops-footer{font-size:8px}@media (min-width:1700px){.ops-workspace{grid-template-columns:210px minmax(400px,1fr) 365px}.ops-map-column .map-wrap{height:560px}.ops-fleet,.ops-timeline{max-height:735px}}@media (max-width:1280px){.ops-workspace{grid-template-columns:165px minmax(260px,1fr) 285px;gap:10px}.ops-vehicle{padding:13px}.ops-metric{padding:17px}.ops-metric strong{font-size:28px}.carry-equation,.carry-term{gap:8px}.carry-term b{font-size:18px}.carry-term small{font-size:9px}.ops-map-heading{padding:17px 13px}.ops-map-heading>b{display:none}.ops-app .sidebar nav a{gap:8px;padding:13px 8px;font-size:11px}}@media (max-width:1060px){.ops-workspace{grid-template-columns:165px 1fr}.ops-timeline{grid-column:1/-1;max-height:none}.ops-timeline>.ops-visits{grid-template-columns:repeat(2,1fr);max-height:520px;display:grid;overflow:auto}.ops-metrics{gap:10px}.carry-equation{flex-wrap:wrap;justify-content:flex-start}.carry-term{flex:0 0 23%}.ops-section-heading{flex-wrap:wrap}.ops-basis-grid{grid-template-columns:1fr}.ops-source>span:last-child{margin-left:0}}@media (max-width:760px){.ops-app .page-heading{display:block}.ops-app .heading-actions{margin-top:15px}.ops-cycle-bar{gap:9px;padding:12px}.ops-cycle-bar>span{display:none}.ops-cycle-bar b{font-size:12px}.ops-today-total{flex-wrap:wrap;gap:12px;font-size:10px}.ops-today-total small{display:none}.ops-metrics{grid-template-columns:1fr 1fr}.ops-metric{padding:16px}.ops-metric strong{font-size:30px}.ops-metric p{font-size:9px;line-height:1.7}.ops-workspace{flex-direction:column;display:flex}.ops-fleet{width:100%;max-height:none;display:flex;overflow:auto}.ops-fleet .panel-header{display:none}.ops-vehicle{border-bottom:0;border-right:1px solid #e4ece7;flex:0 0 160px}.ops-vehicle.selected{box-shadow:inset 0 -3px #218b75}.ops-map-column{width:100%}.ops-map-column .map-wrap{height:340px}.ops-timeline{width:100%}.ops-timeline>.ops-visits{max-height:600px;display:block}.ops-timeline .ops-station-name{font-size:14px}.ops-timeline .ops-quantities span{font-size:11px}.ops-carry,.ops-records,.ops-basis{padding:18px}.carry-term{flex-basis:45%;gap:12px}.carry-equation{gap:17px}.carry-term b{font-size:23px}.ops-history-select{flex-wrap:wrap;padding:14px}.ops-history-select label{flex:1;min-width:0;display:block}.ops-history-select select{width:100%;min-width:0;margin-top:7px;font-size:11px;display:block}.ops-history-select>span{display:none}.ops-qr-grid{grid-template-columns:1fr}.ops-records input{max-width:150px;font-size:12px}.ops-section-heading>div{flex-basis:100%}.ops-section-heading{gap:8px}.ops-wait{min-height:300px;padding:50px 20px}.ops-wait h2{font-size:21px}.ops-clock{font-size:11px}.ops-error{align-items:flex-start;font-size:11px;line-height:1.8}.ops-footer{font-size:8px}}