:root{color-scheme:light;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;color:#151918;background:#dfe2e2;font-synthesis:none;--ink: #151918;--muted: #747a78;--line: #e2e5e3;--surface: #ffffff;--canvas: #f2f4f1;--soft: #f6f7f5;--violet: #8115f5;--violet-dark: #6610d0;--lime: #baf62b;--shadow: 0 18px 55px rgba(23, 27, 26, .09)}*{box-sizing:border-box}html{min-width:320px;background:#dfe2e2}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 35% 0%,#f8fbf2 0,transparent 40%),#e2e5e4}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(129,21,245,.24);outline-offset:2px}svg{display:block}.app-shell{width:min(1920px,100%);min-height:100vh;margin:0 auto;overflow:hidden;background:radial-gradient(circle at 12% 8%,rgba(229,247,200,.48),transparent 27%),radial-gradient(circle at 83% 7%,rgba(225,232,248,.62),transparent 30%),#f8faf7}.topbar{height:74px;display:grid;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:18px;padding:0 30px;border-bottom:1px solid rgba(225,229,226,.8);background:#fbfcfad1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;z-index:20}.brand{display:inline-flex;align-items:center;gap:11px;width:max-content;color:#111514;font-size:17px;font-weight:760;letter-spacing:-.5px;text-decoration:none}.brand>span:last-child span{font-weight:450}.brand-mark{width:29px;height:27px;display:grid;place-items:center;position:relative}.brand-mark i{position:absolute;display:block;background:#111;border-radius:4px}.brand-mark i:nth-child(1){width:26px;height:6px;top:3px}.brand-mark i:nth-child(2){width:8px;height:18px;top:5px;transform:rotate(-8deg)}.brand-mark i:nth-child(3){width:13px;height:5px;top:10px;left:8px}.primary-nav{min-width:0;display:flex;align-items:center;justify-content:center;gap:4px}.nav-pill{flex:0 0 auto;min-height:38px;padding:0 14px;border:0;border-radius:999px;color:#4d5351;background:#ffffffa8;font-size:12px;cursor:pointer;transition:background .2s,color .2s,transform .2s}.nav-pill:hover{background:#ecefeb;color:var(--ink)}.nav-pill:active{transform:scale(.97)}.nav-pill.active{background:#101312;color:#fff;box-shadow:0 5px 14px #0000001f}.top-actions{display:flex;align-items:center;gap:7px}.search-field{width:36px;height:36px;display:flex;align-items:center;gap:8px;padding:0 9px;overflow:hidden;border:1px solid transparent;border-radius:99px;background:#ffffffb8;transition:width .25s,border-color .25s}.search-field:focus-within{width:150px;border-color:#d8dcd9}.search-field>svg{flex:0 0 17px}.search-field input{min-width:100px;width:100%;border:0;outline:0;opacity:0;background:transparent;font-size:12px;transition:opacity .15s}.search-field:focus-within input{opacity:1}.icon-button,.avatar-button,.more-button,.back-button,.round-link{border:0;background:transparent;display:grid;place-items:center;cursor:pointer}.icon-button{width:36px;height:36px;border-radius:50%;position:relative}.icon-button:hover{background:#eef0ed}.notification-dot{position:absolute;top:8px;right:8px;width:5px;height:5px;border-radius:50%;background:var(--violet);border:1px solid #fff}.avatar-button,.avatar-photo{width:34px;height:34px;padding:0;border:2px solid #fff;border-radius:50%;color:#fff;background:linear-gradient(145deg,#393b3a,#9d6b4e);box-shadow:0 4px 12px #00000026;font-size:12px;font-weight:700;cursor:pointer}.workspace{min-height:calc(100vh - 74px);outline:0}.transport-view,.secondary-view{padding:18px 30px 28px}.page-head,.secondary-head{min-height:68px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.title-group{display:flex;gap:12px;align-items:flex-start}.back-button{width:35px;height:35px;flex:0 0 auto;margin-top:5px;border-radius:50%;background:#ffffffdb;box-shadow:0 5px 15px #2127250d;font-size:27px;font-weight:300}.back-button:hover{background:#fff}h1,h2,p{margin:0}.title-group h1,.secondary-head h1{font-size:clamp(25px,2.2vw,34px);line-height:1.05;letter-spacing:-1.25px;font-weight:540}.title-group>div>p:last-child,.secondary-head>div>p:last-child{margin-top:7px;color:var(--muted);font-size:12px}.eyebrow{margin-bottom:6px;color:#818684;font-size:10px;line-height:1;letter-spacing:.08em;text-transform:uppercase}.dispatcher{display:flex;align-items:center;gap:8px;padding-top:3px}.dispatcher-select{height:38px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid rgba(220,223,221,.9);border-radius:999px;background:#ffffffb3;color:#616664;font-size:11px}.avatar-photo{border:0}.primary-button,.soft-button,.clear-button,.filter-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;border:0;border-radius:999px;font-size:11px;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}.primary-button{color:#fff;background:#111514;box-shadow:0 7px 18px #00000021}.primary-button:hover{background:#272c2a;transform:translateY(-1px)}.soft-button,.filter-button{background:#fff;border:1px solid #e5e8e5;color:#494e4c}.soft-button:hover,.filter-button:hover{background:#f4f6f3}.more-button{width:37px;height:37px;border-radius:50%;background:#ffffffc2;letter-spacing:2px}.metric-row{height:0;display:flex;align-items:center;justify-content:flex-end;gap:clamp(27px,4vw,62px);position:relative;z-index:4;top:29px;padding-right:365px;pointer-events:none}.metric-row>div{display:grid;grid-template-columns:auto auto;align-items:end;gap:2px 7px}.metric-row span{grid-column:1 / -1;color:#747a78;font-size:10px}.metric-row strong{font-size:23px;font-weight:520;line-height:1.2;letter-spacing:-.5px}.metric-row strong small{margin-left:2px;color:#4e5452;font-size:12px;font-weight:450}.metric-row em{padding:3px 6px;border-radius:10px;font-size:9px;font-style:normal}.metric-row em.up{color:#2c6600;background:var(--lime)}.metric-row em.down{color:#fff;background:var(--violet)}.hero-grid{height:346px;display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:12px;position:relative}.truck-canvas{min-width:0;position:relative;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 52% 48%,#ffffffd9,#fff0 54%),linear-gradient(180deg,#f4f7f340,#ebeeeb9e)}.route-context{position:absolute;z-index:3;left:48px;top:21px;display:grid;gap:2px}.route-context span{display:flex;align-items:center;gap:4px;color:#818684;font-size:8px}.route-context strong{font-size:11px;font-weight:650}.route-context small{color:#777d7a;font-size:8px}.truck-art{width:min(100%,960px);height:100%;margin:0 auto;transform:scale(var(--truck-scale, 1));transform-origin:center bottom;transition:transform .25s}.load-grid{position:absolute;z-index:2;left:max(calc(50% - 167px),33.5%);top:110px;width:min(56%,585px);height:142px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);gap:3px;transform:scale(var(--load-scale, 1));transform-origin:center;transition:transform .25s}.load-slot{min-width:0;position:relative;padding:4px 6px;overflow:hidden;border:1px dashed #cbd0ce;border-radius:5px;background:#f5f7f5a6;color:#9aa09e;text-align:left;cursor:pointer}.load-slot.filled{border-style:solid;border-color:#c9cecc;color:#515654;background:#e1e4e2d1}.load-slot span{display:block;font-size:7px}.load-slot small{display:block;margin-top:7px;overflow:hidden;color:#4f5553;font-size:6px;white-space:nowrap;text-overflow:ellipsis}.load-slot.selected{border:2px solid var(--violet);background:#fffffff0;box-shadow:0 6px 18px #8115f533}.load-slot.selected:after{content:"+";position:absolute;left:50%;top:50%;width:18px;height:18px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;color:#fff;background:var(--violet);font-size:11px}.stage-tools{position:absolute;left:12px;top:50%;z-index:3;display:grid;place-items:center;gap:2px;padding:5px;border:1px solid #e0e4e1;border-radius:20px;background:#ffffffc7;box-shadow:0 5px 16px #2a302e12;transform:translateY(-50%)}.stage-tools button{width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;cursor:pointer}.stage-tools span{font-size:7px;color:#909694}.planning-panel{height:100%;min-width:0;padding:15px;border:1px solid rgba(229,232,229,.85);border-radius:22px;background:#ffffffc2;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.panel-eyebrow{color:#888e8b;font-size:8px;letter-spacing:.08em}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin:3px 0 9px}.panel-heading h2,.section-heading h2,.card-head h2{margin:0;font-size:16px;font-weight:570;letter-spacing:-.35px}.panel-heading p{margin-top:2px;color:#858a88;font-size:8px}.round-link{width:29px;height:29px;border-radius:50%;background:#f7f8f6}.panel-actions{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.panel-actions .soft-button{min-height:28px;padding:0 9px;font-size:8px}.clear-button{min-height:28px;padding:0 9px;border:1px solid #e5e8e5;background:#fafbfa;color:#666b69;font-size:8px}.plan-table{display:grid;gap:3px}.plan-row{min-height:29px;display:grid;grid-template-columns:minmax(90px,1fr) 31px 61px 20px;align-items:center;gap:4px;padding:0 5px;border-radius:8px;background:#f7f8f6f0;color:#606563;font-size:7px}.plan-head{min-height:18px;padding-top:0;background:transparent;color:#919693}.vehicle-cell{display:flex;align-items:center;gap:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vehicle-cell i{width:22px;height:22px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:#fff;background:#151918}.plan-row>span:nth-child(3){display:flex;align-items:center;gap:4px}.status-dot{width:5px;height:5px;flex:0 0 auto;border-radius:50%;background:var(--violet)}.status-dot.green{background:#76bf33}.plan-row button{width:20px;height:20px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#949997;background:transparent;cursor:pointer}.plan-row button:hover{color:#b32626;background:#fee}.empty-plan{height:82px;display:grid;place-items:center;padding:12px;border-radius:10px;color:#8b908e;background:#f7f8f6;font-size:9px;text-align:center}.panel-summary{margin-top:7px;display:flex;align-items:center;justify-content:space-between;color:#707573;font-size:8px}.panel-summary span{display:flex;align-items:center;gap:5px}.panel-summary i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px #baf62b2e}.panel-summary strong{color:#262b29;font-size:10px}.capacity-summary{margin-top:8px;padding:8px 9px;border-radius:9px;background:#f6f8f5}.capacity-summary>div:first-child{display:flex;align-items:center;justify-content:space-between;color:#7d8380;font-size:7px}.capacity-summary strong{color:#2a2f2d;font-size:8px}.capacity-cells{display:grid;grid-template-columns:repeat(15,1fr);gap:2px;margin-top:6px}.capacity-cells i{height:5px;border-radius:3px;background:#dce1dd}.capacity-cells i.used{background:linear-gradient(90deg,#8d1cf1,#7210da)}.shipment-strip{height:72px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:7px 0}.shipment-card{min-width:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;position:relative;padding:8px 10px;overflow:hidden;border:1px solid transparent;border-radius:12px;background:#ffffff8a;text-align:left;cursor:pointer}.shipment-card:hover{background:#ffffffd9}.shipment-card.active{border-color:#8115f573;background:#fff;box-shadow:0 8px 24px #252a2814}.shipment-card.active:after{content:"";position:absolute;right:0;top:14px;bottom:14px;width:2px;background:var(--violet)}.shipment-card span:first-child{min-width:0;display:grid}.shipment-card small{color:#8a8f8d;font-size:7px}.shipment-card strong{margin-top:2px;overflow:hidden;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.shipment-card em{margin-top:2px;overflow:hidden;color:#737876;font-size:7px;font-style:normal;white-space:nowrap;text-overflow:ellipsis}.shipment-card .mini-truck{color:#9ea4a2;opacity:.78}.shipment-card b{position:absolute;right:9px;bottom:6px;color:#6d7270;font-size:7px;font-weight:600}.operations-grid{min-height:307px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:10px}.freight-card,.gantt-card{min-width:0;padding:14px;border:1px solid rgba(229,232,229,.9);border-radius:18px;background:#ffffffb8}.section-heading,.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading>div>span,.card-head>div>span,.card-head>span{display:block;margin-bottom:2px;color:#8a8f8d;font-size:8px}.section-heading.compact .filter-button{min-height:28px;padding:0 9px;font-size:8px}.freight-list{margin-top:8px;display:grid;gap:5px}.freight-unit{min-width:0;min-height:48px;display:grid;grid-template-columns:17px 25px minmax(0,1fr) auto 5px;align-items:center;gap:5px;padding:4px 7px;border-radius:8px;background:#f4f6f3;cursor:pointer}.freight-unit input{width:13px;height:13px;margin:0;accent-color:var(--violet)}.package-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#171b1a}.freight-unit>span:nth-child(3){min-width:0;display:grid}.freight-unit strong{overflow:hidden;font-size:8px;white-space:nowrap;text-overflow:ellipsis}.freight-unit small{margin-top:1px;color:#929795;font-size:7px}.freight-unit b{font-size:8px;font-weight:520}.unit-status{width:5px;height:5px;border-radius:50%}.unit-status.amber{background:#e3a82d}.unit-status.violet{background:var(--violet)}.unit-status.green{background:#6fbb2e}.add-unit{width:100%;height:32px;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px dashed #d9ddda;border-radius:8px;color:#737876;background:transparent;font-size:8px;cursor:pointer}.add-unit:hover{color:var(--violet);border-color:#8115f566}.freight-summary{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:9px;border-top:1px solid #e3e6e3;color:#858a88;font-size:7px}.freight-summary strong{color:#3f4542;font-size:8px}.gantt-card{padding:14px 16px;overflow:hidden}.gantt-controls{display:flex;align-items:center;gap:6px}.gantt-controls button{min-width:25px;height:25px;display:grid;place-items:center;padding:0 8px;border:0;border-radius:13px;background:#fff;font-size:8px;cursor:pointer}.scale-track{width:76px;height:2px;border-radius:2px;background:#d5d9d6}.scale-track i{display:block;height:100%;border-radius:inherit;background:#171b1a}.gantt-wrap{margin-top:9px;overflow:hidden}.day-head{display:grid;grid-template-columns:repeat(4,1fr)}.day-head>div{padding:5px 9px 7px;border-left:1px solid #e1e4e2}.day-head>div:first-child{border-left:0}.day-head strong{font-size:9px}.day-head small{margin-left:4px;color:#8c918f;font-size:7px}.time-grid{display:grid;grid-template-columns:repeat(8,1fr);padding:0 4px 5px;color:#9ba09e;font-size:6px}.timeline-grid{height:190px;display:grid;grid-template-columns:repeat(8,minmax(64px,1fr));grid-template-rows:repeat(3,48px);gap:7px;position:relative;padding:7px 0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),rgba(223,226,224,.7) calc(12.5% - 1px),rgba(223,226,224,.7) 12.5%);transform-origin:left top}.gantt-task{min-width:0;position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;overflow:hidden;border:0;border-radius:6px;text-align:left;cursor:pointer}.gantt-task strong,.gantt-task span{overflow:hidden;font-size:7px;white-space:nowrap;text-overflow:ellipsis}.task-purple{color:#fff;background:linear-gradient(95deg,#8414f3,#7500ea);box-shadow:0 5px 13px #7600eb2e}.task-purple.fade{background:linear-gradient(90deg,#8112ee 0 70%,#8112ee4d 90%,#e5e7e4)}.task-gray{color:#303533;background:#e0e3e0}.current-time{position:absolute;z-index:2;top:-17px;bottom:0;left:46%;width:1px;background:#e55244a6;pointer-events:none}.current-time:after{content:"";position:absolute;top:17px;left:-3px;width:7px;height:7px;border-radius:50%;background:#e55244}.current-time span{position:absolute;top:0;left:-25px;padding:2px 4px;border-radius:4px;color:#b63f34;background:#fff1ef;font-size:6px;white-space:nowrap}.secondary-view{min-height:calc(100vh - 74px)}.secondary-head{min-height:96px;align-items:center;padding:2px 2px 16px}.secondary-head h1{font-size:35px}.secondary-actions{display:flex;gap:8px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.summary-card{min-height:135px;display:grid;grid-template-columns:1fr auto;align-content:space-between;padding:18px;border:1px solid #e4e7e4;border-radius:18px;background:#ffffffc7;box-shadow:0 12px 36px #252a280a}.summary-card .summary-icon{grid-column:2;grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#eef1ed}.summary-card span{grid-column:1;color:#757a78;font-size:11px}.summary-card strong{grid-column:1;font-size:29px;line-height:1;letter-spacing:-1px}.summary-card small{grid-column:1/-1;margin-top:17px;color:#858a88;font-size:9px}.overview-layout{min-height:450px;display:grid;grid-template-columns:1.5fr 1fr;gap:12px;margin-top:12px}.chart-panel,.activity-panel,.data-panel,.load-queue,.load-planner,.network-map,.route-panel,.quote-calculator,.rate-list,.settings-nav,.settings-panel{border:1px solid #e3e6e3;border-radius:20px;background:#ffffffc2}.chart-panel,.activity-panel{padding:20px}.card-head button{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #e6e9e6;border-radius:999px;background:#fff;font-size:9px;cursor:pointer}.bar-chart{height:340px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:22px;padding:34px 24px 8px;background:repeating-linear-gradient(0deg,transparent 0,transparent 66px,#e7eae7 67px)}.bar-chart>div{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:9px}.bar-chart span{width:min(42px,70%);min-height:12px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#991fff,#7811e3);box-shadow:0 7px 17px #8115f52b}.bar-chart small{color:#7e8381;font-size:9px}.activity-list{list-style:none;margin:22px 0 0;padding:0}.activity-list li{min-height:76px;display:grid;grid-template-columns:12px 1fr;gap:10px;position:relative;padding:10px 0}.activity-list li:not(:last-child):after{content:"";position:absolute;top:28px;bottom:-10px;left:5px;width:1px;background:#e1e4e1}.activity-list li>i{width:11px;height:11px;margin-top:3px;border-radius:50%;border:3px solid #d9ddda;background:#fff}.activity-list li>i.green{border-color:#7dc838}.activity-list li>i.violet{border-color:var(--violet)}.activity-list li>i.amber{border-color:#e8aa35}.activity-list li div{display:grid;gap:5px}.activity-list strong{font-size:11px;font-weight:620}.activity-list span{color:#8a8f8d;font-size:9px}.data-panel{overflow:hidden}.table-toolbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid #e5e8e5}.table-toolbar label{width:min(340px,45%);height:38px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #e0e4e0;border-radius:10px;background:#fafbfa}.table-toolbar input{width:100%;border:0;outline:0;background:transparent;font-size:10px}.table-toolbar>div{display:flex;gap:7px}.table-toolbar button{height:36px;display:flex;align-items:center;gap:6px;padding:0 12px;border:1px solid #e0e4e0;border-radius:9px;background:#fff;font-size:9px;cursor:pointer}.data-table{min-width:800px;padding:0 18px 18px}.data-row{width:100%;min-height:65px;display:grid;grid-template-columns:1.1fr 1.1fr 1fr .65fr .7fr .8fr;align-items:center;gap:12px;padding:0 10px;border:0;border-bottom:1px solid #e7eae7;background:transparent;text-align:left;cursor:pointer}.data-row:not(.data-head):hover{background:#f7f8f6}.data-head{min-height:46px;color:#909593;font-size:9px;cursor:default}.data-row span{display:flex;align-items:center;gap:7px;font-size:10px}.data-row:not(.data-head) span:first-child{font-weight:650}.row-status{order:-1;width:6px;height:6px;border-radius:50%;background:#7ac333}.fleet-overview{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px}.fleet-overview article{min-height:105px;padding:17px;border:1px solid #e4e7e4;border-radius:17px;background:#ffffffbf}.fleet-overview span{display:block;color:#818684;font-size:9px}.fleet-overview strong{display:block;margin-top:6px;font-size:22px}.fleet-overview small{color:#858a88;font-size:8px}.fleet-overview article div{height:5px;margin-top:14px;overflow:hidden;border-radius:9px;background:#e1e4e1}.fleet-overview article div i{display:block;height:100%;border-radius:inherit;background:var(--violet)}.truck-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.truck-card{min-width:0;padding:18px;border:1px solid #e3e6e3;border-radius:20px;background:#ffffffc7}.truck-card-top{display:flex;align-items:center;justify-content:space-between}.truck-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;background:#171b1a}.truck-state{padding:5px 8px;border-radius:99px;color:#387000;background:#dff5bd;font-size:8px;font-style:normal}.state-1{color:#6c16b8;background:#ead7ff}.state-2{color:#53605b;background:#edf0ed}.state-3{color:#a56500;background:#ffe7b3}.truck-card h2{margin-top:19px;font-size:16px}.truck-card>p{min-height:31px;margin-top:5px;color:#7f8482;font-size:9px}.truck-driver{display:flex;align-items:center;gap:8px;margin:18px 0}.truck-driver>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#91705f;font-size:9px}.truck-driver>div{display:grid}.truck-driver small{color:#929795;font-size:7px}.truck-driver strong{font-size:9px}.truck-card dl{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:12px 0;border-top:1px solid #e6e9e6;border-bottom:1px solid #e6e9e6}.truck-card dl div{display:grid;gap:4px}.truck-card dt{color:#909593;font-size:7px}.truck-card dd{margin:0;font-size:9px;font-weight:600}.truck-card>button{width:100%;margin-top:14px;display:flex;justify-content:space-between;border:0;background:transparent;font-size:9px;cursor:pointer}.load-board{display:grid;grid-template-columns:300px 1fr;gap:12px}.load-queue,.load-planner{padding:18px}.load-queue .card-head b,.route-panel .card-head b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#171b1a;font-size:8px}.queue-card{width:100%;min-height:82px;display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:8px;padding:12px;border:1px solid #e4e7e4;border-radius:12px;background:#f8f9f7;text-align:left;cursor:pointer}.queue-card:hover{border-color:#8115f566;background:#fff}.queue-card span{display:grid;gap:4px}.queue-card strong{font-size:10px}.queue-card small{color:#878c8a;font-size:8px}.queue-card>b{font-size:9px}.queue-card>div{grid-column:1/-1;height:4px;overflow:hidden;border-radius:5px;background:#e1e4e1}.queue-card>div i{display:block;height:100%;background:var(--violet)}.planner-lanes{margin-top:15px;display:grid;gap:9px}.planner-lane{min-height:105px;display:grid;grid-template-columns:170px minmax(130px,1fr) 2fr 45px;align-items:center;gap:15px;padding:13px;border:1px solid #e5e8e5;border-radius:13px;background:#fafbfa}.planner-lane>div:first-child{display:flex;align-items:center;gap:9px}.planner-lane>div:first-child span:last-child{display:grid;gap:3px}.planner-lane strong{font-size:9px}.planner-lane small{color:#888d8b;font-size:7px}.capacity-track{height:6px;overflow:hidden;border-radius:5px;background:#e3e6e3}.capacity-track span{display:block;height:100%;border-radius:inherit;background:var(--violet)}.assigned-boxes{display:flex;flex-wrap:wrap;gap:5px}.assigned-boxes button{display:flex;align-items:center;gap:4px;padding:7px;border:1px solid #e1e4e1;border-radius:7px;background:#fff;font-size:7px;cursor:pointer}.planner-lane>b{font-size:11px;text-align:right}.network-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px}.network-map{min-height:610px;position:relative;overflow:hidden;background:radial-gradient(circle at center,#fbfcfa,#edf1ed)}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#dfe4df 1px,transparent 1px),linear-gradient(90deg,#dfe4df 1px,transparent 1px);background-size:36px 36px;opacity:.35}.network-map>svg{position:absolute;inset:7% 4%;width:92%;height:86%}.network-map>svg path{fill:none;stroke:#b8c0bc;stroke-width:4;stroke-linecap:round;stroke-dasharray:7 9}.network-map>svg path.alt{stroke:var(--violet);stroke-width:6;filter:drop-shadow(0 3px 5px rgba(129,21,245,.25))}.hub{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;border:0;background:transparent;cursor:pointer}.hub>i{width:34px;height:34px;display:grid;place-items:center;border:7px solid rgba(255,255,255,.8);border-radius:50%;color:#fff;background:#171b1a;box-shadow:0 6px 18px #0000002e;font-size:7px;font-style:normal}.hub-2>i{background:var(--violet);transform:scale(1.2)}.hub span{display:grid;padding:6px 8px;border-radius:8px;background:#ffffffd9;box-shadow:0 4px 12px #0000000f;text-align:left}.hub strong{font-size:9px}.hub small{color:#858a88;font-size:7px}.map-legend{position:absolute;left:20px;bottom:20px;display:flex;gap:13px;padding:10px 12px;border-radius:10px;background:#ffffffd9;font-size:8px}.map-legend span{display:flex;align-items:center;gap:5px}.map-legend i{width:18px;height:3px;border-radius:3px;background:#aeb6b2}.map-legend i.violet{background:var(--violet)}.route-panel{padding:18px}.route-panel>button{width:100%;min-height:72px;display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:10px;border:0;border-radius:11px;background:#f7f8f6;text-align:left;cursor:pointer}.route-panel>button:hover{background:#f1e8fd}.route-panel>button>div{display:flex;align-items:center;gap:8px}.route-tone{width:5px;height:38px;border-radius:5px;background:#79c53b}.tone-1{background:#e5a532}.tone-3{background:#4886d9}.route-panel button span{display:grid;gap:4px}.route-panel button strong{font-size:9px}.route-panel button small{color:#898e8c;font-size:7px}.route-panel button>b{font-size:9px}.rates-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:12px}.quote-calculator,.rate-list{padding:20px}.demo-tag{padding:5px 8px!important;border-radius:9px;color:#6216a8!important;background:#ead8ff;font-size:8px!important}.quote-form{display:grid;grid-template-columns:1fr 36px 1fr 1fr 1fr;align-items:end;gap:9px;margin-top:23px}.quote-form label{display:grid;gap:7px;position:relative;color:#747a78;font-size:8px}.quote-form input,.quote-form select{height:43px;padding:0 11px;border:1px solid #dde1dd;border-radius:9px;outline:0;background:#fafbfa;color:#272c2a;font-size:9px}.quote-form label span{position:absolute;right:10px;bottom:14px;color:#8a8f8d}.quote-form>button{width:36px;height:36px;margin-bottom:3px;border:1px solid #e1e4e1;border-radius:50%;background:#fff;cursor:pointer}.quote-result{display:grid;grid-template-columns:1fr 1fr 1.3fr auto;align-items:center;gap:15px;margin-top:22px;padding:20px;border-radius:15px;background:#f2f4f1}.quote-result>span{display:grid;gap:5px;padding-right:14px;border-right:1px solid #dce0dc}.quote-result small{color:#858a88;font-size:8px}.quote-result strong{font-size:13px}.quote-result .total strong{font-size:21px;color:var(--violet)}.rate-list>.card-head{margin-bottom:16px}.rate-list>button{width:100%;min-height:70px;display:grid;grid-template-columns:1.25fr 1fr auto;align-items:center;gap:10px;padding:10px;border:0;border-top:1px solid #e5e8e5;background:transparent;text-align:left;cursor:pointer}.rate-list>button:hover{background:#f8f9f7}.rate-list button span{display:flex;align-items:center;gap:8px}.rate-list button span i{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#eef0ed;font-size:8px;font-style:normal}.rate-list button strong,.rate-list button>b{font-size:9px}.rate-list button em{color:#727876;font-size:8px;font-style:normal}.settings-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:12px}.settings-nav{height:max-content;padding:10px}.settings-nav button{width:100%;height:47px;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:6px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:#6f7472;font-size:9px;text-align:left;cursor:pointer}.settings-nav button:hover,.settings-nav button.active{color:#191d1c;background:#f0f2ef}.settings-panel{padding:22px}.settings-title{padding-bottom:18px;border-bottom:1px solid #e4e7e4}.settings-title>span{color:#898e8c;font-size:8px}.settings-title h2{margin-top:3px;font-size:18px}.settings-title p{margin-top:6px;color:#878c8a;font-size:9px}.setting-row{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e6e9e6}.setting-row>div{display:grid;gap:5px}.setting-row strong{font-size:10px}.setting-row small{color:#898e8c;font-size:8px}.setting-row>input,.setting-row>select{width:240px;height:38px;padding:0 10px;border:1px solid #dfe3df;border-radius:8px;background:#fafbfa;font-size:9px}.switch{position:relative}.switch input{position:absolute;opacity:0}.switch span{width:38px;height:22px;display:block;position:relative;border-radius:20px;background:#d9ddda;cursor:pointer}.switch span:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;transition:left .2s}.switch input:checked+span{background:var(--violet)}.switch input:checked+span:after{left:19px}.switch input:focus-visible+span{outline:3px solid rgba(129,21,245,.24)}.settings-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.toast-region{position:fixed;z-index:100;right:22px;bottom:22px;pointer-events:none}.toast{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;background:#141816eb;box-shadow:0 13px 35px #0003;font-size:10px;animation:toast-in .24s ease-out}.toast svg{color:var(--lime)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.modal-layer[hidden]{display:none}.modal-layer{position:fixed;z-index:90;inset:0;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:#11151361;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(420px,100%);position:relative;z-index:1;padding:25px;border:1px solid rgba(255,255,255,.5);border-radius:20px;background:#fff;box-shadow:0 25px 80px #00000040;animation:modal-in .22s ease-out}.modal-close{position:absolute;right:16px;top:16px;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:#f2f4f1;cursor:pointer}.modal h2{font-size:21px}.modal>p:not(.eyebrow){margin-top:7px;color:#838886;font-size:9px}.modal form{display:grid;gap:12px;margin-top:19px}.modal form label{display:grid;gap:6px;color:#727775;font-size:9px}.modal form input,.modal form select{height:42px;padding:0 11px;border:1px solid #dfe3df;border-radius:9px;background:#fafbfa;font-size:10px}.modal form>div{display:flex;justify-content:flex-end;gap:7px;margin-top:5px}@keyframes modal-in{0%{opacity:0;transform:scale(.96) translateY(10px)}}@media(max-width:1180px){.topbar{grid-template-columns:160px minmax(0,1fr) auto;padding:0 20px}.nav-pill{padding:0 10px;font-size:10px}.desktop-grid{display:none}.transport-view,.secondary-view{padding-left:20px;padding-right:20px}.load-grid{left:35%;width:61%}.plan-row{grid-template-columns:minmax(80px,1fr) 24px 53px 18px}.quote-form{grid-template-columns:1fr 34px 1fr}.quote-form label:nth-of-type(3),.quote-form label:nth-of-type(4){grid-column:auto}.quote-result{grid-template-columns:1fr 1fr}.quote-result .primary-button{justify-self:end}.truck-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:920px){.app-shell{overflow:visible}.topbar{height:auto;min-height:118px;grid-template-columns:1fr auto;grid-template-rows:65px 45px;gap:0;padding:0 16px 8px;position:sticky;top:0}.primary-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.primary-nav::-webkit-scrollbar{display:none}.nav-pill{min-height:34px;padding:0 13px}.top-actions{grid-column:2;grid-row:1}.search-field:focus-within{width:130px}.workspace{min-height:calc(100vh - 118px)}.transport-view,.secondary-view{padding:16px}.page-head{align-items:flex-start}.dispatcher-select{display:none}.metric-row{height:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;top:0;padding:12px 0;pointer-events:auto}.metric-row>div{min-height:66px;margin:0;padding:10px;border:1px solid #e4e7e4;border-radius:12px;background:#ffffffa6}.metric-row strong{font-size:19px}.hero-grid{height:auto;grid-template-columns:1fr}.truck-canvas{height:290px}.planning-panel{height:auto}.shipment-strip{height:auto;grid-template-columns:repeat(3,1fr)}.shipment-card{min-height:62px}.operations-grid{grid-template-columns:1fr}.freight-card{order:2}.gantt-card{overflow-x:auto}.gantt-wrap{min-width:700px}.summary-grid{grid-template-columns:repeat(2,1fr)}.overview-layout,.network-layout,.rates-layout{grid-template-columns:1fr}.network-map{min-height:480px}.route-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.route-panel>.card-head{grid-column:1/-1}.route-panel>button{margin:0}.load-board{grid-template-columns:1fr}.load-queue{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.load-queue>.card-head{grid-column:1/-1}.queue-card{margin:0}.planner-lane{grid-template-columns:150px 1fr}.assigned-boxes{grid-column:1/-1}.planner-lane>b{grid-column:2;grid-row:2}.fleet-overview{grid-template-columns:1fr 1fr}.fleet-overview article:first-child{grid-column:1/-1}.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow-x:auto}.settings-nav button{min-width:140px}.data-panel{overflow-x:auto}}@media(max-width:600px){.topbar{min-height:108px;grid-template-rows:60px 40px;padding:0 12px 8px}.brand{font-size:15px}.brand-mark{transform:scale(.88)}.top-actions{gap:1px}.search-field{background:transparent}.search-field:focus-within{position:absolute;right:76px;width:190px;background:#fff;box-shadow:0 5px 15px #00000014}.avatar-button{display:none}.icon-button{width:34px;height:34px}.nav-pill{min-height:32px;padding:0 12px;font-size:9px}.transport-view,.secondary-view{padding:12px}.page-head,.secondary-head{display:block;min-height:auto}.title-group{gap:8px}.back-button{width:31px;height:31px}.title-group h1,.secondary-head h1{font-size:25px}.title-group>div>p:last-child,.secondary-head>div>p:last-child{line-height:1.5}.dispatcher{margin-top:12px;justify-content:flex-end}.dispatcher .avatar-photo{display:none}.primary-button,.soft-button{min-height:35px}.metric-row{grid-template-columns:repeat(2,1fr)}.hero-grid{margin-top:7px}.truck-canvas{height:230px;overflow-x:auto;overflow-y:hidden}.truck-art{width:720px;max-width:none;margin-left:-24px}.load-grid{left:257px;top:79px;width:431px;height:102px}.route-context{left:20px;top:12px}.stage-tools{display:none}.planning-panel{padding:14px;border-radius:16px}.plan-row{grid-template-columns:minmax(100px,1fr) 30px 60px 20px;min-height:32px}.panel-actions .soft-button,.clear-button{min-height:31px}.shipment-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.shipment-card{min-width:215px;scroll-snap-align:start}.operations-grid{gap:8px}.gantt-card,.freight-card{border-radius:15px}.gantt-card{padding:13px 12px}.gantt-controls .scale-track{display:none}.secondary-head{padding-bottom:16px}.secondary-actions{margin-top:13px}.summary-grid{grid-template-columns:1fr 1fr;gap:8px}.summary-card{min-height:118px;padding:14px}.summary-card strong{font-size:23px}.overview-layout{min-height:auto}.bar-chart{height:280px;padding-left:5px;padding-right:5px;gap:8px}.activity-panel{padding:16px}.table-toolbar{align-items:stretch;flex-direction:column}.table-toolbar label{width:100%}.data-table{min-width:750px}.truck-cards,.fleet-overview{grid-template-columns:1fr}.fleet-overview article:first-child{grid-column:auto}.load-queue{grid-template-columns:1fr}.planner-lane{grid-template-columns:1fr auto;gap:9px}.capacity-track{grid-column:1/2}.assigned-boxes{grid-column:1/-1}.network-map{min-height:430px}.hub span{display:none}.route-panel{grid-template-columns:1fr}.quote-calculator,.rate-list{padding:15px}.quote-form{grid-template-columns:1fr}.quote-form>button{margin:0 auto;transform:rotate(90deg)}.quote-result{grid-template-columns:1fr 1fr;padding:14px}.quote-result .primary-button{grid-column:1/-1;justify-self:stretch}.settings-nav button{min-width:125px}.setting-row{align-items:flex-start;flex-direction:column;padding:15px 0}.setting-row>input,.setting-row>select{width:100%}.settings-foot{position:sticky;bottom:10px;padding:10px;border-radius:13px;background:#ffffffe6;box-shadow:0 8px 25px #00000014}.toast-region{left:12px;right:12px;bottom:12px}.toast{justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}