:root{--navy:#071827;--blue:#087af2;--ink:#17212d;--muted:#5c6977;--line:#dce4ec;--bg:#f4f7fb}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 Arial,sans-serif;color:var(--ink);background:#fff}
:root{--navy:#071827;--blue:#087af2;--ink:#17212d;--muted:#5c6977;--line:#dce4ec;--bg:#f4f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 Arial,sans-serif;color:var(--ink);background:#fff}.wrap{max-width:1180px;margin:auto;padding-left:24px;padding-right:24px}.top{background:var(--navy);color:#e8f2ff;padding:8px 6%;font-size:13px;display:flex;justify-content:space-between;gap:15px}header{display:flex;align-items:center;justify-content:space-between;padding:12px 6%;position:sticky;top:0;background:white;z-index:10;box-shadow:0 2px 14px #0b1f3317}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);text-decoration:none;font-size:21px}.brand img{width:54px;height:54px;object-fit:contain;background:black;border-radius:7px}.brand span{color:var(--blue)}.nav-links{display:flex;align-items:center;gap:22px}.nav-links a{color:var(--ink);text-decoration:none;font-weight:bold;font-size:14px}.button{background:var(--blue);color:white!important;border:0;padding:13px 19px;border-radius:8px;font-weight:bold;text-decoration:none;cursor:pointer;display:inline-block}.hero{background:linear-gradient(115deg,#06111d,#0b3051);color:white;padding:72px 0}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px}.hero h1{font-size:clamp(38px,5vw,66px);line-height:1.08;margin:12px 0}.hero p{color:#dbe7f2;font-size:19px}.eyebrow{color:#5bb1ff;text-transform:uppercase;letter-spacing:2px;font-weight:bold}.hero-logo{width:100%;max-width:470px;justify-self:center;object-fit:contain}.section{padding-top:72px;padding-bottom:72px}.section h2{font-size:34px;color:var(--navy);margin:0 0 10px}.lead{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.cards article,.panel{padding:27px;border:1px solid var(--line);border-radius:16px;background:white;box-shadow:0 5px 18px #0b1f330a}.symbol{font-size:30px}.cards h3{color:var(--navy)}.pale{background:var(--bg)}.split{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.chips span{padding:8px 13px;border:1px solid var(--line);background:white;border-radius:30px;font-weight:bold;font-size:14px}.tracking{background:var(--navy);color:white;padding:35px;border-radius:18px}.tracking h2{color:white}.tracking p{color:#dbe7f2}.trackbox{display:flex;gap:12px}.trackbox input{flex:1;min-width:0}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:white;border:1px solid var(--line);border-radius:18px;padding:28px;margin-top:24px}.quote-form label{display:flex;flex-direction:column;font-weight:bold;font-size:14px;gap:6px}.quote-form .full{grid-column:1/-1}input,textarea{width:100%;font:inherit;border:1px solid #b9c7d5;border-radius:8px;padding:12px;background:white}.quote-form button{justify-self:start}.quote-form #quote-status{align-self:center}footer{background:var(--navy);color:#e3ebf4;padding:38px 0 15px}.footer-inner{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-inner p{color:#aab9c7}.copyright{text-align:center;font-size:12px;color:#aab9c7;margin:25px 0 0}.menu-toggle{display:none}@media(max-width:800px){.top{flex-wrap:wrap}.hero-grid,.cards,.split,.quote-form{grid-template-columns:1fr}.hero{padding:48px 0}.hero-logo{max-width:310px}.menu-toggle{display:block;border:0;background:none;font-size:28px}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:22px;flex-direction:column;align-items:stretch;box-shadow:0 8px 14px #0002}.nav-links.open{display:flex}.trackbox{flex-direction:column}.section{padding-top:50px;padding-bottom:50px}}
.payment-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.payment-form{display:grid;gap:14px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:8px}.payment-form label,.staff-toolbar label{display:grid;gap:6px;font-weight:700}.payment-form input,.staff-toolbar input,.staff-table input,.staff-table select{width:100%;min-width:0;padding:11px;border:1px solid var(--line);border-radius:5px;font:inherit}.timeline{list-style:none;margin:26px 0 0;padding:0 0 0 22px;border-left:2px solid var(--blue)}.timeline li{position:relative;padding:0 0 24px 14px}.timeline li:before{content:"";position:absolute;left:-29px;top:7px;width:12px;height:12px;border-radius:50%;background:var(--blue)}.timeline p{margin:4px 0;color:var(--muted)}.timeline time{font-size:13px;color:var(--muted)}.staff-toolbar{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:20px 0}.staff-toolbar label{min-width:min(360px,100%);flex:1}.table-scroll{max-width:100%;overflow-x:auto}.staff-table{width:100%;min-width:1050px;border-collapse:collapse;font-size:14px}.staff-table th,.staff-table td{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);white-space:pre-line;overflow-wrap:anywhere}.staff-table th{background:var(--navy);color:white}.staff-table td{min-width:170px}.staff-table button{margin-top:8px;padding:9px 12px}.staff-table td:first-child{min-width:190px}.staff-table td:nth-child(2){min-width:260px}.staff-table td:nth-child(3){min-width:210px}.staff-table td:nth-child(4),.staff-table td:nth-child(5){min-width:170px}.button:disabled{opacity:.6;cursor:wait}@media(max-width:800px){.payment-layout{grid-template-columns:1fr}.staff-toolbar{align-items:stretch;flex-direction:column}.staff-toolbar .button{align-self:flex-start}.section{padding-top:48px;padding-bottom:48px}.quote-form{grid-template-columns:1fr}.quote-form .full{grid-column:1}.nav-links{gap:12px}}
/* ...existing code... */
.suggested-questions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}
.suggested-question{max-width:100%;padding:8px 11px;border:1px solid var(--line);border-left:3px solid var(--blue);background:#fff;color:var(--navy);font:inherit;text-align:left;cursor:pointer}
.suggested-question:hover,.suggested-question:focus-visible{background:#eaf4ff;border-color:var(--blue)}
.assistant-chart{display:grid;gap:9px;max-width:850px;margin:20px 0}
.assistant-chart-row{display:grid;grid-template-columns:minmax(130px,220px) minmax(80px,1fr) 70px;align-items:center;gap:12px;font-size:14px}
.assistant-chart-row>span{overflow-wrap:anywhere}
.assistant-chart-track{height:14px;background:#e6edf3}
.assistant-chart-bar{height:100%;min-width:2px;background:var(--blue)}
.assistant-results-table{min-width:560px}
#ai-assistant-answer{margin:16px 0;padding:14px 16px;border-left:4px solid var(--blue);background:#f4f7fb;font-weight:700}
#ai-assistant-metrics .overview-metric{display:grid;align-items:start}
#ai-assistant-metrics .overview-metric span{font-size:13px;color:var(--muted)}
#ai-assistant-metrics .overview-metric strong{font-size:20px}
@media(max-width:600px){.assistant-chart-row{grid-template-columns:minmax(90px,1fr) minmax(45px,1.5fr) 48px;gap:7px;font-size:12px}.suggested-question{width:100%}.assistant-results-table{min-width:500px}}
.landing-access{display:grid;justify-items:start;gap:10px;width:100%;max-width:380px;padding:20px;background:#dce9f3;border:1px solid #9db5c8;border-radius:8px;color:#10263a}
.landing-access .hero-logo{max-height:190px;object-fit:contain}
.landing-location{width:100%;margin:0;padding:4px 0 10px;color:#10263a;font-weight:700;font-size:18px;text-align:center}
.landing-access a{display:block;width:100%;padding:11px 13px;border:1px solid #aabac7;border-left:4px solid var(--blue);color:#10263a;font-weight:700;text-decoration:none;background:#f7fafc}
.landing-access a:hover,.landing-access a:focus-visible{background:#eaf4ff}
.hero{padding:40px 0}
.hero-grid{grid-template-columns:1.1fr .9fr;gap:28px}
.landing-access{max-width:400px;padding:16px;gap:8px}
@media(max-width:800px){.hero{padding:28px 0}.hero-grid{grid-template-columns:1fr;gap:18px}.landing-access{max-width:none}}
.staff-portal{display:grid;grid-template-columns:250px minmax(0,1fr);gap:0;min-height:72vh;margin-top:26px;border:1px solid var(--line);background:#fff}
.staff-sidebar{position:sticky;top:88px;align-self:start;height:calc(100vh - 100px);min-height:500px;overflow-y:auto;padding:22px 14px;background:var(--navy);color:#fff}
.staff-sidebar>strong{display:block;padding:0 12px 18px;font-size:18px}
.staff-sidebar details{margin-bottom:7px}
.staff-sidebar summary{padding:8px 12px;color:#b9cce0;font-size:12px;font-weight:700;text-transform:uppercase;cursor:pointer}
.staff-sidebar a{display:block;margin:2px 0;padding:8px 12px;border-left:3px solid transparent;color:#f2f7fc;text-decoration:none;font-size:14px}
.staff-sidebar a:hover,.staff-sidebar a[aria-current=page]{border-left-color:#53adff;background:#183b59;color:#fff}
.staff-main{min-width:0;padding:24px}
.staff-portal-toolbar{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:22px}
.staff-portal-toolbar h2{flex:1;margin:0;color:var(--navy);font-size:25px}
.staff-identity{color:var(--muted);font-size:14px}
.staff-sidebar-toggle{display:none}
.staff-view{min-width:0}
.staff-view h3{margin-top:10px;color:var(--navy)}
.staff-view .staff-management{margin:0 0 20px;padding:18px 0;border-bottom:1px solid var(--line)}
.staff-view .staff-management>h3{margin-top:0}
.staff-table-filters{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.staff-table-filters input,.staff-table-filters select,.ai-assistant-form textarea{min-width:180px;padding:10px;border:1px solid var(--line);border-radius:5px;font:inherit}
.staff-table-filters input{flex:1}
.staff-analysis-panel{margin:0 0 26px;padding:18px 0;border-bottom:1px solid var(--line)}
.staff-analysis-panel h3{margin:0 0 8px}
.analytics-alerts p{padding:10px 0;margin:0;border-bottom:1px solid var(--line)}
.ai-assistant-form{display:grid;gap:12px;max-width:760px;margin:18px 0}
.ai-assistant-form label{display:grid;gap:6px;font-weight:700}
.ai-assistant-form textarea{width:100%;resize:vertical}
#ai-assistant-answer{max-width:900px;white-space:pre-wrap}
.staff-view .table-scroll{margin-top:12px}
@media(max-width:800px){
	.hero-grid{grid-template-columns:1fr}
	.landing-access{max-width:none}
	.landing-access .hero-logo{max-width:230px;justify-self:center}
	.staff-portal{grid-template-columns:minmax(0,1fr);position:relative}
	.staff-sidebar{position:fixed;top:0;bottom:0;left:0;width:min(82vw,300px);height:100dvh;min-height:0;z-index:30;transform:translateX(-105%);transition:transform .18s ease;box-shadow:12px 0 30px #0003}
	.staff-sidebar.is-open{transform:translateX(0)}
	.staff-main{padding:16px}
	.staff-portal-toolbar{flex-wrap:wrap}
	.staff-portal-toolbar h2{flex-basis:100%;font-size:22px}
	.staff-sidebar-toggle{display:inline-block;margin-bottom:10px;padding:8px 12px;border:1px solid var(--line);background:#fff;color:var(--navy);font:inherit;font-weight:700}
	.staff-table-filters{display:grid;grid-template-columns:1fr}
	.staff-table-filters input,.staff-table-filters select{width:100%;min-width:0}
}
.customer-auth{display:grid;gap:14px}
.customer-account-layout .payment-form{align-content:start;background:#e3edf5;border-color:#b5c7d5;color:#12293c}
.customer-account-layout .payment-form h3,.customer-account-layout .payment-form label{color:#12293c}
.customer-account-layout .payment-form input,.customer-account-layout .payment-form select{background:#fff;color:#17212d}
.customer-account-layout .payment-form input:focus,.customer-account-layout .payment-form select:focus{outline:2px solid #087af2;outline-offset:1px}
.customer-account-layout .payment-form [role=status]{color:#173a57}
.customer-account-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.customer-portal{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:68vh;margin-top:22px;border:1px solid var(--line);background:#fff}
.customer-sidebar{position:sticky;top:88px;align-self:start;display:flex;flex-direction:column;gap:3px;height:calc(100vh - 100px);min-height:450px;overflow-y:auto;padding:18px 12px;background:var(--navy);color:#fff}
.customer-sidebar>strong{padding:0 12px 14px;font-size:18px}
.customer-sidebar a{padding:9px 12px;border-left:3px solid transparent;color:#f2f7fc;text-decoration:none;font-size:14px}
.customer-sidebar a:hover,.customer-sidebar a[aria-current=page]{border-left-color:#53adff;background:#183b59;color:#fff}
.customer-sidebar-logout{margin-top:auto!important;align-self:stretch}
.customer-main{min-width:0;padding:24px}
.customer-portal-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.customer-portal-toolbar h2{flex:1;margin:0;font-size:24px;color:var(--navy)}
.customer-identity{color:var(--muted);font-size:14px}
.customer-sidebar-toggle{display:none}
.customer-view{min-width:0}
.customer-view>section{padding:10px 0 18px;border-bottom:1px solid var(--line)}
.customer-view h3{color:var(--navy)}
.customer-view #customer-profile-form,.customer-view #customer-address-form{max-width:760px;margin:14px 0}
.customer-data-table{width:100%;min-width:900px;border-collapse:collapse;font-size:14px}
.customer-data-table th,.customer-data-table td{padding:11px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.customer-data-table th{background:var(--navy);color:#fff}
.customer-data-table td{max-width:260px}
.customer-data-table .button{margin:3px;padding:8px 10px}
.customer-data-table small{display:block;max-width:180px;color:#526372}
.text-link,.customer-record-link{border:0;padding:0;background:transparent;color:#075da8;text-decoration:underline;text-align:left;font:inherit;cursor:pointer}
.customer-record-link{display:block;width:100%;padding:10px 4px;border-bottom:1px solid var(--line);text-decoration:none}
.customer-track-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;margin:16px 0}
.customer-track-form label{display:grid;gap:5px;font-weight:700}
.customer-track-form input,.customer-track-form select,.customer-view input,.customer-view textarea,.customer-view select{min-width:0;padding:10px;border:1px solid var(--line);border-radius:5px;font:inherit}
.customer-tracking-detail{margin-top:18px;padding:14px 0}
.shipment-progress{display:flex;gap:0;overflow-x:auto;list-style:none;padding:10px 0;margin:14px 0}
.shipment-progress li{position:relative;flex:1;min-width:100px;padding-top:21px;color:#657483;font-size:12px}
.shipment-progress li:before{position:absolute;top:4px;left:0;width:12px;height:12px;border:2px solid #9badbb;border-radius:50%;background:#fff;content:""}
.shipment-progress li.complete{color:#103a5d;font-weight:700}
.shipment-progress li.complete:before{border-color:var(--blue);background:var(--blue)}
.shipment-progress li:after{position:absolute;top:9px;left:14px;width:calc(100% - 14px);height:2px;background:#ccd6de;content:""}
.shipment-progress li.complete:after{background:var(--blue)}
@media(max-width:800px){
	.customer-portal{grid-template-columns:minmax(0,1fr)}
	.customer-sidebar{position:fixed;top:0;bottom:0;left:0;width:min(82vw,290px);height:100dvh;min-height:0;z-index:35;transform:translateX(-105%);transition:transform .18s ease;box-shadow:12px 0 30px #0003}
	.customer-sidebar.is-open{transform:translateX(0)}
	.customer-main{padding:16px}
	.customer-sidebar-toggle{display:inline-block;margin:0 0 10px;padding:8px 12px;border:1px solid var(--line);background:#fff;color:var(--navy);font:inherit;font-weight:700}
	.customer-portal-toolbar{flex-wrap:wrap}
	.customer-portal-toolbar h2{flex-basis:100%;font-size:22px}
	.customer-track-form,.customer-account-layout{grid-template-columns:1fr}
	.customer-track-form .button{justify-self:start}
	.customer-data-table{min-width:760px}
}
header{gap:20px}.brand{flex:0 0 auto;white-space:nowrap;font-size:19px}.nav-links{gap:clamp(9px,1.2vw,18px);justify-content:flex-end;flex-wrap:wrap}.nav-links a{white-space:nowrap}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin:24px 0 36px}.overview-metric{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-top:2px solid var(--blue);background:#f4f7fb;text-transform:capitalize}.overview-metric strong{font-size:22px;color:var(--navy)}#staff .staff-toolbar{border-bottom:1px solid var(--line);padding-bottom:18px}@media(max-width:800px){header{flex-wrap:wrap}.brand{font-size:18px}.nav-links{width:100%;justify-content:flex-start}.nav-links a{font-size:13px}}