:root{--ink:#182d29;--muted:#677773;--paper:#f4f6f5;--line:#dfe6e2;--green:#174d3d;--lime:#d5ef7c;--white:#fff;--danger:#a33335;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--paper)}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:2.15rem;font-weight:600;letter-spacing:-1.2px;margin-bottom:10px}h2{font-size:1.17rem;font-weight:600;letter-spacing:-.3px}h3{font-size:1rem}p{line-height:1.6}small,.small{font-size:.8125rem;line-height:1.5}.muted{color:var(--muted)}.eyebrow{font-size:.75rem;font-weight:650;letter-spacing:1.5px;line-height:1.8;margin-bottom:10px}.eyebrow span{font-weight:400;color:var(--muted);letter-spacing:.5px}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#132c28;color:#dce6e2;padding:35px 20px 18px;display:flex;flex-direction:column;overflow:auto}.brand{color:white;font-size:2.3rem;letter-spacing:-3px;line-height:1;font-weight:750;display:block;margin:0 12px 38px}.brand span{font-weight:350}.brand small{display:block;font-size:.62rem;letter-spacing:2.1px;font-weight:500;margin-top:12px;color:#a9beb5}.brand:hover{text-decoration:none}.group-label{font-size:.65rem;letter-spacing:1.5px;color:#9bb2aa;margin:0 10px 10px}.company-form{display:flex;gap:5px;padding:0 4px;margin-bottom:20px}.company-form select{background:#214139;border:1px solid #39544c;color:white;min-width:0;padding:12px;font-size:.875rem}.switch{background:#214139;color:var(--lime);border:1px solid #39544c;border-radius:6px}.nav-label{font-size:.63rem;letter-spacing:1.5px;color:#8ca59c;padding:15px 13px 9px}.sidebar nav>a{display:flex;align-items:center;gap:13px;color:#c7d7d0;font-size:.875rem;padding:11px 14px;margin:3px 0;border-radius:6px}.sidebar nav>a span{font-size:1.2rem;min-width:19px;text-align:center}.sidebar nav>a:hover{background:#24433b;text-decoration:none}.sidebar nav>a.active{background:var(--lime);color:#1a3429;font-weight:600}.sidebar-bottom{display:flex;gap:10px;align-items:center;border-top:1px solid #365149;margin-top:auto;padding-top:20px}.sidebar-bottom strong{font-size:.8125rem}.sidebar-bottom small{display:block;color:#a1b9ae}.sidebar-bottom form{margin-left:auto}.avatar{display:grid;place-items:center;width:34px;height:34px;background:#355448;border-radius:50%;color:var(--lime)}.logout{border:none;background:none;color:white;font-size:1.3rem}.workspace{margin-left:244px}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:.8125rem;color:var(--muted)}.topbar b{color:var(--ink);font-weight:600}.divider{padding:0 16px;color:#a7b7af}.live-dot{display:inline-block;width:7px;height:7px;background:#52805a;border-radius:50%;margin-right:6px}.workspace main{padding:36px 38px;min-height:calc(100vh - 128px)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading p:last-child{margin-bottom:0;font-size:.875rem}.primary,.secondary,.small-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:6px;font-size:.875rem;font-weight:550;border:1px solid var(--line);line-height:1.4;white-space:normal;text-align:center}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#23664d;text-decoration:none}.secondary,.small-button{background:white;color:var(--ink)}.secondary:hover,.small-button:hover{background:#edf2ed;text-decoration:none}.small-button{padding:7px 11px;font-size:.8125rem}.danger{color:var(--danger)}.full{width:100%}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:28px}.metric{border:1px solid var(--line);border-radius:9px;padding:22px;background:white;min-height:162px}.metric>p{font-size:.8125rem;color:var(--muted);display:flex;justify-content:space-between;gap:10px;margin-bottom:20px}.metric>p span{color:#84978c}.metric h2{font-size:2.5rem;letter-spacing:-1px;line-height:1;margin-bottom:14px;font-weight:550}.metric h2 small{font-size:.85rem;letter-spacing:0}.metric>small{color:var(--muted);font-size:.75rem}.metric.dark{background:var(--green);border-color:var(--green);color:white}.metric.dark p,.metric.dark small,.metric.dark>p span{color:#cee0d2}.metric.dark h2{color:var(--lime)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:9px;margin-bottom:22px;min-width:0;overflow:hidden}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 24px}.section-heading h2,.section-heading p{margin-bottom:0}.section-heading .eyebrow{margin-bottom:7px;color:var(--muted);font-size:.63rem}.text-link{font-size:.8125rem;font-weight:600;white-space:nowrap}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.875rem;white-space:nowrap}th{font-size:.75rem;font-weight:500;color:var(--muted);text-align:left;background:#f8faf8;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 22px}td{padding:18px 22px;border-bottom:1px solid #edf1ee}tbody tr:last-child td{border-bottom:0}td small{display:block;color:var(--muted);margin-top:5px;font-size:.75rem}.record-link{font-weight:600}.badge{display:inline-block;border-radius:30px;padding:5px 10px;font-size:.75rem;font-weight:500;background:#eff2f0;color:#536660;vertical-align:middle;letter-spacing:0;white-space:nowrap}.in_transit,.assigned{background:#e7f0fd;color:#315f93}.loading,.offloading,.border,.pending{background:#fff3d9;color:#896127}.delivered,.closed,.pod_verified,.approved{background:#e7f2e7;color:#397047}.cancelled,.rejected{background:#fbe7e7;color:#a43737}.flow-panel{padding:25px}.flow-panel>.eyebrow{color:var(--muted);font-size:.65rem}.pulse-list{padding:12px 0 20px}.pulse-list>div{display:flex;align-items:center;gap:11px;font-size:.8125rem;padding:12px 0;border-bottom:1px solid #edf1ee}.pulse-list b{margin-left:auto;font-weight:600}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#76a08b}.attention{margin-top:7px;padding:19px;background:#f2f5ec;border:1px solid #e4ead7;border-radius:6px}.attention>span{font-size:1.4rem}.attention h3{font-size:.875rem;line-height:1.5;margin-top:10px}.attention p,.attention a{font-size:.75rem}.attention p{margin-bottom:12px}footer{display:flex;justify-content:space-between;color:#7c8b83;font-size:.75rem;padding:18px 38px;border-top:1px solid var(--line)}.filter-bar{display:flex;gap:12px;padding:18px 22px;align-items:center}.filter-bar input{max-width:480px}.filter-bar select{max-width:220px}input,select,textarea{width:100%;padding:11px 13px;border:1px solid #ccd8cf;border-radius:5px;background:#fff;color:var(--ink);font-size:.9375rem}input[type=checkbox]{width:auto;min-width:20px;min-height:20px}input[type=file]{font-size:.8125rem}textarea{min-height:100px;resize:vertical}label{display:block;font-weight:500;font-size:.875rem;margin-bottom:8px}form p{margin-bottom:20px}.helptext{display:block;color:var(--muted);font-size:.8125rem;margin-top:6px}.helptext ul{padding-left:20px}.errorlist{color:var(--danger);font-size:.875rem;line-height:1.6;padding-left:20px}.form-panel{max-width:760px;padding:30px}.form-actions{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:22px}.pagination{padding:16px 22px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:.8125rem;color:var(--muted);gap:10px}.pagination>div{display:flex;gap:15px}.empty{text-align:center;white-space:normal;color:var(--muted);padding:48px 24px;line-height:1.7}.message{padding:14px 18px;border-radius:6px;background:#e7f2e7;border:1px solid #bbd7bf;margin-bottom:20px;line-height:1.6;font-size:.875rem}.message.error{background:#fff0ed;border-color:#e9bfba;color:#943b30}.inline-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.section-pad{padding:24px}.section-pad .section-heading{padding:0 0 22px}.route-strip{display:flex;align-items:center;gap:34px;background:#eaf0eb;border:1px solid #d7e2d9;border-radius:8px;padding:26px 30px;margin-bottom:26px}.route-strip .eyebrow{font-size:.65rem;color:var(--muted)}.route-strip h2{margin:8px 0;font-size:1.3rem}.route-strip p{margin:0;color:var(--muted);font-size:.8125rem}.route-line{font-size:2.5rem;color:#8da599;flex:1;text-align:center}.route-cargo{border-left:1px solid #c9d8ce;padding-left:35px;margin-left:auto}.route-cargo strong{font-size:.875rem}.progress-row{display:flex;align-items:center;gap:15px;margin:18px 0;font-size:.8125rem}.progress-row>span{width:76px}.progress-row b{font-weight:500;min-width:50px;text-align:right}progress{height:9px;width:100%;accent-color:var(--green)}.workflow-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.scan-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.scan-form label,.scan-form small{grid-column:1/-1}.scan-form label{margin:0}dl{display:grid;grid-template-columns:1fr 1fr;gap:17px 8px;font-size:.8125rem}dt{color:var(--muted)}dd{margin:0;text-align:right;font-weight:550}.profit{color:#286f4c;font-weight:600}.gps{margin-top:24px;border-top:1px solid var(--line);padding-top:20px;font-size:.8125rem}.gps p{margin:10px 0 3px}.gps small{color:var(--muted)}.qr-panel{text-align:center}.qr-panel img{display:block;margin:auto;max-width:100%;height:auto}.qr-panel strong{display:block;margin:10px 0}.document-row{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.document-row a{font-size:.875rem;word-break:break-word}.document-row small{display:block;color:var(--muted);margin-top:5px}.file-icon{font-size:1.6rem;color:#759784}.timeline{margin:25px 0 0 5px}.event{position:relative;border-left:1px solid #d3e1d5;padding:0 0 25px 23px;font-size:.8125rem}.event-dot{position:absolute;top:3px;left:-5px;width:9px;height:9px;border-radius:50%;background:#7f9b86;box-shadow:0 0 0 4px white}.event p{margin:6px 0;color:var(--muted)}.event small{font-size:.75rem;color:#7d8c83}.kanban{display:grid;grid-template-columns:repeat(5,minmax(215px,1fr));gap:15px;overflow:auto}.lane{background:#eaf0ec;border-radius:8px;padding:15px;min-height:350px}.lane>h2{font-size:.8125rem;display:flex;justify-content:space-between;padding:5px 0 10px}.lane>h2 span{font-size:.75rem;background:#d6e2d9;padding:3px 7px;border-radius:5px}.dispatch-card{display:block;background:white;border:1px solid var(--line);border-radius:6px;padding:17px;margin-bottom:13px;color:var(--ink)}.dispatch-card:hover{text-decoration:none;border-color:#729383}.dispatch-card .eyebrow{font-size:.65rem;color:var(--muted)}.dispatch-card h3{margin:14px 0 10px;line-height:1.7}.dispatch-card h3 span{color:#7d9a86}.dispatch-card p{font-size:.75rem;color:var(--muted)}.dispatch-card>div{border-top:1px solid var(--line);padding-top:12px;font-size:.8125rem}.dispatch-card small{display:block;color:var(--muted);margin-top:4px}.dispatch-card footer{padding:12px 0 0;margin-top:12px;font-size:.7rem}.lane-empty{font-size:.8125rem;text-align:center;color:var(--muted);padding:30px 0}.scan-panel{max-width:550px;margin:0 auto;padding:36px;text-align:center}.scan-symbol{font-size:4rem;color:var(--green);margin:0 0 20px}.scan-panel form{text-align:left}.scan-panel form button{margin-top:15px}.scan-panel>button{margin-top:12px}.scan-panel>p:last-child{margin-top:20px}.scan-panel video{width:100%;border-radius:6px;margin-top:20px}.signed-out{margin-left:0}.signed-out main{padding:0;min-height:100vh}.signed-out>footer{display:none}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{background:var(--green);color:white;padding:60px;display:flex;flex-direction:column;justify-content:space-between}.login-story .brand{margin:0}.login-story h1{font-size:3.4rem;line-height:1.15;font-weight:450;letter-spacing:-2px}.login-story>div>p:not(.eyebrow){max-width:380px;color:#c5d8cc;font-size:1rem}.login-story .eyebrow{color:var(--lime);font-size:.75rem}.login-foot{font-size:.875rem;letter-spacing:2px}.login-foot span{display:block;font-size:.65rem;color:#a8c5b1;letter-spacing:1.5px;margin-top:10px}.login-panel{display:grid;place-items:center;padding:45px;background:#fafcf9}.login-card{width:100%;max-width:385px}.login-card>.eyebrow{font-size:.65rem;color:var(--muted)}.login-card h2{font-size:1.75rem;line-height:1.4;margin:15px 0 10px}.login-card>.muted{font-size:.875rem;margin-bottom:32px}.login-card form{margin-top:25px}.login-card .primary{justify-content:space-between;margin-top:10px}.login-card>.small{margin-top:25px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1650px){.workspace main{max-width:1700px;margin:auto}}@media(max-width:1200px){.sidebar{width:218px;padding-inline:14px}.workspace{margin-left:218px}.workspace main{padding:28px 24px}.topbar{padding:0 24px}.dashboard-grid{grid-template-columns:1fr}.flow-panel{display:none}.metric{padding:18px}.detail-grid{grid-template-columns:minmax(0,1fr) 285px}.metric h2{font-size:2.1rem}.signed-out{margin-left:0}}@media(max-width:850px){.sidebar{position:relative;width:100%;padding:18px;overflow:visible}.brand{font-size:1.8rem;margin:0 0 18px}.brand small{display:none}.group-label,.nav-label,.sidebar-bottom{display:none}.company-form{position:absolute;right:15px;top:12px;max-width:210px}.sidebar nav{display:flex;overflow:auto;gap:6px}.sidebar nav>a{white-space:nowrap;padding:9px 12px;margin:0;font-size:.8125rem}.sidebar nav>a span{display:none}.workspace{margin:0}.topbar{height:54px;font-size:.75rem;padding:0 18px}.topbar .divider{padding:0 8px}.workspace main{padding:25px 18px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:145px}.detail-grid{grid-template-columns:1fr}.detail-grid>aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-grid>aside .panel{margin:0}.page-heading{align-items:flex-start}h1{font-size:1.8rem}.page-heading .primary{padding:10px;font-size:.8125rem}.route-strip{gap:16px;padding:20px}.route-strip h2{font-size:1rem}.route-cargo{padding-left:18px}.login-layout{grid-template-columns:1fr}.login-story{padding:25px;min-height:240px}.login-story>div:nth-child(2){margin-top:30px}.login-story h1{font-size:2rem}.login-story>div>p:not(.eyebrow),.login-foot{display:none}.login-panel{padding:38px 25px}.login-story .eyebrow{margin-bottom:8px}}@media(max-width:540px){.page-heading{flex-wrap:wrap;gap:16px}.metric-grid{gap:10px}.metric h2{font-size:1.9rem}.metric p{font-size:.75rem}.metric>small{font-size:.75rem}.metric p span{display:none}.topbar>span{max-width:65%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.section-heading{padding:20px 16px}.section-heading .eyebrow{font-size:.62rem}th,td{padding:14px 16px}.section-pad{padding:20px}.filter-bar{flex-wrap:wrap;padding:16px}.filter-bar input{flex:1;min-width:200px}.filter-bar select{max-width:none;flex:1}.detail-grid>aside{display:block}.detail-grid>aside .panel{margin-bottom:20px}.route-cargo{display:none}.route-line{font-size:1.5rem}.route-strip>div{min-width:0;overflow-wrap:anywhere}.form-panel{padding:22px}.form-actions{flex-wrap:wrap}.scan-panel{padding:25px}.pagination{flex-wrap:wrap}.workspace>footer{padding:18px;font-size:.65rem}.progress-row{gap:10px}.page-heading h1 .badge{display:table;margin-top:12px}}@media print{body *{visibility:hidden}.qr-panel,.qr-panel *{visibility:visible}.qr-panel{position:absolute;left:0;top:0;width:300px;border:0}.qr-panel button{display:none}}