:root{--orange:#ed008c;--orange-dark:#ce0076;--orange-soft:#fff0f8;--sidebar:242px;--paper:#f7f7fa;--ink:#292630;--muted:#85808e;--line:#ece9f0}.manager-app{background:#f7f7fa;font-size:14px;color:#302c36}.manager-sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:white;border-right:1px solid #ece9f0;padding:25px 19px 0;display:flex;flex-direction:column;overflow-y:auto;z-index:40}.manager-brand{display:flex;align-items:center;min-height:76px;margin:0 9px 23px}.manager-brand img{width:175px;height:65px;object-fit:contain}.manager-space{display:flex;align-items:center;gap:9px;padding:12px 10px;background:#faf7fc;border:1px solid #eee7f2;border-radius:9px;margin-bottom:22px}.space-icon{display:flex;align-items:center;justify-content:center;background:#fde8f6;color:#dc0082;width:31px;height:31px;border-radius:7px;flex-shrink:0}.space-icon svg{width:17px;height:17px}.manager-space strong{font-size:10px;display:block;font-weight:600;color:#6d5d78}.manager-space div>span{display:block;font-size:9px;color:#a08daa;margin-top:5px}#manager-nav{gap:4px}.m-nav-label{font-size:8px;color:#a28eaf;letter-spacing:1.5px;font-weight:600;padding:19px 12px 8px}.m-nav-label:first-child{padding-top:0}.m-nav-item{display:flex;align-items:center;gap:11px;font-size:12px;padding:11px 13px;color:#8d7b97;border-radius:7px;font-weight:450;min-height:41px}.m-nav-item>svg{width:17px;height:17px;color:#b09bbb}.m-nav-item:hover{background:#fcf7fc;color:#ad087a}.m-nav-item.active{background:#fff0f8;color:#cc0079;font-weight:600}.m-nav-item.active>svg{color:#df0085}.m-nav-count{margin-left:auto;padding:3px 6px;background:#f0e9f5;border-radius:4px;color:#b298c1;font-size:9px}.m-nav-item.active .m-nav-count{background:#fcd4ed;color:#cd258b}.manager-sidebar-bottom{margin-top:auto;padding-top:30px;flex-shrink:0}.driver-shortcut{display:flex;align-items:center;gap:9px;padding:14px 11px;background:#fcf9fd;border:1px solid #f1e7f4;border-radius:9px;margin-bottom:12px}.driver-shortcut>span{color:#dc50a7;display:flex}.driver-shortcut svg{height:20px;width:20px}.driver-shortcut strong{font-size:11px;color:#9f5d9b;font-weight:550;display:block}.driver-shortcut div>span{font-size:9px;color:#b198bf;display:block;margin-top:5px}.manager-reset{display:flex;justify-content:space-between;align-items:center;padding:12px 6px 18px;font-size:9px;color:#a18ab0;width:100%}.manager-reset:hover{color:#d00080}.manager-reset>span{font-size:17px}.manager-user{display:flex;align-items:center;gap:9px;border-top:1px solid #eee7f3;padding:18px 3px 23px}.manager-user>span{display:grid;place-items:center;width:32px;height:32px;font-size:9px;font-weight:600;color:#ae69a2;background:#fbeaf6;border-radius:50%}.manager-user strong{font-size:10px;color:#8a7497;display:block;font-weight:550}.manager-user div>span{font-size:9px;color:#b09abd;display:block;margin-top:4px}.manager-shell{margin-left:242px;min-height:100vh;display:flex;flex-direction:column}.manager-topbar{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ece9f0;background:#fff;padding:0 35px;gap:15px}.manager-crumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#a090ad}.manager-crumb>span:nth-of-type(2){color:#d5c5df}.manager-crumb strong{font-weight:550;color:#7f678e}.manager-topbar-right{display:flex;align-items:center;gap:20px}.manager-avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#f8e7f4;color:#b560a6;font-size:9px;font-weight:600}.manager-main{padding:34px 35px 24px;max-width:1600px;width:100%;margin:0 auto;flex:1;outline:none}.manager-footer{padding:18px 35px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:#ab94b9}.manager-footer>span:first-child{font-size:9px;letter-spacing:1.5px;font-weight:600}.manager-footer>span:first-child span{font-size:8px;letter-spacing:1px;margin-left:4px;font-weight:400}#manager-menu{display:none}.m-pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:27px}.m-kicker{display:block;font-size:8px;font-weight:600;letter-spacing:1.6px;color:#b094bd;margin-bottom:10px}.m-pagehead h1{font-size:29px;font-weight:650;line-height:1.25;letter-spacing:-1px;color:#3a2c44}.m-pagehead p{font-size:12px;color:#a188af;margin-top:10px;line-height:1.6}.m-actions{display:flex;gap:8px;align-items:center;padding-top:20px;flex-shrink:0}.m-actions .button{font-size:11px;min-height:38px;padding:10px 14px;gap:8px}.m-actions .button svg{height:15px;width:15px}.m-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px}.m-metric{padding:18px 20px 17px;background:white;border:1px solid #eee7f3;border-radius:12px}.m-metric.accent{border-color:#f3c9e3;background:linear-gradient(120deg,#fff,#fff8fd)}.m-metric-top{display:flex;justify-content:space-between;align-items:center;gap:9px;font-size:10px;color:#a48ab4}.m-metric-top>span:last-child{background:#f8f4fa;display:grid;place-items:center;width:31px;height:31px;border-radius:8px;color:#ba9aca}.m-metric.accent .m-metric-top>span:last-child{background:#ffe6f5;color:#df5aaf}.m-metric-top svg{height:17px;width:17px}.m-metric>strong{font-size:32px;letter-spacing:-1px;display:block;font-weight:600;margin:8px 0 10px;color:#6a467e;line-height:1.2;font-variant-numeric:tabular-nums}.m-metric.accent>strong{color:#cd238f}.m-metric>p{font-size:9px;color:#b59cc5;line-height:1.5}.m-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px;margin-bottom:22px}.m-card{background:#fff;border:1px solid #eee6f4;border-radius:12px;min-width:0;overflow:hidden}.m-card-head{padding:21px 22px 18px;display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.m-card-head h2{font-size:14px;font-weight:600;letter-spacing:-.2px;color:#886396}.m-card-head p{font-size:10px;color:#b79cc7;margin-top:6px;line-height:1.6}.m-card-icon{color:#c5a5d7;background:#faf5fc;border-radius:8px;width:29px;height:29px;display:grid;place-items:center}.m-card-icon svg{width:17px;height:17px}.m-text-link{font-size:10px;font-weight:550;color:#d660b1;display:flex;align-items:center;gap:6px;white-space:nowrap}.m-text-link svg{height:13px;width:13px}.m-text-link:hover{text-decoration:underline}.m-status-summary{display:flex;align-items:center;gap:15px;padding:3px 23px 23px}.m-status-summary>strong{font-size:36px;font-weight:550;letter-spacing:-1.5px;color:#9968b0}.m-status-summary>strong small{font-size:18px;margin-left:2px;font-weight:400;color:#c4a0d5}.m-status-summary b{font-size:11px;font-weight:550;color:#a47ab8;display:block}.m-status-summary div>span{font-size:9px;color:#bda1ce;display:block;margin-top:6px}.m-status-track{height:8px;margin:0 23px;display:flex;gap:4px;border-radius:7px;overflow:hidden;background:#fbf7fd}.m-status-track span{height:100%;border-radius:3px}.m-status-track .green,.m-status-key i.green{background:#9fccad}.m-status-track .pink,.m-status-key i.pink{background:#ee85c6}.m-status-track .amber,.m-status-key i.amber{background:#edc59d}.m-status-key{display:flex;justify-content:space-between;align-items:center;padding:19px 23px 24px;gap:14px}.m-status-key>span{font-size:9px;color:#b59bc6;display:flex;gap:5px;align-items:center}.m-status-key i{height:5px;width:5px;border-radius:50%}.m-status-key b{font-size:10px;color:#aa83bf;font-weight:550;margin-left:4px}.m-route-driver{display:flex;gap:13px;align-items:center;padding:18px 23px 24px}.m-van{color:#cd93cf;background:#faf1fc;width:46px;height:46px;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.m-van svg{width:25px;height:25px}.m-route-driver strong{font-size:13px;font-weight:550;color:#ab7fc1;display:block}.m-route-driver p{font-size:10px;color:#c19fce;margin-top:6px}.m-route-code{font-size:8px;letter-spacing:.3px;padding:5px 7px;background:#fbf6fd;border:1px solid #f0e3f6;border-radius:5px;color:#c8a6d8;margin-left:auto;white-space:nowrap}.m-route-bottom{border-top:1px solid #f5ebfa;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.m-route-bottom>span{font-size:10px;color:#ba97cc}.m-route-bottom .button{font-size:9px;min-height:33px;padding:8px 10px;color:#d067b4;background:#fff3fb;border-color:#fae4f3}.m-route-bottom .button svg{height:13px;width:13px}.m-main-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(265px,1fr);gap:21px}.m-table-scroll{overflow:auto;width:100%}.m-table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}.m-table th{font-size:8px;letter-spacing:.5px;font-weight:550;color:#bca0ce;padding:13px 18px;border-top:1px solid #f4eaf9;border-bottom:1px solid #f4eaf9;background:#fcf9fe}.m-table td{font-size:11px;color:#b491c8;padding:15px 18px;border-bottom:1px solid #f5edf9}.m-table td>strong{font-size:11px;font-weight:550;color:#ad84c2}.m-table tr:last-child td{border-bottom:0}.m-table tr:hover td{background:#fdfaff}.m-table .icon-button{width:26px;height:26px;color:#d0aedd}.m-table .icon-button svg{width:14px;height:14px}.m-shipment-link{padding:0;font-size:10px;letter-spacing:.2px;font-weight:600;color:#b070c6;line-height:1.5}.m-shipment-link:hover{color:#df369f}.m-table-sub{font-size:9px;color:#c4a2d5;margin-top:5px;max-width:230px;overflow:hidden;text-overflow:ellipsis}.m-table .badge{font-size:8px;padding:4px 6px}.m-table-footer{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#c1a1d2;padding:14px 20px;border-top:1px solid #f4e9fa}.m-packages-number{display:inline-flex;align-items:center;gap:7px}.m-packages-number svg{width:14px;height:14px;color:#c6a4d6}.m-alert-count{font-size:9px;padding:4px 7px;border-radius:5px;background:#fff2ec;color:#d4a28c;font-weight:550}.m-attention{padding:0 22px 12px}.m-attention-item{display:flex;align-items:flex-start;gap:11px;text-align:left;padding:16px 0 19px;width:100%;border-bottom:1px solid #f4eaf8}.m-attention-item:last-child{border-bottom:0}.m-attention-item>span{width:31px;height:31px;border-radius:8px;background:#fff4ee;color:#dfb89c;display:grid;place-items:center;flex-shrink:0}.m-attention-item>span svg{height:15px;width:15px}.m-attention-item strong{font-size:11px;font-weight:550;color:#b393c9}.m-attention-item p{font-size:10px;line-height:1.7;color:#c6aad6;margin-top:7px}.m-attention-item b{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:500;color:#d48ac5;margin-top:10px}.m-attention-item b svg{height:12px;width:12px}.m-demo-note{display:flex;align-items:flex-start;gap:9px;color:#bfa2cf;font-size:10px;line-height:1.8;background:#fbf8fd;border:1px solid #f1e6f7;border-radius:9px;padding:14px 17px;margin-top:23px}.m-demo-note svg{height:15px;width:15px;color:#caabd9;margin-top:1px}.m-toolbar{display:flex;align-items:center;justify-content:space-between;gap:17px;padding:18px 22px}.m-search{position:relative;flex:1;max-width:390px}.m-search svg{position:absolute;left:12px;top:12px;width:16px;height:16px;color:#c0a1d0}.m-search input{padding:12px 13px 12px 37px;border:1px solid #eee2f6;border-radius:8px;font-size:11px;width:100%;color:#b58cc9;background:#fefbff}.m-search input::placeholder{color:#c5aad4}.m-filters{display:flex;align-items:center;gap:18px}.m-filters label{display:flex;align-items:center;gap:8px;font-size:10px;color:#c3a4d1}.m-filters select{font-size:10px;border:1px solid #ecdcf5;border-radius:7px;padding:10px 24px 10px 11px;color:#bb96ce;background:#fff}.m-total{font-size:9px;color:#ccb2dc;white-space:nowrap}.m-route-panel-top{padding:26px;display:flex;justify-content:space-between;align-items:center;gap:20px}.m-route-panel-top h2{font-size:25px;letter-spacing:-.6px;font-weight:600;color:#aa7fbf}.m-route-panel-top p{font-size:11px;color:#c6a5d5;margin-top:8px}.m-route-panel-top .m-kicker{font-size:8px;margin-bottom:9px}.m-route-assignment{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:21px 26px;background:#fdf9ff;border-top:1px solid #f3e8fa;border-bottom:1px solid #f3e8fa}.m-route-assignment>div{display:flex;align-items:center;gap:10px}.m-route-assignment>div>svg{height:18px;width:18px;color:#d1b0df}.m-route-assignment>div>span{font-size:8px;letter-spacing:.6px;color:#ceb3dd}.m-route-assignment strong{display:block;margin-top:7px;font-size:11px;color:#bd96d0;letter-spacing:0;font-weight:550}.m-route-stop{display:flex;width:100%;align-items:center;gap:17px;text-align:left;padding:21px 26px;border-bottom:1px solid #f4eaf9}.m-route-stop:last-child{border:0}.m-route-stop:hover{background:#fffaff}.m-stop-number{height:31px;width:31px;display:grid;place-items:center;background:#fff3fb;border:1px solid #f5ddef;border-radius:50%;color:#d59bc8;font-size:10px;flex-shrink:0}.m-stop-number.done{background:#edf8ef;border-color:#e5f2e5;color:#99bf9b}.m-stop-number.failed{background:#fff5ee;border-color:#f9e9dd;color:#dbb593}.m-stop-number svg{width:15px;height:15px}.m-route-stop>div{flex:1;min-width:0}.m-route-stop strong{font-size:12px;font-weight:550;color:#ba97cd;display:block}.m-route-stop p{font-size:10px;color:#ccafdb;margin-top:7px;line-height:1.6}.m-route-stop>.badge{font-size:9px;min-width:89px;justify-content:center}.m-stop-window{font-size:10px;display:flex;align-items:center;gap:5px;white-space:nowrap;color:#caabda}.m-stop-window svg{width:13px;height:13px}.m-stop-package{font-size:10px;color:#c7a9d7;white-space:nowrap}.m-route-stop>svg{width:14px;height:14px;color:#d8bde5}.m-modal-section{font-size:12px;font-weight:600;color:#9b76ad;margin:25px 0 16px}.m-detail-status{display:flex;gap:12px;align-items:center;margin-bottom:23px}.m-detail-status>span:last-child{font-size:11px;color:#af90c0}.m-package-tags{display:flex;flex-wrap:wrap;gap:8px}.m-package-tags>span{font-size:9px;border:1px solid #f0e3f7;background:#fdf8ff;color:#bf9cd0;border-radius:6px;padding:7px 9px;display:flex;align-items:center;gap:6px}.m-package-tags svg{width:12px;height:12px}.m-proof{max-height:260px;object-fit:contain;border-radius:9px;margin-bottom:20px}.manager-app .card{background:white;border-color:#eae5ef}.manager-app .card h2,.manager-app .metric-value,.manager-app td strong{color:#43384b}.manager-app .metric{border-color:#eae5ef}.manager-app .metric.accent{background:linear-gradient(135deg,#fff,#fff7fc);border-color:#f3cfe5}.manager-app .metric-icon{background:#f6f2f8;color:#a18bae}.manager-app .metric.accent .metric-icon{background:#ffe4f3;color:#db2693}.manager-app .metric-top,.manager-app .metric-foot,.manager-app .card-kicker{color:#8f7b9d}.manager-app .product-icon{background:#fff1fa;border-color:#f3ddee;color:#d17ab6}.manager-app th{background:#fcf9ff;border-color:#f0e8f7;color:#a38db0}.manager-app td{color:#8f779f;border-color:#f1e8f8}.manager-app tr:hover td{background:#fdfaff}.manager-app .subtext,.manager-app .table-footer,.manager-app .attention-item p,.manager-app .card-footnote{color:#a78ab8}.manager-app .stock-track{background:#f6eaf4}.manager-app .stock-track i{background:#b4a4c4}.manager-app .stock-track i.low{background:#ef9dce}.manager-app .location-cell.used{background:#eaa6cf}.manager-app .location-cell{background:#f5edf9}.manager-app .bar.out{background:#c7b8d6}.manager-app .bin{background:#fcfaff;border-color:#ece4f3}.manager-app .bin.occupied{background:#fff5fc;border-color:#f1d5e7}.manager-app .bin p,.manager-app .bin-top{color:#a080b1}.manager-app .bin svg,.manager-app .bin.occupied svg{color:#d28dc0}.manager-app .section-banner{background:#fcf5ff;border-color:#f0dff8}.manager-app .section-banner p,.manager-app .section-banner strong{color:#ad8dbe}.manager-app .search input,.manager-app select.filter{background:#fff;border-color:#e8dcef;color:#9d7fb0}.manager-app .legend,.manager-app .chart-y,.manager-app .chart-label,.manager-app .chart-bottom,.manager-app .location-key,.manager-app .occupancy-stat{color:#aa8ebb}.manager-app .occupancy-stat strong,.manager-app .chart-bottom strong{color:#926ba6}.manager-app .attention-icon{background:#fff0fa;color:#d16bb1}.manager-app .card-head .text-link,.manager-app .text-link{color:#d02b94}.manager-app .info-note{margin-top:15px}
/* Neutral text and strong brand accents keep this an operations tool, not a pastel mockup. */
.manager-app .m-pagehead h1{color:#2a2630}.manager-app .m-metric>strong{color:#332c3b}.manager-app .m-metric.accent>strong{color:#d0007a}.manager-app .m-metric-top,.manager-app .m-metric>p,.manager-app .m-pagehead p,.manager-app .m-card-head p,.manager-app .m-route-driver p,.manager-app .m-route-bottom>span,.manager-app .m-table-sub,.manager-app .m-table-footer,.manager-app .m-demo-note,.manager-app .m-stop-window,.manager-app .m-stop-package,.manager-app .m-route-stop p,.manager-app .m-route-panel-top p,.manager-app .m-total{color:#82798e}.manager-app .m-card-head h2,.manager-app .m-route-driver strong,.manager-app .m-table td>strong,.manager-app .m-route-stop strong,.manager-app .m-route-assignment strong,.manager-app .m-route-panel-top h2,.manager-app .m-attention-item strong{color:#514559}.manager-app .m-table td{color:#75667f}.manager-app .m-shipment-link{color:#96608f}.manager-app .m-table th{color:#94809f}.manager-app .m-status-summary>strong{color:#755b86}.manager-app .m-status-summary b{color:#7e688e}.manager-app .m-status-summary div>span,.manager-app .m-status-key>span{color:#96859f}.manager-app .m-status-key b{color:#7e668e}.manager-app .m-nav-item{color:#8b7a96}.manager-app .m-nav-item.active{color:#cf0079}.manager-app .m-attention-item p{color:#a48baf}.manager-app .m-text-link{color:#cd258c}.manager-app .m-search input{color:#6e5c7d}.manager-app .m-search input::placeholder{color:#a58eaf}.manager-app .m-filters select{color:#8c719d}.manager-app .m-kicker{color:#a384b3}.manager-app .m-route-code{color:#a483b5}.manager-app .m-route-assignment>div>span{color:#9d84af}.manager-app .m-route-driver .m-van{color:#c165b0}.manager-app .m-alert-count{color:#b67f5c}.manager-app .m-attention-item>span{color:#c7926d}.manager-app .m-package-tags>span{color:#a779b5}.manager-app .m-detail-status>span:last-child{color:#987aa9}.manager-app .m-modal-section{color:#80618f}.manager-app .m-metric-top>span:last-child{color:#ac8fbc}.manager-app .m-metric.accent .m-metric-top>span:last-child{color:#d73d9f}
.manager-app .manager-space,.manager-app .driver-shortcut{background:#faf9fc;border-color:#ece9ef}.manager-app .manager-space strong,.manager-app .manager-user strong{color:#514b58}.manager-app .manager-space div>span,.manager-app .manager-user div>span,.manager-app .manager-reset,.manager-app .manager-footer{color:#8a8191}.manager-app .m-nav-item{color:#77717e}.manager-app .m-nav-item.active{color:#d0007a}.manager-app .m-nav-item>svg{color:#a49aaa}.manager-app .m-nav-item.active>svg{color:#e60088}.manager-app .m-nav-label{color:#9e93a6}.manager-app .manager-crumb{color:#958b9e}.manager-app .manager-crumb strong{color:#62566b}.manager-app .m-metric,.manager-app .m-card{border-color:#eae7ef}.manager-app .m-card-head h2,.manager-app .m-route-driver strong,.manager-app .m-table td>strong,.manager-app .m-route-stop strong,.manager-app .m-route-assignment strong,.manager-app .m-route-panel-top h2,.manager-app .m-attention-item strong{color:#514b58}.manager-app .m-metric-top,.manager-app .m-metric>p,.manager-app .m-pagehead p,.manager-app .m-card-head p,.manager-app .m-route-driver p,.manager-app .m-route-bottom>span,.manager-app .m-table-sub,.manager-app .m-table-footer,.manager-app .m-demo-note,.manager-app .m-stop-window,.manager-app .m-stop-package,.manager-app .m-route-stop p,.manager-app .m-route-panel-top p,.manager-app .m-total{color:#85808c}.manager-app .m-status-summary>strong{color:#3b3244}.manager-app .m-status-summary b{color:#7a6d83}.manager-app .m-status-summary div>span,.manager-app .m-status-key>span{color:#8d8197}.manager-app .m-status-key b{color:#766481}.manager-app .m-table th{background:#fbfafd;border-color:#eee9f3;color:#968a9e}.manager-app .m-table td{border-color:#f0ecf5;color:#8a7d95}.manager-app .m-table .m-shipment-link{color:#895f91}.manager-app .m-table tr:hover td{background:#fdfaff}.manager-app .m-route-code{color:#a589b4;background:#faf7fc;border-color:#eee4f4}.manager-app .m-attention-item p{color:#9b8ba6}.manager-app .m-search input{background:#fdfcfe;border-color:#e9e2ee;color:#756580}.manager-app .m-search input::placeholder{color:#aaa0b0}.manager-app .m-filters label,.manager-app .m-filters select{color:#94839e}.manager-app .m-demo-note{background:#faf8fc;border-color:#eee7f4}.manager-app .m-route-assignment{background:#fcfafd;border-color:#eee7f3}.manager-app .m-route-stop{border-color:#f0eaf5}.manager-app .m-table-footer{border-color:#eee7f4}.manager-app .m-route-bottom{border-color:#eee7f4}.manager-app .m-status-track .pink,.manager-app .m-status-key i.pink{background:#ed008c}.manager-app .m-text-link{color:#d6007e}.manager-app .m-route-bottom .button{color:#cc0077}.manager-app .m-metric.accent .m-metric-top>span:last-child{color:#d0007a}
@media(min-width:1550px){.manager-main{padding-top:43px}.m-metrics{gap:20px}.m-metric{padding:23px}.m-pagehead h1{font-size:32px}}
@media(max-width:1230px){.manager-sidebar{width:219px;padding-left:15px;padding-right:15px}.manager-shell{margin-left:219px}.manager-brand img{width:163px}.manager-main{padding:30px 25px 22px}.manager-topbar{padding:0 25px}.m-pagehead h1{font-size:26px}.m-metric{padding:16px}.m-overview-grid,.m-main-grid{gap:17px}.m-route-code{display:none}.m-route-bottom{padding-left:18px;padding-right:18px}.m-route-assignment{grid-template-columns:repeat(2,1fr);gap:23px}.m-route-stop{gap:12px;padding-left:22px;padding-right:22px}.m-stop-window{display:none}.m-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(235px,1fr)}}
@media(max-width:1050px){.m-overview-grid,.m-main-grid{grid-template-columns:1fr}.m-metrics{grid-template-columns:repeat(2,1fr)}.m-pagehead{flex-direction:column;gap:14px}.m-actions{padding-top:0}.m-route-code{display:block}.m-route-driver{padding-top:9px}.m-attention{padding-bottom:16px}.m-toolbar{align-items:flex-start;flex-direction:column}.m-search{max-width:none;width:100%}.m-filters{width:100%;justify-content:space-between}.m-route-stop{gap:10px}.m-stop-package{display:none}.manager-app .m-route-stop p{max-width:230px}.m-route-bottom .button{font-size:10px}.m-table td{padding:15px 16px}}
@media(max-width:700px){.manager-sidebar{transform:translateX(-100%);width:240px;box-shadow:0 0 45px #42274b1a;transition:transform .2s}.manager-sidebar.open{transform:translateX(0)}.manager-shell{margin-left:0}.manager-topbar{height:63px;padding:0 17px}.manager-topbar-right{gap:11px}.manager-topbar-right .demo-label{font-size:9px}.manager-crumb{gap:9px;font-size:10px}.manager-crumb>span:first-of-type{display:none}.manager-crumb>span:nth-of-type(2){display:none}#manager-menu{display:flex}.manager-main{padding:26px 17px 20px}.m-pagehead h1{font-size:27px}.m-pagehead p{font-size:11px}.m-actions{width:100%;flex-wrap:wrap}.m-actions>.button{flex:1;font-size:11px;min-height:42px;padding:11px 10px}.m-metrics{gap:11px;margin-bottom:19px}.m-metric{padding:15px}.m-metric>strong{font-size:30px}.m-metric-top{font-size:10px}.m-metric>p{font-size:9px}.m-overview-grid{gap:17px;margin-bottom:18px}.m-card-head{padding:20px 18px 16px}.m-card-head h2{font-size:14px}.m-card-head p{font-size:10px}.m-route-driver{padding-left:18px;padding-right:18px}.m-route-code{font-size:7px}.m-status-summary{padding-left:19px}.m-status-key{padding-left:18px;padding-right:18px;gap:10px}.m-status-track{margin-left:18px;margin-right:18px}.m-status-key>span{font-size:8px}.m-route-bottom>span{font-size:9px}.m-route-bottom .button{font-size:9px}.m-route-bottom{gap:9px}.m-route-panel-top{padding:23px 18px}.m-route-panel-top h2{font-size:24px}.m-route-assignment{padding:20px 18px;gap:20px 12px}.m-route-assignment>div{gap:8px}.m-route-assignment strong{font-size:10px}.m-route-stop{padding:19px 17px;gap:10px;flex-wrap:wrap}.m-route-stop>div{min-width:150px;flex:1}.m-route-stop>svg{display:none}.m-route-stop>.badge{min-width:80px;font-size:8px}.m-route-stop p{font-size:9px}.m-route-stop strong{font-size:11px}.m-stop-number{width:27px;height:27px;font-size:9px}.m-table-footer{font-size:8px;padding-left:17px;padding-right:17px}.m-demo-note{font-size:9px;padding:13px 14px}.manager-footer{padding:16px 17px 22px;font-size:8px}.manager-footer>span:last-child{text-align:right;max-width:160px;line-height:1.5}.m-toolbar{padding:17px}.m-search input{font-size:12px}.m-filters select{font-size:11px}.manager-app .page-head{gap:15px}.manager-app .head-actions .button{min-height:42px;font-size:11px}}