:root{font-family:DM Sans,sans-serif;color:#17241f;background:#f5f7f6;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:360px}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.sidebar{width:246px;position:fixed;inset:0 auto 0 0;background:#123c31;color:#e5f0eb;padding:25px 16px 14px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:10px;color:#f5fbf8;text-decoration:none;font:700 19px Manrope,sans-serif;letter-spacing:-.7px;padding:0 10px 29px}.brand-mark{height:30px;width:30px;border-radius:9px;background:#c5e9d5;color:#1b5a44;display:grid;place-items:center;font:800 19px Manrope;letter-spacing:-2px;padding-right:2px}.brand-mark span{color:#5a9578}.workspace-label,.nav-label{font-size:9px;letter-spacing:1.3px;font-weight:700;color:#91b0a3;padding:0 11px 9px}.workspace{display:flex;align-items:center;gap:10px;padding:9px 10px;background:#1c4a3d;border:1px solid #366050;border-radius:9px;margin-bottom:28px;font-size:11px}.workspace-icon{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;background:#e9c979;color:#374329;font-weight:700}.workspace b,.profile b{display:block;font-size:11px;color:#f3f8f5}.workspace small,.profile small{display:block;color:#9bb7aa;font-size:9px;margin-top:3px}.chevron{margin-left:auto;color:#a8c1b7}.nav-label{padding-bottom:8px}.nav-item{height:38px;display:flex;align-items:center;gap:11px;padding:0 11px;width:100%;border:0;background:none;color:#a9c3b8;border-radius:7px;text-align:left;font-size:11px;margin:2px 0}.nav-item>span{font-size:15px;width:15px;text-align:center}.nav-item.active{background:#e5f0e9;color:#184638;font-weight:700}.nav-item i{font-style:normal;margin-left:auto;font-size:9px;background:#2b5b4b;color:#d7e7de;padding:3px 7px;border-radius:9px}.tools-label{margin-top:22px}.sidebar-bottom{margin-top:auto}.help-card{background:#1b4a3c;border:1px solid #35604f;border-radius:10px;padding:13px 12px;margin:0 2px 16px}.help-icon{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#c2e2d0;color:#205640;font-size:11px;font-weight:700;margin-bottom:10px}.help-card b{font-size:11px}.help-card p{font-size:9px;line-height:1.5;color:#abc5b8;margin:6px 0 12px}.help-card button{color:#e6f2eb;background:none;border:0;padding:0;font-size:9px;font-weight:600}.help-card button span{padding-left:4px}.profile{display:flex;align-items:center;gap:9px;padding:11px 6px 0;border-top:1px solid #315747}.avatar{border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:700;color:#244b3e}.profile-avatar{width:29px;height:29px;background:#d8c4a6;color:#59472f}.profile button{margin-left:auto;color:#b0c7bd;border:0;background:none;font-size:18px}.main{margin-left:246px;min-height:100vh}.topbar{height:57px;border-bottom:1px solid #e9eeeb;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 44px}.breadcrumb{font-size:10px;color:#8a9891}.breadcrumb span{padding:0 9px;color:#c0c9c4}.breadcrumb b{color:#2b3932}.top-actions{display:flex;align-items:center;gap:17px}.today{font-size:9px;color:#748179}.icon-button{position:relative;border:0;background:none;color:#53655c;font-size:16px}.notification-dot,.live-dot{width:6px;height:6px;border-radius:50%;background:#dc9e4b;position:absolute;top:3px;right:1px;border:1px solid white}.small-avatar{width:25px;height:25px;background:#d8c4a6}.page-content{max-width:1250px;margin:0 auto;padding:30px 44px 20px}.welcome{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.eyebrow{display:flex;align-items:center;gap:7px;color:#718279;font-weight:700;font-size:8px;letter-spacing:1.05px}.live-dot{position:static;background:#5aa67b;border:0}.welcome h1{font:700 25px Manrope,sans-serif;letter-spacing:-1.1px;margin:10px 0 5px}.wave{font-size:17px;color:#d6a749}.welcome p,.section-heading p{font-size:10px;color:#7b8881;margin:0}.primary-button{border:0;background:#174d3c;color:#fff;border-radius:6px;padding:10px 14px;font-size:10px;font-weight:600;box-shadow:0 2px 4px #123c311c}.primary-button:hover{background:#22644e}.primary-button span{font-size:14px;vertical-align:-1px;margin-right:4px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.metric-card{height:135px;position:relative;background:#fff;border:1px solid #e8eeea;border-radius:9px;padding:15px 16px;overflow:hidden}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#627169;font-size:9px;font-weight:500}.metric-icon{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;font-size:12px;font-weight:700}.mint{background:#e5f3eb;color:#478265}.amber{background:#fbf1dc;color:#b27b24}.blue{background:#e8eff7;color:#577c9c}.metric-value{font:700 24px Manrope,sans-serif;letter-spacing:-1px;margin:8px 0 3px}.trend{font:600 9px DM Sans;letter-spacing:0;color:#4e9a70;background:#ebf5ee;border-radius:10px;padding:4px 6px;vertical-align:4px;margin-left:4px}.unit{font-size:17px;margin-left:2px}.metric-caption{font-size:9px;color:#8a9690}.mini-bars{display:flex;align-items:flex-end;gap:4px;position:absolute;right:17px;bottom:16px;height:34px}.mini-bars i{display:block;width:5px;background:#d8eee1;border-radius:3px 3px 0 0}.mini-bars i:nth-child(3n){background:#add7bd}.metric-link{position:absolute;bottom:15px;right:16px;color:#39765b;font-size:9px;font-weight:600;cursor:pointer}.metric-link span{margin-left:5px}.insight-strip{display:flex;align-items:center;gap:10px;background:#faf8f0;border:1px solid #f0e9d6;border-radius:7px;margin:17px 0 29px;padding:12px 13px}.insight-symbol{width:24px;height:24px;border-radius:7px;background:#f3e8c9;color:#aa802e;display:grid;place-items:center;font-size:12px}.insight-strip>div:nth-child(2){flex:1}.insight-strip b{font-size:9px;color:#50462e}.insight-strip p{font-size:8px;color:#8a8068;margin:3px 0 0}.insight-strip>button:not(.dismiss){background:none;border:0;color:#80672f;font-size:8px;font-weight:700}.insight-strip>button span{font-size:12px;margin-left:5px}.dismiss{border:0;background:none;color:#9c9279;font-size:16px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-title-row{display:flex;align-items:center;gap:8px}.section-heading h2{font:700 15px Manrope,sans-serif;letter-spacing:-.4px;margin:0 0 4px}.count{border-radius:10px;background:#eaf0ec;padding:3px 6px;color:#547163;font-size:8px;font-weight:600}.text-button{background:none;border:0;color:#347253;font-size:9px;font-weight:600}.text-button span{font-size:14px;margin-left:6px;vertical-align:-1px}.table-toolbar{display:flex;gap:8px;margin:17px 0 10px}.search{width:235px;height:31px;display:flex;align-items:center;gap:8px;border:1px solid #e3e9e5;border-radius:5px;padding:0 9px;background:#fff;color:#84938a}.search span{font-size:17px}.search input{min-width:0;width:100%;border:0;outline:0;font-size:9px;color:#34453b}.search input::placeholder{color:#9aa69f}.filter-label,.filter-button{height:31px;display:flex;align-items:center;gap:7px;border:1px solid #e3e9e5;border-radius:5px;background:#fff;padding:0 9px;color:#77867d;font-size:10px;position:relative}.filter-label select{border:0;outline:0;appearance:none;background:transparent;color:#64736a;font-size:9px;padding-right:9px;cursor:pointer}.select-arrow{pointer-events:none;margin-left:-15px;font-size:13px;color:#8a9990}.filter-button{margin-left:auto;font-size:11px}.filter-button span{font-size:9px}.table-wrap{overflow:auto;border:1px solid #e7ede9;border-radius:7px;background:#fff}table{width:100%;border-collapse:collapse;text-align:left;min-width:700px}thead{background:#fbfcfb}th{height:35px;color:#849189;font-size:7px;letter-spacing:.7px;font-weight:700;padding:0 15px;border-bottom:1px solid #edf0ee}td{padding:12px 15px;border-bottom:1px solid #eff2f0}tbody tr:last-child td{border-bottom:0}.shipment-row{cursor:pointer;transition:background .15s}.shipment-row:hover{background:#f8fbf9}.shipment-id{font:700 10px Manrope,sans-serif;color:#30463a}.commodity{font-size:8px;color:#89968e;margin-top:4px}.buyer-cell{display:flex;align-items:center;gap:8px}.buyer-avatar{width:27px;height:27px;flex:none}.buyer-cell b{display:block;color:#415147;font-size:9px;font-weight:600}.buyer-cell small{display:block;color:#909d95;font-size:8px;margin-top:4px}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:14px;white-space:nowrap;font-size:8px;font-weight:600}.status-pill i{width:5px;height:5px;border-radius:50%;background:currentColor}.in-transit{color:#397859;background:#eaf5ee}.at-customs{color:#a47a2e;background:#fbf4e5}.documents-needed{color:#aa6754;background:#fbefeb}.delivered{color:#667a75;background:#eef2f1}.updated{font-size:8px;color:#87948d;white-space:nowrap}.row-arrow{color:#a3b0a8;font-size:12px;text-align:right}.empty-state{text-align:center;padding:28px;color:#87948d;font-size:10px}.table-footer{height:45px;display:flex;align-items:center;justify-content:space-between;color:#87938c;font-size:8px}.table-footer b{color:#5f6e65}.table-footer>div{display:flex;align-items:center;gap:4px}.table-footer button{width:23px;height:23px;border:1px solid #e5eae7;border-radius:4px;background:#fff;color:#738178;font-size:9px}.table-footer button:disabled{opacity:.4}.table-footer button.page-number{background:#e9f2ec;border-color:#d8e8dd;color:#356e50;font-weight:700}footer{border-top:1px solid #e8eeea;margin-top:13px;padding-top:13px;color:#9aa59e;font-size:8px;display:flex;justify-content:space-between}footer a{color:#648c73;text-decoration:none;margin-left:5px}.toast{position:fixed;top:68px;right:28px;z-index:5;background:#173f32;color:#f4f8f5;padding:11px 13px;border-radius:7px;font-size:10px;box-shadow:0 8px 25px #173f322b}.toast button{border:0;background:none;color:#c4d9cd;margin-left:10px;font-size:14px}.overlay{position:fixed;inset:0;z-index:8;background:#10241d66;display:flex;justify-content:flex-end}.detail-panel,.new-modal{position:relative;background:#fff;height:100%;width:min(390px,100%);padding:35px 27px;box-shadow:-10px 0 30px #142d2020}.close-button{position:absolute;top:17px;right:19px;border:0;background:#f1f5f2;border-radius:50%;width:27px;height:27px;color:#597064;font-size:18px}.detail-panel h2,.new-modal h2{font:700 21px Manrope,sans-serif;margin:14px 0 4px}.detail-panel>p,.new-modal>p{font-size:10px;color:#849189;margin:0 0 20px}.progress-track{height:5px;border-radius:8px;background:#eaf0ec;margin-top:26px;overflow:hidden}.progress-track div{height:100%;background:#5caa7c;border-radius:8px}.progress-label{display:flex;justify-content:space-between;margin-top:8px;font-size:9px;color:#7f8c84}.progress-label b{color:#426a52}.detail-route{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #e9efeb;margin-bottom:22px}.detail-route span{font-size:8px;color:#8b9890}.detail-route b{display:block;font-size:10px;color:#43544a;margin-top:6px}.detail-panel h3{font:700 12px Manrope;margin:0 0 15px}.activity{display:flex;gap:10px}.activity>i{width:8px;height:8px;border-radius:50%;background:#56a879;margin-top:3px;box-shadow:0 0 0 4px #e5f3e9}.activity b{display:block;font-size:9px;color:#405348}.activity small{display:block;font-size:8px;line-height:1.5;color:#8b9890;margin-top:5px}.manual-note{margin-top:20px;padding:11px;background:#faf6e9;border:1px solid #f0e9d7;border-radius:6px;color:#86744c;font-size:8px;line-height:1.6}.full-button{width:100%;margin-top:23px}.new-modal{height:auto;align-self:center;margin:auto;border-radius:11px;box-shadow:0 18px 60px #10241d3a;padding:29px;width:min(410px,calc(100% - 30px))}.new-modal label{display:block;margin:18px 0;font-size:9px;color:#5f6f65;font-weight:600}.new-modal input{display:block;width:100%;margin-top:7px;border:1px solid #dfe7e1;border-radius:5px;padding:10px;font-size:10px;outline-color:#76a98b}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.secondary-button{border:1px solid #e1e8e3;background:#fff;color:#627168;border-radius:5px;padding:9px 13px;font-size:9px}@media(max-width:1050px){.sidebar{width:210px}.main{margin-left:210px}.page-content{padding-left:28px;padding-right:28px}.topbar{padding:0 28px}.metrics{gap:9px}.metric-card{padding:13px}.mini-bars{gap:3px;right:10px}}@media(max-width:760px){.sidebar{width:58px;padding:18px 8px}.brand{padding:0 5px 28px}.brand>span:last-child,.workspace-label,.workspace,.nav-label,.nav-item:not(.active),.nav-item.active{font-size:0}.brand-mark{flex:none}.nav-item{justify-content:center;padding:0}.nav-item>span{font-size:17px}.nav-item i,.sidebar-bottom{display:none}.main{margin-left:58px}.topbar{padding:0 16px}.today{display:none}.page-content{padding:25px 16px}.welcome h1{font-size:21px}.welcome{align-items:flex-start;gap:10px}.welcome .primary-button{padding:9px;font-size:9px;white-space:nowrap;margin-top:22px}.metrics{grid-template-columns:1fr}.metric-card{height:112px}.insight-strip{align-items:flex-start}.insight-strip p{line-height:1.4}.insight-strip>button:not(.dismiss){white-space:nowrap}.table-toolbar{flex-wrap:wrap}.search{width:100%}.filter-button{margin-left:0}.section-heading{align-items:flex-start}footer{gap:8px;line-height:1.5}.table-footer>div{gap:2px}}