:root{color:#1f2937;background:#edf2f7;font-family:Inter,Segoe UI,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 380px;align-items:center;gap:48px;padding:56px;background:linear-gradient(135deg,#f2f6fb,#e7eef6 48%,#f7faf8)}.login-copy h1,.toolbar h1{margin:6px 0 8px;font-size:32px;letter-spacing:0;color:#0f2f4d}.login-copy p,.toolbar p{margin:0;color:#5f7184;max-width:620px}.login-card{display:flex;flex-direction:column;gap:11px;padding:28px;background:#fff;border:1px solid #d7e1ea;border-radius:8px;box-shadow:0 18px 46px #1f395624}.login-card h2{margin:0 0 8px;font-size:20px}.login-card label{color:#536273;font-size:13px;font-weight:700}.login-card input{height:42px;border:1px solid #cbd8e4;border-radius:6px;padding:0 12px;outline:none}.login-card input:focus{border-color:#2e72a6;box-shadow:0 0 0 3px #2e72a624}.login-card button,.ghost-button{height:40px;border:0;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:#23699b;font-weight:700}.alert{padding:10px 12px;border-radius:6px;font-size:13px}.alert.danger{color:#8f1d2b;background:#fff0f2;border:1px solid #ffc7cf}.app-shell{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr)}.sidebar{background:#163852;color:#fff;padding:20px 16px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand>span{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:#2f7eb4;font-weight:800}.brand strong,.brand small{display:block}.brand small{color:#b8ccde}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar button{height:40px;border:0;border-radius:6px;padding:0 12px;display:flex;align-items:center;gap:10px;color:#d8e6f0;background:transparent;text-align:left}.sidebar button.active,.sidebar button:hover{color:#fff;background:#2e6f9d}main{min-width:0}.topbar{height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #d8e2eb}.topbar strong,.topbar span{display:block}.topbar span{color:#657586;font-size:13px}.topbar-actions{display:flex;align-items:center;gap:12px}.topbar-actions button{width:36px;height:36px;border:1px solid #ccd8e3;border-radius:6px;background:#f7fafc;color:#24425d}.content{padding:22px;display:flex;flex-direction:column;gap:18px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.ghost-button{min-width:116px;background:#fff;color:#24425d;border:1px solid #cbd8e4}.ghost-button:disabled{opacity:.65}.eyebrow{color:#2e72a6;font-size:12px;font-weight:800;text-transform:uppercase}.metrics{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:14px}.metric,.panel{background:#fff;border:1px solid #d7e1ea;border-radius:8px}.metric{display:flex;align-items:center;gap:13px;padding:16px}.metric>span{width:40px;height:40px;border-radius:8px;display:grid;place-items:center}.metric.blue>span{color:#23699b;background:#e6f1fb}.metric.green>span{color:#19735b;background:#e5f6f1}.metric.orange>span{color:#9a5c12;background:#fff2dc}.metric.ink>span{color:#394756;background:#eef2f6}.metric strong,.metric small{display:block}.metric strong{font-size:24px;color:#112b43}.metric small{color:#657586}.panel{padding:16px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title h2{margin:2px 0 0;font-size:18px;color:#102a42}.pill{padding:5px 10px;border-radius:999px;background:#edf4fa;color:#2d5f83;font-size:12px;font-weight:800}.empty{min-height:96px;display:grid;place-items:center;color:#6b7f91;border:1px dashed #c7d7e6;border-radius:8px;background:#f8fbfd}.job-list{display:flex;flex-direction:column;gap:8px}.job-row{display:grid;grid-template-columns:34px minmax(180px,1fr) minmax(160px,240px) 104px;align-items:center;gap:12px;min-height:58px;padding:10px;border:1px solid #e1e8ef;border-radius:7px}.job-icon{color:#23699b}.job-main strong,.job-main span{display:block}.job-main span{color:#687989;font-size:13px}.job-progress span{display:block;margin-bottom:5px;color:#4f6070;font-size:12px;font-weight:800}.progress-track{height:7px;overflow:hidden;border-radius:999px;background:#e4ebf2}.progress-fill{height:100%;border-radius:inherit;background:#2c8fbf}.status,.state{justify-self:end;border-radius:999px;padding:5px 9px;background:#f0f4f7;color:#566879;font-size:12px;font-weight:800;text-transform:capitalize}.status.completed,.state.running{color:#177256;background:#e2f6ef}.status.failed,.status.canceled{color:#9b2335;background:#ffe8ec}.queue-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.queue-card{padding:12px;border:1px solid #e0e8f0;border-radius:7px;background:#fbfdff}.queue-head,.queue-stats,.hangfire-box{display:flex;align-items:center}.queue-head{gap:9px;min-width:0}.queue-head strong{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#17314a}.queue-stats{flex-wrap:wrap;gap:8px;margin-top:12px;color:#526576;font-size:13px}.queue-stats span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:6px;background:#eef3f7}.hangfire-box{gap:14px;padding:14px;border-radius:8px;background:#f8fbfd;border:1px solid #e0e8f0}.hangfire-box>svg{color:#23699b}.hangfire-box div{flex:1}.hangfire-box strong,.hangfire-box span{display:block}.hangfire-box span{margin-top:4px;color:#657586}.hangfire-box a{height:36px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;border-radius:6px;color:#fff;background:#23699b;text-decoration:none;font-weight:800}.hangfire-metrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hangfire-metrics span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:6px;color:#465a6d;background:#eef3f7;font-weight:800;font-size:13px}.hangfire-runs{display:flex;flex-direction:column;gap:8px;margin-top:12px}.hangfire-run{width:100%;color:inherit;background:#fff;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) 150px 96px;align-items:center;gap:12px;padding:10px;border:1px solid #e1e8ef;border-radius:7px}.hangfire-run.selected,.hangfire-run:hover{border-color:#9ec7e3;background:#f5faff}.hangfire-run strong,.hangfire-run span,.run-counts span,.run-counts small{display:block}.hangfire-run div>span,.run-counts small{color:#687989;font-size:12px}.run-counts{text-align:right}.run-counts span{color:#17314a;font-weight:800}.empty.compact{min-height:58px;margin-top:12px}.run-details{margin-top:14px;border-top:1px solid #e1e8ef;padding-top:14px}.compact-title{margin-bottom:10px}.detail-table{border:1px solid #e1e8ef;border-radius:7px;overflow:hidden}.detail-head,.detail-row{display:grid;grid-template-columns:minmax(120px,1.2fr) minmax(120px,1fr) minmax(150px,1.2fr) minmax(120px,1fr) 96px;gap:10px;align-items:center;min-height:38px;padding:8px 10px}.detail-head{color:#43576a;background:#eef3f7;font-size:12px;font-weight:800}.detail-row{border-top:1px solid #e7edf3;background:#fff;font-size:13px}.detail-row>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.shipsgo-page{display:flex;flex-direction:column;gap:16px}.shipsgo-title,.shipments-table{background:#fff;border:1px solid #d7e1ea;border-radius:8px}.shipsgo-title{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px}.freighten-logo{display:block;width:176px;height:auto;margin-bottom:12px}.shipsgo-title h2{margin:3px 0 5px;color:#102a42;font-size:23px}.shipsgo-title p{margin:0;color:#647587}.shipsgo-actions,.modal-actions{display:flex;align-items:center;gap:10px}.track-switch{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid #d4e0eb;border-radius:6px;background:#f4f8fb}.track-switch button{min-height:34px;border:0;border-radius:4px;padding:0 11px;display:inline-flex;align-items:center;gap:7px;color:#52687c;background:transparent;font-weight:800}.track-switch button.active{color:#fff;background:#2f86cf}.track-switch small{min-width:19px;height:19px;display:grid;place-items:center;border-radius:999px;color:#2f86cf;background:#fff;font-size:11px}.orange-button,.blue-button,.outline-button{height:38px;border:0;border-radius:4px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-weight:800}.orange-button{background:#f59b16}.blue-button{background:#2f86cf}.outline-button{color:#2485d0;background:#fff;border:1px solid #2485d0}.shipments-table{overflow:auto;padding:18px}.shipments-head,.shipment-row{display:grid;grid-template-columns:74px 108px 115px 120px minmax(145px,1fr) minmax(150px,1.1fr) minmax(160px,1fr) minmax(130px,1fr) 150px;align-items:center;gap:14px;min-width:1180px}.shipments-head{min-height:48px;color:#637385;font-size:13px;font-weight:800;border-bottom:1px solid #e4ebf2}.rerouted-head,.rerouted-row{display:grid;grid-template-columns:74px 100px minmax(130px,1fr) 120px 110px minmax(145px,1fr) minmax(150px,1.1fr) minmax(145px,1fr) minmax(145px,1fr) 150px;align-items:center;gap:14px;min-width:1320px}.rerouted-head{min-height:48px;color:#637385;font-size:13px;font-weight:800;border-bottom:1px solid #e4ebf2}.shipment-row,.rerouted-row{width:100%;min-height:86px;padding:13px 0;border:0;border-bottom:1px solid #e8eef4;color:#596b7d;background:#fff;text-align:left}.shipment-row:nth-child(odd),.rerouted-row:nth-child(odd){background:#f1f5f8}.shipment-row:hover,.rerouted-row:hover{background:#eaf4fb}.shipment-row strong,.shipment-row small,.rerouted-row strong,.rerouted-row small{display:block}.shipment-row strong,.rerouted-row strong{color:#43566a}.shipment-row small,.rerouted-row small{margin-top:3px;color:#748696}.delay-text{color:#7a4a10!important}.preview-button{width:40px;height:30px;display:grid;place-items:center;border-radius:4px;color:#fff;background:#8993dc}.shipment-status{width:fit-content;border-radius:4px;padding:5px 8px;color:#fff;background:#344254;font-size:11px;font-weight:900}.shipment-status.completed,.shipment-status.discharged{background:#2f8fd1}.shipment-status.failed{background:#c74359}.shipment-status.running,.shipment-status.inprogress{background:#dd5b91}.co2,.eta-box{display:inline-flex;align-items:center;gap:8px}.co2 svg,.co2-banner svg{color:#337a23}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:start center;overflow:auto;padding:42px 18px;background:#18263494}.shipment-modal,.filter-modal{width:min(940px,100%);border-radius:6px;background:#fff;box-shadow:0 24px 60px #10243847}.filter-modal{width:min(560px,100%)}.modal-title{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid #e4ebf2}.modal-title h3{margin:0;color:#27384a;font-size:17px}.modal-title button{width:30px;height:30px;border:0;border-radius:4px;color:#778391;background:transparent}.shipment-summary{margin:16px 18px 12px;padding:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 42px;border:1px solid #d4dce4;border-radius:4px;background:#f2f6f9}.shipment-summary div{display:flex;align-items:center;gap:10px;color:#657484}.shipment-summary strong{min-width:118px;color:#5e6d7c;text-align:right}.co2-banner{margin:0 18px 14px;min-height:46px;padding:0 18px;display:flex;align-items:center;gap:11px;border:1px solid #cce9be;border-radius:4px;color:#286718;background:#e7f6de}.modal-actions{justify-content:space-between;padding:0 18px 14px}.eta-box{min-width:250px;min-height:38px;padding:0 14px;border:1px solid #2687dc;border-radius:4px;color:#2485d0}.eta-box strong{color:#657484}.shipment-tabs{margin:0 18px;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #dfe6ed}.shipment-tabs button{height:50px;border:0;color:#344254;background:#fff;font-weight:900;text-transform:uppercase}.shipment-tabs button.active{color:#176cb0;border-bottom:2px solid #2687dc}.movement-table{margin:12px 18px 24px;overflow:hidden;border-top:1px solid #edf1f5}.movement-head,.movement-row,.container-head,.container-row{display:grid;align-items:center;gap:14px;min-height:48px;padding:0 18px;color:#657484}.movement-head,.container-head{color:#637385;font-weight:900}.movement-head,.movement-row{grid-template-columns:minmax(130px,1fr) minmax(170px,1.3fr) minmax(130px,1fr) minmax(130px,1fr) 42px}.container-head,.container-row{grid-template-columns:minmax(150px,1.2fr) repeat(4,minmax(120px,1fr))}.movement-row,.container-row{background:#f1f5f8}.movement-row:nth-child(2n),.container-row:nth-child(2n){background:#fff}.done-dot{width:20px;height:20px;display:grid;place-items:center;justify-self:end;border-radius:50%;color:#fff;background:#65bd4c;font-weight:900}.container-row small{margin-left:10px;border-radius:4px;padding:4px 7px;color:#fff;background:#657484;font-size:11px;font-weight:900}.carrier-note{margin-top:12px;padding:28px;display:flex;align-items:center;gap:18px;border-radius:4px;color:#236275;background:#d8f2fb}.carrier-note p{margin:0}.extras-box{margin:18px;padding:18px;display:flex;align-items:center;gap:14px;border-radius:4px;color:#4d6072;background:#f2f6f9}.extras-box strong,.extras-box span{display:block}.extras-box span{margin-top:4px;color:#758696}.filter-grid{padding:18px;display:grid;grid-template-columns:44px minmax(0,1fr) 150px;gap:10px}.filter-grid select,.filter-grid input{height:38px;border:1px solid #ccd8e3;border-radius:4px;padding:0 10px;outline:none}.filter-icon{height:38px;display:grid;place-items:center;border:1px solid #ccd8e3;border-radius:4px;color:#526d83;background:#f8fbfd}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.login-page,.app-shell{grid-template-columns:1fr}.login-page{padding:24px}.sidebar{position:sticky;top:0;z-index:2}.sidebar nav{flex-direction:row;overflow-x:auto}.metrics{grid-template-columns:repeat(2,minmax(150px,1fr))}.job-row{grid-template-columns:34px minmax(0,1fr)}.job-progress,.status{grid-column:2;justify-self:stretch}.hangfire-run{grid-template-columns:minmax(0,1fr)}.run-counts,.hangfire-run .status{text-align:left;justify-self:stretch}.detail-head,.detail-row{grid-template-columns:minmax(0,1fr)}.shipsgo-title,.modal-actions{align-items:flex-start;flex-direction:column}.shipment-summary,.filter-grid{grid-template-columns:1fr}.shipment-summary strong{min-width:0;text-align:left}.movement-head,.movement-row,.container-head,.container-row{grid-template-columns:minmax(0,1fr);padding:12px}}@media(max-width:560px){.content,.topbar{padding-left:14px;padding-right:14px}.toolbar,.topbar{align-items:flex-start;flex-direction:column;height:auto;padding-top:14px;padding-bottom:14px}.metrics{grid-template-columns:1fr}}