:root{color:#16213a;font-synthesis:none;text-rendering:optimizelegibility;--orange:#ff8b00;--orange-dark:#d96e00;--orange-soft:#fff1df;--navy:#15203a;--navy-light:#24365c;--text:#17213a;--muted:#687187;--line:#e4e7ee;--white:#fff;--green:#12805c;--green-soft:#e8f7f1;--shadow:0 24px 70px #0e19341f;background:#f4f6fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f4f6fa;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.shell{width:min(1160px,100% - 40px);margin-inline:auto}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:10;background:#fff;border-bottom:1px solid #16213a14;position:relative}.site-header__inner{justify-content:space-between;align-items:center;gap:24px;min-height:78px;display:flex}.brand-logo{background:#fff;justify-content:center;align-items:center;width:205px;height:58px;display:inline-flex;overflow:hidden}.brand-logo img{width:285px;max-width:none;transform:translateY(1px)}.brand-logo--compact{width:188px;height:54px}.brand-logo--compact img{width:264px}.site-nav{color:#566079;align-items:center;gap:26px;font-size:.9rem;font-weight:650;display:flex}.site-nav a:hover{color:var(--navy)}.staff-link{color:var(--navy);border:1px solid #d9dde6;border-radius:10px;align-items:center;gap:8px;padding:11px 15px;display:inline-flex}.tracking-hero{isolation:isolate;background:linear-gradient(115deg, #0b1328fc, #192a4df5), var(--navy);color:#fff;position:relative;overflow:hidden}.tracking-hero:before,.tracking-hero:after{z-index:-1;content:"";border:1px solid #ffffff14;border-radius:999px;position:absolute}.tracking-hero:before{width:620px;height:620px;top:-370px;right:-120px}.tracking-hero:after{width:410px;height:410px;bottom:-300px;right:60px}.tracking-hero__glow{z-index:-1;filter:blur(100px);opacity:.22;background:var(--orange);border-radius:50%;width:240px;height:240px;position:absolute}.tracking-hero__glow--one{top:80px;left:-40px}.tracking-hero__glow--two{bottom:-120px;right:8%}.tracking-hero__content{grid-template-columns:minmax(0,.95fr) minmax(460px,1.05fr);align-items:center;gap:70px;min-height:470px;padding-block:74px 90px;display:grid}.eyebrow{color:#ffd59f;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:20px;font-size:.78rem;font-weight:800;display:inline-flex}.tracking-hero__copy h1,.login-brand-panel h1{letter-spacing:-.05em;max-width:650px;margin:0;font-size:clamp(2.35rem,5vw,4.25rem);line-height:1.02}.tracking-hero__copy p,.login-brand-panel p{color:#c9d1e2;max-width:570px;margin:24px 0 0;font-size:1.07rem;line-height:1.7}.tracking-card{color:var(--text);background:#fffffff7;border:1px solid #ffffff24;border-radius:20px;padding:30px;box-shadow:0 32px 90px #00000047}.tracking-card__heading{align-items:center;gap:15px;margin-bottom:24px;display:flex}.tracking-card__icon{background:var(--orange-soft);width:48px;height:48px;color:var(--orange-dark);border-radius:12px;flex:none;place-items:center;display:grid}.tracking-card h2{margin:0 0 4px;font-size:1.3rem}.tracking-card__heading p,.login-heading p{color:var(--muted);margin:0;font-size:.9rem}.tracking-card label,.login-form label{color:#40495f;margin-bottom:8px;font-size:.82rem;font-weight:750;display:block}.tracking-input{color:#8891a4;background:#fff;border:1px solid #d8dce5;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:7px 7px 7px 14px;display:grid}.tracking-input:focus-within,.login-input:focus-within{border-color:var(--orange);box-shadow:0 0 0 4px #ff8b001f}.tracking-input input,.login-input input{min-width:0;color:var(--text);background:0 0;border:0;outline:0}.tracking-input input::placeholder,.login-input input::placeholder{color:#9ca4b6}.tracking-input button,.login-button{background:var(--orange);color:#17130c;cursor:pointer;border:0;border-radius:9px;font-weight:800;transition:transform .15s,background .15s}.tracking-input button{align-items:center;gap:8px;padding:13px 17px;display:inline-flex}.tracking-input button:hover,.login-button:hover{background:#ff9c24;transform:translateY(-1px)}.demo-link{color:#687187;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:15px;padding:0;font-size:.8rem;text-decoration:underline}.results-section{z-index:2;flex:1;margin-top:-34px;padding-bottom:70px;position:relative}.welcome-state,.shipment-result,.message-state{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:20px}.welcome-state{grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:185px;padding:34px 42px;display:grid}.welcome-state__art{width:76px;height:76px;color:var(--orange-dark);background:var(--orange-soft);border-radius:18px;place-items:center;display:grid}.welcome-state h2,.message-state h2{margin:0 0 8px;font-size:1.2rem}.welcome-state p,.message-state p{max-width:610px;color:var(--muted);margin:0;line-height:1.6}.trust-points{color:#4b556c;gap:10px;font-size:.82rem;font-weight:700;display:grid}.trust-points span{align-items:center;gap:8px;display:flex}.trust-points svg{color:var(--green)}.message-state{align-items:flex-start;gap:18px;padding:32px;display:flex}.message-state--error{color:#a43c3c;border-color:#f4c5c5}.shipment-result{overflow:hidden}.shipment-result__topline,.shipment-summary,.current-status,.action-notice,.timeline-section{padding-inline:38px}.shipment-result__topline{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-block:30px 24px;display:flex}.result-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px;font-size:.7rem;font-weight:800;display:block}.shipment-result__topline h2{letter-spacing:-.02em;margin:0;font-size:1.45rem}.status-badge{color:#9a5200;background:var(--orange-soft);border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-size:.78rem;font-weight:800;display:inline-flex}.shipment-summary{border-bottom:1px solid var(--line);background:#fafbfc;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-block:24px;display:grid}.shipment-summary__description{border-top:1px solid var(--line);grid-column:1/-1;padding-top:18px}.shipment-summary>div{align-items:center;gap:12px;display:flex}.summary-icon{width:40px;height:40px;color:var(--navy-light);background:#eef1f7;border-radius:10px;flex:none;place-items:center;display:grid}.shipment-summary small{color:var(--muted);margin-bottom:4px;font-size:.7rem;display:block}.shipment-summary strong{font-size:.86rem;display:block}.current-status{padding-block:30px 15px}.current-status>span{color:var(--orange-dark);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:850}.current-status h3{margin:8px 0 7px;font-size:1.4rem}.current-status p{color:var(--muted);margin:0;font-size:.8rem}.action-notice{color:#7f4a0b;background:#fff6e9;border:1px solid #ffd7a4;border-radius:12px;gap:13px;margin:12px 38px 4px;padding:18px 20px;display:flex}.action-notice strong{margin-bottom:3px;font-size:.84rem;display:block}.action-notice p{margin:0;font-size:.82rem;line-height:1.55}.timeline-section{padding-block:30px 38px}.section-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px;display:flex}.section-heading h3{margin:0;font-size:1.15rem}.section-heading>span{color:var(--muted);font-size:.78rem}.timeline{margin:0;padding:0;list-style:none}.timeline-item{grid-template-columns:38px 1fr auto;gap:14px;min-height:72px;display:grid;position:relative}.timeline-item:not(:last-child):before{content:"";background:#dfe3ea;width:2px;position:absolute;top:33px;bottom:-2px;left:17px}.timeline-item--complete:not(:last-child):before{background:var(--green)}.timeline-marker{z-index:1;color:#8d95a6;background:#fff;border:2px solid #dfe3ea;border-radius:50%;place-items:center;width:36px;height:36px;font-size:.74rem;font-weight:850;display:grid;position:relative}.timeline-item--complete .timeline-marker{border-color:var(--green);color:#fff;background:var(--green)}.timeline-item--current .timeline-marker{border-color:var(--orange);color:#5e390b;background:var(--orange);box-shadow:0 0 0 5px var(--orange-soft)}.timeline-copy{padding-top:1px}.timeline-copy strong{font-size:.9rem}.timeline-copy p{color:var(--muted);margin:4px 0 0;font-size:.78rem}.timeline-item--upcoming .timeline-copy{color:#8a92a2}.timeline-date{color:var(--muted);padding-top:5px;font-size:.72rem}.timeline-item--current .timeline-date{color:var(--orange-dark);font-weight:800}.site-footer{background:var(--navy);color:#cbd2df}.site-footer__inner{justify-content:space-between;align-items:center;gap:20px;min-height:74px;font-size:.77rem;display:flex}.site-footer__inner span:first-child{color:#fff;font-weight:800}.login-page{background:#fff;grid-template-columns:minmax(360px,.9fr) minmax(440px,1.1fr);min-height:100vh;display:grid}.login-brand-panel{isolation:isolate;color:#fff;background:radial-gradient(circle at 85% 10%,#ff8b0052,#0000 28%),linear-gradient(145deg,#0d152b,#192847 68%,#23375e);align-items:flex-end;padding:64px;display:flex;position:relative;overflow:hidden}.login-brand-panel:after{z-index:-1;content:"";border:1px solid #ffffff14;border-radius:50%;width:560px;height:560px;position:absolute;top:10%;left:18%}.login-brand-panel__content{max-width:620px}.eyebrow--dark{color:#ffc170}.login-brand-panel h1{font-size:clamp(2.4rem,5vw,4.8rem)}.login-feature-list{color:#d6ddeb;gap:14px;margin-top:35px;font-size:.88rem;font-weight:650;display:grid}.login-feature-list>span{align-items:center;gap:10px;display:flex}.mini-check{color:#1d2b43;background:var(--orange);border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.login-form-panel{place-items:center;padding:60px 30px;display:grid}.login-form-wrap{width:min(100%,460px)}.back-link{color:var(--muted);align-items:center;gap:8px;margin-bottom:40px;font-size:.8rem;font-weight:700;display:inline-flex}.login-heading{margin-top:30px}.login-heading h2{letter-spacing:-.04em;margin:0 0 8px;font-size:2rem}.login-form{margin-top:30px}.login-input{color:#8a93a4;border:1px solid #d8dce5;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:52px;margin-bottom:18px;padding:0 14px;display:grid}.password-toggle{color:#7f889a;cursor:pointer;background:0 0;border:0;place-items:center;padding:4px;display:grid}.login-button{width:100%;min-height:52px;margin-top:4px}.prototype-message{color:#24644e;background:var(--green-soft);border:1px solid #cfe7dc;border-radius:9px;margin:18px 0 0;padding:13px 15px;font-size:.8rem;line-height:1.5}.login-help{color:var(--muted);text-align:center;margin:24px 0 0;font-size:.78rem}@media (width<=900px){.tracking-hero__content{grid-template-columns:1fr;gap:42px;padding-block:60px 82px}.tracking-hero__copy h1{max-width:760px}.welcome-state{grid-template-columns:auto 1fr}.trust-points{grid-column:2;grid-template-columns:repeat(3,auto)}.login-page{grid-template-columns:1fr}.login-brand-panel{min-height:420px;padding:50px 36px}}@media (width<=680px){.shell{width:min(100% - 28px,1160px)}.site-header__inner{min-height:68px}.site-nav>a:first-child{display:none}.brand-logo--compact{width:150px;height:44px}.brand-logo--compact img{width:215px}.staff-link{padding:9px 11px;font-size:.76rem}.tracking-hero__content{padding-block:46px 72px}.tracking-hero__copy h1{font-size:2.55rem}.tracking-card{padding:22px}.tracking-input{grid-template-columns:auto 1fr}.tracking-input button{grid-column:1/-1;justify-content:center}.results-section{margin-top:-24px}.welcome-state{grid-template-columns:1fr;padding:28px}.trust-points{grid-column:1;grid-template-columns:1fr}.shipment-result__topline,.shipment-summary,.current-status,.timeline-section{padding-inline:22px}.shipment-summary{grid-template-columns:1fr}.action-notice{margin-inline:22px}.timeline-item{grid-template-columns:38px 1fr}.timeline-date{grid-column:2;padding-top:0;padding-bottom:10px}.section-heading,.shipment-result__topline,.site-footer__inner{flex-direction:column;align-items:flex-start}.section-heading,.shipment-result__topline{display:flex}.site-footer__inner{padding-block:22px}.login-brand-panel{min-height:360px;padding:40px 24px}.login-brand-panel h1{font-size:2.5rem}.login-form-panel{padding:40px 22px 60px}}.staff-shell{background:#f3f5f9;grid-template-columns:268px minmax(0,1fr);min-height:100vh;display:grid}.staff-sidebar{color:#fff;background:radial-gradient(circle at 20% 72%,#ff8b0033,#0000 24%),linear-gradient(#0b1832,#132747 64%,#0d1a32);flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.staff-sidebar__logo{padding:0 7px 24px}.staff-sidebar__logo .brand-logo{border-radius:5px;width:196px}.staff-navigation{gap:7px;display:grid}.staff-navigation a,.staff-navigation__coming-soon,.staff-signout{color:#dce4f2;border-radius:10px;align-items:center;gap:12px;min-height:48px;padding:0 14px;font-size:.88rem;font-weight:700;display:flex}.staff-navigation a:hover,.staff-signout:hover{background:#ffffff12}.staff-navigation a.active{color:#1e1b14;background:var(--orange)}.staff-navigation__coming-soon{color:#b9c5d9}.staff-navigation__coming-soon small{color:#b9c5d9;letter-spacing:.05em;text-transform:uppercase;background:#ffffff14;border-radius:999px;margin-left:auto;padding:3px 7px;font-size:.58rem}.staff-profile{border-top:1px solid #ffffff1a;align-items:center;gap:11px;margin-top:auto;padding:18px 10px;display:flex}.staff-avatar{background:#334b72;border-radius:50%;place-items:center;width:40px;height:40px;font-size:.78rem;font-weight:850;display:grid}.staff-profile strong,.staff-profile small{display:block}.staff-profile strong{font-size:.84rem}.staff-profile small{color:#b9c5d9;margin-top:3px;font-size:.7rem}.staff-signout{color:#b9c5d9}.staff-main{min-width:0}.staff-page{width:min(100%,1500px);min-height:100vh;margin-inline:auto;padding:34px}.staff-page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:25px;display:flex}.staff-page-header h1{color:var(--navy);letter-spacing:-.045em;margin:4px 0 7px;font-size:clamp(1.8rem,3vw,2.45rem)}.staff-page-header p{color:var(--muted);margin:0}.staff-eyebrow{color:var(--orange-dark);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:850}.primary-action,.secondary-action{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:45px;padding:0 17px;font-size:.82rem;font-weight:800;display:inline-flex}.primary-action{border:1px solid var(--orange);color:#21180c;background:var(--orange)}.primary-action:hover{background:#ff9c24}.secondary-action{color:var(--navy);background:#fff;border:1px solid #cfd5e1}.dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px;display:grid}.dashboard-kpi{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:15px;min-height:116px;padding:20px;display:flex;box-shadow:0 10px 30px #0e19340e}.dashboard-kpi__icon{width:48px;height:48px;color:var(--navy);background:#edf1f7;border-radius:13px;flex:none;place-items:center;display:grid}.dashboard-kpi__icon--orange{color:#aa5b00;background:var(--orange-soft)}.dashboard-kpi__icon--blue{color:#1b5bb8;background:#eaf2ff}.dashboard-kpi__icon--green{color:var(--green);background:var(--green-soft)}.dashboard-kpi small,.dashboard-kpi strong{display:block}.dashboard-kpi small{color:#606a80;margin-bottom:5px;font-size:.74rem;font-weight:750}.dashboard-kpi strong{color:var(--navy);letter-spacing:-.04em;font-size:1.8rem}.staff-card{border:1px solid var(--line);background:#fff;border-radius:16px;box-shadow:0 14px 42px #0e193411}.staff-card__heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.staff-card__heading h2{margin:4px 0 0;font-size:1.24rem}.staff-search{color:#8490a4;border:1px solid #d8dce5;border-radius:9px;align-items:center;gap:9px;width:min(100%,390px);min-height:43px;padding:0 13px;display:flex}.staff-search:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px #ff8b001a}.staff-search input{width:100%;color:var(--text);border:0;outline:0}.shipment-filters{border-bottom:1px solid var(--line);background:#fbfcfe;grid-template-columns:repeat(5,minmax(135px,1fr)) auto;align-items:end;gap:12px;padding:18px 24px;display:grid}.multi-select-filter{min-width:0;position:relative}.multi-select-filter summary{min-height:58px;color:var(--text);cursor:pointer;background:#fff;border:1px solid #d8dce5;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:8px 11px;list-style:none;display:flex}.multi-select-filter summary::-webkit-details-marker{display:none}.multi-select-filter summary:focus-visible{border-color:var(--orange);outline:0;box-shadow:0 0 0 3px #ff8b001a}.multi-select-filter summary>span{min-width:0}.multi-select-filter summary small,.multi-select-filter summary strong{display:block}.multi-select-filter summary small{color:#677187;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:.63rem;font-weight:800}.multi-select-filter summary strong{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;font-weight:750;overflow:hidden}.multi-select-filter summary svg{color:#7d8799;flex:none;transition:transform .16s}.multi-select-filter[open] summary svg{transform:rotate(180deg)}.multi-select-filter__menu{z-index:20;background:#fff;border:1px solid #d8dce5;border-radius:10px;width:max(100%,240px);max-height:280px;padding:7px;position:absolute;top:calc(100% + 7px);left:0;overflow-y:auto;box-shadow:0 16px 35px #0e193429}.multi-select-filter__menu label{color:#465169;cursor:pointer;border-radius:7px;align-items:flex-start;gap:9px;padding:9px;font-size:.72rem;line-height:1.35;display:flex}.multi-select-filter__menu label:hover{background:#f6f8fb}.multi-select-filter__menu input{width:15px;height:15px;accent-color:var(--orange);flex:none;margin:1px 0 0}.date-range-filter__menu{width:265px;padding:12px}.date-range-filter__menu label{gap:6px;display:grid}.date-range-filter__menu label:hover{background:0 0}.date-range-filter__menu label>span{color:#677187;letter-spacing:.04em;text-transform:uppercase;font-size:.65rem;font-weight:800}.date-range-filter__menu input{width:100%;height:40px;color:var(--navy);font:inherit;background:#fff;border:1px solid #d8dce5;border-radius:8px;padding:0 9px}.date-range-filter__menu input:focus{border-color:var(--orange);outline:0;box-shadow:0 0 0 3px #ff8b001a}.clear-filters{min-height:42px;color:var(--navy);white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d7dce6;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-weight:750;display:inline-flex}.clear-filters:disabled{opacity:.45;cursor:not-allowed}.shipment-filter-summary{border-bottom:1px solid var(--line);color:var(--muted);padding:10px 24px;font-size:.72rem;font-weight:700}.shipment-pagination{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:14px;padding:16px 24px;display:flex}.shipment-pagination button{min-height:38px;color:var(--navy);cursor:pointer;background:#fff;border:1px solid #d7dce6;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:0 12px;font-size:.72rem;font-weight:800;display:inline-flex}.shipment-pagination button:hover:not(:disabled){border-color:var(--orange);background:#fff8ee}.shipment-pagination button:disabled{opacity:.42;cursor:not-allowed}.shipment-pagination>span{color:var(--muted);font-size:.72rem}.shipment-pagination strong{color:var(--navy)}.shipment-table-wrap{overflow-x:auto}.shipment-table{border-collapse:collapse;text-align:left;width:100%}.shipment-table th{color:#758096;letter-spacing:.06em;text-transform:uppercase;background:#f7f8fb;padding:13px 18px;font-size:.64rem}.shipment-table td{color:#3f4a62;vertical-align:middle;border-top:1px solid #edf0f4;padding:17px 18px;font-size:.77rem}.shipment-table td>strong,.shipment-table td>small{display:block}.shipment-table td>strong{color:var(--navy);font-size:.77rem}.shipment-table td>small{color:#838ca0;margin-top:5px;font-size:.66rem}.table-status{border-radius:999px;max-width:250px;padding:6px 9px;font-size:.66rem;font-weight:800;line-height:1.3;display:inline-flex}.table-status--orange{color:#995300;background:var(--orange-soft)}.table-status--blue{color:#1759aa;background:#eaf2ff}.table-status--green{color:var(--green);background:var(--green-soft)}.icon-action{width:34px;height:34px;color:var(--navy);cursor:pointer;background:#fff;border:1px solid #d7dce6;border-radius:8px;place-items:center;display:grid}.empty-table{color:var(--muted);text-align:center;padding:45px}.staff-back-link{color:var(--muted);align-items:center;gap:6px;font-size:.75rem;font-weight:750;display:inline-flex}.create-shipment-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:22px;display:grid}.shipment-form-card{padding:0 25px}.form-section{border:0;border-bottom:1px solid var(--line);margin:0;padding:26px 0 28px}.form-section legend{color:var(--navy);padding:0;font-size:1.04rem;font-weight:850}.form-section>p{color:var(--muted);margin:5px 0 20px;font-size:.75rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.form-field{color:#424c63;gap:8px;font-size:.75rem;font-weight:750;display:grid}.form-field--full{grid-column:1/-1}.form-field>span{justify-content:space-between;align-items:center;gap:8px;display:flex}.form-field em{color:#9b6b33;text-transform:uppercase;font-size:.58rem;font-style:normal;font-weight:750}.form-field input,.form-field select,.form-field textarea{width:100%;color:var(--text);background:#fff;border:1px solid #d7dce6;border-radius:9px;outline:0;font-size:.8rem}.form-field input,.form-field select{min-height:46px;padding:0 12px}.form-field textarea{resize:vertical;padding:12px;line-height:1.5}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff8b001a}.form-actions{justify-content:flex-end;gap:10px;padding:22px 0;display:flex}.shipment-preview-card{padding:24px;position:sticky;top:24px}.shipment-preview-card__icon{color:#a15800;background:var(--orange-soft);border-radius:13px;place-items:center;width:48px;height:48px;margin-bottom:20px;display:grid}.shipment-preview-card h2{color:var(--navy);margin:7px 0 22px;font-size:1.25rem}.preview-row{border-top:1px solid var(--line);padding:13px 0}.preview-row small,.preview-row strong{display:block}.preview-row small{color:var(--muted);text-transform:uppercase;margin-bottom:5px;font-size:.64rem}.preview-row strong{color:#364158;font-size:.78rem;line-height:1.5}.shipment-preview-note{color:#6e4c22;background:#fff6e9;border-radius:9px;margin:18px 0 0;padding:13px;font-size:.7rem;line-height:1.5}.create-success-page{place-items:center;display:grid}.create-success{text-align:center;width:min(100%,760px);padding:44px}.create-success__icon{width:68px;height:68px;color:var(--green);background:var(--green-soft);border-radius:50%;place-items:center;margin:0 auto 20px;display:grid}.create-success h1{color:var(--navy);margin:8px 0;font-size:2.15rem}.create-success>p{max-width:560px;color:var(--muted);margin:0 auto;line-height:1.65}.created-shipment-summary{text-align:left;background:#f6f8fb;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:28px;padding:18px;display:grid}.created-shipment-summary small,.created-shipment-summary strong{display:block}.created-shipment-summary small{color:var(--muted);margin-bottom:4px;font-size:.65rem}.created-shipment-summary strong{color:var(--navy);font-size:.78rem}.create-success__actions{justify-content:center;gap:10px;margin-top:25px;display:flex}@media (width<=1120px){.staff-shell{grid-template-columns:220px minmax(0,1fr)}.staff-sidebar__logo .brand-logo{width:164px}.dashboard-kpis,.shipment-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.clear-filters{justify-self:start}.create-shipment-layout{grid-template-columns:1fr}.shipment-preview-card{position:static}}@media (width<=780px){.staff-shell{display:block}.staff-sidebar{height:auto;padding:14px;position:static}.staff-sidebar__logo{padding-bottom:12px}.staff-navigation{grid-template-columns:repeat(3,minmax(0,1fr))}.staff-navigation a,.staff-navigation__coming-soon{text-align:center;justify-content:center;padding:9px;font-size:.7rem}.staff-navigation__coming-soon,.staff-profile,.staff-signout{display:none}.staff-page{padding:22px 16px 40px}.staff-page-header,.staff-card__heading{flex-direction:column;align-items:stretch}.staff-search{width:100%}.form-grid{grid-template-columns:1fr}.form-field--full{grid-column:auto}}@media (width<=560px){.dashboard-kpis{grid-template-columns:1fr}.dashboard-kpi{min-height:92px}.shipment-filters{grid-template-columns:1fr;padding:16px}.multi-select-filter__menu,.date-range-filter__menu,.clear-filters{width:100%}.shipment-filter-summary{padding:10px 16px}.shipment-pagination{justify-content:space-between;padding:14px 16px}.shipment-form-card{padding-inline:18px}.created-shipment-summary{grid-template-columns:1fr}.create-success{padding:30px 20px}.create-success__actions{flex-direction:column}}.shipment-details-header{align-items:flex-end}.shipment-details-header .staff-back-link{margin-bottom:18px}.shipment-details-header .table-status{text-align:center;max-width:320px;padding:9px 13px}.shipment-details-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:22px;display:grid}.shipment-details-main{gap:22px;display:grid}.shipment-information-card,.shipment-progress-card,.shipment-update-card{padding:24px}.shipment-details-section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.shipment-details-section-heading h2,.shipment-update-card h2{color:var(--navy);margin:4px 0 0;font-size:1.25rem}.shipment-details-section-heading>span{color:var(--muted);font-size:.72rem;font-weight:750}.shipment-information-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.shipment-information-item{background:#fafbfc;border:1px solid #e5e8ef;border-radius:11px;align-items:flex-start;gap:11px;min-height:82px;padding:15px;display:flex}.shipment-information-item--full{grid-column:1/-1}.shipment-information-item>span{color:#1b5bb8;background:#eaf2ff;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.shipment-information-item small,.shipment-information-item strong{display:block}.shipment-information-item small{color:var(--muted);text-transform:uppercase;margin-bottom:5px;font-size:.66rem;font-weight:750}.shipment-information-item strong{color:#344057;font-size:.78rem;line-height:1.5}.staff-status-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.staff-status-timeline__item{color:#7e8799;background:#fafbfc;border:1px solid #e7eaf0;border-radius:10px;align-items:center;gap:10px;min-height:58px;padding:10px;display:flex}.staff-status-timeline__marker{color:#7d8799;background:#eceff4;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:.65rem;font-weight:850;display:grid}.staff-status-timeline__item strong,.staff-status-timeline__item small{display:block}.staff-status-timeline__item strong{font-size:.69rem;line-height:1.35}.staff-status-timeline__item small{color:#a25b00;margin-top:3px;font-size:.61rem;font-weight:750}.staff-status-timeline__item--complete{color:#327454;background:#f3fbf6;border-color:#d6eadf}.staff-status-timeline__item--complete .staff-status-timeline__marker{color:#fff;background:var(--green)}.staff-status-timeline__item--current{color:var(--navy);box-shadow:inset 3px 0 0 var(--orange);background:#fff8ee;border-color:#ffc980}.staff-status-timeline__item--current .staff-status-timeline__marker{color:#2b1c09;background:var(--orange)}.shipment-update-card{position:sticky;top:24px}.shipment-update-card>p{color:var(--muted);margin:8px 0 20px;font-size:.74rem;line-height:1.55}.shipment-update-card form{gap:15px;display:grid}.shipment-update-success{color:var(--green);background:var(--green-soft);border-radius:8px;align-items:center;gap:7px;margin:0;padding:10px 11px;font-size:.7rem;font-weight:800;display:flex}.shipment-update-button{width:100%;margin-top:2px}.customer-share-panel{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.customer-share-panel h3{color:var(--navy);margin:4px 0 0;font-size:1rem}.customer-share-panel>p{color:var(--muted);margin:7px 0 13px;font-size:.7rem;line-height:1.5}.customer-share-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.customer-share-button{min-height:40px;color:var(--navy);background:#fff;border:1px solid #d7dce6;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:.72rem;font-weight:800;display:inline-flex}.customer-share-button--whatsapp{color:#176a3a;background:#f2fbf5;border-color:#bfe4cd}.customer-share-button--disabled{color:#929bad;cursor:not-allowed;background:#f5f6f8}@media (width<=420px){.customer-share-actions{grid-template-columns:1fr}}.shipment-not-found{max-width:620px;color:var(--muted);text-align:center;margin:70px auto;padding:45px}.shipment-not-found h1{color:var(--navy);margin:14px 0 8px}.shipment-not-found .primary-action{margin-top:18px}@media (width<=1050px){.shipment-details-grid{grid-template-columns:1fr}.shipment-update-card{position:static}}@media (width<=650px){.shipment-information-grid,.staff-status-timeline{grid-template-columns:1fr}.shipment-information-item--full{grid-column:auto}.shipment-information-card,.shipment-progress-card,.shipment-update-card{padding:18px}.shipment-details-section-heading{flex-direction:column;align-items:flex-start}}