:root{--bg:#f5f7f8;--surface:#fff;--ink:#233b36;--muted:#7f8a8a;--green:#236752;--green-dark:#164c3e;--lime:#d5ecaa;--mint:#eff7f1;--line:#e9eeed;--amber:#ba8741;--blue:#6d93b6;--radius:12px;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.1px}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{opacity:.35;cursor:not-allowed}button:not(:disabled):active{transform:scale(.97)}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #68a68d}button,input,select{transition:background .18s,color .18s,border-color .18s,box-shadow .18s}button:hover{color:var(--green)}::selection{background:#d5ecaa}.sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.small{width:14px;height:14px}.sidebar{width:208px;position:fixed;inset:0 auto 0 0;background:var(--green-dark);color:#626c68;display:flex;flex-direction:column;z-index:30;padding:30px 16px 0}.brand{display:flex;gap:10px;align-items:center;color:#fff;font-size:21px;letter-spacing:1.3px;font-weight:750;padding:0 8px}.brand-mark{width:33px;height:36px;color:var(--lime)}.brand-mark svg{width:33px;height:36px;stroke:currentColor;fill:none;stroke-width:3.5;stroke-linecap:square;stroke-linejoin:round}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:1.8px;color:#afc7bb;margin-top:1px}.workspace{border:1px solid #ffffff20;border-radius:7px;display:flex;align-items:center;gap:9px;padding:10px 9px;margin:29px 4px 25px;color:#e3eee8;font-size:12px}.workspace small{display:block;font-size:10px;color:#9ebbae;margin-top:2px}.workspace>.icon{width:13px;margin-left:auto}.workspace-icon{display:grid;place-items:center;background:#ffffff16;color:#d8ebca;font-size:16px;border-radius:5px;width:29px;height:31px;font-weight:650}.nav-label{font-size:10px;color:#91afa1;margin:0 15px 10px;letter-spacing:1px}.nav{display:grid;gap:5px}.nav-item{min-height:44px;display:flex;align-items:center;gap:11px;border-radius:6px;padding:10px 14px;font-size:13px;text-align:left;width:100%;color:#bbd0c4;transition:background .18s,color .18s}.nav-item .icon{width:18px;height:18px}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:var(--lime);color:#234b36;font-weight:650}.nav-item.active .icon{stroke-width:1.9}.nav-count{margin-left:auto;font-size:10px;padding:1px 5px;border:1px solid #6f9a86;border-radius:4px;color:#c9ddcf}.tiny-dot{background:#d4b979;width:5px;height:5px;border-radius:50%;margin-left:auto}.second-label{margin-top:28px}.sidebar-bottom{margin-top:auto}.network{border:1px solid #ffffff15;border-radius:7px;margin:24px 5px 16px;padding:13px 11px 11px;font-size:11px;color:#dce7dd}.status-light{display:inline-block;background:#4e9779;width:6px;height:6px;border-radius:50%;vertical-align:middle;flex-shrink:0}.network>.status-light{background:#c9e69e;margin-right:6px;box-shadow:0 0 0 3px #c9e69e12}.network small{display:block;color:#91b19e;margin-top:4px;font-size:10px}.network small span{float:right}.network-bars{height:21px;display:flex;align-items:flex-end;gap:3px;margin-top:12px}.network-bars i{height:60%;background:#6b9d76;flex:1;border-radius:1px}.network-bars i:nth-child(3n){height:90%;background:#acc882}.network-bars i:nth-child(4n){height:75%}.network-bars i:nth-child(5n){height:100%;background:#c1d98e}.help{font-size:12px}.help-arrow{margin-left:auto;width:14px!important}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff15;margin:15px -16px 0;width:calc(100% + 32px);padding:18px 23px;color:#f1f5ed;text-align:left;font-size:12px}.profile:hover{background:#ffffff08;color:#fff}.profile small{display:block;font-size:10px;color:#9dbdab;margin-top:2px}.profile>.icon{margin-left:auto;width:13px}.avatar,.top-avatar{background:#e2d7c4;color:#685b45;display:grid;place-items:center;border-radius:50%;width:32px;height:32px;font-size:13px;font-weight:650;border:3px solid #ffffff20}.app{margin-left:208px}.topbar{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 29px;gap:20px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:#646968;white-space:nowrap}.breadcrumb>.icon{width:12px;height:12px;color:#646a69}.breadcrumb strong{font-weight:500;color:#3e504c}.topbar-tools{display:flex;align-items:center;gap:20px}.global-search{display:flex;align-items:center;gap:8px;background:#f6f8f8;padding:6px 10px;border-radius:6px;width:235px;color:#616965}.global-search .icon{width:16px}.global-search input{background:none;border:0;min-width:0;width:100%;font-size:12px;outline:none}.global-search input::placeholder{color:#666d6a}kbd{font:10px/1.5 inherit;white-space:nowrap;border:1px solid #e5e9e7;border-radius:3px;padding:0 4px;color:#646d69}.timezone{display:flex;align-items:center;gap:7px;color:#616e69;font-size:11px;padding:3px 0}.timezone .icon{width:15px}.icon-btn{display:inline-grid;place-items:center;padding:7px;border-radius:5px;color:#606c67;min-width:29px;min-height:29px}.icon-btn:hover{background:#f0f5f2;color:var(--green)}.bell{position:relative}.bell i{position:absolute;width:5px;height:5px;background:#b5885c;border-radius:50%;top:5px;right:7px;border:1.5px solid white;box-sizing:content-box}.top-avatar{height:29px;width:29px;border:0}.notification-wrap{position:relative}.notifications{position:absolute;right:0;top:42px;width:334px;background:#fff;box-shadow:0 5px 30px #1f49351c;border:1px solid var(--line);border-radius:10px;z-index:50;padding:10px}.popover-title{font-weight:650;padding:8px 7px 12px}.popover-title>span{float:right;font-size:11px;color:var(--muted);font-weight:400}.notifications button{display:flex;gap:10px;text-align:left;width:100%;padding:11px 8px;border-radius:5px}.notifications button:hover{background:#f4f7f5}.notifications button b{font-size:12px;font-weight:550}.notifications button small{font-size:11px;color:var(--muted);display:block;margin-top:5px}.notice-dot{width:6px;height:6px;border-radius:50%;background:#4c8b70;flex-shrink:0;margin-top:7px}.notice-dot.amber{background:#c89750}.mobile-menu{display:none}main{max-width:1660px;margin:auto;padding:25px 28px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:12px}.eyebrow{font-size:9px;letter-spacing:1.9px;color:#636e67;font-weight:550;margin-bottom:4px}h1{font-size:24px;line-height:1.4;letter-spacing:.5px;margin:0;font-weight:650;color:#253d36;display:flex;align-items:center;gap:14px}.live-pill{display:inline-flex;align-items:center;gap:5px;background:#eaf3ec;border:1px solid #e0ebe1;color:#4a725a;font-size:10px;letter-spacing:0;padding:3px 7px;border-radius:4px;font-weight:400;white-space:nowrap}.live-pill i{height:5px;width:5px;background:#679e75;border-radius:50%}.page-heading p{margin:7px 0 0;color:#626b67;font-size:12px}.page-actions{display:flex;align-items:center;gap:9px;padding-top:14px}.button{display:inline-flex;gap:7px;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #e0e6e2;border-radius:6px;background:#fff;color:#5c6b63;font-size:11px;min-height:35px;white-space:nowrap}.button .icon{height:14px;width:14px}.button:hover{background:#f7faf7;border-color:#5f6a62}.date-control{gap:8px;position:relative;padding-right:10px}.date-control select{appearance:none;background:none;border:0;cursor:pointer;outline:none;font-size:11px;max-width:175px;padding-right:15px}.date-control>.small{pointer-events:none;margin-left:-20px;width:12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:20px}.metric{padding:16px 18px 13px;background:#fff;border-radius:var(--radius);border:1px solid var(--line);box-shadow:0 2px 3px #243a3002}.metric-label{color:#5f6b64;font-size:12px;display:flex;align-items:center;justify-content:space-between}.metric-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;margin-top:-3px}.metric-icon .icon{height:15px;width:15px}.mint{background:#edf5ec;color:#54735c}.blue{background:#eef3f8;color:#536b81}.sand{background:#f8f4e9;color:#766944}.peach{background:#f9eee8;color:#7f6454}.metric-main{display:flex;align-items:baseline;gap:7px;position:relative;margin-top:1px;height:45px}.metric-main>strong{font-size:31px;font-weight:650;line-height:1.4;letter-spacing:-.8px;color:#263f35}.metric-main>span{font-size:11px;color:#636b64}.spark{width:85px;height:29px;position:absolute;right:0;bottom:4px;overflow:visible;fill:none;stroke:#85ab8c;stroke-width:1.6}.spark .spark-area{stroke:none;fill:#edf5ee}.blue-spark{stroke:#8ba5c1}.blue-spark .spark-area{fill:#edf2f7}.gold-spark{stroke:#c3b47d}.gold-spark .spark-area{fill:#f9f6ec}.metric-foot{font-size:10px;display:flex;gap:6px;align-items:center;margin-top:7px;white-space:nowrap}.positive{color:#4b7355;display:inline-flex;align-items:center;gap:4px}.positive .icon{width:12px;height:12px}.comparison{color:#666e69}.metric-extra{color:#626a65;margin-left:auto;font-size:9px}.metric-main>.attention-pill{margin-left:auto;align-self:center;font-size:10px;background:#f9f1e7;color:#7d6444;padding:3px 8px;border-radius:4px}.alert-text{color:#7c6749}.text-btn{display:inline-flex;align-items:center;gap:5px;color:#4c745c;font-size:11px;padding:2px 0;white-space:nowrap}.text-btn:hover{color:#164b35;text-decoration:underline;text-underline-offset:3px}.text-btn .icon{width:13px;height:13px}.metric-foot .text-btn{margin-left:auto;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);min-width:0;overflow:hidden;box-shadow:0 2px 3px #243a3002}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 19px 12px;gap:10px;min-height:49px}h2{font-size:14px;font-weight:650;letter-spacing:.2px;margin:0;white-space:nowrap}.panel-title{display:flex;align-items:center;gap:12px;min-width:0}.subtle-badge{display:flex;gap:4px;align-items:center;color:#626964;font-size:10px;white-space:nowrap}.subtle-badge b{font-weight:400}.subtle-badge i{background:#8dae92;width:4px;height:4px;border-radius:50%;margin-right:2px}.segmented{display:flex;align-items:center;background:#f4f6f4;border-radius:5px;padding:3px;gap:1px}.segmented button{display:flex;align-items:center;justify-content:center;gap:4px;min-width:42px;padding:4px 8px;font-size:10px;color:#646e69;border-radius:4px;position:relative;z-index:1}.segmented .icon{width:12px;height:12px}.segmented button.selected{background:#fff;color:#3b6d4d;box-shadow:0 1px 4px #20402a10}.map-panel{display:flex;flex-direction:column;height:354px;scroll-margin-top:20px}.map-canvas{position:relative;min-height:0;flex:1;background:radial-gradient(ellipse at 55% 50%,#fbfcf8 0%,#fcfdfb 50%,#fff 90%);overflow:hidden}.map-art{position:absolute;inset:-6px 4px 0;transition:transform .35s var(--ease);transform-origin:60% 45%;display:flex;align-items:center;justify-content:center}.world-map{width:100%;height:100%;overflow:visible}.world-dot{fill:#dbe3d4}.map-live{position:absolute;top:10px;left:22px;z-index:2;font-size:10px;color:#5e6b60;pointer-events:none}.map-live .status-light{width:5px;height:5px;margin-right:4px;background:#8ca67b}.map-live small{display:block;font-size:6px;letter-spacing:1px;margin-top:3px;color:#656c62;margin-left:11px}.route-line{fill:none;stroke:#7b9a67;stroke-width:1.4;stroke-opacity:.7}.route-line.air-route{stroke:#8db0bd;stroke-dasharray:5 5}.route-line.warning-route{stroke:#c7a66e;stroke-dasharray:5 4}.route-hit{fill:none;stroke:transparent;stroke-width:16;cursor:pointer}.route-path{transition:opacity .2s}.route-path.selected .route-line{stroke-width:2.6;stroke-opacity:1}.map-node{fill:#fff;stroke:#6e987b;stroke-width:1.8}.map-node-halo{fill:#7ca075;fill-opacity:.1}.map-city{font-size:13px;fill:#69816d;font-weight:500;paint-order:stroke;stroke:#fcfdfb;stroke-width:4;stroke-linejoin:round}.map-city-code{font-size:8px;fill:#96a491;letter-spacing:1px}.moving-dot{fill:#f6fff0;stroke:#73986a;stroke-width:2}.map-controls{position:absolute;left:16px;bottom:14px;display:grid;border:1px solid #e8eee5;border-radius:5px;background:#fff;box-shadow:0 2px 3px #25472405}.map-controls .icon-btn{width:26px;min-height:26px;min-width:26px;padding:6px;border-radius:0}.map-controls .icon-btn+.icon-btn{border-top:1px solid #edf1e9}.map-controls .icon{width:13px;height:13px}.map-legend{display:flex;gap:16px;position:absolute;bottom:13px;left:68px;font-size:9px;color:#646e66}.map-legend>span{display:flex;align-items:center;gap:5px}.legend-line{width:16px;height:0;border-top:1.5px solid #90ab7b}.legend-line.air{border-top:1.5px dashed #86a7b5}.legend-dot{width:5px;height:5px;border:1px solid #78a081;border-radius:50%}.map-coordinates{position:absolute;bottom:13px;right:17px;font-size:7px;color:#666d62;letter-spacing:.6px}.map-footer{border-top:1px solid #f0f3ec;padding:11px 18px;display:flex;align-items:center;gap:18px;font-size:10px;color:#676e66;min-height:39px}.map-footer .status-light{width:5px;height:5px;margin-right:4px;background:#98b387}.map-footer b{color:#5b705d;font-weight:550;margin:0 2px}.map-footer .text-btn{font-size:10px;margin-left:auto}.map-tooltip{position:absolute;background:#fff;border:1px solid #e1e9df;box-shadow:0 4px 22px #1d4a3020;padding:12px 15px;border-radius:7px;z-index:4;right:15px;top:45px;min-width:184px;font-size:11px}.map-tooltip b{display:block;font-size:12px;margin-bottom:5px}.map-tooltip small{display:block;color:#5f6c60;line-height:1.8}.map-tooltip .text-btn{margin-top:7px}.right-stack{display:grid;grid-template-rows:169px 1fr;gap:16px;height:354px;min-width:0}.score-panel .panel-heading{padding-top:13px;padding-bottom:0;min-height:34px}.score-info{padding:1px;min-width:21px;min-height:21px}.score-info .icon{width:13px;height:13px;color:#646d64}.score-content{display:flex;align-items:center;gap:15px;padding:0 18px 5px}.score-ring{position:relative;flex-shrink:0;width:101px;height:101px}.score-ring>svg{height:100%;width:100%;transform:rotate(-90deg);fill:none;stroke-width:8}.ring-bg{stroke:#eef2e5}.ring-value{stroke:#9ab374;stroke-linecap:round;stroke-dasharray:298 308;transition:stroke-dasharray .6s}.score-ring>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:3px}.score-ring b{font-size:24px;font-weight:650;line-height:1.2;color:#3e5b40;letter-spacing:-.5px}.score-ring small{font-size:9px;color:#606b5a;margin-top:4px}.score-summary{display:flex;flex-direction:column;gap:8px;align-items:flex-start;white-space:nowrap}.excellent{font-size:10px;color:#586e45;background:#f1f5e9;padding:3px 6px;border-radius:4px;display:flex;align-items:center;gap:5px}.excellent i{background:#8fa86c;height:4px;width:4px;border-radius:50%}.score-summary strong{font-size:11px;color:#62705c;font-weight:400}.score-compare{font-size:9px;color:#676e64}.score-compare b{color:#5c7248;font-weight:500;margin-right:5px}.score-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f2ed;font-size:9px;padding:7px 19px;color:#646a60}.score-bottom b{color:#616f59;font-weight:450;margin-left:4px}.score-bottom .positive{font-size:9px}.score-bottom .icon{width:11px;height:11px}.activity-panel .panel-heading{padding-top:12px;padding-bottom:7px;min-height:38px}.muted{color:#626b60;font-size:10px}.timeline{padding:0 17px 4px}.timeline-item{display:flex;gap:10px;position:relative;width:100%;text-align:left;padding:5px 0;align-items:flex-start;color:#5f6c5d}.timeline-item>span:last-child{flex:1;min-width:0}.timeline-item:not(:last-child):after{content:"";position:absolute;left:3px;top:16px;bottom:-4px;width:1px;background:#e4ebdf}.timeline-dot{width:7px;height:7px;border:1.5px solid #97b286;border-radius:50%;background:#fff;margin-top:5px;position:relative;z-index:1;flex-shrink:0}.timeline-item b{font-size:11px;font-weight:450;display:block;white-space:nowrap}.timeline-item small{display:flex;justify-content:space-between;gap:6px;font-size:8px;color:#676d61;margin-top:3px}.mono{font-family:"SFMono-Regular",Consolas,monospace;letter-spacing:.2px}.timeline-item.warning b{color:#7b694a}.timeline-item.warning .timeline-dot{border-color:#78684c}.timeline-item:hover b{color:#2d704b}.shipments-panel{align-self:start;min-height:310px}.shipments-panel .panel-heading{padding-top:16px;padding-bottom:11px}.table-count{font-size:10px;color:#656e69;background:#f5f7f4;border-radius:4px;padding:2px 6px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 18px;gap:8px}.shipment-tabs{display:flex;gap:18px;align-self:stretch;min-width:0}.shipment-tabs button{font-size:11px;color:#636c65;padding:7px 0 12px;white-space:nowrap;position:relative}.shipment-tabs button>span{font-size:9px;color:#696d68;margin-left:4px}.shipment-tabs button.active{color:#4b7458;font-weight:600}.shipment-tabs button.active:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:-1px;background:#6f9774;border-radius:2px}.shipment-tabs button.active>span{color:#586e58}.table-tools{display:flex;gap:6px;align-items:center;margin-bottom:5px}.table-search{display:flex;align-items:center;gap:5px;background:#f8f9f7;border:1px solid #edf0ea;border-radius:5px;padding:5px 7px;width:128px}.table-search .icon{width:12px;height:12px;color:#676e66}.table-search input{border:0;outline:none;width:100%;min-width:0;background:transparent;font-size:10px}.table-search input::placeholder{color:#666e64}.table-tools>.icon-btn{border:1px solid #edf0ea;min-height:26px;width:27px;padding:5px}.table-tools>.icon-btn .icon{height:13px;width:13px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}th{text-align:left;font-size:10px;font-weight:400;color:#656e64;background:#fafbf9;padding:9px 12px;border-bottom:1px solid #eff2ec}th:first-child,td:first-child{padding-left:20px}th:last-child,td:last-child{padding-right:18px}td{border-bottom:1px solid #f1f3ee;padding:10px 12px;color:#616f5f;height:57px}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background .15s}tbody tr:hover{background:#fafcf8}.shipment-id{font-size:10px;font-weight:600;color:#586e5b;letter-spacing:.1px}.carrier{font-size:9px;color:#656c62;margin-top:4px;display:flex;gap:4px;align-items:center}.carrier .icon{width:11px;height:11px;color:#646e60}.table-route{display:flex;align-items:center;gap:7px;color:#606d5c;font-size:11px}.table-route>.icon{height:12px;width:12px;color:#646960}.route-secondary{font-size:9px;color:#656b60;margin-top:3px;letter-spacing:.4px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;font-size:9px;border-radius:4px;color:#557262;background:#eff6f0}.status-badge:before{content:"";height:4px;width:4px;background:currentColor;border-radius:50%}.status-badge.delivered{background:#f0f3f9;color:#5c6978}.status-badge.exception{color:#7f6848;background:#faf4e9}.eta{font-size:10px;color:#62705e}.eta small{display:block;font-size:9px;color:#64695d;margin-top:3px}.row-detail{font-size:10px;color:#576f52;padding:4px;display:flex;align-items:center;gap:3px}.row-detail .icon{width:11px;height:11px}.row-detail:hover{color:#1e643c}.detail-head{text-align:center}.sort-button{font-size:10px;color:inherit;padding:0;display:flex;align-items:center;gap:3px}.sort-button .icon{width:10px;height:10px}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;border-top:1px solid #eff2ec;color:#646b61;font-size:9px}.pagination{display:flex;align-items:center;gap:4px}.pagination .icon-btn{width:22px;min-width:22px;min-height:22px;padding:4px}.pagination .icon{width:11px;height:11px}.rotate{transform:rotate(180deg)}#pageNumbers{display:flex;gap:4px}.page-num{width:22px;height:22px;color:#616a5c;font-size:10px;border-radius:4px}.page-num.current{color:#556f50;background:#f0f5eb}.advanced-filter{padding:10px 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);background:#fbfcf9}.advanced-filter label{font-size:10px;color:#606c5b;display:flex;align-items:center;gap:6px}.advanced-filter select{font-size:10px;padding:4px 6px;border-radius:4px;border:1px solid #e0e7da;background:white}.advanced-filter .text-btn{font-size:10px;margin-left:auto}.empty-state{padding:35px 20px;display:flex;align-items:center;flex-direction:column;gap:8px;color:#636e5c}.empty-state>.icon{width:28px;height:28px;color:#646c5d;margin-bottom:3px}.empty-state b{font-size:13px;font-weight:500}.empty-state span{font-size:11px}.empty-state .text-btn{margin-top:8px}.compact-select{display:flex;align-items:center;gap:5px;color:#676e60;font-size:10px}.compact-select select{font-size:10px;border:0;background:none;appearance:none;outline:none;cursor:pointer;padding:4px 14px 4px 2px}.compact-select .icon{width:10px;height:10px;margin-left:-13px;pointer-events:none}.popular-panel{align-self:start}.popular-panel .panel-heading{padding-bottom:8px}.popular-routes{padding:0 19px}.popular-route{width:100%;padding:12px 0 10px;border-bottom:1px solid #f0f3ec;text-align:left;display:grid;grid-template-columns:25px 1fr auto;column-gap:10px;align-items:start}.popular-route:last-child{border-bottom:0}.rank{background:#edf3e8;color:#606e52;border-radius:5px;width:24px;height:26px;display:grid;place-items:center;font-size:12px;font-weight:550}.popular-route:nth-child(2) .rank{background:#f2f4ed;color:#666f59}.popular-route:nth-child(3) .rank{background:#f5f5f0;color:#65695c}.route-name{display:flex;align-items:center;gap:7px;font-size:12px;color:#5e6e54;font-weight:500;white-space:nowrap}.route-name .icon{width:12px;height:12px;color:#646b5c}.popular-meta{display:flex;gap:7px;align-items:center;font-size:9px;color:#636b5c;margin-top:5px}.popular-meta .icon{width:10px;height:10px}.popular-volume{text-align:right;color:#5c6e50;font-weight:550;font-size:12px;padding-top:1px}.popular-volume small{color:#656c5c;font-weight:400;font-size:9px;margin-left:2px}.popular-volume span{display:block;font-size:8px;color:#5f6e50;font-weight:400;margin-top:5px}.volume-bar{grid-column:2/4;display:block;height:3px;border-radius:3px;background:#f1f4ed;margin:9px 0 0}.volume-bar i{display:block;height:100%;background:#d9e6c4;border-radius:3px;transition:width .4s}.popular-route:hover .route-name{color:#336238}.popular-route:hover .volume-bar i{background:#b5d397}.popular-footer{display:flex;gap:5px;align-items:center;font-size:9px;color:#676d60;padding:11px 19px;border-top:1px solid #f0f3ec}.popular-footer .icon{width:11px;height:11px}.page-footer{display:flex;align-items:center;justify-content:space-between;padding:18px 1px;color:#676d65;font-size:9px}.page-footer>span:first-child{display:flex;gap:6px;align-items:center}.page-footer .status-light{height:4px;width:4px;background:#91ad7c}.page-footer b{font-weight:400}.toast{position:fixed;bottom:25px;left:calc(50% + 104px);transform:translate(-50%,20px);opacity:0;background:#224f3c;color:#f3faec;border-radius:8px;padding:12px 20px;font-size:13px;box-shadow:0 6px 25px #1d3f2f25;display:flex;align-items:center;gap:9px;z-index:100;pointer-events:none;transition:opacity .2s,transform .25s var(--ease);max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}.toast .icon{width:16px;height:16px;color:#cee8b2}.drawer-scrim{position:fixed;inset:0;background:#102c2738;backdrop-filter:blur(2px);z-index:60;opacity:0;pointer-events:none;transition:opacity .25s}.drawer-scrim.open{opacity:1;pointer-events:auto}.detail-drawer{position:fixed;top:0;bottom:0;right:0;width:440px;background:#fff;z-index:65;box-shadow:-10px 0 50px #153f2415;transform:translateX(102%);transition:transform .3s var(--ease);overflow-y:auto;padding:28px}.detail-drawer.open{transform:translateX(0)}.drawer-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:21px}.drawer-heading h2{font-size:22px}.drawer-heading .eyebrow{font-size:9px}.detail-id{display:flex;justify-content:space-between;align-items:center;margin:24px 0 18px}.detail-id>b{font-size:16px;color:#35604b}.detail-route{background:#f2f7ee;border:1px solid #e7efdf;border-radius:10px;display:flex;justify-content:space-between;align-items:center;padding:24px 22px}.detail-route .icon{width:35px;color:#5c6d50}.detail-city b{font-size:24px;color:#45633a;font-weight:600}.detail-city small{font-size:10px;color:#5f6c54;display:block;margin-top:2px;letter-spacing:.6px}.detail-city:last-child{text-align:right}.detail-progress{display:flex;justify-content:space-between;margin:26px 0 28px;position:relative}.detail-progress:before{content:"";height:2px;background:#e5ebdf;position:absolute;top:9px;left:20px;right:20px}.progress-step{display:flex;align-items:center;flex-direction:column;gap:7px;font-size:10px;color:#626b5c;position:relative}.progress-step i{width:20px;height:20px;display:grid;place-items:center;background:#edf2e7;border:3px solid #fff;border-radius:50%;font-style:normal;font-size:9px}.progress-step.done{color:#547342}.progress-step.done i{background:#9cba7b;color:#fff}.detail-section-title{font-size:13px;margin:20px 0 13px;font-weight:600}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px;border-bottom:1px solid var(--line);padding-bottom:23px}.detail-facts dt{font-size:10px;color:#636a5f;margin-bottom:6px}.detail-facts dd{margin:0;color:#586f4d;font-size:12px}.detail-alert{padding:12px 14px;border-radius:7px;background:#faf4e8;color:#826436;font-size:12px;margin-bottom:22px;line-height:1.8}.detail-log{list-style:none;margin:0;padding:0}.detail-log li{padding:0 0 21px 23px;position:relative;border-left:1px solid #e5ecdf;margin-left:4px}.detail-log li:before{position:absolute;content:"";width:7px;height:7px;background:#93b276;border-radius:50%;top:6px;left:-4px;border:2px solid #fff;box-sizing:content-box}.detail-log li:last-child{border-left-color:transparent}.detail-log li b{font-size:12px;font-weight:500;color:#5a724a}.detail-log li small{font-size:10px;color:#646c60;display:block;margin-top:5px}.detail-action{width:100%;padding:11px;color:#fff;background:#386944;border-radius:6px;font-size:12px;margin-top:20px}.detail-action:hover{background:#245431;color:#fff}dialog{border:1px solid #e3ebdd;border-radius:14px;width:490px;max-width:calc(100vw - 32px);padding:25px;box-shadow:0 20px 80px #173c2925;color:var(--ink)}dialog::backdrop{background:#14382d45;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-heading h2{font-size:19px}.dialog-content-text{font-size:13px;color:#5f6e56;line-height:1.9}.dialog-list{display:grid;gap:12px}.dialog-row{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #e9eee2;border-radius:7px}.dialog-row .avatar{background:#e7eddb;color:#606c50;border:0;font-size:12px}.dialog-row b{font-size:12px;font-weight:550;display:block}.dialog-row small{font-size:10px;color:#686e5f;display:block;margin-top:4px}.dialog-row .status-badge{margin-left:auto}.setting-field{display:grid;gap:7px;font-size:12px;color:#606d56;margin:18px 0}.setting-field select{padding:11px;border:1px solid #dce7d1;background:#f9fbf6;border-radius:6px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.report-stat{background:#f4f7ee;padding:17px;border-radius:8px}.report-stat small{display:block;font-size:11px;color:#636c58}.report-stat b{display:block;font-size:25px;color:#567340;margin-top:6px}.report-stat span{font-size:12px;font-weight:400}.help-steps{font-size:13px;color:#626f56;line-height:2.2;padding-left:20px}.route-dialog-meta{display:flex;align-items:center;justify-content:space-between;margin:20px 0}.route-dialog-meta>span{color:#666f5c;font-size:12px}.route-dialog-meta b{display:block;color:#56703f;font-size:21px;margin-top:5px}.mobile-scrim{display:none}[hidden]{display:none!important}
@media(min-width:1550px){main{padding-top:32px}.metric{padding:20px 23px 17px}.map-panel,.right-stack{height:405px}.right-stack{grid-template-rows:190px 1fr}.map-art{inset:-8px 20px 0}.score-content{padding-top:6px;padding-bottom:11px}.score-ring{width:112px;height:112px}.timeline-item{padding-top:8px;padding-bottom:8px}}
@media(max-width:1240px){.sidebar{width:184px;padding-left:12px;padding-right:12px}.app{margin-left:184px}.brand{font-size:18px;padding-left:5px;gap:6px}.brand small{font-size:8px}.brand-mark,.brand-mark svg{width:28px}.workspace{margin-top:25px}.profile{margin-left:-12px;width:calc(100% + 24px);padding:16px 18px}.nav-item{font-size:12px;padding-left:12px;gap:9px}.sidebar .nav-label{font-size:9px}.topbar{padding:0 22px}.topbar-tools{gap:14px}.global-search{width:190px}main{padding-left:22px;padding-right:22px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 275px;gap:16px}.metrics{gap:13px}.metric{padding-left:15px;padding-right:15px}.metric-extra{display:none}.spark{width:70px}.metric-foot{font-size:9px}.panel-heading{padding-left:15px;padding-right:15px}.map-footer{padding-left:15px;padding-right:15px;gap:10px}.map-footer>span{font-size:9px}.map-footer .text-btn{font-size:9px}.subtle-badge{gap:3px;font-size:9px}.panel-title{gap:8px}.segmented button{padding:4px 6px;min-width:35px}.score-content{gap:7px;padding-left:13px}.score-ring{width:96px;height:96px}.score-summary strong{font-size:10px}.score-summary{gap:9px}.timeline{padding-left:15px;padding-right:15px}.timeline-item b{font-size:10px}.shipment-tabs{gap:12px}.table-search{width:103px}.table-toolbar{padding-left:15px;padding-right:15px}.table-route{font-size:10px}.table-tools{gap:4px}td,th{padding-left:8px;padding-right:8px}.table-route{gap:3px}.popular-routes{padding-left:15px;padding-right:15px}.route-name{font-size:11px;gap:5px}.popular-route{column-gap:8px}.toast{left:calc(50% + 92px)}}
@media(max-width:1050px){.sidebar{width:170px}.app{margin-left:170px}.workspace{font-size:10px;padding-left:6px;padding-right:6px;gap:6px}.brand{font-size:17px}.brand small{letter-spacing:.8px}.topbar-tools{gap:12px}.timezone{display:none}.dashboard-grid{grid-template-columns:minmax(0,1fr) 255px;gap:14px}.metrics{gap:10px}.metric{padding:14px 12px 12px}.metric-main>strong{font-size:27px}.spark{width:54px;height:23px}.metric-main{height:42px}.metric-label{font-size:11px}.metric-foot .text-btn{font-size:9px}.attention-pill{padding:3px 5px!important}.map-panel .panel-heading{flex-wrap:wrap;gap:9px}.map-panel .panel-title{gap:8px}.subtle-badge{font-size:8px}.map-canvas{min-height:225px}.map-footer>span:nth-child(2){display:none}.map-legend{gap:9px;left:55px;font-size:8px}.map-coordinates{display:none}.map-live{left:14px;top:7px}.table-tools .table-search{display:none}.shipment-tabs{gap:16px}.score-content{gap:4px}.score-ring{height:91px;width:91px}.score-summary strong{font-size:9px}.timeline-item b{font-size:9px}.timeline-item small{font-size:7px}.popular-routes{padding:0 13px}.popular-route{grid-template-columns:22px 1fr auto;gap:6px}.route-name{font-size:10px}.route-name .icon{width:10px}.rank{width:21px;height:23px;font-size:10px}.popular-volume{font-size:11px}.popular-meta{font-size:8px;gap:4px}.popular-footer{font-size:8px;padding:12px 13px}.table-route{font-size:9px}.route-secondary,.carrier{font-size:8px}.shipment-id{font-size:9px}.row-detail{font-size:9px}.eta{font-size:9px}.page-heading p{font-size:11px}h1{font-size:21px;gap:8px}.eyebrow{font-size:8px}.date-control select{max-width:155px;font-size:10px}.page-actions{gap:6px}.button{padding:7px 9px}.live-pill{font-size:8px}.page-footer{font-size:8px}.page-footer>span:nth-child(2){display:none}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);width:220px;transition:transform .25s var(--ease);padding-top:25px}.sidebar.open{transform:translateX(0)}.sidebar .brand{font-size:21px}.sidebar .brand small{font-size:10px}.sidebar .brand-mark,.sidebar .brand-mark svg{width:33px}.sidebar .workspace{font-size:12px;padding:10px;gap:10px}.sidebar .nav-item{font-size:13px}.sidebar .nav-label{font-size:10px}.sidebar .profile{padding:18px 24px}.app{margin-left:0}.mobile-scrim{position:fixed;inset:0;background:#0b302c50;z-index:25;backdrop-filter:blur(2px)}.mobile-scrim.open{display:block}.mobile-menu{display:grid;padding:6px;margin-left:-6px}.breadcrumb{gap:7px}.topbar{height:60px;padding:0 20px}.topbar-tools{gap:12px}.top-avatar{width:27px;height:27px}.global-search{width:190px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 260px}main{padding:23px 20px 0}.toast{left:50%}.metric-main>strong{font-size:29px}.page-heading{align-items:flex-start}.page-actions{padding-top:17px}.page-heading h1{font-size:21px}.metrics{gap:10px}.metric{padding:13px 11px}.metric-label{font-size:10px}.spark{width:40px}.metric-icon{width:24px;height:24px}.metric-foot{gap:4px;font-size:9px}.metric-foot .text-btn{font-size:8px}.alert-text{font-size:8px}.score-ring{width:94px;height:94px}.map-panel,.right-stack{height:355px}.map-panel .panel-heading{flex-direction:column;align-items:flex-start}.segmented{align-self:flex-end;margin-top:-4px}.table-toolbar{padding:0 12px}.shipment-tabs{gap:9px}.shipment-tabs button{font-size:10px}.shipment-tabs button>span{font-size:8px;margin-left:3px}td,th{padding-left:7px;padding-right:7px}th:first-child,td:first-child{padding-left:13px}th:last-child,td:last-child{padding-right:10px}.status-badge{font-size:8px}.table-route{font-size:9px;gap:3px}.shipment-id{font-size:8px}.table-route>.icon{width:9px}.table-scroll table{min-width:475px}.table-scroll{scrollbar-width:thin;scrollbar-color:#676c62 transparent}.panel-heading{padding-left:14px;padding-right:14px}}
@media(max-width:650px){.breadcrumb-home,.breadcrumb>.icon{display:none}.breadcrumb{gap:7px;font-size:12px}.topbar{padding:0 17px;height:58px;position:relative}.global-search{background:transparent;width:28px;padding:5px;cursor:pointer}.global-search .icon{width:19px;height:19px;color:#606f65}.global-search input,.global-search kbd{display:none}.global-search.search-open{position:absolute;left:53px;right:100px;width:auto;z-index:3;background:#f4f7f1;padding:8px}.global-search.search-open input{display:block;font-size:12px}.topbar-tools{gap:10px}.topbar .bell{min-width:27px;min-height:27px;padding:4px}.top-avatar{height:27px;width:27px;font-size:11px}.topbar .bell i{top:3px;right:4px}main{padding:24px 16px 0}.page-heading{display:block;position:relative;margin-bottom:18px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:6px}.page-heading h1{font-size:21px;letter-spacing:.1px;gap:8px;line-height:1.4}.live-pill{font-size:8px;padding:2px 5px;border-radius:4px;gap:3px}.live-pill i{width:4px;height:4px}.page-heading p{font-size:11px;margin-top:7px;letter-spacing:.2px}.page-actions{padding-top:17px;justify-content:space-between;flex-direction:row-reverse}.button{padding:7px 10px;min-height:33px;font-size:10px}.date-control select{font-size:10px;max-width:200px}.metrics{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:17px}.metric{padding:13px 14px 12px;border-radius:9px}.metric-label{font-size:11px}.metric-icon{width:24px;height:24px;border-radius:6px}.metric-icon .icon{width:14px;height:14px}.metric-main{height:42px;margin-top:2px;gap:5px}.metric-main>strong{font-size:29px;letter-spacing:-.5px}.metric-main>span{font-size:10px}.spark{width:55px;height:24px;bottom:4px}.metric-foot{font-size:9px;gap:5px;margin-top:5px}.metric-foot .text-btn{font-size:9px;gap:3px}.metric-foot .text-btn .icon{width:10px}.alert-text{font-size:9px}.metric-main>.attention-pill{font-size:9px}.dashboard-grid{display:flex;flex-direction:column;gap:16px}.map-panel{height:340px;border-radius:10px}.map-panel .panel-heading{padding:15px 14px 12px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px;min-height:50px}.map-panel h2{font-size:13px}.map-panel .panel-title{gap:8px}.subtle-badge{font-size:8px}.segmented{margin:0;align-self:auto;padding:2px;gap:1px}.segmented button{font-size:9px;min-width:31px;padding:4px 5px}.segmented .icon{display:none}.map-canvas{min-height:235px}.map-art{inset:9px -118px 21px -74px}.map-live{left:15px;top:7px;font-size:8px}.map-live small{font-size:5px;margin-left:9px;letter-spacing:.6px}.map-legend{font-size:7px;bottom:12px;left:56px;gap:12px}.map-controls{left:14px;bottom:12px}.map-controls .icon-btn{min-height:23px;height:23px;width:24px;min-width:24px}.map-controls .icon{width:11px;height:11px}.map-footer{font-size:9px;padding:11px 14px;gap:8px;min-height:38px}.map-footer>span{font-size:8px}.map-footer .text-btn{font-size:9px}.right-stack{display:contents;height:auto}.score-panel{order:1;min-height:169px}.score-panel .panel-heading{padding:14px 17px 0}.score-content{gap:25px;justify-content:center;padding:0 20px 6px}.score-ring{height:110px;width:110px}.score-ring b{font-size:27px}.score-ring small{font-size:10px}.score-summary{gap:9px}.score-summary strong{font-size:12px}.score-summary .excellent{font-size:11px}.score-compare{font-size:10px}.score-bottom{font-size:10px;padding:8px 18px}.score-bottom .positive{font-size:10px}.activity-panel{order:3}.activity-panel .panel-heading{padding:15px 17px 10px}.timeline{padding:0 18px 11px}.timeline-item{gap:13px;padding:8px 0}.timeline-item b{font-size:12px}.timeline-item small{font-size:10px;margin-top:5px}.timeline-item:not(:last-child):after{bottom:-8px;top:19px}.shipments-panel{order:2;min-height:0}.shipments-panel .panel-heading{padding:16px 14px 12px}.shipments-panel h2,.popular-panel h2,.activity-panel h2{font-size:14px}.shipment-tabs{gap:16px;flex:1;justify-content:space-between}.shipment-tabs button{font-size:11px;padding:8px 0 11px}.shipment-tabs button>span{font-size:9px}.table-toolbar{padding:0 14px;gap:10px}.table-tools{margin-bottom:3px}.table-tools>.icon-btn{width:25px;min-width:25px}.table-scroll table{min-width:555px}th{font-size:10px;padding:10px 13px}td{padding:12px 13px;height:64px}.shipment-id{font-size:10px}.carrier{font-size:9px;margin-top:4px}.table-route{font-size:11px;gap:7px}.table-route>.icon{width:11px}.route-secondary{font-size:9px}.status-badge{font-size:9px}.eta{font-size:10px}.row-detail{font-size:10px}.table-footer{padding:11px 14px;font-size:9px}.popular-panel{order:4}.popular-panel .panel-heading{padding:16px 17px 9px}.popular-routes{padding:0 17px}.popular-route{grid-template-columns:25px 1fr auto;column-gap:11px;padding:13px 0 12px}.rank{width:25px;height:27px;font-size:12px}.route-name{font-size:12px;gap:9px}.route-name .icon{width:13px}.popular-meta{font-size:10px;gap:7px}.popular-volume{font-size:13px}.popular-volume small{font-size:10px}.popular-volume span{font-size:9px}.popular-footer{font-size:10px;padding:12px 17px}.compact-select select{font-size:11px}.page-footer{font-size:8px;padding:18px 0 23px;gap:10px}.page-footer>span:last-child{font-size:8px}.page-footer>span:nth-child(2){display:none}.notifications{right:-39px;top:39px;width:323px}.detail-drawer{width:100%;max-width:440px;padding:22px}.detail-route{padding:20px}.map-tooltip{right:12px;top:31px;font-size:10px;padding:10px 12px;min-width:170px}.advanced-filter{padding:11px 13px;gap:10px;flex-wrap:wrap}.advanced-filter .text-btn{margin-left:0}.toast{padding:11px 15px;font-size:12px;width:max-content;max-width:calc(100vw - 32px);bottom:20px}.table-count{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}animateMotion{display:none}}
.filter-summary{display:flex;align-items:center;justify-content:space-between;background:#f3f7ef;padding:8px 18px;font-size:10px;color:#5e704e;border-bottom:1px solid #e9efdf;gap:10px}.filter-summary .text-btn{font-size:10px}.map-tooltip b{display:flex;align-items:center;gap:5px}.map-tooltip b .icon{width:13px;height:13px}.map-tip-close{position:absolute;right:3px;top:3px;min-height:20px;min-width:20px;padding:4px}.map-tip-close .icon{width:11px;height:11px}.detail-alert>.icon{width:14px;height:14px;vertical-align:-2px}.dialog-row>.icon:last-child{margin-left:auto;width:14px;color:#5f6d52}.dialog-row:hover{background:#f6f9f1}.refreshing>.icon{animation:rotate .5s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}
/* Final typographic and contrast pass. */
:root{--muted:#69786c}.nav-label{color:#a5c1b1}.network small{color:#a5c1b1}.workspace small{color:#aac5b6}.map-city{fill:#566f52;font-size:15px}.map-city-code{fill:#66775f}.map-coordinates{color:#6c7b61}.page-heading .eyebrow{line-height:11px}.page-heading h1{line-height:1.3}.page-heading p{margin-top:6px}.page-heading{margin-bottom:18px}.metric{padding-top:13px;padding-bottom:12px}.metric-label{line-height:20px}.metric-main{height:43px}.metric-foot{margin-top:5px}.metric-extra{font-size:10px}h2{font-size:15px}.timeline-item b{font-size:12px;line-height:1.4}.timeline-item small{font-size:9px;line-height:1.4}.timeline-item{padding-top:4px;padding-bottom:4px}.shipment-id{font-size:11px}.carrier{font-size:10px}.table-route{font-size:12px}.status-badge{font-size:10px}.eta{font-size:11px}.row-detail{font-size:11px}.route-name{font-size:13px}.popular-meta{font-size:10px}.popular-volume{font-size:13px}.map-footer{font-size:11px}.map-footer .text-btn{font-size:11px}.subtle-badge{font-size:11px}.segmented button{font-size:11px}.shipment-tabs button{font-size:12px}.shipment-tabs button>span{font-size:10px}.panel-heading .text-btn{font-size:12px}.table-footer{font-size:10px}.page-footer{font-size:10px}.route-secondary{font-size:10px}.metric-foot .comparison{color:#6f7c6d}.metric-foot .positive{color:#44714e}.score-summary strong{color:#68775c}.score-compare{color:#6b775f}.score-compare b{color:#617c45}.score-ring small{color:#647456}.score-summary .excellent{color:#617746}.score-bottom{color:#69785b}.score-bottom b{color:#63734f}.score-bottom .positive{color:#527041}.popular-footer{font-size:10px}.popular-volume small{color:#6a7a5c}.popular-volume span{color:#627d47}.table-search input::placeholder{color:#6e7b64}.global-search input::placeholder{color:#6d7b70}.shipment-tabs button>span{color:#708164}.map-footer b{color:#596e50}.map-tooltip small{color:#68795e}.route-secondary{color:#6c7d60}.carrier{color:#6a7b5d}.timeline-item small{color:#6f7f62}.timeline-item.warning b{color:#98713c}.timeline-item{color:#637852}.empty-state{color:#637752}
@media(min-width:801px) and (max-width:1549px){main{padding-top:22px}.map-panel,.right-stack{height:334px}.right-stack{grid-template-rows:158px 1fr;gap:14px}.score-content{padding-bottom:2px}.score-ring{width:94px;height:94px}.score-bottom{padding-top:6px;padding-bottom:6px}.metrics{margin-bottom:18px}.dashboard-grid{gap:18px}.metric-icon{width:25px;height:25px}.map-panel .map-canvas{min-height:0}.activity-panel .panel-heading{padding-bottom:6px}.panel-heading{padding-top:15px}.timeline-item{padding-top:3px;padding-bottom:3px}}
@media(max-width:1240px) and (min-width:651px){.shipment-id{font-size:10px}.carrier{font-size:9px}.table-route{font-size:11px}.row-detail,.eta{font-size:10px}.shipment-tabs{gap:10px}.shipment-tabs button{font-size:11px}.timeline-item b{font-size:11px}.timeline-item small{font-size:8px}.subtle-badge{font-size:9px}.route-name{font-size:12px}.popular-meta{font-size:9px}.score-ring{width:89px;height:89px}.map-footer,.map-footer .text-btn{font-size:10px}}
@media(max-width:1050px) and (min-width:651px){.timeline-item b{font-size:10px}.route-name{font-size:11px}.table-route{font-size:10px}.shipment-id{font-size:9px}.shipment-tabs button{font-size:10px}.shipment-tabs button>span{font-size:9px}.subtle-badge{font-size:9px}.segmented button{font-size:10px}}
@media(max-width:650px){.page-heading h1{line-height:1.4}.page-heading p{margin-top:7px}.metric{padding-top:13px;padding-bottom:12px}.metric-label{line-height:1.5}.metric-main{height:42px}.metric-extra{display:none}.map-footer,.map-footer .text-btn{font-size:9px}.subtle-badge{font-size:8px}.segmented button{font-size:9px}.timeline-item{padding-top:8px;padding-bottom:8px}.timeline-item b{font-size:12px}.timeline-item small{font-size:10px}.shipment-tabs button{font-size:11px}.shipment-tabs button>span{font-size:9px}.shipment-id{font-size:10px}.carrier{font-size:9px}.table-route{font-size:11px}.route-secondary{font-size:9px}.eta{font-size:10px}.status-badge{font-size:9px}.row-detail{font-size:10px}.route-name{font-size:12px}.popular-meta{font-size:10px}.popular-volume{font-size:13px}.table-footer{font-size:9px}.panel-heading .text-btn{font-size:11px}.page-footer{font-size:8px}}