@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#17233d;background:#f7f9fc;font-synthesis:none;--navy:#17233d;--muted:#8390a5;--line:#e6ebf3;--blue:#3563e9;--blue-soft:#edf2ff;--panel:#fff}.app-loading{min-height:100vh;display:grid;place-items:center;color:#6f7d94;font-size:13px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 10%,#edf2ff 0,transparent 35%),#f7f9fc;padding:20px}.login-card{width:min(100%,390px);background:#fff;border:1px solid var(--line);border-radius:14px;padding:34px;box-shadow:0 18px 50px #17233d12}.login-card .brand-mark{margin-bottom:24px}.login-card h1{font-family:Space Grotesk;font-size:28px;margin:0 0 7px}.login-card label{display:block;color:#748199;font-size:11px;margin-top:20px}.login-card input{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #dce3ee;border-radius:7px;outline:0;font-size:12px}.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3563e914}.login-card .button{width:100%;justify-content:center;margin-top:24px}.login-error,.error-banner{color:#c74e45;background:#fff0ee;border:1px solid #ffd9d4;border-radius:7px;padding:9px 11px;font-size:11px}.error-banner{margin:18px 38px 0;display:flex;justify-content:space-between;align-items:center}.customer-portal{min-height:100vh;background:#f7f9fc}.customer-header{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1120px)/2))}.customer-header .brand{padding:0}.customer-user{display:flex;align-items:center;gap:14px;font-size:12px;color:#62708a}.customer-main{max-width:1120px;margin:0 auto;padding:52px 24px}.customer-main h1{font:600 32px Space Grotesk;margin:0 0 7px}.customer-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dbe3ef;border-radius:9px;margin:28px 0;padding:0 14px;max-width:620px;color:#8c99ab}.customer-search input{border:0;outline:0;padding:14px 0;width:100%;font-size:12px}.customer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.customer-list{padding:20px}.customer-list .panel-head{margin-bottom:14px}.customer-route{display:flex;align-items:center;gap:22px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;margin:24px 0 16px}.customer-route div{flex:1}.customer-route div:last-child{text-align:right}.customer-route span,.customer-route strong{display:block}.customer-route span{font-size:10px;color:#94a0b1;text-transform:uppercase;letter-spacing:.7px}.customer-route strong{font:600 16px Space Grotesk;margin-top:5px}.customer-detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.customer-dates{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.customer-dates div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px}.customer-dates span,.customer-dates strong{display:block}.customer-dates span{font-size:10px;color:#94a0b1;text-transform:uppercase;letter-spacing:.7px}.customer-dates strong{font:600 14px Space Grotesk;margin-top:5px}@media(max-width:780px){.customer-header{padding:0 16px}.customer-header .brand span{display:none}.customer-user{font-size:10px}.customer-user .button{padding:8px}.customer-main{padding:34px 16px}.customer-stats{grid-template-columns:1fr}}@media(max-width:780px){.customer-route{padding:16px;gap:10px}.customer-route strong{font-size:12px}.customer-dates{grid-template-columns:1fr 1fr}.customer-detail-grid{grid-template-columns:1fr}}.notification-rules{margin-top:24px;padding:22px}.notification-rule{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(280px,1.5fr) 100px;gap:18px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}.notification-rule:first-of-type{border-top:0}.notification-rule strong,.notification-rule span{display:block}.notification-rule strong{font-size:13px}.notification-rule span{font-size:10px;color:var(--muted);margin-top:4px}.notification-rule>input{width:100%;border:1px solid #dce3ee;border-radius:7px;padding:10px;font-size:12px;color:var(--navy)}.notification-rule>input:disabled{background:#f7f9fc;color:#8491a6}.rule-toggle{display:flex;align-items:center;gap:7px;font-size:11px;color:#60708a}.rule-toggle input{accent-color:var(--blue)}@media(max-width:780px){.notification-rule{grid-template-columns:1fr}.notification-rule>input{min-width:0}}.job-rule{display:flex;gap:14px;align-items:end;padding:16px 0;border-top:1px solid var(--line)}.job-rule>div{flex:1;min-width:190px}.job-rule strong,.job-rule span{display:block}.job-rule strong{font-size:13px}.job-rule span{font-size:10px;color:var(--muted);margin-top:4px}.job-rule>label:not(.rule-toggle){font-size:10px;color:var(--muted)}.job-rule input[type=number]{width:70px}.job-rule label>input:not([type=checkbox]){display:block;margin-top:5px;border:1px solid #dce3ee;border-radius:7px;padding:9px;font-size:11px;color:var(--navy)}.job-rule label>input:disabled{background:#f7f9fc;color:#8491a6}.job-rule .rule-toggle,.job-rule .button{align-self:center}@media(max-width:900px){.job-rule{align-items:stretch;flex-wrap:wrap}.job-rule>div{flex-basis:100%}}.master-data-panel .panel-head select,.master-data-create input{border:1px solid #dce3ee;border-radius:7px;padding:10px;background:#fff;color:var(--navy);font-size:11px}.master-data-create{display:flex;gap:10px;padding:14px 0 18px}.master-data-create input{min-width:180px}.master-data-list{border-top:1px solid var(--line)}.master-data-row{display:grid;grid-template-columns:150px 1fr 100px;gap:15px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.master-data-row.status-master-row{grid-template-columns:150px 1fr 50px 90px 100px}.master-data-row>input:not([type=color]){border:1px solid transparent;border-radius:6px;padding:8px;background:transparent;color:var(--navy);font-size:11px}.master-data-row>input:not([type=color]):not(:disabled):focus{border-color:#dce3ee;background:#fff;outline:0}.master-data-row>input:disabled{color:#68758b}.master-data-row input[type=color]{width:38px;height:32px;border:0;background:transparent}.master-data-row>span{color:var(--muted);font-size:10px}@media(max-width:780px){.master-data-create{flex-direction:column}.master-data-row,.master-data-row.status-master-row{grid-template-columns:100px 1fr}.master-data-row .rule-toggle{grid-column:2}}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:256px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 14px 16px;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;padding:0 11px 24px}.brand-mark{height:34px;width:34px;background:#1e4ed7;color:#fff;border-radius:10px;display:grid;place-items:center;box-shadow:0 4px 10px #3563e932}.brand strong{font-family:Space Grotesk;display:block;font-size:17px;letter-spacing:-.5px}.brand span{display:block;color:#96a0b2;font-size:9px;letter-spacing:1.25px;text-transform:uppercase;margin-top:1px}.sidebar-close{display:none;margin-left:auto}.workspace-switcher{display:flex;align-items:center;gap:9px;padding:10px 11px;margin-bottom:22px;border:1px solid var(--line);border-radius:10px}.workspace-switcher>svg{margin-left:auto;color:#a3aec0}.workspace-dot{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#edf2ff;color:#3563e9;font-weight:700;font-size:12px}.workspace-switcher span,.workspace-switcher strong{display:block;font-size:10px}.workspace-switcher span{color:#98a3b8;margin-bottom:1px}.workspace-switcher strong{font-size:12px}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:1.1px;color:#a4aec0;padding:0 12px;margin:0 0 7px}.nav-space{margin-top:23px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;color:#7d8aa0;padding:10px 12px;border-radius:8px;margin:2px 0;text-align:left;font-size:13px;transition:.15s}.nav-item:hover{color:var(--navy);background:#f7f9fd}.nav-item.active{background:#edf2ff;color:#3563e9;font-weight:600}.nav-item em{font-style:normal;font-size:10px;margin-left:auto;background:#f0f3f8;color:#7b89a0;border-radius:10px;padding:2px 7px}.nav-item.active em{background:#dbe5ff;color:#3563e9}.sidebar-footer{margin-top:auto}.help-card{display:flex;align-items:center;gap:9px;padding:12px;margin:13px 0;border-radius:9px;background:#f8faff;color:#7c8ba4}.help-card>div{flex:1}.help-card strong,.help-card span{display:block;font-size:11px}.help-card strong{color:#475777;margin-bottom:2px}.profile{border-top:1px solid var(--line);padding:17px 8px 0;display:flex;align-items:center;gap:9px}.avatar,.top-avatar{display:grid;place-items:center;border-radius:50%;background:#17233d;color:#fff;font-weight:700}.avatar{height:31px;width:31px;font-size:10px}.profile div:nth-child(2){flex:1}.profile strong,.profile span{display:block;font-size:11px}.profile span{color:#8b97aa;margin-top:2px}.main{flex:1;min-width:0}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 38px;justify-content:space-between}.breadcrumbs{display:flex;gap:8px;align-items:center;color:#9aa5b7;font-size:12px}.breadcrumbs strong{color:#52617c;font-weight:500}.topbar-actions{display:flex;align-items:center;gap:18px}.global-search,.table-search{display:flex;align-items:center;gap:9px;color:#97a3b5}.global-search input{border:0;outline:0;width:205px;font-size:12px;color:var(--navy)}.global-search kbd{font:10px DM Sans;color:#99a4b5;border:1px solid #e3e8ef;border-radius:4px;padding:3px 5px}.icon-button{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;color:#8491a6}.icon-button:hover{background:#f3f6fb;color:var(--blue)}.notification{position:relative}.notification i{width:6px;height:6px;background:#ed6a5a;border-radius:50%;position:absolute;right:6px;top:5px;border:1px solid white}.top-avatar{width:31px;height:31px;font-size:10px}.mobile-menu{display:none}.content{max-width:1440px;margin:0 auto;padding:33px 38px 50px}.page-heading,.detail-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.eyebrow{color:#8a96a9;text-transform:uppercase;letter-spacing:1.1px;font-size:10px;margin:0 0 7px}.page-heading h1{font-family:Space Grotesk;font-size:27px;letter-spacing:-.8px;margin:0 0 6px}.page-heading h1 span{font-family:inherit;color:#f2b944;font-size:20px;vertical-align:top;margin-left:2px}.muted{color:#8995a8;font-size:13px;margin:0}.heading-actions{display:flex;gap:9px;align-items:center}.button{display:flex;align-items:center;gap:8px;border-radius:7px;padding:10px 14px;font-size:12px;font-weight:600;white-space:nowrap}.button.primary{background:#3563e9;color:#fff;box-shadow:0 3px 8px #3563e92b}.button.primary:hover{background:#2855db}.button.secondary{border:1px solid #dfe5ee;background:#fff;color:#55647e}.filter-row{display:flex;align-items:center;gap:19px;margin:25px 0 19px}.live-pill{font-size:11px;color:#75839b;display:flex;align-items:center;gap:6px}.live-pill i{width:7px;height:7px;border-radius:50%;background:#19a974;box-shadow:0 0 0 3px #e2f7ee}.live-pill span{color:#c2c9d4}.date-filter{margin-left:auto;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;padding:8px 10px;color:#75839b;background:#fff}.date-filter select{border:0;outline:0;color:#56657e;font-size:11px;background:#fff}.filter-link{display:flex;align-items:center;gap:7px;color:#6e7b91;font-size:11px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 1px 1px #13254b03}.stat-card{display:flex;gap:13px;padding:18px 17px}.stat-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px}.stat-icon.blue{background:#edf2ff;color:#3563e9}.stat-icon.indigo{background:#eeeefe;color:#6457d9}.stat-icon.green{background:#e7f8f1;color:#19a974}.stat-icon.orange{background:#fff3df;color:#e7962c}.stat-copy{flex:1}.stat-copy>span{display:block;font-size:11px;color:#8793a7}.stat-copy>strong{font-family:Space Grotesk;font-size:25px;display:block;margin:4px 0 8px}.stat-copy div{display:flex;align-items:center;gap:6px}.stat-copy b{font-size:10px}.stat-copy b.up{color:#19a974}.stat-copy b.down{color:#ed6a5a}.stat-copy small{font-size:10px;color:#9ba6b6}.dashboard-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:14px;margin-top:14px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between}.panel-head h2{font-family:Space Grotesk;font-size:14px;letter-spacing:-.2px;margin:0 0 4px}.panel-head p{font-size:11px;color:#98a3b4;margin:0}.volume-panel,.status-panel,.recent-panel{padding:20px}.select-button,.more-button{display:flex;align-items:center;gap:8px;color:#718098;border:1px solid var(--line);border-radius:6px;padding:7px 9px;font-size:10px}.more-button{border:0;padding:2px}.chart-wrap{height:198px;margin-top:20px}.donut-wrap{height:184px;position:relative}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.donut-center strong{font-family:Space Grotesk;font-size:23px}.donut-center span{font-size:10px;color:#95a0b3}.legend{display:grid;grid-template-columns:1fr 1fr;gap:9px 21px;margin:0 4px}.legend div{font-size:10px;color:#78869d;display:flex;align-items:center;gap:7px}.legend span{width:7px;height:7px;border-radius:50%}.legend strong{margin-left:auto;color:#34435f;font-size:10px}.recent-panel{margin-top:14px}.recent-panel .panel-head{margin-bottom:13px}.text-button{display:flex;align-items:center;gap:5px;color:#3563e9;font-size:11px}.data-table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:#99a5b6;text-transform:uppercase;letter-spacing:.7px;font-size:9px;font-weight:600;padding:11px 10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #edf0f5;color:#52617b;font-size:11px}tr:last-child td{border-bottom:0}tbody tr{cursor:pointer;transition:.12s}tbody tr:hover{background:#fafbfe}td:first-child,th:first-child{padding-left:4px;width:25px}input[type=checkbox]{accent-color:#3563e9;width:14px;height:14px}.shipment-cell{display:flex;align-items:center;gap:9px}.shipment-cell>div:last-child span{display:block;color:#9ba6b6;font-size:10px;margin-top:3px}.shipment-cell strong{font-size:12px;color:#35445f}.ship-icon{height:27px;width:27px;border-radius:7px;display:grid;place-items:center}.ship-icon.blue{background:#edf2ff;color:#3563e9}.ship-icon.amber{background:#fff5df;color:#dc9b2d}.ship-icon.green{background:#e7f8f1;color:#19a974}.ship-icon.red{background:#ffedea;color:#e45f54}.ship-icon.purple{background:#f1edff;color:#765bdd}.ship-icon.large{width:40px;height:40px;border-radius:10px}.route{color:#64728a}.mode-badge{font-size:10px;background:#f4f6fa;color:#75839a;border-radius:5px;padding:4px 7px}.status-badge{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:500}.status-badge i{height:5px;width:5px;border-radius:50%;background:currentColor}.status-badge.in-transit{background:#edf2ff;color:#3563e9}.status-badge.delivered{background:#e8f8f1;color:#15966a}.status-badge.customs-clearance,.status-badge.cargo-received{background:#fff4df;color:#bd7b1c}.status-badge.delayed{background:#ffedeb;color:#d95c50}.eta{font-size:10px;font-weight:500;color:#53617b}.progress{width:65px;height:3px;background:#edf0f5;margin-top:6px;border-radius:3px}.progress i{display:block;height:100%;border-radius:3px;background:#3563e9}.muted-cell{color:#99a4b5}.row-more{color:#8e9bad}.list-toolbar{display:flex;align-items:center;gap:9px;margin:25px 0 12px}.table-search{height:35px;border:1px solid var(--line);border-radius:7px;padding:0 11px;background:#fff;flex:1;max-width:355px}.table-search input{border:0;outline:0;font-size:11px;width:100%;color:var(--navy)}.toolbar-button{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;padding:9px 11px;color:#68768e;font-size:11px;background:#fff}.toolbar-button.selected{color:#3563e9;border-color:#c9d5f6;background:#f5f7ff}.filter-count{display:grid;place-items:center;background:#3563e9;color:#fff;height:16px;width:16px;border-radius:50%;font-size:9px}.refresh{border:1px solid var(--line);margin-left:auto}.filter-panel{display:flex;gap:12px;align-items:end;background:#fbfcfe;border:1px solid var(--line);border-radius:8px;padding:13px;margin-bottom:14px}.filter-panel label,.form-grid label{display:block;color:#75829a;font-size:10px;margin-bottom:6px}.filter-panel select,.date-input,.form-grid input,.form-grid select,.form-grid textarea{display:flex;align-items:center;border:1px solid #dde4ee;border-radius:6px;background:#fff;color:#5a6880;padding:8px 10px;font-size:11px;outline:0;min-width:145px}.clear-filter{color:#3563e9;font-size:11px;padding:8px}.table-meta{display:flex;justify-content:space-between;color:#96a1b2;font-size:10px;margin:20px 0 10px}.table-meta strong{color:#5d6b84;font-weight:600}.table-panel{padding:0 15px}.pagination{display:flex;justify-content:space-between;align-items:center;color:#8c98aa;font-size:10px;padding-top:14px}.pagination>div{display:flex;align-items:center;gap:5px}.pagination button{width:27px;height:27px;border:1px solid var(--line);border-radius:5px;color:#718097;font-size:11px}.pagination button.current{background:#3563e9;border-color:#3563e9;color:#fff}.pagination button:disabled{color:#c8ced9}.back-link{color:#7e8ba0;font-size:11px;margin-bottom:22px}.detail-heading{align-items:center;margin-bottom:28px}.detail-title{display:flex;align-items:center;gap:11px}.detail-title h1{font-family:Space Grotesk;font-size:26px;margin:0;letter-spacing:-.8px}.detail-title .status-badge{margin-left:5px}.copy-id{color:#9da9b9;font-size:15px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.9fr);gap:15px}.detail-main{min-width:0}.route-card{padding:23px}.route-top{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:12px}.route-top strong,.route-top small{display:block}.route-top strong{font-family:Space Grotesk;font-size:16px;margin:5px 0}.route-top small{color:#8d99aa;font-size:10px}.route-top .label,.route-dates span{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#9ca7b7}.destination{text-align:right}.route-line{display:flex;align-items:center;gap:8px;color:#3563e9}.route-line span{height:1px;flex:1;background:#ced8e8;border-top:1px dashed #becbe0}.route-line>div{width:70px;height:30px;border-radius:7px;background:#edf2ff;display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}.route-line small{font-size:8px;color:#5470c7}.route-dates{border-top:1px solid var(--line);margin-top:22px;padding-top:17px;display:grid;grid-template-columns:repeat(4,1fr)}.route-dates span,.route-dates strong{display:block}.route-dates strong{font-size:11px;color:#4e5d76;margin-top:4px}.tabs-panel{margin-top:15px}.tabs{display:flex;gap:23px;border-bottom:1px solid var(--line);padding:0 21px}.tabs button{padding:16px 0 13px;color:#8b97a8;font-size:11px;position:relative}.tabs button.active{color:#3563e9;font-weight:600}.tabs button.active:after{content:"";height:2px;background:#3563e9;position:absolute;bottom:-1px;left:0;right:0}.tabs button span{background:#f0f3f8;border-radius:10px;padding:2px 5px;font-size:9px;margin-left:3px}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:22px}.info-block h3{font-family:Space Grotesk;font-size:12px;margin:0 0 12px;color:#465572}.info-row{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #f0f2f6;padding:8px 0}.info-row span{color:#8c98aa;font-size:10px}.info-row strong{font-size:10px;color:#55637b;font-weight:500;text-align:right}.timeline-panel,.document-panel{padding:20px}.timeline-panel .panel-head,.document-panel .panel-head{margin-bottom:20px}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;border-left:1px dashed #cbd5e4}.timeline-item{display:flex;gap:13px;position:relative;margin-bottom:20px}.timeline-item:last-child{margin-bottom:0}.timeline-dot{width:17px;height:17px;border-radius:50%;flex-shrink:0;background:#e8f8f1;color:#18a36f;border:2px solid #fff;box-shadow:0 0 0 1px #bcebd8;display:grid;place-items:center;font-size:8px;font-weight:700}.timeline-dot.current{background:#3563e9;box-shadow:0 0 0 4px #e3eaff}.timeline-dot.current span{width:5px;height:5px;background:#fff;border-radius:50%}.timeline-item strong,.timeline-item small,.timeline-item p{display:block}.timeline-item strong{font-size:11px;color:#4c5b75;margin:0 0 4px}.timeline-item small{font-size:9px;color:#8b98aa;margin-top:2px}.timeline-item p{font-size:10px;color:#7d8ba2;margin:7px 0 0;line-height:1.35}.timeline-button{display:flex;align-items:center;gap:5px;border-top:1px solid var(--line);padding-top:15px;margin-top:18px;width:100%;color:#3563e9;font-size:10px}.document-panel{margin-top:15px}.document-row{display:flex;align-items:center;gap:9px;padding:10px 0;border-top:1px solid #f0f2f6}.doc-icon{height:28px;width:28px;border-radius:6px;display:grid;place-items:center;background:#eef3ff;color:#3563e9}.document-row>div:nth-child(2){flex:1}.document-row strong,.document-row span{display:block}.document-row strong{font-size:10px;color:#596780}.document-row span{font-size:9px;color:#9aa5b5;margin-top:3px}.document-row>svg{color:#8c99aa}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#17233d7d;z-index:5;display:grid;place-items:center;padding:20px;overflow:auto}.modal{width:100%;max-width:500px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 20px 50px #17233d40}.modal-head{display:flex;justify-content:space-between}.modal h2{font-family:Space Grotesk;font-size:20px;margin:0}.modal-copy{font-size:12px;color:#8895a8;margin:8px 0 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-width:0}.form-grid textarea{height:72px;resize:vertical}.form-grid label.full{grid-column:1/-1}.check-label{display:flex;align-items:center;gap:8px;margin:18px 0;font-size:11px;color:#66748b}.modal-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:17px}.toast{position:fixed;bottom:24px;right:25px;z-index:8;background:#17233d;color:#fff;display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:8px;font-size:11px;box-shadow:0 8px 30px #17233d40}.toast-icon{background:#3563e9;width:22px;height:22px;border-radius:5px;display:grid;place-items:center}.toast button{color:#bfc9d9;margin-left:7px}.fade-in{animation:fade .25s ease}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:1100px){.sidebar{width:220px}.topbar{padding:0 24px}.content{padding:28px 24px}.global-search input{width:150px}.detail-grid{grid-template-columns:1fr}.detail-side{display:grid;grid-template-columns:1fr 1fr;gap:15px}.document-panel{margin-top:0}.stat-card{padding:15px 12px}.stat-copy small{display:none}}@media(max-width:780px){.sidebar{position:fixed;z-index:4;left:-270px;top:0;bottom:0;transition:.2s;box-shadow:10px 0 30px #17233d20}.sidebar.sidebar-open{left:0}.sidebar-close,.mobile-menu{display:grid}.topbar{padding:0 16px;height:62px}.breadcrumbs{font-size:11px}.topbar-actions{gap:9px}.global-search{display:none}.content{padding:23px 16px 40px}.page-heading,.detail-heading{display:block}.heading-actions{margin-top:17px;flex-wrap:wrap}.heading-actions .button{flex:1;justify-content:center}.stat-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.volume-panel{min-height:300px}.filter-row{flex-wrap:wrap}.date-filter{margin-left:0}.filter-link{margin-left:auto}.list-toolbar{flex-wrap:wrap}.table-search{max-width:none;flex-basis:100%}.refresh{margin-left:0}.filter-panel{display:grid;grid-template-columns:1fr 1fr}.filter-panel select,.date-input{min-width:0;width:100%}.detail-title{flex-wrap:wrap}.detail-title .status-badge{margin-left:50px;margin-top:-4px}.route-top{grid-template-columns:1fr}.destination{text-align:left}.route-line{transform:rotate(90deg);height:45px}.route-line>div{transform:rotate(-90deg)}.route-dates{grid-template-columns:1fr 1fr;gap:16px}.overview-grid{grid-template-columns:1fr;padding:18px}.tabs{overflow:auto;gap:20px}.detail-side{display:block}.document-panel{margin-top:15px}.modal{padding:19px}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.pagination{flex-wrap:wrap;gap:12px}.pagination>div{margin-left:auto}}.storage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:16px}.storage-grid div{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--border, #e3e8f0);border-radius:10px;background:#3563e90a}.storage-grid span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.storage-grid strong{font-size:14px;word-break:break-word}.storage-warning{margin:12px 0 0;padding:10px 14px;border-radius:10px;background:#dc262614;color:#b91c1c;font-size:13px;line-height:1.5}.storage-ok{margin:12px 0 0;padding:10px 14px;border-radius:10px;background:#16a34a14;color:#15803d;font-size:13px}.storage-warning code{background:#0f172a14;padding:1px 5px;border-radius:4px}.storage-list{margin-top:16px;display:flex;flex-direction:column;gap:8px}.storage-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px;align-items:center;padding:10px 14px;border:1px solid var(--border, #e3e8f0);border-radius:10px;font-size:13px}@media(max-width:720px){.storage-row{grid-template-columns:1fr;gap:4px}}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:54px 20px;color:#8995a8;text-align:center}.empty-state strong{color:#24395e;font-size:15px}.empty-state span{font-size:13px}.inline-form{display:flex;gap:14px;align-items:flex-end;padding:18px;margin-bottom:16px}.inline-form.wrap{flex-wrap:wrap}.inline-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:#5a6a85}.inline-form input,.inline-form select{padding:9px 11px;border:1px solid #e0e6f0;border-radius:9px;font-size:13px;min-width:190px}.inline-label{font-size:12px;font-weight:600;color:#5a6a85;margin-right:8px}.button.small{padding:6px 12px;font-size:12px}.create-modal{width:min(720px,94vw);max-width:min(720px,94vw);background:#fff;border-radius:16px;padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.modal-head h2{margin:0 0 2px;font-size:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:#5a6a85}.form-grid input,.form-grid select,.form-grid textarea{padding:10px 12px;border:1px solid #e0e6f0;border-radius:9px;font-size:13px;font-family:inherit;color:#1e2a3c;background:#fff;width:100%}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:none;border-color:#2f6fed;box-shadow:0 0 0 3px #2f6fed24}.form-grid textarea{min-height:88px;resize:vertical}.form-grid .span-2,.form-grid .full{grid-column:span 2}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.form-errors{background:#fdeceb;border:1px solid #f6c9c4;color:#b03024;border-radius:10px;padding:10px 12px;margin-bottom:14px;font-size:13px;display:flex;flex-direction:column;gap:4px}.audit-change{font-size:12px;max-width:340px}.audit-change b{color:#5a6a85;margin-right:4px}.audit-change div{overflow-wrap:anywhere}@media(max-width:760px){.form-grid{grid-template-columns:1fr}.form-grid .span-2,.form-grid .full{grid-column:span 1}}.detail-timeline{padding:18px 20px}.tabs-panel .data-table-wrap{padding:0}.tabs-panel .empty-state{padding:40px 20px}.attach-block{border:1px solid #e0e6f0;border-radius:12px;padding:14px 16px;margin:14px 0;background:#f8fafc}.attach-title{margin:0 0 10px;font-size:13px;color:#5a6a85;font-weight:600}.attach-list{display:flex;flex-direction:column;gap:8px;max-height:190px;overflow-y:auto}.attach-list .check-label{font-size:13px}.status-page{max-width:760px;margin:0 auto;padding:24px 26px 26px}.status-page .modal-head{border-bottom:1px solid #eef1f6;padding-bottom:14px}.modal-copy{margin:0 0 18px;font-size:13px;line-height:1.55;color:#5a6a85}.check-label{display:flex;align-items:center;gap:9px;margin-top:12px;font-size:13px;font-weight:500;color:#33415c;cursor:pointer}.check-label input[type=checkbox]{width:15px;height:15px;accent-color:#2f6fed;cursor:pointer;flex:none}.modal-actions{border-top:1px solid #eef1f6;padding-top:18px}.modal-actions .button.primary[disabled]{opacity:.55;cursor:not-allowed}.row-menu{position:relative;display:flex;justify-content:flex-end}.row-menu-list{position:fixed;z-index:60;min-width:194px;padding:6px;background:#fff;border:1px solid #e4e9f2;border-radius:11px;box-shadow:0 14px 34px #13203829;display:flex;flex-direction:column}.row-menu-list button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:0;border-radius:8px;background:none;font-size:13px;font-weight:500;color:#33415c;text-align:left;cursor:pointer}.row-menu-list button:hover{background:#f2f5fb;color:#14203a}.row-menu-list button.danger{color:#c0392b}.row-menu-list button.danger:hover{background:#fdeceb}.master-data-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.master-tab{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:999px;padding:8px 14px;font-size:11px;font-weight:600;cursor:pointer;transition:.15s}.master-tab:hover{border-color:#c3d0e4}.master-tab span{background:#eef2f8;color:#68758b;border-radius:999px;padding:1px 7px;font-size:10px}.master-tab.active{background:var(--blue,#3563e9);border-color:var(--blue,#3563e9);color:#fff}.master-tab.active span{background:#ffffff40;color:#fff}.master-data-panel .panel-head .table-search{margin:0}.brand-logo{display:block;height:26px;width:auto;max-width:100%;object-fit:contain}.brand-mark.has-logo{height:34px;width:34px;background:#fff;border:1px solid var(--line);box-shadow:none;padding:3px;min-width:34px;border-radius:10px}.sidebar .brand-mark.has-logo,.customer-header .brand-mark.has-logo,.login-card .brand-mark.has-logo,.public-track-card .brand-mark.has-logo{height:34px;width:34px;min-width:34px;max-width:34px}.customer-header .brand-logo,.login-card .brand-logo,.public-track-card .brand-logo,.sidebar .brand-logo{height:26px;width:auto}.icon-button.notification{position:relative}.icon-button.notification i{position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#e0473f;color:#fff;font-size:9px;font-weight:700;font-style:normal;display:grid;place-items:center}.notification-bell{position:static}.notification-dropdown{position:absolute;top:52px;right:24px;z-index:70;width:340px;max-width:calc(100vw - 32px);background:#fff;border:1px solid #e4e9f2;border-radius:12px;box-shadow:0 14px 34px #13203829;display:flex;flex-direction:column}.notification-dropdown-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eef1f6;font-size:13px}.link-button{border:0;background:none;color:#3563e9;font-size:12px;font-weight:600;cursor:pointer;padding:0}.notification-dropdown-list{max-height:340px;overflow-y:auto;padding:6px}.notification-item{display:flex;flex-direction:column;gap:3px;padding:10px;border-radius:8px}.notification-item strong{font-size:12.5px;color:#1e2a3f}.notification-item span{font-size:11px;color:#7d8aa0}.notification-item.unread{background:#eef3ff}.notification-dropdown-list p.muted{padding:14px 10px;margin:0}.branding-form{display:flex;flex-direction:column;gap:18px}.branding-identity{display:flex;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#f9fbfe}.branding-logo-preview{height:64px;width:132px;flex:0 0 132px;border-radius:12px;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;background:#fff;color:#8b98aa}.branding-logo-preview img{height:100%;width:100%;object-fit:contain;padding:6px}.branding-logo-actions{display:flex;flex-direction:column;gap:9px;min-width:0}.branding-logo-buttons{display:flex;flex-wrap:wrap;gap:8px}.branding-logo-actions p.muted{margin:0;font-size:11px}.file-button{cursor:pointer}.file-button input[type=file]{display:none}.branding-form .modal-actions{margin-top:2px}.form-grid input:disabled,.form-grid select:disabled,.form-grid textarea:disabled{background:#f4f7fb;color:#8b98aa;cursor:not-allowed}.form-grid+.modal-copy{margin-top:16px}.modal-head .muted{margin:0;font-size:12px;color:#8b98aa}.modal-head>div{min-width:0}.modal-head>div .muted{overflow-wrap:anywhere}.login-track-link{display:block;text-align:center;margin-top:18px;font-size:12px;color:#3563e9;text-decoration:none;font-weight:600}.public-track-page{align-items:start;padding:48px 20px}.public-track-card{width:min(100%,620px)}.public-track-form{display:flex;align-items:stretch;gap:10px;margin:22px 0 6px}.public-track-form input{flex:1 1 auto;width:auto;min-width:0;margin:0;border:1px solid #dce3ee;border-radius:8px;padding:11px 13px;font-size:13px;outline:0}.public-track-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3563e914}.public-track-card .public-track-form .button{width:auto;flex:0 0 auto;margin:0;padding:10px 22px;justify-content:center}.public-track-card .login-error{margin-top:12px}.public-track-result{margin-top:22px;text-align:left;border-top:1px solid var(--line);padding-top:18px}.public-track-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.public-track-head strong{font:600 15px Space Grotesk,sans-serif;color:var(--navy, #17233d)}.public-track-head span{display:block;color:#7d8aa0;font-size:12px;margin-top:3px}.public-track-result .timeline{margin-top:6px}.public-track-docs{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.public-track-docs h2{font-size:13px;margin:0 0 4px}@media(max-width:560px){.public-track-form{flex-direction:column}.public-track-card .public-track-form .button{width:100%}}.status-badge{background:#f1f4f9;color:#62718a}.status-badge.booking-confirmed,.status-badge.departed,.status-badge.in-transit{background:#edf2ff;color:#3563e9}.status-badge.cargo-received,.status-badge.pod-pending{background:#fff4df;color:#bd7b1c}.status-badge.customs-cleared,.status-badge.delivered,.status-badge.pod-received{background:#e8f8f1;color:#15966a}.status-badge.arrived,.status-badge.arrived-at-destination,.status-badge.out-for-delivery{background:#eeecfd;color:#5a4fcf}.status-badge.delayed,.status-badge.exception{background:#ffedeb;color:#d95c50}.public-track-result .timeline-item{margin-bottom:22px}.public-track-result .timeline-item strong{font-size:13px;color:#2c3a52}.public-track-result .timeline-item small{font-size:11px}.public-track-result .timeline-item p{font-size:12px;margin-top:6px}.public-track-result .customer-dates strong{font-size:15px}.public-track-docs h2{font-size:14px}.public-track-docs .document-row{padding:12px 0}.public-track-docs .document-row strong{font-size:12.5px;color:#2c3a52}.public-track-docs .document-row span{font-size:11px}.inline-form{margin-top:22px;gap:16px;align-items:end}.audit-filter{display:flex;align-items:center;gap:10px}.filter-select{min-width:190px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px 34px 9px 11px;color:var(--ink)}.document-upload{display:grid;grid-template-columns:minmax(220px,1fr) 180px auto auto;align-items:center;gap:14px;margin:0 0 20px;padding:18px 20px;border:1px dashed #d8e0ee;border-radius:12px;background:#fbfcff}.document-upload select{height:42px;border:1px solid #d8e0ee;border-radius:9px;background:#fff;padding:0 12px;color:var(--navy)}.document-upload .document-type-select{width:180px;min-width:0;font-size:13px;font-weight:600;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.document-upload .document-type-select option{font-size:13px;font-weight:500;text-transform:none}.document-upload .check-label{white-space:nowrap}.references-panel{display:grid;gap:22px;padding:24px 28px}.reference-form{display:grid;grid-template-columns:150px repeat(4,minmax(130px,1fr)) auto;gap:14px;align-items:end;padding:0 0 22px;border-bottom:1px solid var(--line)}.reference-form label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.reference-form input,.reference-form select{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff;color:var(--ink)}.reference-form input,.reference-form select{height:42px;min-width:0;font-size:13px}.reference-groups{display:grid;gap:10px}.reference-groups>div{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:14px;min-height:46px;padding:10px 12px;border:1px solid #edf1f7;border-radius:10px;background:#fff}.reference-groups>div>strong{font-size:13px;color:var(--navy)}.reference-groups .muted{font-size:13px}@media(max-width:900px){.reference-form{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-form button{grid-column:span 2}.document-upload{grid-template-columns:1fr 1fr}.document-upload>div{grid-column:span 2}}@media(max-width:760px){.reference-form{grid-template-columns:1fr}.reference-form button{grid-column:auto}.reference-groups>div{grid-template-columns:1fr}.document-upload{grid-template-columns:1fr}.document-upload>div{grid-column:auto}.audit-filter{align-items:stretch;flex-direction:column}.filter-select{width:100%}}.detail-grid{grid-template-columns:minmax(0,1fr) minmax(280px,320px)}.detail-grid,.detail-main,.tabs-panel{min-width:0}.tabs-panel{overflow:hidden}.tabs{overflow-x:auto;white-space:nowrap}.data-table-wrap{max-width:100%;overflow-x:auto}.references-panel{width:100%;min-width:0}.reference-form{grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}.reference-form label,.reference-form input,.reference-form select{min-width:0}.reference-form button{grid-column:1;justify-self:start}.document-upload{grid-template-columns:minmax(0,1fr) 180px auto;min-width:0}.document-upload>div{min-width:0}.document-upload .check-label{grid-column:1 / -1;justify-self:start}@media(max-width:900px){.reference-form{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-form button{grid-column:1}.document-upload{grid-template-columns:minmax(0,1fr) auto}.document-upload .check-label{grid-column:1 / -1}}@media(max-width:600px){.reference-form{grid-template-columns:1fr}.reference-form button{grid-column:auto}.document-upload{grid-template-columns:1fr}.document-upload .check-label{grid-column:auto}}.master-data-create{display:grid;grid-template-columns:minmax(220px,330px) minmax(220px,360px) auto;align-items:center;gap:20px}.master-data-create input{width:100%;min-width:0}.master-data-row{grid-template-columns:minmax(220px,330px) minmax(220px,1fr) 100px;gap:20px}.master-data-row.status-master-row{grid-template-columns:minmax(180px,260px) minmax(220px,1fr) 50px 90px 100px}@media(max-width:900px){.master-data-create{grid-template-columns:1fr 1fr}.master-data-create .button{grid-column:span 2;justify-self:start}.master-data-row,.master-data-row.status-master-row{grid-template-columns:1fr 1fr}.master-data-row .rule-toggle{grid-column:auto}}@media(max-width:600px){.master-data-create{grid-template-columns:1fr}.master-data-create .button{grid-column:auto}.master-data-row,.master-data-row.status-master-row{grid-template-columns:1fr}.master-data-row .rule-toggle{grid-column:auto}}.container-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end;margin-bottom:20px;padding:18px 20px;border:1px dashed #d8e0ee;border-radius:12px;background:#fbfcff}.container-form label{display:grid;gap:6px;min-width:0;color:var(--muted);font-size:12px;font-weight:700}.container-form input,.container-form select{width:100%;min-width:0;height:42px;border:1px solid #d8e0ee;border-radius:9px;background:#fff;padding:0 12px;color:var(--navy)}.container-form button{align-self:end;justify-self:start}@media(max-width:900px){.container-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.container-form{grid-template-columns:1fr}}.document-upload .document-type-select,.document-upload .button.small{height:34px;min-height:34px;width:150px;min-width:150px;padding:0 10px;font-size:11px;font-weight:600;line-height:1}.document-upload .document-type-select{border-radius:7px}.document-upload .button.small{display:inline-flex;align-items:center;justify-content:center;border-radius:7px}@media(max-width:900px){.document-upload .document-type-select,.document-upload .button.small{width:150px;min-width:150px}}@media(max-width:600px){.document-upload .document-type-select,.document-upload .button.small{width:100%;min-width:0}}.document-upload>div>strong{display:block;color:var(--navy);font-family:Space Grotesk,sans-serif;font-size:14px;line-height:1.25}.document-upload>div>p{margin:4px 0 0;font-size:11px;line-height:1.35}.references-panel{gap:16px;padding:18px 20px}.reference-form{grid-template-columns:150px repeat(4,minmax(120px,150px)) auto;gap:12px;padding-bottom:16px}.reference-form label{gap:5px;font-size:11px}.reference-form input,.reference-form select{height:34px;padding:0 10px;border-radius:7px;font-size:11px}.reference-form button{height:34px;padding:0 12px;font-size:11px}.reference-groups{gap:8px}.reference-groups>div{min-height:40px;padding:8px 10px;gap:12px}.reference-groups>div>strong,.reference-groups .muted,.reference-groups .mode-badge{font-size:11px}@media(max-width:900px){.reference-form{grid-template-columns:repeat(2,minmax(120px,1fr))}.reference-form button{height:34px}}@media(max-width:600px){.reference-form{grid-template-columns:1fr}.reference-form button{height:34px}}.container-form{gap:10px;margin-bottom:16px;padding:14px 16px}.container-form label{gap:5px;font-size:11px}.container-form input,.container-form select{height:34px;padding:0 10px;border-radius:7px;font-size:11px}.container-form button{height:34px;padding:0 12px;font-size:11px}@media(max-width:1100px){.detail-grid{grid-template-columns:minmax(0,1fr)}.detail-side{width:100%;min-width:0}}.text-danger{color:#ed6a5a;font-weight:600}.text-warning{color:#f3ad3d;font-weight:600}.import-modal{max-width:640px}.import-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.import-filename{font-size:12px;color:#53617b;background:#f2f5fa;border-radius:8px;padding:5px 10px}.import-summary{display:flex;align-items:center;gap:8px;border-radius:10px;padding:10px 12px;margin-bottom:14px;font-size:13px;font-weight:500}.import-summary.ok{background:#e8f8f1;color:#15966a}.import-summary.bad{background:#fdeceb;color:#b03024}.import-errors{max-height:260px;overflow-y:auto;border:1px solid var(--line);border-radius:10px;margin-bottom:16px}.import-errors table{white-space:normal}.import-errors th,.import-errors td{padding:8px 12px;font-size:12px;vertical-align:top}tr.row-invalid td{background:#fdeceb;color:#b03024}tr.row-valid td{background:#e8f8f1;color:#15966a}