@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";.mode-tag,.status-tag,.filter-button{font-size:13px}.filter-caption,.nav-item{font-size:14px}.global-search input,.text-button{font-size:13px}.alert-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.alert-card{background:#fff;border:2px solid #17202a;border-radius:12px;padding:4px 12px}.alert-card .alert-row{border:0}.maintenance-panel{padding-bottom:24px}.data-table tbody tr{background:#f3f5f6}.data-table tbody tr:nth-child(2n){background:#e9edef}.data-table tbody tr:hover{background:#dfe9eb}.data-table tbody tr td:first-child{border-radius:8px 0 0 8px}.data-table tbody tr td:last-child{border-radius:0 8px 8px 0}.mode-tag,.status-tag,.filter-button{font-size:12px}.filter-caption{font-size:13px}.filter-caption b{font-size:19px}.idle-note{margin-top:4px;font-size:11px;display:block}.idle-note.attention{color:#c58b20}.idle-note.overdue{color:#d95757}.data-table{min-width:1180px}.vehicle-cell{gap:11px}.vehicle-avatar{width:36px;height:36px}.inline-form{margin:0 42px 20px;padding:22px}.inline-form .panel-head{margin-bottom:18px}.inline-form .wide-field{grid-column:span 2}.form-actions{border-top:1px solid #edf1f3;justify-content:flex-end;gap:9px;padding-top:13px;display:flex}.return-mileage{color:#102a43;border:1px solid #dfe8eb;border-radius:7px;outline:0;width:94px;padding:8px;font:10px Manrope}.return-mileage:focus{border-color:#39a59d;box-shadow:0 0 0 3px #e9f8f5}.header-popover-wrap{position:relative}.user-button{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex}.header-popover{z-index:8;background:#fff;border:1px solid #dfe8eb;border-radius:11px;width:340px;padding:15px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 18px 45px #102a432b}.popover-head{border-bottom:1px solid #edf1f3;justify-content:space-between;align-items:flex-start;padding:3px 2px 11px;display:flex}.popover-head h3{color:#102a43;margin:0;font-size:14px}.popover-head>span{color:#168b85;background:#eef7f5;border-radius:5px;padding:5px 6px;font:10px DM Mono}.popover-list{max-height:270px;overflow:auto}.notifications-popover .text-button{margin-top:7px}.user-popover{width:260px}.user-menu-profile{border-bottom:1px solid #edf1f3;align-items:center;gap:10px;padding-bottom:14px;display:flex}.user-menu-profile b,.user-menu-profile span,.user-menu-row b,.user-menu-row span{display:block}.user-menu-profile b{color:#102a43;font-size:12px}.user-menu-profile span,.user-menu-row span{color:#8298a4;margin-top:3px;font-size:10px}.user-menu-row{color:#168b85;gap:9px;padding:14px 1px;display:flex}.user-menu-row div{flex:1}.user-menu-row b{color:#102a43;font-size:11px}.menu-action{color:#597280;text-align:left;cursor:pointer;background:#fff;border:0;border-top:1px solid #edf1f3;align-items:center;gap:9px;width:100%;padding:11px 2px;font:600 11px Manrope;display:flex}.menu-action:hover{color:#168b85}:root{color:#18344d;font-synthesis:none;--navy:#102a43;--navy-2:#173e5c;--teal:#0f9f93;--teal-soft:#e7f7f4;--line:#dde6eb;--muted:#6f8492;--amber:#efad3d;--coral:#e9785b;--red:#d95757;--shadow:0 18px 45px #1e405612;background:#f5f7f8;font-family:Manrope,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.app-shell{min-height:100vh;display:flex}.sidebar{color:#dcebf3;z-index:5;background:#102a43;flex-direction:column;width:246px;padding:26px 15px 18px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand-lockup{align-items:center;gap:11px;padding:0 11px 28px;display:flex}.brand-lockup strong{color:#fff;letter-spacing:.02em;font-size:16px;display:block}.brand-lockup span{color:#82a6bb;letter-spacing:.12em;margin-top:2px;font:10px DM Mono,monospace;display:block}.brand-mark{color:#d7fff6;background:#1a8b8c;border-radius:11px;place-items:center;width:37px;height:37px;display:grid;box-shadow:0 6px 18px #081d2b}.fleet-chip{color:#9ab7c6;border:1px solid #bae2eb21;border-radius:10px;align-items:center;gap:8px;margin:0 10px 27px;padding:11px 12px;font-size:11px;display:flex}.pulse-dot{background:#55d6ae;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #55d6ae1c}.nav-kicker,.eyebrow{letter-spacing:.13em;color:#8aa0ac;text-transform:uppercase;margin:0 0 10px;font:10px DM Mono,monospace}.nav-kicker{color:#698ba0;padding:0 12px}.main-nav{flex-direction:column;gap:3px;display:flex}.nav-item{color:#99b2c0;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;padding:12px 13px;font:600 12px Manrope;display:flex}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#fff;background:#1b4969;box-shadow:inset 3px 0 #57d2bd}.nav-item b{color:#fff;background:#e9785b;border-radius:10px;margin-left:auto;padding:3px 6px;font:11px DM Mono}.sidebar-bottom{margin-top:auto}.sync-note{border-top:1px solid #ffffff17;align-items:center;gap:10px;margin-bottom:5px;padding:20px 11px 15px;display:flex}.sync-icon{color:#69d0c0;background:#164866;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.sync-note b,.sync-note small{display:block}.sync-note b{color:#c9e1e9;font-size:11px}.sync-note small{color:#7292a2;margin-top:2px;font-size:10px}.main-content{flex:1;min-width:0;margin-left:246px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:4;background:#f5f7f8e6;justify-content:space-between;align-items:center;height:72px;padding:0 42px;display:flex;position:sticky;top:0}.breadcrumb{color:#8495a0;align-items:center;gap:9px;font-size:12px;display:flex}.breadcrumb b{color:var(--navy)}.top-actions{align-items:center;gap:17px;display:flex}.global-search{color:#91a2ad;background:#fff;border:1px solid #e4ebef;border-radius:8px;align-items:center;gap:8px;width:236px;height:35px;padding:0 10px;display:flex}.global-search input{width:100%;color:var(--navy);background:0 0;border:0;outline:0;font:12px Manrope}.icon-button,.more-button,.row-more,.mobile-menu,.mobile-close{color:#6f8492;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.icon-button{border:1px solid var(--line);background:#fff;border-radius:8px;width:35px;height:35px}.notification-button{position:relative}.notification-button i{background:var(--coral);color:#fff;border-radius:10px;padding:3px 5px;font:9px DM Mono;position:absolute;top:-5px;right:-4px}.avatar{color:#704c25;background:#f0ba76;border-radius:50%;place-items:center;width:33px;height:33px;font-size:12px;font-weight:800;display:grid}.user-meta b,.user-meta span{display:block}.user-meta b{color:var(--navy);font-size:11px}.user-meta span{color:#8da0aa;margin-top:2px;font-size:10px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;padding:38px 42px 25px;display:flex}.hero-heading{padding-top:45px}.page-heading h1{letter-spacing:-.04em;color:var(--navy);margin:0;font-size:29px;line-height:1.22}.subheading{color:var(--muted);margin:10px 0 0;font-size:12px}.hero-heading .subheading{font-size:13px}.primary-button,.secondary-button,.filter-button,.text-button{cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:7px;font:700 12px Manrope;display:inline-flex}.primary-button{color:#fff;background:#157d81;border:1px solid #126b74;padding:11px 15px;box-shadow:0 7px 16px #157d8129}.primary-button:hover{background:#0d696e}.secondary-button{border:1px solid var(--line);color:var(--navy);background:#fff;padding:10px 14px}.text-button{color:#178786;background:0 0;border:0;padding:6px 0}.heading-actions{gap:9px;display:flex}.metric-grid{grid-template-columns:repeat(4,1fr);gap:15px;padding:0 42px 20px;display:grid}.metric-card{color:#fff;border-radius:12px;min-height:139px;padding:18px 19px 17px;box-shadow:0 10px 25px #18344d0a}.metric-navy{background:#173e5c}.metric-teal{background:#128f89}.metric-amber{background:#e4a13b}.metric-coral{background:#de725b}.metric-top{color:#ffffffb8;justify-content:space-between;align-items:center;font-size:11px;display:flex}.metric-icon{border:1px solid #ffffff38;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.metric-icon svg{width:15px}.metric-value{letter-spacing:-.06em;margin-top:13px;font-size:34px;font-weight:800;line-height:1}.metric-value small{letter-spacing:0;margin-left:5px;font-size:12px;font-weight:600}.metric-card p{color:#ffffffb3;margin:10px 0 0;font-size:10px}.dashboard-grid{grid-template-columns:1.22fr .78fr;gap:15px;padding:0 42px 20px;display:grid}.panel{box-shadow:var(--shadow);background:#fff;border:1px solid #e7edf0;border-radius:12px}.panel-head{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.panel-head h2{letter-spacing:-.035em;color:var(--navy);margin:0;font-size:17px}.alert-panel,.status-panel,.table-panel{padding:22px}.alert-summary{border-top:1px solid #edf1f3;border-bottom:1px solid #edf1f3;margin:18px 0 4px;padding:15px 0;display:flex}.alert-summary>div{border-right:1px solid #edf1f3;flex:1;padding-left:15px}.alert-summary>div:first-child{padding-left:0}.alert-summary>div:last-child{border:0}.alert-summary strong,.alert-summary span{display:block}.alert-summary span{color:#8a9ca6;margin-top:4px;font-size:10px}.alert-number{letter-spacing:-.08em;font:500 27px DM Mono}.danger{color:var(--red)}.warning{color:#d99926}.attention{color:#279b96}.alert-list{flex-direction:column;display:flex}.alert-row{border-bottom:1px solid #f0f3f4;align-items:center;gap:11px;min-height:58px;display:flex}.alert-row:last-child{border-bottom:0}.alert-row>svg{color:#aab9c0;margin-left:auto}.alert-icon{border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.alert-icon.overdue{color:var(--red);background:#fbeded}.alert-icon.urgent{color:#d5921d;background:#fff4df}.alert-icon.attention{color:#1d928b;background:#e8f7f4}.alert-icon.notice{color:#668597;background:#edf3f6}.alert-row b,.alert-row small{display:block}.alert-row b{color:var(--navy);font-size:11px}.alert-row small{color:#8a9ca6;margin-top:4px;font-size:10px}.donut-wrap{align-items:center;gap:23px;padding:28px 2px 23px;display:flex}.donut{background:conic-gradient(#13928b 0 55%,#3d9dce 55% 69%,#efad3d 69% 78%,#e6edf0 78%);border-radius:50%;place-items:center;width:146px;height:146px;display:grid;position:relative}.donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:17px}.donut>div{z-index:1;text-align:center;position:relative}.donut strong,.donut span{display:block}.donut strong{color:var(--navy);letter-spacing:-.08em;font:800 34px DM Mono}.donut span{color:#8da0aa;font-size:10px}.legend{flex:1}.legend-row{color:#78909d;align-items:center;gap:8px;margin:11px 0;font-size:11px;display:flex}.legend-row b{color:var(--navy);margin-left:auto}.legend-dot{border-radius:50%;width:8px;height:8px}.legend-dot.teal{background:#13928b}.legend-dot.blue{background:#3d9dce}.legend-dot.amber{background:#efad3d}.legend-dot.gray{background:#cdd9df}.mini-insight{color:#1a928b;border-top:1px solid #edf1f3;align-items:center;gap:10px;padding-top:15px;display:flex}.mini-insight div{flex:1}.mini-insight b,.mini-insight span{display:block}.mini-insight b{color:var(--navy);font-size:11px}.mini-insight span{color:#8da0aa;margin-top:3px;font-size:10px}.table-panel{margin:0 42px 20px}.full-table{padding:0;overflow:hidden}.data-table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:780px}.data-table th{text-align:left;color:#8da0aa;letter-spacing:.08em;text-transform:uppercase;background:#fbfcfc;border-bottom:1px solid #e7edf0;padding:13px 19px;font:10px DM Mono}.data-table td{color:var(--navy);vertical-align:middle;border-bottom:1px solid #eef2f3;padding:14px 19px;font-size:11px}.data-table tr:last-child td{border-bottom:0}.vehicle-cell,.person-cell,.due-cell{align-items:center;gap:9px;display:flex}.vehicle-cell small,.person-cell small,.due-cell small,.mileage small{color:#8ca0aa;margin-top:4px;font-size:10px;font-weight:400;display:block}.vehicle-avatar{color:#258e8b;background:#eaf5f4;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.mode-tag,.status-tag{border-radius:5px;align-items:center;gap:5px;padding:5px 7px;font-size:10px;font-weight:700;display:inline-flex}.mode-tag.full{color:#13847f;background:#e7f7f4}.mode-tag.simple{color:#ad791d;background:#fff4df}.mode-tag.reminder{color:#718793;background:#eef2f4}.status-tag{color:#218b80;background:#f1f7f5}.status-tag i{background:currentColor;border-radius:50%;width:5px;height:5px}.mileage{white-space:nowrap;font:500 12px DM Mono}.muted{color:#a5b2b8;margin-top:4px;font-size:9px;display:block}.due-cell b{font:500 11px DM Mono}.due-cell.urgent b,.due-cell.overdue b{color:var(--red)}.due-cell.attention b{color:#d4921d}.due-cell small{white-space:nowrap}.table-footnote{color:#9aaab2;margin:15px 0 0;font-size:10px}.filter-bar{background:#fff;border:1px solid #e7edf0;border-radius:9px;justify-content:space-between;align-items:center;margin:0 42px 15px;padding:12px 15px;display:flex}.filter-caption{color:#78909d;align-items:center;gap:7px;font-size:11px;display:flex}.filter-caption svg{color:#1a928b}.filter-caption b{color:var(--navy);font:500 17px DM Mono}.filter-caption em{color:#aa7a29;background:#fff6e5;border-radius:5px;margin-left:7px;padding:4px 7px;font-style:normal}.filter-actions{gap:8px;display:flex}.filter-button{color:#6f8492;background:#fff;border:1px solid #e3eaed;padding:8px 10px;font-size:10px}.mini-metrics{grid-template-columns:repeat(4,1fr)}.maintenance-list{margin-top:18px}.maintenance-list .alert-row{padding:2px 0}.dispatch-layout{grid-template-columns:1.3fr .7fr;gap:15px;padding:0 42px 20px;display:grid}.calendar-panel,.quick-dispatch{padding:22px}.dispatch-date-row{border-bottom:1px solid #edf1f3;grid-template-columns:repeat(5,1fr);gap:7px;padding:21px 0 15px;display:grid}.dispatch-date-row b{text-align:center;color:#91a0aa;font-size:10px;font-weight:600}.dispatch-date-row b:first-child{color:#168b86}.dispatch-date-row strong{color:var(--navy);margin-top:4px;font:500 22px DM Mono;display:block}.dispatch-item{border-bottom:1px solid #edf1f3;align-items:center;gap:14px;padding:19px 0;display:flex}.dispatch-item:last-child{border:0}.time-block{color:#5f7886;width:45px;font:500 11px/1.4 DM Mono}.time-block small{color:#a1adb3}.route-line{background:#30a29a;border-radius:5px;width:3px;height:37px}.route-line.gray{background:#ccd7dc}.dispatch-item div:nth-child(3){flex-direction:column;gap:4px;display:flex}.dispatch-item div:nth-child(3) b{color:var(--navy);font-size:12px}.dispatch-item div:nth-child(3) span{color:#91a0aa;font-size:10px}.dispatch-status{border-radius:5px;margin-left:auto;padding:6px 8px;font-size:10px}.dispatch-status.on-trip{color:#148881;background:#e5f7f4}.dispatch-status.assigned{color:#6d8794;background:#eef3f5}.quick-dispatch .panel-head{margin-bottom:18px}.quick-dispatch label,.form-grid label{color:#78909d;flex-direction:column;gap:7px;margin-bottom:13px;font-size:10px;display:flex}.quick-dispatch input,.quick-dispatch select,.form-grid input,.form-grid select{width:100%;color:var(--navy);background:#fff;border:1px solid #dfe8eb;border-radius:7px;outline:0;padding:10px;font:11px Manrope}.quick-dispatch input:focus,.quick-dispatch select:focus,.form-grid input:focus,.form-grid select:focus{border-color:#39a59d;box-shadow:0 0 0 3px #e9f8f5}.full-width{width:100%;margin-top:7px}.form-hint{color:#9aaab2;align-items:center;gap:5px;font-size:10px;line-height:1.4;display:flex}.repair-grid,.costs-layout{grid-template-columns:.9fr 1.1fr;gap:15px;padding:0 42px 20px;display:grid}.repair-highlight{color:#fff;background:#173e5c;padding:24px;position:relative;overflow:hidden}.repair-highlight:after{content:"";border:1px solid #7edace2b;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-70px;right:-70px;box-shadow:0 0 0 18px #7edace0f,0 0 0 37px #7edace0a}.repair-icon{background:#e9785b;border-radius:9px;place-items:center;width:34px;height:34px;margin-bottom:23px;display:grid}.repair-highlight .eyebrow{color:#92b4c4}.repair-highlight h2{letter-spacing:-.04em;z-index:1;margin:0 0 10px;font-size:21px;position:relative}.repair-highlight p:not(.eyebrow){color:#aac3cf;z-index:1;max-width:360px;font-size:11px;line-height:1.7;position:relative}.repair-highlight .text-button{color:#72d4c4;z-index:1;margin-top:13px;position:relative}.repair-stats{grid-template-columns:repeat(3,1fr);padding:25px 0;display:grid}.repair-stats>div{border-right:1px solid #edf1f3;padding:0 25px}.repair-stats>div:last-child{border:0}.repair-stats span,.repair-stats small{color:#8da0aa;font-size:10px;display:block}.repair-stats b{letter-spacing:-.08em;color:var(--navy);margin:15px 0 9px;font:500 34px DM Mono;display:block}.repair-stats em{font:600 12px Manrope}.case-list,.transaction-list{margin-top:16px}.case-row,.transaction-row{border-bottom:1px solid #edf1f3;align-items:center;gap:12px;padding:15px 0;display:flex}.case-row:last-child,.transaction-row:last-child{border:0}.case-dot{border-radius:50%;width:9px;height:9px}.case-dot.danger{background:var(--red)}.case-dot.warning{background:var(--amber)}.case-dot.attention{background:#2ba29a}.case-row div,.transaction-row div{flex:1}.case-row b,.case-row small,.transaction-row b,.transaction-row small{display:block}.case-row b,.transaction-row b{color:var(--navy);font-size:11px}.case-row small,.transaction-row small{color:#8da0aa;margin-top:4px;font-size:10px}.case-status{border-radius:5px;padding:5px 7px;font-size:10px}.case-status.danger{color:#c75b5b;background:#fbeded}.case-status.warning{color:#b47d22;background:#fff4df}.case-status.attention{color:#198e86;background:#e7f7f4}.costs-layout{grid-template-columns:1.1fr .9fr}.cost-chart,.cost-rank{padding:22px}.cost-total{color:#138f89;font:500 21px DM Mono}.bars{border-bottom:1px solid #e7edf0;justify-content:space-around;align-items:flex-end;height:210px;margin-top:23px;padding:0 25px;display:flex}.bar-group{flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex;position:relative}.bar-group i{background:linear-gradient(#3eb7aa,#128f89);border-radius:6px 6px 0 0;width:34px;min-height:20px;display:block}.bar-group span{color:#8197a2;font-size:10px}.bar-group b{color:#728895;white-space:nowrap;font:10px DM Mono;position:absolute;top:9px}.rank-row{border-bottom:1px solid #edf1f3;align-items:center;gap:12px;padding:14px 0;display:flex}.rank-row:last-child{border:0}.rank-row>span{color:#a2b1b7;font:11px DM Mono}.rank-row div{flex:1}.rank-row b,.rank-row small{display:block}.rank-row b{color:var(--navy);font-size:11px}.rank-row small{color:#8da0aa;margin-top:3px;font-size:10px}.rank-row strong{color:#d37c51;font:500 12px DM Mono}.transaction-icon{border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.transaction-icon.fuel{color:#3d91bc;background:#e8f5fb}.transaction-icon.service{color:#178b83;background:#e7f7f4}.transaction-icon.parking{color:#c28d2b;background:#fff4df}.toast{z-index:10;color:#fff;background:#173e5c;border-radius:8px;align-items:center;gap:8px;padding:12px 15px;font-size:11px;display:flex;position:fixed;bottom:25px;right:26px;box-shadow:0 12px 32px #0e2c433d}.modal-backdrop{z-index:9;background:#102a4361;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(590px,100%);padding:24px;box-shadow:0 25px 75px #102a433d}.import-modal{width:min(475px,100%)}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.modal-head h2{letter-spacing:-.04em;color:var(--navy);margin:0;font-size:20px}.form-grid{grid-template-columns:1fr 1fr;gap:1px 14px;display:grid}.modal-actions{border-top:1px solid #edf1f3;justify-content:flex-end;gap:9px;margin-top:8px;padding-top:14px;display:flex}.drop-zone{color:#288d87;cursor:pointer;background:#f4fbfa;border:1px dashed #9accc8;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:180px;display:flex}.drop-zone b{color:var(--navy);font-size:13px}.drop-zone span{color:#8aa0aa;font-size:10px}.mobile-menu,.mobile-close{display:none}@media (width<=1050px){.sidebar{width:220px}.main-content{margin-left:220px}.topbar{padding:0 25px}.page-heading,.metric-grid,.dashboard-grid,.dispatch-layout,.repair-grid,.costs-layout{padding-left:25px;padding-right:25px}.table-panel{margin-left:25px;margin-right:25px}.metric-grid{gap:10px}.metric-card{padding:15px}.user-meta{display:none}.global-search{width:200px}}@media (width<=760px){.sidebar{width:250px;transition:transform .25s;transform:translate(-100%);box-shadow:12px 0 35px #0f2b4138}.sidebar.sidebar-open{transform:translate(0)}.mobile-menu,.mobile-close{display:grid}.mobile-menu{width:32px;height:32px}.mobile-close{color:#8fb3c2;margin-left:auto}.main-content{margin-left:0}.topbar{gap:10px;height:62px;padding:0 17px}.breadcrumb{display:none}.top-actions{gap:8px;margin-left:auto}.global-search{background:0 0;border-color:#0000;justify-content:center;width:35px;padding:0}.global-search input,.user-meta{display:none}.page-heading{flex-direction:column;align-items:flex-start;padding:28px 17px 20px}.page-heading h1{font-size:25px}.hero-heading{padding-top:31px}.hero-heading .primary-button{align-self:stretch}.heading-actions{width:100%}.heading-actions>*{flex:1}.metric-grid{grid-template-columns:1fr 1fr;gap:9px;padding:0 17px 15px}.metric-card{min-height:126px;padding:14px}.metric-value{font-size:29px}.metric-grid .metric-card:nth-child(3),.metric-grid .metric-card:nth-child(4){min-height:112px}.dashboard-grid,.dispatch-layout,.repair-grid,.costs-layout{grid-template-columns:1fr;gap:12px;padding:0 17px 15px}.table-panel{margin:0 17px 15px;padding:17px}.alert-panel,.status-panel,.calendar-panel,.quick-dispatch,.cost-chart,.cost-rank{padding:17px}.panel-head h2{font-size:15px}.donut-wrap{justify-content:center;gap:14px}.donut{width:125px;height:125px}.donut:after{inset:15px}.filter-bar{margin:0 17px 12px;display:block}.filter-actions{margin-top:10px;padding-bottom:2px;overflow:auto}.filter-button{flex-shrink:0}.data-table th,.data-table td{padding-left:12px;padding-right:12px}.mini-metrics{grid-template-columns:1fr 1fr}.repair-stats{padding:18px 0}.repair-stats>div{padding:0 14px}.repair-stats b{font-size:25px}.form-grid{grid-template-columns:1fr}.modal{padding:19px}.modal-actions{margin-top:9px}.toast{justify-content:center;bottom:15px;left:15px;right:15px}.dispatch-date-row{gap:3px}.dispatch-item{gap:9px}.dispatch-status{padding:5px;font-size:9px}.bars{padding:0 6px}.bar-group i{width:27px}}.page-heading h1{font-size:34px}.subheading{font-size:16px}.nav-item{font-size:15px}.primary-button,.secondary-button,.filter-button,.text-button,.data-table th{font-size:14px}.mode-tag,.status-tag,.alert-row b{font-size:14px}.metric-top{font-size:14px}.metric-card p{font-size:13px}.metric-clickable,.alert-clickable,.more-button{cursor:pointer}.metric-clickable:hover{filter:brightness(1.05);transform:translateY(-2px)}.alert-clickable:hover{background:#f4f8f8}body,.subheading{font-size:18px}.primary-button,.secondary-button,.filter-button,.text-button,.alert-row b{font-size:16px}body,.subheading{font-size:18px}.panel-head h2{font-size:24px}.data-table th{font-size:16px}.data-table td{font-size:17px}.data-table td small,.vehicle-cell small,.person-cell small,.due-cell small,.mileage small,.muted{font-size:15px}.primary-button,.secondary-button,.filter-button,.text-button,.alert-row b{font-size:16px}.alert-row small{font-size:15px}.settings-list{flex-direction:column;gap:15px;display:flex}.settings-list div{border:1px solid #dfe8eb;border-radius:10px;padding:15px}.settings-list b,.settings-list span{display:block}.settings-list b{color:var(--navy);font-size:16px}.settings-list span{color:var(--muted);margin-top:6px;font-size:14px}.quick-dispatch .panel-head h2{font-size:28px}.quick-dispatch label{gap:9px;margin-bottom:18px;font-size:18px}.quick-dispatch input,.quick-dispatch select{min-height:50px;padding:13px 14px;font-size:18px}.quick-dispatch .form-hint{font-size:15px}.quick-dispatch .full-width{min-height:54px;font-size:18px}.quick-dispatch .eyebrow{font-size:13px}:root{--ink:#182432;--action:#1d6fe8;--available:#20a66a;--maintenance:#e9902f;--danger:#d85151;--canvas:#f4f7fa}body{background:var(--canvas);color:var(--ink)}.sidebar{background:#182432}.brand-mark,.primary-button{background:var(--action);border-color:var(--action)}.nav-item.active{box-shadow:inset 3px 0 var(--action);background:#243447}.status-tag{border-radius:6px}.status-tag.available{color:var(--available);background:#e8f7ef}.status-tag.scheduled{color:var(--action);background:#edf4ff}.status-tag.on_trip{color:var(--action);background:#eaf3ff}.status-tag.maintenance{color:var(--maintenance);background:#fff3e5}.status-tag.disabled{color:#617081;background:#eef1f4}.primary-button:focus-visible,.secondary-button:focus-visible,.nav-item:focus-visible,.icon-button:focus-visible{outline-offset:2px;outline:3px solid #8bb9ff}.panel-caption{color:#8da0aa;white-space:nowrap;font-size:12px}.operations-trend{padding:22px}.trend-bars{border-bottom:1px solid #e7edf0;align-items:stretch;gap:10px;height:220px;margin-top:24px;padding:0 8px;display:flex}.trend-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;min-width:30px;display:flex}.trend-bar-wrap{justify-content:center;align-items:flex-end;width:100%;height:165px;display:flex}.trend-column i{background:linear-gradient(#36b8aa,#138f89);border-radius:6px 6px 0 0;width:25px;min-height:6px;transition:height .25s;display:block}.trend-column b{color:var(--navy);font:600 12px DM Mono}.trend-column span{color:#8da0aa;padding-bottom:10px;font-size:11px}.trend-summary{color:#7e939e;justify-content:space-between;gap:12px;margin-top:15px;font-size:12px;display:flex}.trend-summary span{align-items:center;gap:7px;display:flex}.todo-panel{padding:22px}.todo-list{flex-direction:column;margin-top:13px;display:flex}.todo-row{text-align:left;cursor:pointer;width:100%;color:var(--navy);background:0 0;border:0;border-bottom:1px solid #edf1f3;align-items:center;gap:10px;padding:13px 0;display:flex}.todo-row:last-child{border-bottom:0}.todo-row:hover{background:#f5f9f9}.todo-row>svg{color:#aab9c0;margin-left:auto}.todo-icon{color:#6f8794;background:#edf3f6;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.todo-row.urgent .todo-icon{color:var(--red);background:#fbeded}.todo-row.urgent .todo-copy b{color:#b74d4d}.todo-copy{min-width:0}.todo-copy b,.todo-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.todo-copy b{font-size:13px}.todo-copy small{color:#8da0aa;margin-top:4px;font-size:11px}.todo-icon.swap{color:#be851e;background:#fff4df}.todo-icon.return{color:#2875bd;background:#eaf3ff}.todo-icon.dispatch{color:#178981;background:#e7f7f4}.cost-breakdown{padding:22px}.cost-mix-list{flex-direction:column;gap:15px;margin-top:21px;display:flex}.cost-mix-row{color:#78909d;grid-template-columns:52px 1fr 88px;align-items:center;gap:10px;font-size:12px;display:grid}.cost-mix-row>div{background:#edf2f3;border-radius:10px;height:8px;overflow:hidden}.cost-mix-row i{background:linear-gradient(90deg,#3eb7aa,#128f89);border-radius:10px;height:100%;display:block}.cost-mix-row b{text-align:right;color:var(--navy);font:500 12px DM Mono}.dashboard-vehicle-panel{margin:0}.dispatch-tabs{border-bottom:1px solid #edf1f3;gap:8px;margin:18px 0 3px;display:flex}.dispatch-tabs button{color:#8499a4;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:9px 11px;font:600 13px Manrope}.dispatch-tabs button.active{color:var(--action);border-bottom-color:var(--action)}.dispatch-status-text{color:#1e8e87;margin-top:5px;font-size:11px;display:block}.row-actions{gap:2px;display:flex}.swap-approval{padding:22px}.swap-list{flex-direction:column;gap:10px;margin-top:16px;display:flex}.swap-card{background:#fbfdfd;border:1px solid #e7edf0;border-radius:10px;padding:16px}.swap-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.swap-card-head b{color:var(--navy);font-size:14px}.swap-card-head b span{color:#8da0aa;margin:0 6px;font-weight:400}.swap-card p{color:#536d7a;margin:10px 0 6px;font-size:13px}.swap-card>small{color:#8da0aa;font-size:11px}.swap-actions{gap:8px;margin-top:13px;display:flex}.swap-actions .primary-button,.swap-actions .secondary-button{padding:8px 11px;font-size:12px}.vehicle-detail-modal{width:min(760px,100%);max-height:min(88vh,820px);overflow:auto}.detail-section{border-top:1px solid #edf1f3;padding:18px 0}.detail-section:first-of-type{border-top:0;padding-top:0}.detail-section-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px;display:flex}.detail-section-head h3{color:var(--navy);margin:0;font-size:16px}.detail-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.detail-grid span{color:#8da0aa;flex-direction:column;gap:5px;font-size:11px;display:flex}.detail-grid strong{color:var(--navy);font-size:13px}.detail-list,.detail-record-list{flex-direction:column;display:flex}.detail-record{border-bottom:1px solid #f0f3f4;justify-content:space-between;align-items:center;gap:15px;padding:10px 0;font-size:12px;display:flex}.detail-record:last-child{border-bottom:0}.detail-record b{color:var(--navy);white-space:nowrap}.detail-record span{color:#8da0aa;text-align:right}.detail-actions{gap:12px;display:flex}.detail-actions .text-button{font-size:12px}@media (width<=760px){.trend-bars{gap:5px;height:190px;padding:0 2px}.trend-bar-wrap{height:140px}.trend-column i{width:18px}.trend-column span{font-size:10px}.trend-summary{font-size:11px}.cost-mix-row{grid-template-columns:44px 1fr 70px}.dispatch-tabs{overflow:auto}.dispatch-tabs button{white-space:nowrap;font-size:12px}.swap-approval{margin-left:17px;margin-right:17px;padding:17px}.swap-card-head{flex-direction:column;align-items:flex-start;gap:8px}.swap-actions{flex-wrap:wrap}.swap-actions>*{flex:1}.detail-grid{grid-template-columns:1fr 1fr}.vehicle-detail-modal{max-height:92vh}.detail-record{flex-direction:column;align-items:flex-start;gap:5px}.detail-record span{text-align:left}.detail-section-head{flex-direction:column;align-items:flex-start}.detail-section-head .detail-actions{justify-content:space-between;width:100%}.row-actions{display:flex}}.user-menu-login{border-top:1px solid #edf1f3;flex-direction:column;gap:8px;padding:12px 2px;display:flex}.menu-input{box-sizing:border-box;color:#182432;background:#fff;border:1px solid #dfe8eb;border-radius:8px;width:100%;padding:9px 10px;font:600 12px Manrope,system-ui,sans-serif}.menu-input:focus{border-color:#1d6fe8;outline:none;box-shadow:0 0 0 3px #1d6fe824}.user-menu-login .menu-action{color:#fff;background:#1d6fe8;border-top:0;border-radius:8px;justify-content:center;height:34px;padding:0}.user-menu-login .menu-action:hover{background:#1a63cf}