@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap";.delivery-location-panel{background:#f9fbfd;border:1px solid #dce3ea;border-radius:8px;margin:10px 14px 14px;padding:12px}.delivery-location-panel header,.route-plan-panel header{background:0 0;border:0;align-items:flex-start;height:auto;padding:0 0 10px;display:flex}.delivery-location-panel header span,.route-plan-panel header>span{border-radius:12px;margin-left:auto;padding:5px 7px;font-size:8px}.delivery-location-panel header .warning{color:#9c6414;background:#fff1dc}.delivery-location-panel header .ready{color:#24784a;background:#e7f4ed}.delivery-location-panel h3,.route-plan-panel h3{margin:4px 0 0;font-size:12px}.delivery-location-panel small,.route-plan-panel small{color:#718096;font-size:8px}.delivery-location-panel dl{gap:8px;margin:0;display:grid}.delivery-location-panel dl>div{gap:3px;display:grid}.delivery-location-panel dt{color:#7b8797;font-size:8px}.delivery-location-panel dd{color:#29425f;margin:0;font-size:9px}.delivery-location-editor{border-top:1px solid #e2e7ed;gap:8px;margin-top:12px;padding-top:10px;display:grid}.delivery-location-editor label{font-size:8px}.delivery-location-editor input{border:1px solid #d9e1e9;border-radius:5px;width:100%;margin-top:4px;padding:8px;display:block}.delivery-location-editor>div{flex-wrap:wrap;gap:6px;display:flex}.delivery-location-editor button,.route-plan-panel button{background:#fff;border:1px solid #d8dfe7;border-radius:5px;padding:7px 9px}.delivery-location-editor button:focus-visible,.route-plan-panel button:focus-visible{outline-offset:2px;outline:3px solid #8ab6e2}.route-plan-panel{background:#f8fafc;border:1px solid #d9e1e9;border-radius:9px;gap:10px;padding:14px;display:grid}.route-plan-layout{grid-template-columns:minmax(260px,1.2fr) minmax(240px,1fr);gap:12px;display:grid}.route-plan-map{background:#e9eef3;border-radius:7px;min-height:300px}.route-plan-panel ol{align-content:start;gap:7px;margin:0;padding:0;list-style:none;display:grid}.route-plan-panel li{background:#fff;border:1px solid #e0e5eb;border-radius:6px;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:9px;display:grid}.route-plan-panel li>i,.route-plan-pin{color:#fff;background:#173e68;border-radius:50%;place-items:center;width:25px;height:25px;font-size:8px;font-style:normal;display:grid}.route-plan-panel li small,.route-plan-panel li b{display:block}.route-plan-panel li span{gap:3px;display:flex}.route-plan-panel footer{justify-content:flex-end;gap:7px;display:flex}@media (width<=760px){.route-plan-layout{grid-template-columns:1fr}.route-plan-map{min-height:240px}.delivery-location-editor>div{display:grid}}.dispatch-finalization{background:#f8fafc;border:1px solid #d9e1e9;border-radius:8px;gap:9px;padding:14px;display:grid}.dispatch-finalization h3,.dispatch-finalization p{margin:0}.dispatch-finalization .ready{color:#24784a}.dispatch-finalization ul{color:#9b6816;margin:0;padding-left:20px}.dispatch-finalization textarea{min-height:70px}.dispatch-finalization button{justify-self:start}.source-badge.google_sheets_cads{color:#217b48;background:#e7f5ec}.route-suggestion .unknown{background:#fffaf0}.route-suggestion .unknown em{color:#9b6816}.source-badge{color:#66758a;background:#edf1f5;border-radius:10px;margin-left:7px;padding:3px 6px;font-size:8px;display:inline-block}.source-badge.google_sheets{color:#217b48;background:#e7f5ec}.error-state{text-align:center}.error-state b{color:#b92030}.error-state p{color:#68778b}.error-state button{background:#fff;border:1px solid #d8dfe6;border-radius:5px;padding:8px 13px}.panel-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:34px 22px;display:flex}.panel-empty>span{color:#25814b;background:#e9f7ee;border-radius:50%;place-items:center;width:38px;height:38px;margin-bottom:12px;font-weight:700;display:grid}.panel-empty>b{color:#29425f}.panel-empty>p{color:#718095;max-width:230px;margin:7px 0 16px;font-size:9px;line-height:1.6}.panel-empty>div{gap:7px;display:flex}.panel-empty button{background:#fff;border:1px solid #d8dfe6;border-radius:5px;padding:8px 10px;font-size:9px}.detail-empty{padding:20px 14px}.detail-empty>span{color:#8792a1;letter-spacing:.8px;font-size:8px;display:block}.detail-empty>b{color:#43536b;margin-top:14px;display:block}.detail-empty>p{color:#7a8798;font-size:9px;line-height:1.6}.draft-modal{max-height:calc(100vh - 36px);overflow:auto}.route-suggestion{border:1px solid #e1e6eb;border-radius:7px;overflow:hidden}.route-suggestion>div{border-top:1px solid #edf0f3;grid-template-columns:26px 1fr auto;align-items:center;gap:9px;padding:10px;display:grid}.route-suggestion>div:first-child{border-top:0}.route-suggestion i{color:#285f95;background:#e9f1f9;border-radius:50%;place-items:center;width:24px;height:24px;font-size:8px;font-style:normal;font-weight:700;display:grid}.route-suggestion span b,.route-suggestion span small{display:block}.route-suggestion span b{font-size:9px}.route-suggestion span small{color:#7a8797;margin-top:3px;font-size:8px}.route-suggestion em{color:#32764e;font-size:8px;font-style:normal}.route-suggestion .late{background:#fff4f4}.route-suggestion .late em{color:#c32635}.order.planned{border-color:#d99aa1;box-shadow:inset 3px 0 #c91e2e}.plan-check{color:#245f98;background:#fff;border:1px solid #b9c5d2;border-radius:4px;place-items:center;width:18px;height:18px;margin-right:7px;font-style:normal;display:inline-grid}.planned .plan-check{color:#fff;background:#c91e2e;border-color:#c91e2e}.planning-bar{z-index:10;color:#fff;background:#112f58;border-radius:9px;align-items:center;gap:18px;padding:13px 16px;display:flex;position:fixed;bottom:18px;left:250px;right:24px;box-shadow:0 12px 34px #0d234755}.planning-bar div b,.planning-bar div span{display:block}.planning-bar div span{color:#bfd0e4;margin-top:3px;font-size:9px}.planning-bar p{color:#d7e3f0;flex:1;margin:0;font-size:9px}.planning-bar button{color:#fff;background:0 0;border:1px solid #ffffff42;border-radius:5px;padding:9px 13px}.planning-bar button:disabled{opacity:.45}.modal-backdrop{z-index:30;background:#0c1d3566;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.draft-modal{background:#fff;border-radius:10px;width:min(500px,100%);padding:20px;box-shadow:0 24px 60px #08172c55}.modal-title{border-bottom:1px solid #e5e9ee;justify-content:space-between;padding-bottom:14px;display:flex}.modal-title small{color:#7b8798;letter-spacing:.8px;font-size:8px}.modal-title h2{margin:5px 0 0;font-size:16px}.modal-title>button{background:0 0;border:0;font-size:23px}.draft-modal h3{color:#5f6e82;margin:17px 0 9px;font-size:10px}.vehicle-option{border:1px solid #e0e5eb;border-radius:7px;grid-template-columns:22px 1fr auto;align-items:center;margin:7px 0;padding:12px;display:grid}.vehicle-option.chosen{background:#f3f8fd;border-color:#2d6ba7}.vehicle-option b,.vehicle-option small{display:block}.vehicle-option small{color:#7d8999;margin-top:4px;font-size:8px}.vehicle-option span{color:#2d6499;font-size:9px;font-weight:600}.modal-warning{color:#8e621b;background:#fff8e9;border:1px solid #efd8a9;border-radius:6px;margin-top:14px;padding:10px;font-size:9px}.draft-modal footer{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.draft-modal footer button{background:#fff;border:1px solid #dce2e8;border-radius:5px;padding:9px 14px}@media (width<=760px){.planning-bar{flex-wrap:wrap;left:12px;right:12px}.planning-bar p{flex-basis:100%;order:4}}.center{color:#66758a;place-items:center;min-height:100vh;display:grid}.page-toolbar{gap:9px;margin-bottom:14px;display:flex}.page-toolbar button,.search{color:#68768a;background:#fff;border:1px solid #dfe5eb;border-radius:6px;padding:10px 13px}.search{flex:1;max-width:420px}.data-card{background:#fff;border:1px solid #dfe5eb;border-radius:8px;overflow:hidden}.data-card table{border-collapse:collapse;width:100%}.data-card th{text-align:left;color:#7a8798;letter-spacing:.5px;background:#f7f8fa;padding:12px;font-size:8px}.data-card td{border-top:1px solid #e9edf1;padding:15px 12px;font-size:10px}.data-card td small{color:#8792a2;margin-top:4px;display:block}.table-status{color:#2c6398;background:#eaf2fa;border-radius:12px;padding:5px 8px;font-size:8px;display:inline-block}.data-card tr.warning{background:#fffaf1}.data-card tr.critical{background:#fff4f4}.summary-strip{gap:12px;margin-bottom:16px;display:flex}.summary-strip>div{background:#fff;border:1px solid #e0e5eb;border-radius:8px;min-width:150px;padding:14px 20px}.summary-strip b{color:#245f98;margin-right:8px;font-size:20px}.summary-strip span{color:#748195;font-size:9px}.summary-strip .amber{color:#b97812}.summary-strip .danger{color:#c72232}.soft-note{color:#718095;background:#f8fafc;border-top:1px solid #e7ebef;margin:0;padding:12px 15px;font-size:9px}.auth-screen{background:radial-gradient(circle at top,#eef4fb,#e9edf3);place-items:center;min-height:100vh;display:grid}.auth-card{text-align:center;background:#fff;border:1px solid #dfe5ec;border-radius:12px;width:min(390px,100vw - 32px);padding:38px;box-shadow:0 18px 50px #17355d1a}.auth-logo{color:#c82030;background:#fff;border:2px solid #c82030;border-radius:10px;place-items:center;width:52px;height:52px;margin:0 auto 18px;font-weight:800;display:grid}.auth-card h1{margin:0 0 10px}.auth-card p{color:#6f7d90;margin-bottom:22px;line-height:1.6}.auth-card button{cursor:pointer;background:#fff;border:1px solid #d7dee7;border-radius:6px;padding:11px 18px}.modal-error{color:#a61e2c;background:#fff2f3;border:1px solid #efb8bd;border-radius:6px;margin-top:10px;padding:10px;font-size:9px}.draft-modal button:disabled{cursor:not-allowed;opacity:.6}.data-form{background:#fff;border:1px solid #e0e5eb;border-radius:8px;gap:12px;max-width:720px;margin:24px;padding:20px;display:grid}.data-form input,.data-form select,.data-form textarea{width:100%;font:inherit;border:1px solid #d9e0e7;border-radius:6px;padding:10px}.data-form textarea{resize:vertical;font-family:monospace}.data-form button{border-radius:6px;justify-self:start;padding:10px 18px}.fleet-page{gap:14px;display:grid}.fleet-table{overflow:auto}.fleet-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.fleet-form-grid label{gap:5px;display:grid}.fleet-options{border:1px solid #d9e0e7;border-radius:6px;flex-wrap:wrap;gap:10px;display:flex}.fleet-options legend{font-weight:600}.fleet-options label{align-items:center;gap:5px;display:flex}.fleet-options input{width:auto}.fleet-area-options{display:grid}.fleet-region{border:1px solid #e4e8ed;border-radius:6px;padding:10px}.fleet-region-toggle{border-bottom:1px solid #edf0f3;padding-bottom:8px}.fleet-region-toggle small{color:#7a8798;margin-left:auto}.fleet-region>div{flex-wrap:wrap;gap:9px;padding-top:9px;display:flex}.compliance-warning{color:#9a650d;background:#fff4db;border-radius:10px;padding:4px 7px}.compliance-blocked{color:#b91f2d;background:#ffe8ea;border-radius:10px;padding:4px 7px}@media (width<=760px){.fleet-form-grid{grid-template-columns:1fr}}.delivery-execution{border-top:1px solid #e1e6ec;gap:10px;padding-top:14px;display:grid}.delivery-execution h3{margin:0}.delivery-stop{border:1px solid #dfe5eb;border-radius:8px;gap:9px;padding:12px;display:grid}.delivery-stop header{border:0;height:auto;padding:0;display:flex}.delivery-stop header span{color:#66758a;margin-left:auto}.delivery-stop small{color:#397056}.delivery-slip{border-top:1px solid #edf0f3;grid-template-columns:minmax(130px,1fr) repeat(3,minmax(110px,1fr)) auto;align-items:center;gap:7px;padding-top:8px;display:grid}.delivery-slip span{color:#315d8a}@media (width<=760px){.delivery-slip{grid-template-columns:1fr}}.stop-milestones{gap:4px;display:grid}.stop-milestones small{color:#68768a}.stop-milestones small b{color:#334b67}.notification-bell{position:relative}.notification-popover{z-index:40;background:#fff;border:1px solid #dfe5eb;border-radius:9px;width:min(360px,100vw - 24px);max-height:430px;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 18px 48px #10223b33}.notification-popover header{border-bottom:1px solid #e7ebef;justify-content:space-between;height:auto;padding:12px;display:flex}.notification-popover>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0f3;gap:4px;width:100%;padding:12px;display:grid}.notification-popover span,.notification-popover small{color:#67768a;font-size:9px}.notification-popover>p{margin:0;padding:14px}.notification-bell>.icon{position:relative}.notification-bell>.icon i{color:#fff;background:#c91e2e;border-radius:9px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:8px;font-style:normal;display:grid;position:absolute;top:-7px;right:-5px}.delivery-documents{background:#f8fafc;border:1px solid #dfe5ec;border-radius:7px;margin-top:10px;padding:10px}.document-type{border-top:1px solid #e3e8ee;margin-top:8px;padding-top:8px}.document-type>span{margin-right:8px;font-size:9px;font-weight:600}.document-upload{color:#245f99;cursor:pointer;margin-left:6px;font-size:8px;display:inline-block}.document-upload input{display:none}.document-current{align-items:center;gap:7px;margin-top:6px;display:flex}.document-current button{padding:4px 7px}.delivery-documents details small{margin-top:5px;display:block}.document-progress{color:#8a6414;margin-top:5px;display:block}:root{color:#17243a;background:#f3f5f8;font-family:Be Vietnam Pro,sans-serif;font-size:13px}*{box-sizing:border-box}body{margin:0}button{font:inherit}.app{grid-template-columns:226px 1fr;min-height:100vh;display:grid}.nav{color:#fff;background:#102b52;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.brand{letter-spacing:.7px;border-bottom:1px solid #ffffff18;align-items:center;gap:11px;height:76px;padding:16px 20px;font-weight:700;display:flex}.brand>span{color:#c9202f;background:#fff;border-radius:8px;place-items:center;width:39px;height:39px;font-size:15px;display:grid}.brand small,.profile small{color:#b9c7da;letter-spacing:0;margin-top:3px;font-size:9px;font-weight:400;display:block}.nav nav{flex:1;padding:19px 12px}.nav nav>b{color:#7f96b5;letter-spacing:1.3px;margin:10px 12px 8px;font-size:9px;display:block}.nav nav button{color:#cbd6e5;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;width:100%;margin:1px 0;padding:11px 13px}.nav nav button.active,.nav nav button:hover{color:#fff;background:#ffffff14}.profile{border-top:1px solid #ffffff18;align-items:center;gap:9px;padding:16px;display:flex}.avatar{color:#17355d;background:#e8edf5;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.profile strong{font-size:11px}.profile button{color:#fff;background:0 0;border:0;margin-left:auto}main{min-width:0}header{background:#fff;border-bottom:1px solid #e1e6ec;justify-content:space-between;align-items:center;height:76px;padding:0 24px;display:flex}h1{margin:0 0 4px;font-size:20px}header p{color:#758195;margin:0;font-size:11px}.header-actions{gap:8px;display:flex}.header-actions button,.panel-title button{background:#fff;border:1px solid #dfe4ea;border-radius:6px;padding:9px 12px}.icon{width:38px;position:relative}.icon i{color:#fff;background:#d92738;border-radius:50%;place-items:center;width:15px;height:15px;font-size:8px;font-style:normal;display:grid;position:absolute;top:-5px;right:-4px}.primary{font-weight:600;color:#fff!important;background:#c91e2e!important;border:0!important}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 24px;display:grid}.metrics article{background:#fff;border:1px solid #e4e8ed;border-radius:8px;align-items:center;gap:13px;padding:15px;display:flex}.metric-icon{color:#2867a6;background:#e9f2ff;border-radius:8px;place-items:center;width:39px;height:39px;font-size:17px;display:grid}.metric-icon.m1{color:#25814b;background:#e9f7ee}.metric-icon.m2{color:#b27410;background:#fff4df}.metric-icon.m3{color:#c82030;background:#ffebec}.metrics strong{margin-right:8px;font-size:20px}.metrics b{font-size:11px}.metrics small{color:#8490a1;margin-top:4px;font-size:9px;display:block}.workspace{grid-template-columns:290px minmax(410px,1fr) 318px;gap:12px;height:calc(100vh - 184px);min-height:560px;padding:0 24px 24px;display:grid}.panel{background:#fff;border:1px solid #e0e5eb;border-radius:8px;overflow:auto}.panel-title{z-index:2;background:#fff;border-bottom:1px solid #e7eaf0;justify-content:space-between;align-items:center;height:64px;padding:13px 14px;display:flex;position:sticky;top:0}.panel-title h2,.detail h2{margin:0 0 4px;font-size:13px}.panel-title small{color:#8792a2;font-size:9px}.panel-title button{padding:7px 9px;font-size:9px}.zone{color:#748093;justify-content:space-between;padding:12px 14px 7px;font-size:8px;display:flex}.zone b{color:#43536b;letter-spacing:.6px}.order{text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e8ed;border-radius:6px;width:calc(100% - 20px);margin:5px 10px;padding:11px;display:block}.order.selected{background:#f3f8ff;border-color:#2f6ca8;box-shadow:inset 3px 0 #2f6ca8}.order>div{justify-content:space-between;display:flex}.order b{color:#173b67;font-size:11px}.order span{font-size:10px;font-weight:600}.order p{margin:7px 0 3px;font-size:10px}.order small{color:#7b8798;font-size:9px}.order em{color:#467859;margin-top:8px;font-size:8px;font-style:normal;display:block}.order em.warn{color:#bd7b12}.pill{color:#305d8c;background:#edf3f9;border-radius:14px;padding:5px 8px;font-size:9px}.truck{border-bottom:1px solid #edf0f3;grid-template-columns:150px minmax(180px,1fr) 74px;align-items:center;gap:12px;padding:16px 14px;display:grid}.vehicle{align-items:center;gap:10px;display:flex}.truckicon{color:#265f97;background:#eaf1f9;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.vehicle b,.load b{font-size:10px;display:block}.vehicle small,.load small{color:#7d8999;margin-top:5px;font-size:8px;display:block}.load>div{background:#e8ecf0;border-radius:5px;height:4px;margin-top:8px}.load i{background:#3979b8;border-radius:5px;height:100%;display:block}.load i.hot{background:#dc8a22}.status{text-align:center;color:#24784a;background:#e7f4ed;border-radius:12px;padding:5px 7px;font-size:8px}.s0{color:#276597;background:#e8f1fb}.s1{color:#a36511;background:#fff1dc}.s2{color:#24784a;background:#e7f4ed}.detail{flex-direction:column;display:flex}.detail-head{border-bottom:1px solid #e4e8ed;padding:14px}.detail-head>span,.alerts>b{color:#8792a1;letter-spacing:.8px;font-size:8px}.detail-head button{float:right;background:0 0;border:0}.detail-head h2{color:#173b67;margin-top:10px;font-size:15px}.detail-head p{color:#7a8798;margin:0;font-size:9px}.tabs{border-bottom:1px solid #e5e9ee;padding:0 14px;display:flex}.tabs button{color:#778496;background:0 0;border:0;width:50%;padding:12px 4px;font-size:9px}.tabs button.active{color:#1f568c;border-bottom:2px solid #245f99;font-weight:600}.stops{flex:1;padding:8px 14px}.stop{grid-template-columns:26px 1fr auto;align-items:center;gap:8px;padding:10px 0;display:grid;position:relative}.stop:not(:last-child):after{content:"";border-left:1px dashed #b8c4d1;height:23px;position:absolute;top:34px;left:12px}.stop i{color:#285f94;background:#edf3f9;border-radius:50%;place-items:center;width:25px;height:25px;font-size:8px;font-style:normal;font-weight:700;display:grid}.stop b,.stop small{font-size:9px;display:block}.stop small{color:#8490a0;margin-top:3px;font-size:8px}.stop span{background:#f1f3f6;border-radius:10px;padding:4px 6px;font-size:8px}.alerts{background:#fff8eb;border:1px solid #f1d8a7;border-radius:6px;margin:8px 14px;padding:10px}.alerts p{color:#99620d;margin:7px 0 0;font-size:8px}.alerts .red{color:#bd2634}.detail-actions{border-top:1px solid #e5e9ed;gap:8px;padding:13px;display:flex}.detail-actions button{background:#fff;border:1px solid #d9e0e7;border-radius:5px;flex:1;padding:9px;font-size:9px}.map{background:#edf2ed;border-radius:8px;flex:1;min-height:240px;margin:15px;position:relative;overflow:hidden}.road{transform-origin:0;background:#6995be;border-radius:8px;height:7px;position:absolute}.r1{width:220px;top:180px;left:35px;transform:rotate(-35deg)}.r2{background:#d8a44e;width:140px;top:115px;left:130px;transform:rotate(35deg)}.pin{color:#fff;background:#173e68;border-radius:50%;place-items:center;width:24px;height:24px;font-size:9px;font-style:normal;display:grid;position:absolute}.p1{top:170px;left:25px}.p2{top:115px;left:105px}.p3{top:58px;left:190px}.p4{top:170px;right:22px}.map p{color:#607083;font-size:8px;position:absolute;bottom:8px;left:12px}@media (width<=1100px){.workspace{grid-template-columns:270px 1fr}.detail{display:none}}@media (width<=760px){.app{grid-template-columns:1fr}.nav{display:none}.metrics{grid-template-columns:1fr 1fr;padding:12px}.workspace{grid-template-columns:1fr;height:auto;padding:0 12px}.fleet{min-height:450px}.truck{grid-template-columns:130px 1fr}.status{display:none}header{padding:0 14px}}:root{--brand:#c91e2e;--brand-dark:#9f1522;--navy:#173b67;--surface:#fff;--line:#dfe5eb;--muted:#65748a;--success:#24784a;--warning:#9a650d;--danger:#b91f2d;--radius:10px;--shadow:0 16px 44px #102b5224;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:40px}button:disabled{cursor:not-allowed;opacity:.6}.data-card th{padding:14px 16px;font-size:12px}.data-card td{padding:16px;font-size:14px}.data-card td small,.table-status{font-size:12px}.page-toolbar{align-items:center}.page-toolbar select{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:42px;padding:0 12px}.fleet-summary{grid-template-columns:repeat(3,minmax(0,180px));gap:12px;display:grid}.fleet-summary article{border:1px solid var(--line);border-radius:var(--radius);background:#fff;gap:4px;padding:16px;display:grid}.fleet-summary b{color:var(--navy);font-size:24px}.fleet-summary span{color:var(--muted)}.fleet-summary .danger b{color:var(--danger)}.drawer-backdrop{z-index:50;background:#102b5266;justify-content:flex-end;display:flex;position:fixed;inset:0}.vehicle-drawer{width:min(760px,94vw);height:100vh;box-shadow:var(--shadow);background:#f7f9fb;overflow:auto}.vehicle-drawer>header{z-index:3;height:auto;min-height:82px;position:sticky;top:0}.vehicle-drawer>header h2{margin:3px 0 0}.vehicle-drawer>header small{color:var(--brand);font-weight:700}.vehicle-drawer>header button{background:0 0;border:0;font-size:28px}.drawer-sections{grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 24px 0;display:grid}.drawer-sections span{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:9px;font-size:12px;display:flex}.drawer-sections i{width:24px;height:24px;color:var(--brand);background:#fcebed;border-radius:50%;place-items:center;font-style:normal;font-weight:700;display:grid}.vehicle-profile-form{max-width:none;margin:16px 24px 32px}.notification-target{outline-offset:-3px;outline:3px solid #e7a51a;transition:background .3s;background:#fff8e8!important}.empty-state{text-align:center;color:var(--muted);padding:42px}.empty-state b{color:var(--navy);font-size:16px}.skeleton{color:var(--muted);background:linear-gradient(90deg,#f5f7f9,#fff,#f5f7f9);padding:24px}@media (width<=760px){.fleet-summary{grid-template-columns:repeat(3,1fr)}.page-toolbar{flex-wrap:wrap}.page-toolbar .search{min-width:100%}.drawer-sections{grid-template-columns:1fr 1fr;padding:12px}.vehicle-profile-form{margin:12px}.vehicle-drawer{width:100vw}.fleet-summary article{padding:12px}.fleet-summary b{font-size:20px}}.dispatch-steps{grid-template-columns:repeat(4,1fr);gap:8px;margin:0;padding:16px 24px 4px;list-style:none;display:grid}.dispatch-steps li{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.dispatch-steps i{background:#e7ebf0;border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.dispatch-steps li.active{color:var(--navy);font-weight:700}.dispatch-steps li.active i{background:var(--brand);color:#fff}.operational-alerts{background:#fff9ec;border:1px solid #efd49d;border-radius:8px;align-items:center;gap:12px;margin:8px 24px 0;padding:12px 16px;display:flex}.dispatch-review{width:1px;height:1px;position:absolute;overflow:hidden}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=760px){.dispatch-steps{gap:4px;padding:12px}.dispatch-steps li{text-align:center;justify-items:center;font-size:11px;display:grid}.operational-alerts{align-items:flex-start;margin:6px 12px;display:grid}}.my-trips{max-width:760px;margin:0 auto}.my-trips-heading{margin-bottom:18px}.my-trips-heading small{color:var(--brand);font-weight:700}.my-trips-heading h2{margin:5px 0;font-size:26px}.my-trips-heading p{color:var(--muted);margin:0}.trip-card-list{gap:14px;display:grid}.trip-action-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px;box-shadow:0 8px 22px #102b520d}.trip-action-card header{border:0;height:auto;padding:0}.trip-action-card h2{margin:3px 0 0;font-size:20px}.trip-action-card small{color:var(--muted)}.trip-progress{border-bottom:1px solid var(--line);justify-content:space-between;padding:14px 0;display:flex}.trip-action-card p{gap:4px;display:grid}.trip-action-card p span{color:var(--muted)}.trip-primary-action{border-radius:9px;width:100%;min-height:48px}.delivery-stop,.receipt-row{font-size:14px}@media (width<=760px){.my-trips{padding:16px 12px 92px}.my-trips-heading h2{font-size:24px}.trip-action-card{padding:16px}.delivery-stop,.receipt-row{border:1px solid var(--line);background:#fff;border-radius:10px;margin:10px 0;padding:14px}.delivery-stop button,.receipt-row button{min-height:46px}}.dispatch-dashboard{gap:16px;display:grid}.range-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.range-picker button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:8px;padding:0 14px}.range-picker button.active{border-color:var(--brand);color:var(--brand);background:#fcebed;font-weight:600}.range-picker label{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.range-picker input{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:40px;padding:0 10px}.dispatch-search{align-items:center;gap:8px;display:flex}.dispatch-search input{border:1px solid var(--line);background:#fff;border-radius:8px;flex:1;max-width:520px;min-height:42px;padding:0 14px}.dispatch-search button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:8px;padding:0 14px}.kpi-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.kpi-card{text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:#fff;justify-items:start;gap:4px;min-height:82px;padding:16px;display:grid}.kpi-card strong{color:var(--navy);font-size:24px}.kpi-card span{color:var(--muted);font-size:13px}.kpi-card.active{border-color:var(--brand);box-shadow:inset 3px 0 var(--brand)}.breakdown-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.breakdown-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:16px}.breakdown-card h3{color:var(--navy);margin:0 0 10px;font-size:13px}.breakdown-card>div{border-top:1px solid #eef1f5;justify-content:space-between;gap:12px;padding:8px 0;display:flex}.breakdown-card>div:first-of-type{border-top:0}.breakdown-card span{color:var(--muted)}.breakdown-card b{color:var(--navy)}.breakdown-empty{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.filter-note{border:1px solid var(--line);color:var(--muted);background:#f8fafc;border-radius:8px;margin:0;padding:10px 14px}.filter-note b{color:var(--navy)}.filter-note button{border:1px solid var(--line);background:#fff;border-radius:7px;min-height:32px;margin-left:10px;padding:0 10px}.dispatch-dashboard .data-card tbody tr{cursor:pointer}@media (width<=1100px){.kpi-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.breakdown-row{grid-template-columns:1fr}.dispatch-search input{max-width:none}}.import-result{border:1px solid var(--line);background:#f8fafc;border-radius:8px;padding:14px}.import-result p{margin:0 0 6px}.import-result b{color:var(--navy)}.import-result ul{color:var(--warning);margin:8px 0 0;padding-left:20px}.import-result li{margin:3px 0}.data-form p{color:var(--muted);margin:0}.dispatch-board{gap:14px;padding:18px 24px 32px;display:grid}.board-metrics{grid-template-columns:repeat(3,minmax(170px,1fr));gap:12px;display:grid}.board-metrics article{background:#fff;border:1px solid #e0e6ed;border-radius:10px;align-items:baseline;gap:10px;padding:14px 17px;display:flex}.board-metrics strong{color:#163c68;font-size:23px}.board-metrics span{color:#6d7b8f}.resource-strip,.queue-panel{background:#fff;border:1px solid #dfe5ec;border-radius:10px;overflow:hidden}.resource-heading{border-bottom:1px solid #e7ebf0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.resource-heading h2,.queue-toolbar h2{margin:0;font-size:14px}.resource-heading p,.queue-toolbar p{color:#778598;margin:4px 0 0;font-size:9px}.segmented{background:#eef2f6;border-radius:7px;padding:3px;display:flex}.segmented button{color:#68778b;background:0 0;border:0;border-radius:5px;padding:8px 12px}.segmented button.active{color:#fff;background:#173b67}.resource-cards{gap:9px;padding:12px 16px;display:flex;overflow:auto}.resource-card{text-align:left;background:#fff;border:1px solid #dce3ea;border-radius:8px;flex:0 0 190px;gap:6px;min-height:82px;padding:11px;display:grid}.resource-card b{color:#183d69}.resource-card span,.resource-card small{color:#718095;font-size:9px}.resource-card.selected{background:#f1f7fd;border-color:#2871b5;box-shadow:inset 3px 0 #2871b5}.queue-toolbar{border-bottom:1px solid #e5eaf0;grid-template-columns:minmax(175px,1fr) minmax(270px,1.5fr) repeat(3,minmax(130px,.65fr));align-items:center;gap:9px;padding:13px 16px;display:grid}.queue-toolbar input,.queue-toolbar select{color:#40516a;background:#fff;border:1px solid #d9e1e9;border-radius:6px;min-width:0;padding:9px}.resource-reminder{color:#8f6218;background:#fff6e4;border:1px solid #efd6a2;border-radius:6px;margin:10px 16px;padding:10px 12px}.queue-group>header{color:#276b3e;background:#edf7ef;border-top:1px solid #d5ead9;border-bottom:1px solid #d5ead9;justify-content:space-between;padding:11px 16px;display:flex}.queue-group>header span{font-size:9px}.queue-table-wrap{overflow:auto}.queue-table{border-collapse:collapse;width:100%;min-width:1050px}.queue-table th{color:#748195;text-align:left;white-space:nowrap;background:#f7f9fb;padding:10px 9px;font-size:8px}.queue-table td{vertical-align:middle;border-top:1px solid #e8edf2;padding:11px 9px;font-size:9px}.queue-table td b,.queue-table td small{display:block}.queue-table td small{color:#7b8899;max-width:360px;margin-top:4px}.queue-table em{color:#c33a2d;margin-top:4px;font-size:8px;font-style:normal;display:block}.warehouse-tag,.data-warning,.data-ready{color:#516579;white-space:nowrap;background:#edf2f7;border-radius:10px;padding:4px 7px;display:inline-block}.data-warning{color:#996210;background:#fff0d8}.data-ready{color:#267248;background:#e6f5eb}.queue-empty{text-align:center;color:#758297;padding:42px}.dispatch-cart{z-index:25;background:#fff;border-left:1px solid #dce3ea;flex-direction:column;gap:14px;width:min(410px,100vw);padding:17px;display:flex;position:fixed;top:76px;bottom:0;right:0;box-shadow:-16px 0 44px #15304b26}.cart-title{border-bottom:1px solid #e4e9ee;justify-content:space-between;padding-bottom:13px;display:flex}.cart-title small{color:#7b8797;letter-spacing:1px;font-size:8px}.cart-title h2{color:#173d69;margin:5px 0 0}.cart-title>button{background:0 0;border:0;font-size:25px}.crew-summary{background:#f6f9fc;border-radius:7px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px;padding:11px;display:grid}.crew-summary span{color:#7c899a;font-size:8px}.crew-summary button{color:#2566a4;background:0 0;border:0;font-size:8px}.cart-stats{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.cart-stats>div{border:1px solid #e0e6ec;border-radius:7px;padding:10px}.cart-stats b,.cart-stats span{display:block}.cart-stats span{color:#788698;margin-top:4px;font-size:8px}.cart-warning{color:#916318;background:#fff6e7;border-radius:6px;margin:0;padding:10px}.cart-items{flex:1;overflow:auto}.cart-items>div{border-bottom:1px solid #e9edf1;justify-content:space-between;align-items:center;padding:10px 2px;display:flex}.cart-items b,.cart-items small{display:block}.cart-items small{color:#7b8899;margin-top:4px;font-size:8px}.cart-items button{color:#b62e39;background:0 0;border:0}.dispatch-cart footer{border-top:1px solid #e4e9ee;gap:8px;padding-top:14px;display:flex}.dispatch-cart footer button{background:#fff;border:1px solid #d9e0e8;border-radius:6px;flex:1;padding:10px}.dispatch-cart button:disabled{opacity:.45}@media (width<=1100px){.queue-toolbar{grid-template-columns:1fr 1fr 1fr}.queue-toolbar>div{grid-column:1/-1}.dispatch-cart{width:380px}}@media (width<=760px){.dispatch-board{padding:12px}.board-metrics{grid-template-columns:1fr}.resource-heading{align-items:flex-start;gap:10px}.queue-toolbar{grid-template-columns:1fr}.queue-toolbar>div{grid-column:auto}.dispatch-cart{width:100%;top:0}}.save-state{color:#657489;background:#f1f4f7;border-radius:6px;margin:0;padding:8px 10px}.save-state.saving{color:#24649e;background:#eaf3fc}.save-state.saved{color:#267248;background:#e8f6ed}.save-state.error{color:#ae372e;background:#fff0ed}.external-flow{color:#536275;background:#f6f8fa;border-radius:8px;padding:18px}.external-flow p{margin-bottom:0;line-height:1.5}.crew-summary label{color:#657489;gap:6px;min-width:0;font-size:10px;display:grid}.crew-summary select{color:#243a55;background:#fff;border:1px solid #d9e1e9;border-radius:5px;width:100%;min-width:0;padding:8px;font-size:11px}.queue-table tr.out-of-scope{opacity:.58}.queue-table tr.out-of-scope input{cursor:not-allowed}.queue-group>header>div{gap:4px;display:grid}.queue-group>header small{font-size:9px;font-weight:400}.queue-group>header button,.group-edit-button{color:#276b3e;background:#fff;border:1px solid #b8d5c0;border-radius:6px;padding:7px 10px}.queue-group.needs-review>header{color:#8c5d12;background:#fff3dc;border-color:#f0d39c}.queue-group.needs-review>header button{color:#8c5d12;border-color:#e4c181}.group-edit-button{color:#2d6195;border-color:#cbd6e2;margin-top:6px;padding:4px 7px;font-size:8px;display:block}.group-edit-backdrop{z-index:40;background:#10263c80;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.group-edit-dialog{background:#fff;border-radius:10px;gap:14px;width:min(480px,100%);padding:20px;display:grid;box-shadow:0 20px 60px #10263c55}.group-edit-dialog h2,.group-edit-dialog p{margin:0}.group-edit-dialog label{color:#536275;gap:6px;font-size:11px;display:grid}.group-edit-dialog select,.group-edit-dialog textarea{font:inherit;border:1px solid #d5dee7;border-radius:6px;padding:9px}.group-edit-dialog footer{justify-content:flex-end;gap:8px;display:flex}.group-edit-dialog footer button{background:#fff;border:1px solid #d5dee7;border-radius:6px;padding:9px 14px}.group-edit-dialog footer .primary{color:#fff;background:#1d5f99;border-color:#1d5f99}.return-modal-backdrop{z-index:80;background:#0f172acc;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.return-modal{background:#fff;border-radius:18px;width:min(900px,100%);max-height:calc(100vh - 48px);padding:24px;overflow:auto;box-shadow:0 24px 80px #02061766}.return-modal header,.return-modal footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.return-modal header h2{margin:4px 0 16px}.return-modal header small{color:#64748b}.return-choice{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.return-choice button.active{color:#fff;background:#0f766e}.return-pickups{gap:12px;display:grid}.return-pickups fieldset{border:1px solid #cbd5e1;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.return-pickups label{gap:4px;display:grid}.return-pickups label.wide{grid-column:1/-1}.return-pickups input,.return-pickups textarea{box-sizing:border-box;width:100%}.return-pickups em,.field-error{color:#b91c1c;font-size:12px}.return-pickups .remove{grid-column:1/-1;justify-self:end}.add-pickup{margin:12px 0}.return-modal .modal-error{color:#991b1b;background:#fee2e2;border-radius:8px;padding:10px}.return-modal footer{justify-content:flex-end;margin-top:18px}@media (width<=640px){.return-choice,.return-pickups fieldset{grid-template-columns:1fr}.return-modal-backdrop{padding:8px}.return-modal{padding:16px}}.return-items{background:#f8fafc;border:1px solid #dbe4ef;border-radius:10px;grid-column:1/-1;gap:10px;padding:12px;display:grid}.return-item{grid-template-columns:2fr 1fr 2fr auto;align-items:end;gap:8px;display:grid}.return-item .remove{grid-column:auto}.return-items>strong{justify-self:end}@media (width<=720px){.return-item{grid-template-columns:1fr}.return-item .remove{justify-self:start}}@page{size:A4 landscape;margin:10mm}.dispatch-print-screen{background:#e2e8f0;min-height:100%;padding:20px}.print-toolbar{justify-content:flex-end;gap:8px;width:min(277mm,100%);margin:0 auto 12px;display:flex}.dispatch-print-sheet{box-sizing:border-box;color:#111827;background:#fff;width:min(277mm,100%);min-height:190mm;margin:auto;padding:10mm;font-family:Times New Roman,serif;box-shadow:0 8px 28px #0f172a33}.print-heading{border-bottom:2px solid #111;grid-template-columns:1fr 1fr;align-items:center;padding-bottom:8px;display:grid}.company-block{align-items:center;gap:10px;display:flex}.company-block small,.delivery-print-table small,.return-print-section small,.signature-grid small{display:block}.company-logo{color:#991b1b;border:3px double #991b1b;place-items:center;width:46px;height:46px;font-size:20px;font-weight:900;display:grid}.print-title{text-align:center}.print-title h1{margin:0 0 4px;font-size:25px}.crew-grid{grid-template-columns:repeat(3,1fr);gap:8px 24px;padding:10px 0;display:grid}.crew-grid p{margin:0}.blank-line{border-bottom:1px dotted #111;min-width:100px;min-height:1em;display:inline-block}.dispatch-print-sheet table{border-collapse:collapse;width:100%;font-size:12px}.dispatch-print-sheet th,.dispatch-print-sheet td{vertical-align:top;border:1px solid #111;padding:5px}.delivery-print-table td:first-child,.delivery-print-table td:nth-child(6),.delivery-print-table th:first-child,.delivery-print-table th:nth-child(6){text-align:center}.return-print-section h2{margin:12px 0 5px;font-size:15px}.trip-notes{margin-top:12px}.trip-notes span{border-bottom:1px dotted #111;height:20px;display:block}.signature-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:15px;display:grid}.signature-grid div{min-height:70px}.signature-grid small{margin-top:42px}@media print{body{background:#fff}.nav,main>header{display:none!important}.dispatch-print-screen{background:#fff;padding:0}.print-toolbar{display:none}.dispatch-print-sheet{width:100%;min-height:auto;box-shadow:none;padding:0}.dispatch-print-sheet table{break-inside:auto}.dispatch-print-sheet tr{break-inside:avoid}}.trip-expenses{background:#fff;border:1px solid #dbe3ec;border-radius:12px;margin-top:20px;padding:16px}.trip-expenses>header,.trip-expenses article{justify-content:space-between;align-items:center;gap:12px;display:flex}.expense-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.expense-summary div{background:#f6f8fb;border-radius:8px;gap:4px;padding:10px;display:grid}.expense-summary small,.trip-expenses article small{color:#667085}.trip-expenses form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.trip-expenses .field-error{color:#b42318}.receipt-control{gap:5px;display:grid}.expense-form-actions{gap:8px;display:flex}.expense-list{gap:8px;display:grid}.trip-expenses article{border-top:1px solid #edf1f5;padding:10px}.trip-expenses article small{display:block}.trip-expenses article div:last-child{flex-wrap:wrap;gap:6px;display:flex}.expense-catalog{border-top:1px solid #edf1f5;margin-top:14px;padding-top:14px}.expense-catalog ul{gap:6px;padding:0;list-style:none;display:grid}.expense-catalog li{justify-content:space-between;align-items:center;gap:12px;display:flex}@media (width<=640px){.expense-summary,.trip-expenses form{grid-template-columns:1fr 1fr}.trip-expenses article{flex-wrap:wrap;align-items:flex-start}}@media (width<=420px){.expense-summary,.trip-expenses form{grid-template-columns:1fr}}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--page-x:24px;--page-y:20px;--header-h:76px;--nav-w:226px;--cart-w:410px;--control-h:40px;--control-h-sm:32px;--fs-xs:11px;--fs-sm:12px;--fs-md:13px}body{overflow-wrap:break-word}.dispatch-finalization p,.notification-popover span,.notification-popover b,p[role=alert],.modal-error,.route-plan-panel li b,.trip-expenses article small,.cart-items small,.import-result li,.delivery-stop>p,.queue-table td small{overflow-wrap:anywhere}.data-card td small{overflow-wrap:break-word;min-width:180px}.data-card th,.queue-table th,.data-card td>b,.data-card td .link{white-space:nowrap}img,svg,video,canvas{max-width:100%;height:auto}input,select,textarea{min-width:0;max-width:100%}main,.content-page,.data-form,.dispatch-board,.queue-panel,.resource-strip,.data-card,.breakdown-card>div>span,.route-plan-panel li>div,.cart-items>div>span,.cart-title>div,.trip-expenses article>div:first-child,.delivery-stop,.delivery-slip>*,.receipt-row>*,.profile>div,.app>main>header>div,.queue-toolbar>*,.resource-heading>div,.queue-group>header>div,.notification-popover>button,.import-result,.expense-catalog li span{min-width:0}.warehouse-tag,.data-warning,.data-ready{white-space:normal}.queue-table td small{white-space:normal;max-width:360px}header{background:0 0;border-bottom:0;height:auto;min-height:0;padding:0}.app>main>header{min-height:var(--header-h);justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--page-x);background:#fff;border-bottom:1px solid #e1e6ec;flex-wrap:wrap;display:flex}.app>main>header h1{overflow-wrap:anywhere}.app>main>header p{line-height:1.5}.vehicle-drawer>header{border-bottom:1px solid var(--line);padding:var(--space-4) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-3);background:#fff;display:flex}.trip-action-card header{justify-content:space-between;align-items:flex-start;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.print-heading{padding:0 0 var(--space-2)}.data-card td button,.queue-table button,.group-edit-button,.document-current button,.route-plan-panel li span button,.crew-summary button,.cart-items button,.filter-note button,.expense-catalog li button,.trip-expenses article div:last-child button,.segmented button,.receipt-row button,.row-actions button{min-height:var(--control-h-sm);padding:6px 10px}.modal-title>button,.cart-title>button,.vehicle-drawer>header button,.return-modal header button{flex:none;width:36px;height:36px;min-height:0;padding:0;line-height:1}.nav nav{min-height:0;overflow:auto}.profile>div{flex:1}.profile strong,.profile small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile button{min-height:var(--control-h-sm);flex:none}.header-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}main>.center{min-height:calc(100vh - var(--header-h))}.content-page .center,.data-form .center{min-height:220px}.content-page{padding:var(--page-y) var(--page-x) calc(var(--page-y) + 12px)}.content-page>.data-form{max-width:1080px;margin:0}.content-page>form.data-form{max-width:720px}.dispatch-board{padding:var(--page-y) var(--page-x) 32px;gap:var(--space-4)}.dispatch-board>.dispatch-steps{padding:0 0 var(--space-1)}.dispatch-board>.operational-alerts{margin:0}.dispatch-board.cart-open{padding-right:calc(var(--cart-w) + var(--page-x))}.dispatch-cart{top:var(--header-h)}.data-card{overflow:auto}.data-card table{min-width:860px}.fleet-table table{min-width:900px}.data-card td,.data-card th{vertical-align:middle}.data-card td:last-child{white-space:nowrap}.row-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.dispatch-print-sheet{overflow-x:auto}.dispatch-print-sheet table{min-width:640px}@media print{.dispatch-print-sheet{overflow:visible}.dispatch-print-sheet table{min-width:0}}.page-toolbar{gap:var(--space-2) var(--space-3);flex-wrap:wrap}.page-toolbar .search{flex:240px;max-width:none}.dispatch-search,.summary-strip,.operational-alerts,.resource-heading,.queue-group>header,.cart-title,.dispatch-cart footer,.group-edit-dialog footer,.draft-modal footer,.return-modal footer,.return-modal header,.modal-title,.document-current,.trip-progress,.delivery-stop header,.notification-popover header,.route-plan-panel footer,.trip-expenses>header,.expense-form-actions,.expense-catalog li,.company-block,.print-toolbar,.trip-expenses article{flex-wrap:wrap}.resource-heading,.queue-group>header{gap:var(--space-2) var(--space-3);align-items:center}.modal-title,.cart-title{gap:var(--space-3)}.modal-title h2,.cart-title h2,.route-plan-panel li b,.notification-popover b{overflow-wrap:anywhere}.delivery-stop header{gap:var(--space-1) var(--space-3)}.delivery-stop header span{margin-left:auto}.trip-progress{gap:var(--space-2)}.summary-strip{gap:var(--space-3)}.document-current{gap:var(--space-2)}.trip-expenses article>div:first-child{flex:220px}.trip-expenses article strong{white-space:nowrap}.breakdown-card>div{gap:var(--space-3)}.breakdown-card>div>b{white-space:nowrap}.cart-items>div{gap:var(--space-2);padding:10px var(--space-1)}.cart-items>div>span{flex:auto}.cart-items button{flex:none}.segmented{gap:2px}.route-plan-panel li{grid-template-columns:28px minmax(0,1fr) auto}.route-plan-panel li span{gap:6px}.form-actions{gap:var(--space-2) var(--space-3);margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;display:flex}.form-actions label{align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--muted);flex:280px;display:flex}.form-actions input{flex:160px;width:auto}.form-actions button{justify-self:auto}.draft-modal label{margin-top:var(--space-3);gap:6px;display:grid}.draft-modal .header-actions{flex-wrap:nowrap}.draft-modal .header-actions input{flex:auto;width:auto;min-width:0}.draft-modal>div>label{align-items:flex-start;gap:var(--space-2);margin-top:var(--space-2);padding:6px 0;display:flex}.draft-modal input[type=radio]{flex:none;width:auto;margin-top:3px}.draft-modal p[role=alert],.data-form p[role=alert],.content-page>p[role=alert],.group-edit-dialog p[role=alert],.trip-expenses p[role=alert]{color:var(--danger);overflow-wrap:anywhere}.receipt-row{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--line);background:#fff;border-radius:10px;flex-wrap:wrap;display:flex}.receipt-row p{flex:260px;margin:0}.receipt-row em{color:var(--warning);font-style:normal}.receipt-row input{flex:200px;width:auto}.receipt-row button{flex:none}.delivery-stop>button{justify-self:start;min-width:160px}.delivery-stop>p{margin:0}.delivery-slip{align-items:center;gap:var(--space-2) var(--space-3);padding-top:var(--space-2);flex-wrap:wrap;display:flex}.delivery-slip>b{flex:140px}.delivery-slip>select,.delivery-slip>input,.delivery-slip>label{flex:160px;width:auto}.delivery-slip>button{flex:none}.delivery-slip>.delivery-sku-lines,.delivery-slip>.delivery-documents{width:100%;margin-top:var(--space-1);flex-basis:100%}.delivery-sku-lines{gap:var(--space-2);display:grid}.delivery-sku-lines label{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.delivery-sku-lines input{flex:0 120px;width:auto}.delivery-sku-lines select{flex:160px;width:auto}.delivery-documents{width:100%}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.breakdown-row{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.board-metrics{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.fleet-summary{grid-template-columns:repeat(3,minmax(0,180px))}.fleet-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.drawer-sections{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dispatch-steps{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.cart-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.expense-summary{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.trip-expenses form{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.expense-catalog form{gap:var(--space-2);flex-wrap:wrap;display:flex}.expense-catalog form input{flex:140px}.return-choice{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.return-pickups fieldset{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.return-item{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.route-plan-layout{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.queue-toolbar{gap:var(--space-2) var(--space-3);grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) repeat(3,minmax(0,.7fr))}.data-card th,.queue-table th{font-size:var(--fs-xs);letter-spacing:.4px}.queue-table td{font-size:var(--fs-sm)}.queue-table em,.queue-table td small,.source-badge,.cart-title small,.crew-summary span,.crew-summary button,.cart-stats span,.cart-items small,.resource-card span,.resource-card small,.resource-heading p,.queue-toolbar p,.queue-group>header span,.queue-group>header small,.route-plan-panel small,.route-plan-panel li>i,.route-plan-pin,.delivery-location-panel small,.delivery-location-panel dt,.delivery-location-panel dd,.delivery-location-editor label,.notification-popover span,.notification-popover small,.notification-bell>.icon i,.document-upload,.document-type>span,.modal-title small,.group-edit-button,.table-status,.summary-strip span,.brand small,.profile small,.nav nav>b,.error-state p,.panel-empty>p,.modal-warning,.modal-error,.soft-note,.vehicle-option small,.vehicle-option span,.route-suggestion span b,.route-suggestion span small,.route-suggestion em,.draft-modal h3,.modal-title small,.delivery-location-panel header span,.route-plan-panel header>span{font-size:var(--fs-xs)}.profile strong,.data-form label,.crew-summary label,.group-edit-dialog label,.range-picker label{font-size:var(--fs-sm)}.brand small{font-size:var(--fs-xs)}@media (width<=1280px){.queue-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.queue-toolbar>div{grid-column:1/-1}}@media (width<=1100px){:root{--cart-w:380px}.fleet-summary{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (width<=900px){:root{--page-x:16px;--page-y:16px}.app>main>header{padding:var(--space-2) var(--page-x)}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}@media (width<=760px){:root{--cart-w:0px;--page-x:12px;--page-y:12px}.app{grid-template-columns:1fr}.nav{flex-flow:wrap;align-items:center;gap:0;height:auto;display:flex;position:static}.brand{height:auto;padding:10px var(--space-4);border-bottom:0;flex:auto}.brand>span{width:32px;height:32px;font-size:13px}.profile{padding:8px var(--space-4);gap:var(--space-2);border-top:0;order:2}.profile>div{display:none}.avatar{width:30px;height:30px;font-size:12px}.nav nav{gap:var(--space-1);padding:6px var(--space-2) 10px;border-top:1px solid #ffffff18;flex-wrap:wrap;flex:100%;order:3;display:flex;overflow:visible}.nav nav>b{display:none}.nav nav button{width:auto;font-size:var(--fs-sm);margin:0;padding:8px 10px}.nav nav button.active{box-shadow:inset 0 -3px #e12938}.dispatch-board.cart-open{padding-right:var(--page-x)}.dispatch-cart{top:0}.queue-toolbar{grid-template-columns:1fr}.queue-toolbar>div{grid-column:auto}.dispatch-steps{gap:var(--space-2)}.content-page>.data-form{padding:var(--space-4)}.data-card table{min-width:640px}.draft-modal .header-actions{flex-wrap:wrap}}@media (width<=480px){.kpi-row,.board-metrics,.cart-stats,.fleet-summary{grid-template-columns:1fr 1fr}.drawer-sections{grid-template-columns:1fr}.form-actions button,.dispatch-cart footer button{flex:100%}}@media screen and (width<=760px){.print-heading{gap:var(--space-2);grid-template-columns:1fr}.crew-grid,.signature-grid{grid-template-columns:1fr 1fr}}:root{--navy:#0e2a33;--heading:#0e2a33;--muted:#5f747c;--line:#d9e2e4;--line-soft:#e9eff0;--bg:#eef3f4;--surface:#fff;--th-bg:#f3f7f8;--side:#0b3b45;--side-line:#ffffff1c;--side-muted:#7fa9b3;--side-nav:#bfd8dd;--side-active:#ffffff18;--info:#0e6f9e;--info-bg:#e1f1fa;--info-line:#b9dcee;--success:#127a53;--success-bg:#dff3ea;--success-line:#b6dfcb;--warning:#9a5a05;--warning-bg:#fff3dc;--warning-line:#efd39a;--warning-text:#654617;--danger:#b81f2e;--danger-bg:#fde8ea;--danger-line:#f3c1c6;--accent:#136b5b;--accent-bg:#dff0ec;--row-sel:#e3f1ee;color:var(--heading);background:var(--bg)}.nav{background:var(--side)}.brand{border-bottom-color:var(--side-line)}.brand>span{background:var(--brand);color:#fff}.brand small,.profile small,.nav nav>b{color:var(--side-muted)}.nav nav button{color:var(--side-nav)}.nav nav button.active,.nav nav button:hover{background:var(--side-active);color:#fff}.nav nav button.active{box-shadow:inset 3px 0 var(--brand)}.profile{border-top-color:var(--side-line)}.avatar{color:var(--side);background:#d8eaee}.app>main>header{border-bottom-color:var(--line)}header p{color:var(--muted)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--info);outline-offset:2px}.header-actions button,.page-toolbar button,.search,.page-toolbar select,.range-picker button,.range-picker input,.dispatch-search input,.dispatch-search button,.error-state button,.data-form input,.data-form select,.data-form textarea,.queue-toolbar input,.queue-toolbar select,.crew-summary select,.group-edit-dialog select,.group-edit-dialog textarea{border-color:var(--line);color:var(--heading)}.data-card,.kpi-card,.breakdown-card,.fleet-summary article,.resource-strip,.queue-panel,.board-metrics article,.resource-card,.trip-action-card,.delivery-stop,.route-plan-panel,.dispatch-finalization,.trip-expenses,.import-result,.summary-strip>div,.data-form,.filter-note,.receipt-row,.delivery-documents,.notification-popover,.cart-stats>div,.route-plan-panel li{border-color:var(--line)}.data-card td,.queue-table td,.breakdown-card>div,.cart-items>div,.trip-expenses article{border-top-color:var(--line-soft)}.data-card th,.queue-table th{background:var(--th-bg);color:var(--muted)}.route-plan-panel,.dispatch-finalization,.delivery-documents,.import-result,.filter-note,.delivery-location-panel{background:#f5f9f9}.link{color:var(--info)}.data-form p{color:var(--muted)}.board-metrics strong,.cart-title h2,.resource-card b,.summary-strip b,.kpi-card strong,.fleet-summary b,.breakdown-card b,.filter-note b,.empty-state b,.error-state b,.dispatch-steps li.active,.import-result b{color:var(--heading)}.board-metrics .warning strong{color:var(--warning)}.summary-strip b{color:var(--info)}.kpi-card{box-shadow:inset 4px 0 var(--k,var(--line))}.kpi-card[data-status=da_phat_hanh],.kpi-card[data-status=dang_chay]{--k:var(--info)}.kpi-card[data-status=dang_nhan_hang]{--k:var(--warning)}.kpi-card[data-status=hoan_tat]{--k:var(--success)}.kpi-card[data-status=huy]{--k:var(--danger)}.kpi-card[data-status=nhap]{--k:#8a9aa3}.kpi-card strong{color:var(--k,var(--heading))}.kpi-card.active{border-color:var(--side);background:var(--row-sel);box-shadow:inset 4px 0 var(--k,var(--side))}.kpi-card.active strong{color:var(--k,var(--side))}.table-status{background:var(--info-bg);color:var(--info)}.table-status[data-status=dang_nhan_hang]{background:var(--warning-bg);color:var(--warning)}.table-status[data-status=hoan_tat]{background:var(--success-bg);color:var(--success)}.table-status[data-status=huy]{background:var(--danger-bg);color:var(--danger)}.table-status[data-status=nhap]{color:#5b6b73;background:#eceff1}.source-badge,.source-badge.google_sheets,.source-badge.google_sheets_cads{background:var(--accent-bg);color:var(--accent)}.data-ready,.compliance-ok{background:var(--success-bg);color:var(--success)}.data-warning,.compliance-warning{background:var(--warning-bg);color:var(--warning)}.compliance-blocked{background:var(--danger-bg);color:var(--danger)}.warehouse-tag{color:#3f5560;background:#e8eeef}.range-picker button.active{border-color:var(--side);background:var(--row-sel);color:var(--side)}.segmented{background:#e6eeef}.segmented button.active{background:var(--side)}.resource-card.selected{border-color:var(--info);background:var(--info-bg);box-shadow:inset 3px 0 var(--info)}.queue-table tr.chosen{background:var(--row-sel)}.queue-table tr.urgent{background:#fff4ee}.dispatch-dashboard .data-card tbody tr:hover{background:#f3f8f8}.notification-popover>button.unread{background:var(--info-bg)}.notification-target{outline-color:var(--warning);background:var(--warning-bg)!important}.queue-group>header{background:var(--success-bg);border-color:var(--success-line);color:var(--success)}.queue-group>header button,.group-edit-button{border-color:var(--success-line);color:var(--success)}.group-edit-button{border-color:var(--info-line);color:var(--info)}.queue-group.needs-review>header{background:var(--warning-bg);border-color:var(--warning-line);color:var(--warning)}.queue-group.needs-review>header button{border-color:var(--warning-line);color:var(--warning)}.operational-alerts,.resource-reminder,.cart-warning,.modal-warning{background:var(--warning-bg);border-color:var(--warning-line);color:var(--warning-text)}.operational-alerts b{color:var(--warning)}.operational-alerts span{color:var(--warning-text)}.save-state{color:var(--muted);background:#eceff1}.save-state.saving{background:var(--info-bg);color:var(--info)}.save-state.saved{background:var(--success-bg);color:var(--success)}.save-state.error{background:var(--danger-bg);color:var(--danger)}.modal-error,.return-modal .modal-error{background:var(--danger-bg);border-color:var(--danger-line);color:var(--danger)}.delivery-stop small,.dispatch-finalization .ready{color:var(--success)}.dispatch-finalization.finalized{background:var(--success-bg);border-color:var(--success-line)}.dispatch-finalization ul,.import-result ul{color:var(--warning)}.delivery-slip span,.crew-summary button,.document-upload,.cart-items button{color:var(--info)}.cart-items button{color:var(--danger)}.vehicle-drawer>header small,.my-trips-heading small,.cart-title small,.modal-title small{color:var(--accent)}.drawer-sections i{background:var(--accent-bg);color:var(--side)}.dispatch-steps i{background:#dfe8ea}.route-plan-panel li>i,.route-plan-pin{background:var(--side)}.route-plan-pin.depot{background:var(--brand)}.route-plan-panel li.unroutable{background:var(--warning-bg);border-color:var(--warning-line)}.auth-screen{background:radial-gradient(circle at top,#e6f0f1,#e9eef0)}.auth-logo{background:var(--brand);color:#fff;border-color:var(--brand)}.trip-action-card{box-shadow:0 8px 22px #0b3b4512}.dispatch-cart{box-shadow:-16px 0 44px #0b3b4522}.skeleton{background:linear-gradient(90deg,#f1f5f6,#fff,#f1f5f6)}