@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";*{box-sizing:border-box}body{color:#203a42;background:#f4f7f7;margin:0;font-family:DM Sans,sans-serif}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:flex}aside{color:#dce8e9;background:#102f39;flex-direction:column;flex-shrink:0;width:240px;padding:22px 14px;display:flex}.brand{align-items:center;gap:10px;padding:0 8px 25px;display:flex}.logo{color:#dec57c;border:1px solid #52747a;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.brand b,.brand small{display:block}.brand b{letter-spacing:1.4px;color:#fff;font:800 15px Manrope}.brand small{letter-spacing:1.5px;color:#a6bec1;margin-top:4px;font-size:8px}.workspace{background:#1b414b;border:1px solid #31535c;border-radius:8px;padding:11px;font-size:11px}.navtitle{letter-spacing:1.5px;color:#819ba0;margin:27px 9px 10px;font-size:9px}.nav{color:#abc0c3;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;margin:2px 0;padding:11px 10px;font-size:12px;display:flex}.nav.selected,.nav:hover{color:#fff;background:#25515b;box-shadow:inset 3px 0 #ddc477}.sidefoot{color:#a3b9bc;border-top:1px solid #294952;margin-top:auto;padding:16px 5px 0;font-size:10px}main{flex:1;min-width:0}header{color:#687e83;background:#fff;border-bottom:1px solid #e4ebec;justify-content:space-between;align-items:center;height:65px;padding:0 30px;font-size:12px;display:flex}.connect{color:#347e68;background:#edf8f2;border-radius:7px;align-items:center;gap:7px;padding:8px 10px;display:flex}.connect.offline{color:#9a572b;background:#fff2e8}.page{max-width:1500px;margin:auto;padding:30px}.intro{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:23px;display:flex}.eyebrow{letter-spacing:1.8px;color:#5a8787;font-size:9px;font-weight:700}h1,h2,p{margin:0}h1{letter-spacing:-.8px;color:#173b44;margin:8px 0;font:800 27px Manrope}h2{color:#24424a;font:700 14px Manrope}.intro p,.panelhead p{color:#849599;margin-top:6px;font-size:11px}.primary,.secondary{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 13px;font-size:11px;font-weight:600;display:inline-flex}.primary{color:#fff;background:#174a53;border:1px solid #174a53}.secondary{color:#4d6c72;background:#fff;border:1px solid #dfe8e9}.warning{color:#965c2e;background:#fff4e9;border:1px solid #f0d5b9;border-radius:9px;margin-bottom:18px;padding:12px;font-size:11px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px;display:grid}.stat{background:#fff;border:1px solid #e5ecec;border-radius:10px;padding:15px}.stat>div{color:#318276;background:#e7f4f0;border-radius:8px;place-items:center;width:32px;height:32px;margin-bottom:11px;display:grid}.stat svg{width:18px}.stat small,.stat strong,.stat p{display:block}.stat small{color:#7d8f93;font-size:10px}.stat strong{margin-top:4px;font:800 25px Manrope}.stat p{color:#98a7aa;margin-top:4px;font-size:9px}.grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:16px;display:grid}.panel{background:#fff;border:1px solid #e4ebec;border-radius:11px;min-width:0;overflow:hidden}.panelhead{justify-content:space-between;align-items:flex-start;gap:10px;padding:17px;display:flex}.search{color:#8a9a9d;border:1px solid #e2e9e9;border-radius:7px;align-items:center;gap:8px;height:36px;margin:0 17px 12px;padding:0 10px;display:flex}.search input{border:0;outline:0;width:100%;font-size:11px}.cargo{border-top:1px solid #edf1f1;align-items:flex-start;gap:10px;padding:14px 17px;display:flex}.cargoicon{color:#4b8983;background:#edf5f4;border-radius:8px;flex-shrink:0;place-items:center;width:35px;height:35px;display:grid}.cargoicon svg{width:18px}.cargo-body{flex:1;min-width:0}.cargotitle{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cargotitle b{font-size:11px}.cargo-body p{color:#7e9195;margin:5px 0 8px;font-size:10px}.cargo-body small{color:#667f84;align-items:flex-start;gap:4px;margin-top:5px;font-size:9px;display:flex}.cargo-body .seen{color:#9aa8aa}.pill{white-space:nowrap;border-radius:5px;padding:4px 7px;font-size:8px;font-weight:600}.pill.blue{color:#4976a8;background:#e8f1fc}.pill.green{color:#328366;background:#e6f5ee}.pill.gold{color:#9b7a2f;background:#fbf2de}.pill.red{color:#b35948;background:#fdece8}.tracker{color:#44846b;background:#e9f3ee;border-radius:5px;padding:5px 6px;font-size:8px;font-weight:700}.panel>footer{color:#95a4a7;background:#fbfcfc;border-top:1px solid #edf1f1;padding:12px 17px;font-size:9px}.right{gap:16px;display:grid}.route{padding:6px 19px 17px}.route b,.route small{display:block}.route b{font-size:11px}.route small{color:#94a3a6;margin-top:4px;font-size:9px}.dash{border-left:1px dashed #a7c1be;height:25px;margin:5px 0 5px 4px}.meta{border-top:1px solid #edf1f1;gap:30px;padding:12px 18px;display:flex}.meta span{color:#94a2a5;font-size:9px}.meta strong{color:#34545b;margin-top:5px;font-size:10px;display:block}.source{border-top:1px solid #f0f3f3;align-items:center;gap:10px;padding:12px 17px;display:flex}.source>svg{color:#4b8983;width:18px}.source span{flex:1}.source b,.source small{display:block}.source b{font-size:10px}.source small{color:#9aa7aa;margin-top:4px;font-size:9px}.source em{color:#49876e;background:#e9f5ee;border-radius:5px;padding:5px 6px;font-size:8px;font-style:normal}.bottom{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px;display:grid}.bottom .panel{color:#4b8983;align-items:center;gap:12px;padding:15px;display:flex}.bottom b,.bottom small{display:block}.bottom b{color:#3b5960;font-size:10px}.bottom small{color:#8a9b9e;margin-top:5px;font-size:9px}.pagefoot{color:#9ba9ac;letter-spacing:.3px;justify-content:space-between;padding:20px 2px 0;font-size:8px;display:flex}.backdrop{background:#102f39aa;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:13px;width:min(420px,100%);padding:23px}.modal h2{margin-bottom:20px;font-size:20px}.modal label{gap:7px;margin:14px 0;font-size:11px;display:grid}.modal input{border:1px solid #dfe8e9;border-radius:7px;padding:11px}.modal p{color:#71878a;background:#f2f7f6;border-radius:7px;padding:10px;font-size:10px}.actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}@media (width<=1100px){aside{width:210px}.page{padding:22px}.grid{grid-template-columns:1fr}.right{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){aside{width:58px;padding:15px 6px}.brand{padding:0 4px 25px}.brand>div:nth-child(2),.workspace,.navtitle{display:none}.nav{justify-content:center;padding:12px 0;font-size:0}.sidefoot{font-size:0}.stats{grid-template-columns:repeat(2,1fr)}.right{grid-template-columns:1fr}.page{padding:18px 12px}.intro{flex-direction:column;align-items:flex-start}.intro .primary{width:100%}.bottom{grid-template-columns:1fr}.pagefoot{flex-direction:column;gap:5px}header{padding:0 12px}}.notice{color:#2e715e;background:#eaf6f0;border:1px solid #cfe8dc;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 12px;font-size:11px;display:flex}.notice button,.iconbutton{color:#46666b;background:#fff;border:1px solid #e0e9e9;border-radius:7px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.cargo-controls{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.cargo-controls label{color:#73888c;align-items:center;gap:5px;font-size:9px;display:flex}.cargo-controls select{color:#34545b;background:#fff;border:1px solid #dfe8e9;border-radius:6px;max-width:145px;padding:5px;font-size:9px}.small-action{color:#45656a;background:#fff;border:1px solid #dfe8e9;border-radius:6px;align-items:center;gap:4px;padding:6px;font-size:9px;display:inline-flex}.small-action.danger{color:#a94d43}.cargo-form{max-height:90vh;overflow:auto}.modalhead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.modalhead h2{margin:0}.modal label select{color:#34545b;background:#fff;border:1px solid #dfe8e9;border-radius:7px;padding:11px}.history-modal{max-height:85vh;overflow:auto}.history-intro{color:#819397;margin-bottom:14px;font-size:11px}.history-list{gap:0;display:grid}.history-item{border-bottom:1px solid #edf1f1;gap:11px;padding:12px 0;display:flex}.history-dot{background:#4b8983;border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:4px}.history-item b{color:#34545b;font-size:11px}.history-item p{color:#6f8589;margin:5px 0;font-size:10px}.history-item small{color:#9aa7aa;font-size:9px}.empty{color:#8a9b9e;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:35px 18px;display:flex}.empty b{color:#45656a;font-size:12px}.empty span{font-size:10px}.cargo-controls label select{min-width:0}@media (width<=760px){.cargo-controls{gap:5px}.cargo-controls label{justify-content:space-between;width:100%}.cargo-controls label select{flex:1;max-width:none}.small-action{padding:7px;font-size:10px}.cargo{padding:12px}.tracker{display:none}.modal{padding:18px}.actions .primary,.actions .secondary{font-size:10px}}.pickup-modal{max-height:90vh;overflow:auto}.pickup-warning{border:1px solid #f0d5b9;color:#8b5a2d!important;background:#fff4e9!important}.pickup-card{text-align:center;background:#f7faf9;border:1px solid #e2ebea;border-radius:10px;flex-direction:column;align-items:center;gap:9px;margin:14px 0;padding:18px;display:flex}.pickup-card b{color:#27464d;font-size:13px}.pickup-card span{color:#70868a;font-size:10px}.pickup-card strong{color:#2d8063;font-size:11px}.pickup-modal label{gap:7px;margin:14px 0;font-size:11px;display:grid}.pickup-modal input{border:1px solid #dfe8e9;border-radius:7px;width:100%;padding:11px}.pickup-modal .actions{flex-wrap:wrap}.camera-scan{margin:12px 0}.scan-video{object-fit:cover;background:#102f39;border-radius:9px;width:100%;max-height:280px;margin:8px 0}.camera-actions{flex-wrap:wrap;gap:8px;display:flex}.camera-message{color:#386e65!important;background:#eef6f4!important;margin-top:8px!important}.pickup-modal .pickup-actions{z-index:5;background:#fff;border-top:1px solid #edf1f1;margin-top:10px;padding:12px 0 4px;position:sticky;bottom:-18px}.pickup-modal .pickup-actions .primary{flex:1;min-height:44px;font-size:12px}.pickup-modal .pickup-actions .secondary{min-height:44px}.pickup-modal>p:last-of-type{margin-top:10px}.hr-workspace{gap:16px;display:grid}.hr-banner{background:linear-gradient(120deg,#fff 0%,#edf6f3 100%);border:1px solid #dce9e5;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex}.hr-banner-icon{color:#e4d08b;background:#174a53;border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.hr-banner>div:nth-child(2){flex:1}.hr-banner>div>span{letter-spacing:1.4px;color:#4d8981;font-size:9px;font-weight:700}.hr-banner h2{margin:5px 0;font-size:20px}.hr-banner p{color:#74898d;font-size:11px;line-height:1.5}.demo-chip{color:#8a7136;white-space:nowrap;background:#fff8e7;border:1px solid #e4d7a8;border-radius:20px;align-self:flex-start;padding:7px 10px;font-size:9px}.hr-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.hr-kpi{background:#fff;border:1px solid #e4ebec;border-radius:10px;min-width:0;padding:15px}.hr-kpi>span{color:#398579;background:#e8f4f0;border-radius:8px;place-items:center;width:32px;height:32px;margin-bottom:10px;display:grid}.hr-kpi small,.hr-kpi strong,.hr-kpi em{display:block}.hr-kpi small{color:#819397;font-size:10px}.hr-kpi strong{color:#24434a;margin:5px 0;font:800 23px Manrope}.hr-kpi em{color:#9aa7aa;font-size:9px;font-style:normal}.hr-alert{color:#a16e35;background:#fff8ed;border:1px solid #efd9b7;border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.hr-alert>svg{flex-shrink:0;margin-top:1px}.hr-alert b{font-size:11px}.hr-alert p{color:#946f48;margin-top:4px;font-size:10px;line-height:1.5}.hr-panel .panelhead h2{align-items:center;gap:8px;display:flex}.hr-panel .panelhead h2 svg{color:#4a8980}.hr-toolbar{align-items:center;gap:10px;padding:0 17px 14px;display:flex}.hr-toolbar .search{flex:1;margin:0}.hr-filter{color:#819397;border:1px solid #e2e9e9;border-radius:7px;align-items:center;gap:6px;height:36px;padding:0 9px;display:flex}.hr-filter select{color:#45656a;background:0 0;border:0;outline:0;padding:6px 0;font-size:10px}.hr-table-wrap{width:100%;overflow-x:auto}.hr-table{border-collapse:collapse;text-align:left;width:100%;min-width:650px}.hr-table th{color:#839599;background:#f7faf9;border-top:1px solid #edf1f1;border-bottom:1px solid #edf1f1;padding:11px 14px;font-size:9px;font-weight:600}.hr-table td{color:#536d72;vertical-align:middle;border-bottom:1px solid #edf1f1;padding:13px 14px;font-size:10px}.hr-table td b,.hr-table td small{display:block}.hr-table td b{color:#294950;font-size:10px}.hr-table td small{color:#98a6a9;margin-top:4px;font-size:9px}.hr-status{white-space:nowrap;border-radius:5px;align-items:center;padding:5px 7px;font-size:9px;display:inline-flex}.hr-status.good{color:#357b62;background:#e8f5ee}.hr-status.pending{color:#96762f;background:#fbf3df}.hr-status.bad{color:#ad5948;background:#fdece8}.hr-review{color:#45676c;white-space:nowrap;background:#fff;border:1px solid #dfe8e9;border-radius:6px;align-items:center;gap:4px;margin-top:6px;padding:6px 7px;font-size:9px;display:inline-flex}.hr-note{color:#73888c;background:#f7faf9;align-items:flex-start;gap:9px;padding:13px 16px;font-size:10px;line-height:1.5;display:flex}.hr-note svg{color:#4d8981;flex-shrink:0}.hr-doc{border-top:1px solid #edf1f1;align-items:center;gap:12px;padding:15px 17px;display:flex}.hr-doc-icon{color:#4b8983;background:#edf5f4;border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.hr-doc>div:nth-child(2){flex:1;min-width:0}.hr-doc b{font-size:11px}.hr-doc p{color:#71868a;margin:4px 0;font-size:10px}.hr-doc small{color:#9aa7aa;font-size:9px}.hr-lower{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.hr-lower-card{color:#4b8983;align-items:flex-start;gap:12px;padding:16px;display:flex}.hr-lower-card>svg{flex-shrink:0}.hr-lower-card b{color:#35555b;font-size:11px;display:block}.hr-lower-card p{color:#839599;margin:6px 0;font-size:10px;line-height:1.5}.hr-lower-card span{color:#4a897c;font-size:9px}.hr-notice{margin-bottom:0}@media (width<=950px){.hr-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-banner{align-items:flex-start}.demo-chip{display:none}}@media (width<=600px){.hr-banner{gap:11px;padding:15px}.hr-banner-icon{width:38px;height:38px}.hr-banner h2{font-size:16px}.hr-banner p{font-size:10px}.hr-kpis{gap:8px}.hr-kpi{padding:11px}.hr-kpi strong{font-size:20px}.hr-kpi small{font-size:9px}.hr-lower{grid-template-columns:1fr}.hr-toolbar{gap:7px;padding:0 10px 12px}.hr-toolbar .search{padding:0 7px}.hr-filter{padding:0 6px}.hr-panel .panelhead{padding:14px 12px}.hr-doc{gap:8px;padding:12px}.hr-doc .hr-status{display:none}}