:root{--navy:#063d78;--navy-deep:#022e5e;--blue:#087cf0;--blue-bright:#0797ff;--sky:#eaf5ff;--ink:#172d43;--muted:#708197;--line:#dce8f3;--white:#fff;--amber:#ffb51b;--green:#16aa65;--red:#d9485f;--shadow:0 18px 50px rgba(4,55,105,.12);--radius:24px;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;color:var(--ink);background:#f4f9fd;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#f4f9fd;color:var(--ink)}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}.skip-link{position:fixed;z-index:99;left:16px;top:-80px;background:#fff;padding:12px 18px;color:var(--navy);border-radius:10px}.skip-link:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.portal-header,.staff-header{min-height:88px;padding:14px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(105deg,var(--navy-deep),#0566c8 58%,#058cff);color:#fff;box-shadow:0 8px 30px rgba(4,54,105,.18);position:relative;z-index:5}.portal-brand{display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-weight:800;font-size:20px;letter-spacing:.02em;line-height:1.15}.portal-brand small{display:block;font-size:11px;font-weight:500;letter-spacing:.12em;opacity:.75;margin-top:4px}.tx-mark{position:relative;display:inline-block;width:54px;height:42px;border:3px solid currentColor;border-left-width:8px;transform:skew(-8deg);border-radius:4px;color:#fff;flex:0 0 auto}.tx-mark:before,.tx-mark:after,.tx-mark i{content:"";position:absolute;background:currentColor}.tx-mark:before{width:28px;height:4px;left:-2px;top:8px}.tx-mark:after{width:4px;height:28px;right:9px;top:4px}.tx-mark i:first-child{width:16px;height:4px;left:1px;bottom:7px}.tx-mark i:last-child{width:4px;height:18px;left:14px;top:7px}.portal-header nav{display:flex;align-items:center;background:rgba(0,80,169,.45);border:1px solid rgba(255,255,255,.12);padding:6px;border-radius:15px}.portal-header nav a{color:rgba(255,255,255,.76);text-decoration:none;padding:10px 18px;border-radius:10px;font-weight:650;white-space:nowrap}.portal-header nav a:hover,.portal-header nav a.active{background:rgba(255,255,255,.16);color:#fff}.customer-main{max-width:1180px;margin:0 auto;padding:42px 28px 70px}.lookup-hero{position:relative;overflow:hidden;background:linear-gradient(130deg,#034484,#0879eb 62%,#079bff);border-radius:32px;min-height:390px;color:#fff;padding:72px clamp(30px,7vw,94px);box-shadow:0 22px 55px rgba(0,89,183,.23)}.lookup-hero:before{content:"";position:absolute;inset:auto -12% -55% 32%;height:320px;border:2px solid rgba(255,255,255,.14);border-radius:50%;transform:rotate(-12deg);box-shadow:0 0 0 46px rgba(255,255,255,.035),0 0 0 96px rgba(255,255,255,.025)}.lookup-copy,.lookup-form{position:relative;z-index:2}.section-kicker{display:flex;align-items:center;gap:10px;margin:0 0 13px;font-size:13px;letter-spacing:.13em;text-transform:uppercase;font-weight:760;color:rgba(255,255,255,.78)}.section-kicker span{width:30px;height:3px;background:var(--amber);border-radius:9px}.section-kicker.dark{color:#5f7388}.lookup-copy h1{margin:0;font-size:clamp(40px,6vw,68px);line-height:1.05;letter-spacing:-.04em}.lookup-copy>p:last-child{margin:18px 0 38px;font-size:18px;color:rgba(255,255,255,.82)}.lookup-form label{display:block;font-weight:700;margin-bottom:10px}.lookup-control{display:flex;max-width:790px;background:#fff;border:7px solid rgba(255,255,255,.2);border-radius:22px;overflow:hidden;box-shadow:0 18px 40px rgba(0,36,80,.2)}.lookup-control input{border:0;outline:0;min-width:0;flex:1;padding:22px 25px;color:var(--ink);font-size:19px;text-transform:uppercase}.lookup-control input::placeholder{text-transform:none;color:#9babbc}.lookup-control button{border:0;background:var(--amber);color:var(--navy-deep);padding:0 28px;font-weight:850;cursor:pointer;display:flex;gap:16px;align-items:center}.lookup-control button:hover{background:#ffc23c}.lookup-control button b{font-size:23px}.hero-watermark{position:absolute;right:24px;bottom:-45px;font-weight:950;font-size:220px;line-height:1;color:rgba(255,255,255,.045);letter-spacing:-.1em}.form-message{min-height:22px;margin:12px 0 0;font-size:14px;color:#d13f55;font-weight:650}.lookup-hero .form-message{color:#fff4c9}.public-result{scroll-margin-top:20px;margin:34px auto;max-width:930px}.result-loading,.not-found-card,.public-shipment-card{background:#fff;border:1px solid #e3edf6;border-radius:27px;box-shadow:var(--shadow)}.result-loading{min-height:180px;display:flex;gap:16px;align-items:center;justify-content:center;color:#60758b}.result-loading span{width:27px;height:27px;border:3px solid #c9e1f6;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.not-found-card{text-align:center;padding:52px 28px}.not-found-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;border-radius:20px;background:#e8f4ff;color:var(--blue);font-size:31px;font-weight:900}.not-found-card h2{margin:0 0 10px;font-size:28px}.not-found-card p{color:var(--muted);max-width:580px;margin:0 auto 25px}.not-found-card div:last-child{display:flex;justify-content:center;gap:12px}.not-found-card button,.not-found-card a{border:0;border-radius:12px;padding:13px 20px;text-decoration:none;font-weight:750;cursor:pointer}.not-found-card button{background:var(--blue);color:#fff}.not-found-card a{background:#eff5fa;color:var(--navy)}.public-shipment-card{overflow:hidden}.public-shipment-card>header{display:flex;justify-content:space-between;align-items:center;padding:29px 34px 22px}.result-label{color:var(--blue);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;margin:0 0 7px}.public-shipment-card h2{margin:0;font-size:31px;letter-spacing:.02em}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:9px 17px;background:#edf3f7;color:#53687a;font-weight:800;font-size:14px;white-space:nowrap}.status-badge.visible{background:#fff0cf;color:#ab6500}.status-badge.delivered{background:#dff8eb;color:#087f49}.status-badge.hidden,.status-badge.archived{background:#edf0f3;color:#687886}.status-badge.draft{background:#e9f3ff;color:#1764aa}.eta-feature{background:linear-gradient(115deg,#053e7e,#0879eb);color:#fff;margin:0 22px;padding:27px 30px;border-radius:19px;position:relative;overflow:hidden}.eta-feature:after{content:"ETA";position:absolute;right:15px;bottom:-29px;font-size:100px;font-weight:950;color:rgba(255,255,255,.06)}.eta-feature small{display:block;color:#9ed1ff;font-weight:800;letter-spacing:.11em;margin-bottom:9px}.eta-feature strong{display:block;font-size:36px;line-height:1.1}.eta-feature p{margin:10px 0 0;color:rgba(255,255,255,.78);position:relative;z-index:1}.shipment-facts{margin:23px 34px}.shipment-facts div{display:grid;grid-template-columns:145px 1fr;align-items:center;border-bottom:1px solid var(--line);padding:16px 0;gap:18px}.shipment-facts dt{color:var(--muted)}.shipment-facts dd{margin:0;text-align:right;font-weight:720}.fact-icon{font-size:11px;color:#4b82b9;margin-right:9px}.fact-icon.origin{color:#e74755}.fact-icon.destination{color:#172d43}.public-shipment-card>footer{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f6fafe;padding:20px 34px}.public-shipment-card>footer>div{display:flex;align-items:flex-start;gap:10px}.public-shipment-card footer p{margin:0;color:#687a8d;font-size:13px;line-height:1.5}.public-shipment-card footer strong{color:#2e506d}.fresh-dot{width:10px;height:10px;border-radius:50%;background:#16c779;box-shadow:0 0 0 5px #ddf8ec;margin-top:4px}.public-shipment-card footer button{border:0;background:#e6f2fd;color:#075baf;border-radius:10px;padding:10px 14px;font-weight:750;cursor:pointer}.eta-disclaimer{margin:0;padding:15px 34px;color:#78899b;font-size:12px;border-top:1px solid var(--line)}.lookup-guide{margin:76px 0;display:grid;grid-template-columns:minmax(260px,.8fr) 1.2fr;gap:60px;align-items:start}.lookup-guide h2{font-size:38px;line-height:1.12;margin:0}.lookup-guide ol{list-style:none;padding:0;margin:0;display:grid;gap:14px}.lookup-guide li{display:grid;grid-template-columns:55px 1fr;gap:15px;padding:21px;border:1px solid var(--line);background:#fff;border-radius:18px}.lookup-guide li>b{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e8f4ff;color:#0969c2}.lookup-guide strong{font-size:17px}.lookup-guide li p{margin:5px 0 0;color:var(--muted)}.support-strip{background:linear-gradient(110deg,var(--navy-deep),#075db4);color:#fff;border-radius:28px;padding:40px;display:grid;grid-template-columns:1fr 1.2fr;gap:45px;align-items:center}.support-strip h2{margin:0;font-size:34px}.support-strip>div>p:last-child{color:#b9d8f5}.support-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.support-numbers a{display:block;background:rgba(255,255,255,.09);color:#fff;text-decoration:none;padding:17px;border:1px solid rgba(255,255,255,.12);border-radius:14px;font-weight:760;text-align:center}.support-numbers small{display:block;color:#9fc9ee;margin-bottom:5px;font-weight:600}.portal-footer,.staff-footer{display:flex;justify-content:space-between;gap:20px;padding:25px clamp(24px,5vw,72px);background:#eaf2f8;color:#728397;font-size:12px;border-top:1px solid #d9e6f0}

/* Staff portal */
.login-view{min-height:100vh;display:grid;place-items:center;padding:26px;background:radial-gradient(circle at 15% 15%,#d8efff,transparent 38%),linear-gradient(135deg,#f5faff,#e7f3fe)}.login-card{width:min(470px,100%);background:#fff;border-radius:27px;padding:40px;box-shadow:var(--shadow);border:1px solid #e0ebf4}.login-brand{color:var(--navy);margin-bottom:36px}.login-card h1{font-size:35px;margin:0 0 8px}.login-card>p:not(.section-kicker){color:var(--muted);line-height:1.6}.login-card form{display:grid;gap:9px;margin-top:28px}.login-card label,.shipment-form label{font-weight:700;font-size:14px}.login-card input,.shipment-form input,.shipment-form select,.shipment-form textarea,.filter-bar input,.filter-bar select{width:100%;border:1px solid #cfdeeb;background:#fff;color:var(--ink);border-radius:12px;padding:14px 15px;outline:none}.login-card input:focus,.shipment-form input:focus,.shipment-form select:focus,.shipment-form textarea:focus,.filter-bar input:focus,.filter-bar select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(8,124,240,.12)}.login-card form>button{margin-top:11px;border:0;background:linear-gradient(100deg,var(--navy),var(--blue));color:#fff;border-radius:13px;padding:15px 18px;font-weight:800;display:flex;justify-content:space-between;cursor:pointer}.back-link{display:inline-block;color:#657b90;text-decoration:none;margin-top:22px;font-size:13px}.staff-header{min-height:78px}.staff-identity{display:flex;align-items:center;gap:13px}.staff-identity span{font-size:14px;color:#d7eaff}.staff-identity button{border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;border-radius:10px;padding:8px 12px;cursor:pointer}.staff-tabs{display:flex;justify-content:center;gap:7px;padding:10px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:4}.staff-tabs button{border:0;background:transparent;color:#728397;border-radius:10px;padding:11px 24px;font-weight:720;cursor:pointer}.staff-tabs button.active{background:#e4f1ff;color:#0767c4}.staff-main{max-width:1120px;margin:0 auto;padding:38px 26px 80px;min-height:calc(100vh - 170px)}.panel-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.panel-heading h1{font-size:34px;margin:0}.primary-action,.secondary-action{border:0;border-radius:12px;padding:13px 18px;font-weight:760;cursor:pointer}.primary-action{background:var(--blue);color:#fff}.secondary-action{background:#e8f1f8;color:var(--navy)}.filter-bar{display:grid;grid-template-columns:1fr 210px auto;gap:12px;background:#fff;padding:14px;border-radius:18px;border:1px solid var(--line);box-shadow:0 9px 28px rgba(5,62,115,.06)}.filter-bar button{border:0;background:var(--blue);color:#fff;border-radius:12px;padding:0 23px;font-weight:780;cursor:pointer}.shipment-list{display:grid;gap:15px;margin-top:18px}.staff-shipment-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:23px 25px;box-shadow:0 9px 26px rgba(5,62,115,.06)}.staff-card-top,.staff-shipment-card footer{display:flex;align-items:center;justify-content:space-between;gap:18px}.staff-card-top h2{margin:0;font-size:23px}.staff-route{display:flex;align-items:center;gap:12px;margin:19px 0 14px;font-size:16px}.staff-route span{color:#91a3b4}.staff-card-facts{display:grid;grid-template-columns:1fr auto auto;gap:18px;color:#64788c;font-size:14px}.staff-shipment-card footer{border-top:1px solid var(--line);margin-top:18px;padding-top:15px;color:#7b8d9e;font-size:12px}.staff-shipment-card footer button{border:0;background:#e5f2ff;color:#0767c3;padding:9px 13px;border-radius:9px;font-weight:750;cursor:pointer}.shipment-form{max-width:900px;margin:auto}.form-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:31px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field small{color:#7b8c9e;font-size:12px}.shipment-form textarea{resize:vertical}.split-input{display:grid;grid-template-columns:1fr 100px;gap:8px}.form-actions{grid-column:1/-1;display:flex;gap:11px;border-top:1px solid var(--line);padding-top:24px}.form-actions button{border:0;border-radius:12px;padding:14px 22px;font-weight:800;cursor:pointer}.submit-order{background:var(--blue);color:#fff}.archive-order{background:#fff0ed;color:#b83b44}.cancel-order{background:#e9eef3;color:#536779}.form-card>.form-message{grid-column:1/-1}.record-meta{max-width:900px;margin:18px auto;display:grid;grid-template-columns:1fr 1fr;gap:13px}.record-meta>div{background:#eaf4fc;border-radius:14px;padding:14px 17px;display:grid;gap:3px}.record-meta span,.record-meta small{color:#718599;font-size:12px}.record-meta strong{font-size:14px}.audit-panel{max-width:900px;margin:24px auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px}.audit-panel h2{margin:0 0 16px;font-size:21px}.audit-panel>ol{list-style:none;padding:0;margin:0;display:grid;gap:13px}.audit-entry{border-left:3px solid #83bff4;padding:9px 0 9px 17px}.audit-entry>div{display:flex;justify-content:space-between;gap:20px}.audit-entry time{color:#788b9e;font-size:12px}.audit-entry>p{margin:4px 0;color:#607489;font-size:13px}.audit-entry ul{list-style:none;padding:0;margin:7px 0 0;display:grid;gap:4px}.audit-entry ul li{display:grid;grid-template-columns:110px 1fr;gap:10px;font-size:12px}.audit-entry ul span{color:#66798c;overflow-wrap:anywhere}

@media(max-width:800px){.portal-header{min-height:72px;padding:11px 17px;align-items:center}.portal-header .portal-brand{font-size:15px}.portal-header .portal-brand small{display:none}.portal-header .tx-mark{width:41px;height:32px}.portal-header nav a{padding:9px 11px;font-size:13px}.portal-header nav a:nth-child(2){display:none}.customer-main{padding:20px 14px 48px}.lookup-hero{border-radius:24px;min-height:auto;padding:38px 22px}.lookup-copy h1{font-size:40px}.lookup-copy>p:last-child{font-size:15px;margin:13px 0 28px}.lookup-control{border-width:5px;border-radius:17px}.lookup-control input{padding:17px 15px;font-size:16px}.lookup-control button{padding:0 18px}.lookup-control button b{display:none}.hero-watermark{font-size:130px}.public-result{margin:20px 0}.public-shipment-card>header{padding:22px 20px 17px}.public-shipment-card h2{font-size:23px}.status-badge{padding:8px 12px;font-size:12px}.eta-feature{margin:0 12px;padding:22px 19px}.eta-feature strong{font-size:28px}.shipment-facts{margin:18px 20px}.shipment-facts div{grid-template-columns:105px 1fr;padding:14px 0}.shipment-facts dd{font-size:14px}.public-shipment-card>footer{padding:18px 20px;align-items:flex-start}.public-shipment-card>footer button{font-size:12px}.eta-disclaimer{padding:13px 20px}.lookup-guide{margin:52px 5px;grid-template-columns:1fr;gap:27px}.lookup-guide h2{font-size:31px}.support-strip{grid-template-columns:1fr;padding:29px 22px;gap:20px}.support-numbers{grid-template-columns:1fr}.portal-footer{display:grid;text-align:center}.staff-header{padding:11px 17px}.staff-header .portal-brand{font-size:15px}.staff-header .tx-mark{width:41px;height:32px}.staff-identity span{display:none}.staff-main{padding:27px 14px 60px}.panel-heading{align-items:center}.panel-heading h1{font-size:28px}.filter-bar{grid-template-columns:1fr 130px}.filter-bar button{grid-column:1/-1;padding:12px}.staff-card-facts{grid-template-columns:1fr;gap:7px}.staff-shipment-card footer{align-items:flex-start}.form-card{grid-template-columns:1fr;padding:22px 17px;gap:18px}.field.full{grid-column:auto}.form-actions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}.submit-order{grid-column:1/-1}.record-meta{grid-template-columns:1fr}.login-card{padding:29px 23px}.login-card h1{font-size:30px}.staff-footer{text-align:center;justify-content:center}}
@media(max-width:480px){.portal-header nav a{padding:8px 9px}.portal-header nav a:last-child{display:none}.lookup-control button span{font-size:14px}.lookup-copy h1{font-size:36px}.not-found-card div:last-child{flex-direction:column}.public-shipment-card>footer{display:grid}.shipment-facts div{grid-template-columns:1fr;gap:5px}.shipment-facts dd{text-align:left}.staff-tabs button{flex:1;padding:10px}.primary-action{font-size:13px;padding:11px}.staff-card-top{align-items:flex-start}.staff-card-top h2{font-size:19px}.staff-route{flex-wrap:wrap}.audit-entry>div{display:grid;gap:3px}}