:root{color:#202b3d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--ink:#182335;--muted:#8792a3;--border:#e8ebf0;--surface:#fff;--orange:#ed6c32;--navy:#182335;--green:#1d9b70;--shadow:0 2px 8px #1b273909;background:#f6f8fb;font-family:Segoe UI,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:360px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #ed6c323b}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}::selection{background:#ed6c3230}#root,.app-shell{min-height:100vh}.sidebar{z-index:20;background:var(--surface);border-right:1px solid var(--border);flex-direction:column;width:252px;padding:24px 15px 13px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{justify-content:space-between;align-items:center;padding:0 7px 25px;display:flex}.brand-lockup{color:var(--ink);align-items:center;gap:10px;display:flex}.brand-logo{color:#fff;background:var(--orange);border-radius:11px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 5px 12px #ed6c3238}.brand-lockup strong{letter-spacing:.65px;font:800 14px/1 Manrope,sans-serif;display:block}.brand-lockup span{color:#99a2ae;letter-spacing:.8px;margin-top:5px;font-size:8px;font-weight:700;line-height:1;display:block}.workspace-switch{border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;margin-bottom:27px;padding:10px 9px;display:flex}.workspace-avatar{width:33px;height:33px;color:var(--orange);background:#fff1e9;border-radius:9px;flex:none;place-items:center;font:800 15px Manrope,sans-serif;display:grid}.workspace-switch strong,.workspace-switch span{display:block}.workspace-switch strong{font-size:11px;font-weight:700}.workspace-switch span{color:var(--muted);margin-top:3px;font-size:10px}.workspace-switch>svg{color:#96a0af;margin-left:auto}.nav-caption,.eyebrow{color:#a0a8b4;letter-spacing:1.15px;font-size:9px;font-weight:700}.nav-caption{padding:0 12px 9px}.side-nav{gap:4px;display:grid}.nav-item{color:#758195;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;min-height:43px;padding:0 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.nav-item:hover{color:var(--ink);background:#f7f8fa}.nav-item.active{color:#df612b;background:#fff3ec}.nav-item.active svg{stroke-width:2.2px}.nav-item span{flex:1}.nav-item small{color:#8c97a7;background:#fff;border-radius:6px;padding:3px 7px;font-size:10px}.sidebar-bottom{margin-top:auto}.help-card{background:#fafbfd;border:1px solid #edf0f4;border-radius:10px;margin:0 0 12px;padding:12px}.help-icon{color:#498b78;background:#eaf6f1;border-radius:8px;place-items:center;width:29px;height:29px;margin-bottom:10px;display:grid}.help-card strong{font-size:10px;display:block}.help-card p{color:var(--muted);margin:5px 0 0;font-size:9px;line-height:1.5}.profile-row{border-top:1px solid var(--border);align-items:center;gap:9px;padding:12px 6px 1px;display:flex}.profile-avatar,.top-avatar{color:#925c3b;background:#f3e9df;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;font-size:12px;font-weight:700;display:grid}.profile-copy{flex:1;min-width:0}.profile-copy strong,.profile-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-copy strong{font-size:10px}.profile-copy span{color:var(--muted);text-transform:capitalize;margin-top:3px;font-size:9px}.main-area{min-height:100vh;margin-left:252px}.topbar{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;justify-content:space-between;align-items:center;height:62px;padding:0 37px;display:flex;position:sticky;top:0}.topbar-left,.topbar-right,.breadcrumb,.today-label{align-items:center;display:flex}.breadcrumb{color:#9aa3af;gap:8px;font-size:11px}.breadcrumb strong{color:#475267;font-weight:600}.topbar-right{gap:20px}.sync-indicator{color:#59816e;cursor:pointer;background:#eff8f3;border:0;border-radius:6px;align-items:center;gap:5px;padding:5px 7px;font-size:9px;display:inline-flex}.sync-indicator .online-dot{width:6px;height:6px}.sync-indicator.sync-offline{color:#a15a42;background:#fff2ea}.sync-indicator.sync-offline .online-dot{background:#dc7547}.today-label{color:#8792a3;text-transform:capitalize;gap:7px;font-size:11px}.today-label svg{color:#9ea7b4}.icon-button{color:#8792a3;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;padding:0;transition:all .15s;display:inline-grid;position:relative}.icon-button:hover{color:var(--ink);background:#f3f5f7}.notification-button i{background:var(--orange);border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:7px}.top-avatar{width:30px;height:30px}.page-content{width:min(100%,1530px);margin:0 auto;padding:30px 37px 18px}.page-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px;display:flex}.page-heading h1{color:var(--ink);letter-spacing:-.5px;margin:5px 0 4px;font:700 23px/1.25 Manrope,sans-serif}.page-heading p{color:#8792a3;margin:0;font-size:11px}.heading-actions{gap:9px;display:flex}.button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:35px;padding:0 12px;font-size:10px;font-weight:700;transition:all .15s;display:inline-flex}.button-primary{color:#fff;background:var(--orange);box-shadow:0 2px 5px #ed6c3226}.button-primary:hover:not(:disabled){background:#da5e28}.button-quiet{color:#667387;background:#fff;border-color:#e6e9ef}.button-quiet:hover:not(:disabled){color:var(--ink);background:#fbfcfd;border-color:#cdd3dd}.button-wide{width:100%;min-height:42px;font-size:12px}.button-small{min-height:29px;padding:0 8px;font-size:9px}.dashboard-content,.fleet-page,.finance-page{gap:16px;display:grid}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.kpi-card{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:10px;padding:15px 16px 13px}.kpi-top{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.kpi-icon{border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.kpi-icon.blue{color:#4784c5;background:#eaf3fc}.kpi-icon.green{color:#319776;background:#e8f6ef}.kpi-icon.orange{color:#db7d39;background:#fff1e4}.kpi-icon.purple{color:#8f75cb;background:#f1edfb}.muted-button{width:25px;height:25px}.kpi-label{color:#818da0;font-size:10px;font-weight:500;display:block}.kpi-value{color:var(--ink);letter-spacing:-.55px;margin-top:5px;font:700 23px/1.25 Manrope,sans-serif;display:block}.kpi-hint{color:#9aa3b0;align-items:center;gap:6px;min-height:17px;margin-top:7px;font-size:9px;display:flex}.trend{align-items:center;font-size:9px;font-weight:700;display:inline-flex}.trend.positive{color:#21956b}.dashboard-grid{grid-template-columns:minmax(0,1.8fr) minmax(235px,1fr);gap:15px;display:grid}.panel{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:10px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;padding:16px 17px 13px;display:flex}.panel-heading h2,.quick-actions h2{color:var(--ink);margin:0;font:700 12px/1.4 Manrope,sans-serif}.panel-heading p{color:#99a2af;margin:3px 0 0;font-size:9px}.text-action,.panel-link{color:#df6939;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:4px 0;font-size:9px;font-weight:700;display:inline-flex}.fleet-map{background-color:#f1f5f0;background-image:radial-gradient(at 68% 32%,#e0efdbd4,#0000 28%),radial-gradient(at 22% 70%,#dbebd9bf,#0000 24%);border:1px solid #ecf0ed;border-radius:7px;height:204px;margin:0 12px;position:relative;overflow:hidden}.fleet-map>.leaflet-map{z-index:1;width:100%;height:100%}.fleet-map .leaflet-control-attribution{font-size:8px}.fleet-map .map-legend{z-index:500;color:#53616d;background:#ffffffeb;border-radius:5px;padding:5px 8px;font-size:8px;position:absolute;bottom:8px;left:8px}.fleet-map .map-legend i{background:#e27436;border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.module-page{gap:16px;display:grid}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.module-card{padding-bottom:16px}.module-card>.panel-heading{padding-bottom:12px}.module-card>.panel-heading>svg{color:var(--orange);margin-right:17px}.module-form{padding:0 17px}.module-inline-form{grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) auto auto;align-items:end;gap:12px;padding:0 17px;display:grid}.module-inline-form .button{margin-bottom:1px}.module-message{border:1px solid;border-radius:8px;margin:0;padding:10px 13px;font-size:11px;line-height:1.5}.module-error{color:#a13d36;background:#fff4f2;border-color:#f1c6c1}.module-success{color:#26704f;background:#eff9f3;border-color:#c5e4d4}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 16px 16px;display:grid}.package-card{border:1px solid var(--border);border-radius:8px;align-items:center;gap:11px;min-width:0;padding:10px;display:flex}.package-qr{color:#8490a0;background:#f7f8fa;flex:0 0 60px;place-items:center;height:60px;display:grid}.package-qr img{width:60px;height:60px}.package-info{flex:1;gap:4px;min-width:0;display:grid}.package-info strong,.package-info span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.package-info strong{font-size:10px}.package-info span{color:var(--muted);font-size:9px}.package-card>.badge{flex:none}.package-card .badge i{display:none}.module-inline-form .field{min-width:0}.module-inline-form .field label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.module-page .empty-block{padding:35px 15px}.row-actions{justify-content:flex-end;align-items:center;gap:5px;display:flex}.driver-app{background:#f6f8fb;min-height:100vh;padding:0 16px 40px}.driver-header{z-index:5;border-bottom:1px solid var(--border);background:#f6f8fbf5;justify-content:space-between;align-items:center;width:min(100%,760px);margin:0 auto;padding:13px 0;display:flex;position:sticky;top:0}.driver-header>div{color:var(--muted);align-items:center;gap:12px;font-size:10px;display:flex}.driver-content{gap:14px;width:min(100%,760px);margin:27px auto 0;display:grid}.driver-content>h1{color:var(--ink);margin:-8px 0 0;font:700 23px Manrope,sans-serif}.driver-intro{color:var(--muted);margin:-8px 0 4px;font-size:11px;line-height:1.5}.driver-route-list{gap:13px;display:grid}.driver-route-card{gap:14px;padding:15px;display:grid}.driver-order-head{justify-content:space-between;align-items:center;display:flex}.driver-order-head h2{margin:4px 0 0;font:700 18px Manrope,sans-serif}.driver-order-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.driver-order-details span{color:var(--muted);gap:4px;font-size:9px;display:grid}.driver-order-details strong{color:var(--ink);font-size:10px}.driver-actions{flex-wrap:wrap;gap:8px;display:flex}.driver-expense-form{border:1px solid var(--border);background:#fafbfd;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:13px;display:grid}.driver-refresh{justify-self:center}.driver-pod-backdrop{z-index:60;background:#19222e73;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.driver-pod{width:min(100%,520px);max-height:92vh;padding-bottom:15px;overflow-y:auto}.signature-field{color:#5c687a;gap:7px;font-size:9px;font-weight:600;display:grid}.signature-field canvas{touch-action:none;background:#fff;border:1px solid #e5e9ef;border-radius:7px;width:100%;height:110px}.signature-field .text-action{justify-self:end}.map-grid{opacity:.7;background-image:linear-gradient(24deg,#0000 46%,#fff 47% 48%,#0000 49%),linear-gradient(115deg,#0000 45%,#fff 46% 47%,#0000 48%),linear-gradient(83deg,#0000 68%,#e6eee7 69% 70%,#0000 71%);background-size:78px 63px,106px 75px,160px 120px;position:absolute;inset:-10%;transform:rotate(-4deg)}.map-lines{width:100%;height:100%;position:absolute;inset:0}.map-lines path{fill:none;stroke:#fff;stroke-width:9px}.map-lines path:nth-child(2){stroke-width:6px}.map-lines path:nth-child(3){stroke-width:5px}.map-lines path:nth-child(4){stroke:#e7eee8;stroke-width:2px;stroke-dasharray:3 5}.map-label{color:#94a193;letter-spacing:.7px;align-items:center;gap:3px;font-size:7px;font-weight:700;display:flex;position:absolute}.label-one{top:48px;left:14%}.label-two{bottom:51px;right:12%}.fleet-pin{z-index:1;color:#fff;background:var(--orange);border:2px solid #fff;border-radius:9px;place-items:center;width:26px;height:26px;display:grid;position:absolute;box-shadow:0 2px 7px #a65e3d55}.pin-0{top:38%;left:30%}.pin-1{top:60%;left:60%}.pin-2{top:22%;right:24%}.pin-3{bottom:17%;right:33%}.map-legend{color:#748173;background:#ffffffe6;border:1px solid #e9eee9;border-radius:5px;gap:7px;padding:5px 7px;font-size:8px;display:flex;position:absolute;bottom:8px;right:9px}.map-legend i,.online-dot{background:var(--orange);border-radius:50%;width:6px;height:6px;display:inline-block}.map-legend span i{background:#50a985}.map-empty{color:#8a958a;text-align:center;place-items:center;padding:22px;font-size:10px;display:grid;position:absolute;inset:0}.fleet-summary{color:#8290a0;align-items:center;gap:16px;padding:12px 15px;font-size:9px;display:flex}.fleet-summary span{align-items:center;gap:6px;display:inline-flex}.fleet-summary button{color:#df6939;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin-left:auto;padding:4px;font-size:9px;font-weight:700;display:inline-flex}.legend-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.green-dot{background:#50a985}.orange-dot{background:var(--orange)}.alerts-panel{flex-direction:column;min-height:270px;display:flex}.alert-count{color:#db6938;background:#fff1e8;border-radius:7px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:10px;font-weight:700;display:grid}.alert-list{padding:0 14px}.alert-row{border-top:1px solid #f0f2f5;align-items:center;gap:9px;padding:11px 1px;display:flex}.alert-row>svg{color:#b5bdc7;margin-left:auto}.alert-symbol{color:#df8a41;background:#fff5e9;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.alert-row strong,.alert-row span{display:block}.alert-row strong{color:#4c596a;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:9px;overflow:hidden}.alert-row span{color:#96a0ad;margin-top:3px;font-size:8px}.empty-alert{color:#a0a9b4;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:17px;display:flex}.empty-alert strong{color:#556273;font-size:10px}.empty-alert>span{font-size:9px;line-height:1.5}.empty-check{color:#329d75;background:#ebf7f1;border-radius:50%;place-items:center;width:31px;height:31px;margin-bottom:3px;display:grid}.panel-link{align-self:flex-start;margin:auto 16px 13px}.recent-panel{overflow:hidden}.table-toolbar{justify-content:space-between;align-items:center;gap:14px;padding:0 16px 11px;display:flex}.filter-tabs{align-items:center;gap:14px;display:flex;overflow-x:auto}.filter-tabs button{color:#919cac;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;align-items:center;gap:6px;padding:7px 1px;font-size:9px;font-weight:600;display:inline-flex}.filter-tabs button.selected{border-bottom-color:var(--orange);color:#3b4759}.filter-tabs button span{color:#8290a0;background:#f0f2f5;border-radius:5px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:8px;display:grid}.table-tools{align-items:center;gap:7px;display:flex}.search-field{color:#99a3b0;background:#fff;border:1px solid #e7eaf0;border-radius:7px;align-items:center;gap:7px;width:205px;height:32px;padding:0 9px;display:flex}.search-field:focus-within{border-color:#f1b194;box-shadow:0 0 0 3px #fff2eb}.search-field input{color:#536073;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0;font-size:9px}.search-field input::placeholder{color:#a4acb7}.filter-button{min-height:32px}.table-scroll{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}thead{background:#fafbfd}th{color:#98a2af;letter-spacing:.45px;border-top:1px solid #f0f2f5;border-bottom:1px solid #f0f2f5;height:34px;padding:0 11px;font-size:8px;font-weight:700}th:first-child,td:first-child{padding-left:17px}td{color:#788497;border-bottom:1px solid #f0f2f5;height:50px;padding:0 11px;font-size:9px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfcfd}.order-code{color:#df6939;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:9px;font-weight:700}.client-cell{align-items:center;gap:7px;min-width:120px;display:flex}.client-cell strong{color:#586477;text-overflow:ellipsis;max-width:130px;font-size:9px;font-weight:600;overflow:hidden}.client-avatar{color:#6886a5;background:#edf3f9;border-radius:7px;flex:none;place-items:center;width:24px;height:24px;font-size:9px;font-weight:700;display:grid}.route-cell{align-items:center;gap:6px;display:flex}.route-cell svg{color:#b4bcc7}.amount-cell{color:#4a5769;font-weight:700}.badge{border-radius:5px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;font-weight:700;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:5px;height:5px}.badge-slate{color:#798697;background:#f0f2f5}.badge-blue{color:#427fbd;background:#eaf3fc}.badge-violet{color:#8063b3;background:#f2edfa}.badge-orange{color:#d77739;background:#fff0e4}.badge-green{color:#238d67;background:#eaf6f0}.badge-red{color:#ca6262;background:#fbeeee}.row-actions{align-items:center;gap:2px;display:flex}.row-actions .icon-button{width:25px;height:27px}.row-advance{color:#d56331;cursor:pointer;background:#fff2eb;border:0;border-radius:5px;padding:5px 7px;font-size:8px;font-weight:700}.row-advance:hover{background:#ffe6d9}.table-footer{color:#929dad;border-top:1px solid #f0f2f5;justify-content:space-between;align-items:center;padding:10px 16px;font-size:9px;display:flex}.table-footer strong{color:#5a6677}.table-footer>div{align-items:center;gap:5px;display:flex}.pagination-button{color:#a6aebb;background:#fff;border:1px solid #eaedf1;border-radius:5px;place-items:center;width:26px;height:25px;padding:0;display:grid}.page-number{color:#fff;background:var(--orange);border-radius:5px;place-items:center;width:24px;height:24px;font-size:9px;display:grid}.table-message{color:#8d98a8;justify-content:center;align-items:center;gap:9px;min-height:140px;font-size:10px;display:flex}.empty-table{flex-direction:column;gap:7px;padding:25px}.empty-table strong{color:#586476}.empty-table span{color:#99a3b0}.quick-actions{grid-template-columns:1.15fr 1fr 1fr;align-items:center;gap:12px;padding:12px 0 2px;display:grid}.quick-actions .eyebrow{margin-bottom:5px;display:block}.quick-actions h2{font-size:12px}.quick-actions>button{border:1px solid var(--border);cursor:pointer;text-align:left;background:#fff;border-radius:9px;align-items:center;gap:9px;min-height:51px;padding:8px 10px;display:flex}.quick-actions>button:hover{border-color:#f0c3af}.quick-icon{border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.blue-bg{color:#4784c5;background:#eaf3fc}.green-bg{color:#319776;background:#e8f6ef}.quick-actions>button span:nth-child(2){flex:1;gap:3px;display:grid}.quick-actions>button strong{color:#536073;font-size:9px}.quick-actions>button small{color:#a0a8b3;font-size:8px}.quick-actions>button>svg{color:#9ca6b2}.page-footer{color:#a2aab5;justify-content:space-between;padding:20px 1px 1px;font-size:8px;display:flex}.page-footer>span:first-child{align-items:center;gap:6px;display:flex}.page-footer b{color:#ccd1d8;padding:0 3px}.online-dot{background:#4fb486;width:6px;height:6px}.toast{border:1px solid;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:9px 11px;font-size:10px;display:flex}.toast-error{color:#9d3d3d;background:#fff6f6;border-color:#f2d0d0}.toast-success{color:#237a5b;background:#f4fbf7;border-color:#cdebdc}.toast .icon-button{color:inherit}.fleet-overview{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.fleet-overview-card{border:1px solid var(--border);background:#fff;border-radius:9px;align-items:center;gap:11px;padding:14px;display:flex}.fleet-overview-card>div{gap:3px;display:grid}.fleet-overview-card strong{color:var(--ink);font:700 18px Manrope,sans-serif}.fleet-overview-card span:last-child{color:#8d98a8;font-size:9px}.fleet-directory,.driver-directory{padding-bottom:13px;overflow:hidden}.vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:1px 15px 3px;display:grid}.vehicle-card{background:#fff;border:1px solid #edf0f4;border-radius:9px;padding:13px}.vehicle-card-top{align-items:center;gap:7px;display:flex}.vehicle-icon{color:#db783c;background:#fff1e8;border-radius:8px;place-items:center;width:32px;height:32px;margin-right:2px;display:grid}.vehicle-card-top .icon-button{margin-left:auto}.vehicle-plate{color:#333f51;letter-spacing:.2px;margin-top:12px;font:700 13px Manrope,sans-serif;display:block}.vehicle-name{color:#8792a2;margin-top:3px;font-size:9px;display:block}.vehicle-specs{color:#718093;gap:13px;margin-top:12px;font-size:9px;display:flex}.vehicle-specs span{align-items:center;gap:4px;display:inline-flex}.vehicle-specs svg{color:#9ba7b5}.vehicle-divider{background:#f0f2f5;height:1px;margin:12px 0 8px}.vehicle-meta{color:#98a2af;justify-content:space-between;margin:6px 0;font-size:8px;display:flex}.vehicle-meta strong{color:#687588;font-size:8px;font-weight:600}.text-danger{color:#c55858!important}.text-success{color:#278b64!important}.driver-directory{padding-bottom:0}.driver-list{padding:0 15px}.driver-row{border-top:1px solid #f0f2f5;align-items:center;gap:11px;min-height:55px;display:flex}.driver-avatar{color:#7064a1;background:#f0edfa;border-radius:50%;place-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:grid}.driver-name{flex:1;gap:4px;display:grid}.driver-name strong{color:#526074;font-size:9px}.driver-name span,.driver-contact,.driver-expiry{color:#929dad;font-size:8px}.driver-contact,.driver-expiry{min-width:100px}.customer-heading{padding-bottom:14px}.customer-heading .search-field{width:230px}.customer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:0 15px 15px;display:grid}.customer-card{border:1px solid #edf0f4;border-radius:9px;padding:13px}.customer-card-head{align-items:center;gap:9px;display:flex}.customer-avatar{color:#5685aa;background:#eaf2fa;border-radius:9px;flex:none;place-items:center;width:33px;height:33px;font:700 12px Manrope,sans-serif;display:grid}.customer-card-head>div{flex:1;gap:4px;display:grid}.customer-card-head strong{color:#4b596d;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.customer-card-head span{color:#98a2b0;font-size:8px}.customer-contact{color:#788699;align-items:center;gap:8px;margin:13px 0 0 2px;font-size:9px;display:flex}.customer-contact svg{color:#a2acb8}.customer-address{color:#929dad;border-top:1px solid #f0f2f5;align-items:flex-start;gap:7px;margin-top:12px;padding-top:10px;font-size:8px;line-height:1.4;display:flex}.customer-address svg{flex:none}.finance-kpis{margin-bottom:0}.quiet-tag{color:#428e74;align-items:center;gap:5px;font-size:9px;display:inline-flex}.finance-actions{gap:5px;display:flex}.finance-tip{background:#f5fbf8;border:1px solid #dcefe7;border-radius:9px;align-items:center;gap:11px;padding:13px;display:flex}.finance-tip>div{color:#35916f;background:#e5f5ed;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.finance-tip span{gap:4px;display:grid}.finance-tip strong{color:#487663;font-size:9px}.finance-tip small{color:#8fa79c;font-size:8px}.empty-block{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:160px;padding:20px;display:flex}.empty-icon{color:#90a0b4;background:#f1f4f7;border-radius:11px;place-items:center;width:39px;height:39px;margin-bottom:2px;display:grid}.empty-block strong{color:#4f5d70;font-size:11px}.empty-block>span{color:#99a3b0;max-width:300px;font-size:9px;line-height:1.5}.login-page,.tracking-page{background:radial-gradient(at 50% 0,#fff3e9 0,#0000 43%),#f7f8fb;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{border:1px solid var(--border);background:#fff;border-radius:13px;width:min(100%,400px);padding:30px;box-shadow:0 15px 50px #202b3d14}.login-heading{margin:30px 0 22px}.login-heading h1{color:var(--ink);margin:7px 0;font:700 22px Manrope,sans-serif}.login-heading p{color:#8893a2;font-size:11px;line-height:1.5}.form-stack{gap:14px;display:grid}.form-field{color:#5c687a;gap:6px;min-width:0;font-size:9px;font-weight:600;display:grid}.form-field input,.form-field select{color:#465366;background:#fff;border:1px solid #e5e9ef;border-radius:6px;outline:0;width:100%;min-width:0;height:36px;padding:0 10px;font-size:10px}.form-field input::placeholder{color:#b1b9c4}.form-field input:focus,.form-field select:focus{border-color:#efb196;box-shadow:0 0 0 3px #fff3ed}.form-field small{color:#9ca6b2;font-size:8px;font-weight:400;line-height:1.4}.form-error{color:#9d3d3d;background:#fff2f2;border-radius:6px;margin:0;padding:8px 10px;font-size:9px;line-height:1.5}.login-note{color:#9ba5b1;justify-content:center;align-items:center;gap:6px;margin-top:17px;font-size:8px;display:flex}.login-note svg{color:#5ca387}.login-footer,.tracking-footer{color:#a0a9b5;letter-spacing:.15px;margin-top:18px;font-size:8px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1b232f66;justify-content:center;align-items:center;padding:22px;animation:.13s ease-out fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{background:#fff;border:1px solid #fff9;border-radius:12px;width:min(100%,640px);max-height:min(90vh,800px);padding:19px;animation:.16s ease-out rise-in;overflow-y:auto;box-shadow:0 20px 60px #131c2b33}.modal-heading{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;gap:10px;margin:0 0 17px;padding-bottom:13px;display:flex}.modal-heading h2{color:var(--ink);margin:4px 0 0;font:700 16px Manrope,sans-serif}.modal-close{width:27px;height:27px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-actions{border-top:1px solid #edf0f4;justify-content:flex-end;gap:8px;margin-top:3px;padding-top:12px;display:flex}.form-footnote{color:#919baa;background:#f7f8fa;border-radius:6px;margin:0;padding:9px;font-size:8px;line-height:1.5}.inline-warning,.inline-info,.assignment-order{color:#9a7140;background:#fffaf1;border:1px solid #f3e1c9;border-radius:7px;align-items:center;gap:9px;padding:10px;font-size:9px;line-height:1.45;display:flex}.inline-warning svg{flex:none}.inline-info{color:#58826f;background:#f5fbf8;border-color:#dcece5}.assignment-order{color:#768498;background:#fafbfd;border-color:#ebeff4}.assignment-order span{gap:4px;display:grid}.assignment-order strong{color:#465366;font-size:10px}.assignment-order small{color:#8f9aaa;font-size:8px}.order-details{gap:14px;display:grid}.detail-hero{justify-content:space-between;align-items:center;display:flex}.detail-hero h3{color:#29374b;margin:4px 0 3px;font:700 17px Manrope,sans-serif}.detail-hero>div>span:last-child{color:#929dad;font-size:9px}.route-detail{background:#fafbfd;border:1px solid #edf0f4;border-radius:8px;gap:8px;padding:13px;display:grid}.route-point{align-items:flex-start;gap:9px;display:flex}.route-point>i,.tracking-route i{border-radius:50%;flex:none;width:8px;height:8px;margin-top:2px}.origin-dot{background:#4e9f80}.destination-dot{background:#e78144}.route-point div{gap:4px;display:grid}.route-point span{color:#98a2af;letter-spacing:.4px;font-size:8px;font-weight:700}.route-point strong{color:#556174;font-size:9px}.route-connector{background:#dce2e9;width:1px;height:8px;margin-left:3px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;display:grid}.detail-item{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;gap:10px;min-height:35px;display:flex}.detail-item span{color:#98a2af;font-size:8px}.detail-item strong{color:#566276;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:600;overflow:hidden}.detail-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;padding-top:2px;display:flex}.settlement-result{background:#f4faf7;border:1px solid #d9ece2;border-radius:7px;justify-content:space-between;gap:10px;padding:11px;display:flex}.settlement-result div{gap:5px;display:grid}.settlement-result span{color:#83a094;letter-spacing:.4px;font-size:8px}.settlement-result strong{color:#31795d;font:700 12px Manrope,sans-serif}.settlement-result.margin-low{background:#fff7f6;border-color:#f2d9d7}.settlement-result.margin-low strong{color:#b45450}.expense-breakdown{gap:8px;padding:2px 1px;display:grid}.expense-breakdown>span{color:#98a2af;letter-spacing:.45px;font-size:8px;font-weight:700}.expense-breakdown>div{color:#7f8a9a;justify-content:space-between;gap:10px;font-size:9px;display:flex}.expense-breakdown strong{color:#536174;font-size:9px}.tracking-page{justify-content:flex-start;padding-top:33px}.tracking-header{justify-content:space-between;align-items:center;width:min(100%,700px);display:flex}.tracking-public{color:#789182;align-items:center;gap:6px;font-size:9px;display:flex}.tracking-card{border:1px solid var(--border);background:#fff;border-radius:13px;width:min(100%,700px);margin-top:31px;padding:25px;box-shadow:0 10px 32px #202b3d0f}.tracking-card h1{color:var(--ink);margin:6px 0 3px;font:700 22px Manrope,sans-serif}.tracking-card>p{color:#8994a3;font-size:10px}.tracking-card>p strong{color:#536175}.tracking-route{color:#708094;background:#fafbfd;border-radius:7px;align-items:center;gap:12px;margin:19px 0 13px;padding:12px;font-size:10px;display:flex}.tracking-route span{align-items:center;gap:7px;display:inline-flex}.tracking-route svg{color:#b3bdc8}.location-link{color:#d76432;align-items:center;gap:6px;margin:13px 0;font-size:9px;font-weight:700;display:inline-flex}.tracking-timeline{border-top:1px solid #edf0f4;gap:0;margin-top:20px;padding:17px 6px 0;display:grid}.timeline-item{gap:11px;min-height:47px;display:flex;position:relative}.timeline-item:not(:last-child):after{content:"";background:#e5e9ee;width:1px;position:absolute;top:13px;bottom:-1px;left:4px}.timeline-dot{z-index:1;background:#fff;border:2px solid #c9d0d9;border-radius:50%;flex:none;width:9px;height:9px;margin-top:3px;position:relative}.timeline-dot.current{border-color:var(--orange);background:var(--orange);box-shadow:0 0 0 3px #fff0e8}.timeline-item div{align-content:start;gap:4px;display:grid}.timeline-item strong{color:#556275;font-size:9px}.timeline-item span:last-child{color:#98a2af;font-size:8px}.mobile-menu,.mobile-close,.mobile-overlay{display:none}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=1150px){.sidebar{width:225px}.main-area{margin-left:225px}.page-content,.topbar{padding-left:23px;padding-right:23px}.kpi-grid{gap:9px}.kpi-card{padding-left:12px;padding-right:12px}.dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(210px,1fr)}.filter-tabs{gap:9px}.vehicle-grid,.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=850px){.sidebar{width:255px;transition:transform .2s;transform:translate(-100%);box-shadow:8px 0 25px #1b273914}.sidebar.sidebar-open{transform:translate(0)}.main-area{margin-left:0}.mobile-menu{margin-right:8px;display:inline-grid}.mobile-close{display:inline-grid}.mobile-overlay{z-index:15;background:#18233540;border:0;display:block;position:fixed;inset:0}.topbar{height:57px;padding:0 18px}.page-content{padding:23px 18px 16px}.dashboard-grid{grid-template-columns:1fr}.alerts-panel{min-height:210px}.empty-alert{min-height:115px}.alert-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:15px;display:grid}.fleet-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.table-toolbar{flex-direction:column;align-items:flex-start}.table-tools{width:100%}.table-tools .search-field{flex:1}.filter-tabs{width:100%}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions>div{grid-column:1/-1}}@media (width<=600px){body{min-width:360px}.topbar{padding:0 12px}.topbar-right{gap:10px}.today-label,.breadcrumb{font-size:9px}.page-content{padding:19px 12px 14px}.page-heading{flex-direction:column;align-items:flex-start;margin-bottom:15px}.page-heading h1{font-size:20px}.heading-actions{width:100%}.heading-actions .button{flex:1}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpi-card{padding:12px 10px}.kpi-top{margin-bottom:8px}.kpi-value{font-size:19px}.kpi-label{font-size:9px}.dashboard-content,.fleet-page,.finance-page{gap:11px}.panel-heading{padding:13px 12px 11px}.fleet-map{height:170px;margin:0 8px}.fleet-summary{flex-wrap:wrap;gap:10px;padding:10px}.fleet-summary button{margin-left:auto}.alert-list{grid-template-columns:1fr}.alerts-panel{min-height:auto}.quick-actions{grid-template-columns:1fr}.quick-actions>div{grid-column:auto}.page-footer{gap:8px;font-size:7px}.filter-tabs{gap:12px}.filter-tabs button{font-size:8px}.search-field{width:auto}.table-tools .search-field{min-width:0}.filter-button{flex:none}.fleet-overview{gap:7px}.fleet-overview-card{gap:8px;padding:10px}.fleet-overview-card .kpi-icon{width:29px;height:29px}.fleet-overview-card strong{font-size:16px}.fleet-overview-card span:last-child{font-size:8px}.vehicle-grid,.customer-grid{grid-template-columns:1fr;padding-left:10px;padding-right:10px}.driver-row{gap:7px}.driver-contact{display:none}.driver-expiry{min-width:auto}.customer-heading .search-field{width:125px}.customer-heading .search-field input{font-size:8px}.form-grid{grid-template-columns:1fr;gap:10px}.modal-backdrop{align-items:flex-end;padding:0}.modal-card{border-radius:13px 13px 0 0;width:100%;max-height:91vh;padding:16px 14px 20px}.form-actions{background:#fff;margin:0 -14px -20px;padding:11px 14px 14px;position:sticky;bottom:-20px}.detail-grid{grid-template-columns:1fr}.detail-actions{justify-content:stretch}.detail-actions .button{flex:1}.tracking-page{padding:20px 14px}.tracking-card{margin-top:22px;padding:19px 15px}.tracking-header .brand-lockup strong{font-size:12px}.tracking-route{justify-content:space-between;gap:7px;font-size:9px}.module-grid,.package-grid{grid-template-columns:1fr}.module-inline-form{grid-template-columns:1fr;align-items:stretch}.module-inline-form .button{width:100%}.driver-app{padding:0 11px 25px}.driver-content{margin-top:20px}.driver-content>h1{font-size:21px}.driver-route-card{padding:12px}.driver-actions .button{flex:45%}.driver-expense-form{grid-template-columns:1fr}.driver-pod-backdrop{align-items:end;padding:0}.driver-pod{border-radius:14px 14px 0 0;width:100%;max-height:93vh}}