.portal-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 30px;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:10;min-height:76px}.portal-header nav{display:flex;gap:18px;font-size:12px}.portal-header nav a{color:var(--muted);white-space:nowrap}#account-nav{display:flex;align-items:center;gap:14px;font-size:12px;white-space:nowrap}.primary-link,.primary-button{background:var(--primary);color:var(--bg);padding:9px 15px;border-radius:7px;border:0;font-weight:600}.primary-link:hover{color:var(--bg)}.portal-header .top-actions{gap:10px}.portal-header .search-button{gap:10px}.console-shell{display:grid;grid-template-columns:250px minmax(0,1fr);max-width:1600px;margin:auto;min-height:70vh}.console-sidebar{background:var(--surface);border-right:1px solid var(--line);padding:28px 20px}.console-sidebar>label{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.console-sidebar select{width:100%;margin:10px 0 16px}.console-sidebar nav{margin:18px 0 32px}.console-sidebar nav a{display:block;border-radius:7px;padding:9px 13px;font-size:13px;color:var(--muted)}.console-sidebar nav a[aria-current]{background:var(--tint);color:var(--primary);font-weight:650}.console-sidebar>button{display:block;margin-top:24px}.console-main{max-width:none;padding:36px clamp(22px,4vw,55px) 70px}.console-main h1{font-size:35px}.mode-label,.status-badge{display:inline-block;font-size:11px;font-weight:600;background:var(--tint);color:var(--primary);padding:5px 9px;border-radius:6px}.overview-intro{display:flex;align-items:center;justify-content:space-between;gap:15px}.overview-intro h2{margin-top:0}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}.metric-grid article{border:1px solid var(--line);border-radius:10px;padding:19px 20px;background:var(--bg)}.metric-grid span{display:block;font-size:12px;color:var(--muted)}.metric-grid strong{display:block;font-size:26px;margin-top:10px;letter-spacing:-.8px;overflow-wrap:anywhere}.portal-form{display:grid;gap:12px}.portal-form label{font-size:13px;color:var(--ink);display:grid;gap:5px}input,select,textarea{background:var(--bg);color:var(--ink);padding:10px 12px;border:1px solid var(--line);border-radius:7px;font:inherit;max-width:100%}textarea{min-height:110px;resize:vertical}.portal-form>button{justify-self:start;margin-top:8px}.portal-form fieldset{border:1px solid var(--line);border-radius:8px;padding:14px}.portal-form .checkbox{display:flex;align-items:center;gap:9px;margin:7px 0}.checkbox input{width:auto}.compact-form{max-width:660px;border:1px solid var(--line);border-radius:12px;padding:22px;margin:22px 0 32px}.form-message{margin:0;font-size:13px;color:var(--primary);overflow-wrap:anywhere}button:disabled{opacity:.55;cursor:not-allowed}.data-table{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:9px}.data-table table{margin:0;font-size:12px}.data-table td{min-width:100px}.data-table code{font-size:11px}.data-table button,.console-sidebar button,dialog button,.filter-form button{border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font-size:12px;padding:6px 10px;white-space:nowrap}.empty-state{border:1px dashed var(--line);background:var(--surface);padding:28px;border-radius:10px;margin:20px 0}.empty-state h2{font-size:18px;margin:0 0 8px}.empty-state p{font-size:13px}.empty-state a{font-size:12px}.auth-main{max-width:650px;margin:30px auto 65px;padding:25px}.auth-main h1{font-size:36px}.auth-main .portal-form{border:1px solid var(--line);border-radius:14px;padding:28px}.auth-links{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;margin-top:25px}.filter-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:25px 0}.filter-form label{display:grid;font-size:12px;gap:4px}.filter-form input{max-width:190px}.search-filter{display:grid;max-width:520px;gap:8px;margin:20px 0;font-size:13px}.hero{max-width:1400px;margin:auto;padding:85px 60px 50px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:55px}.hero h1{font-size:clamp(38px,4.7vw,65px);letter-spacing:-2.6px;max-width:700px}.hero .lead{max-width:600px}.hero-actions{display:flex;gap:18px;align-items:center;font-size:14px;margin:30px 0}.hero-card{border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:28px;align-self:start}.hero-card h2{margin-top:10px;font-size:21px}.public-features{max-width:1400px;margin:auto;padding:20px 60px 70px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article{border:1px solid var(--line);border-radius:12px;padding:25px}.feature-grid h2{font-size:18px;margin:0 0 10px}.feature-grid p{font-size:13px}.doc-hub{max-width:1050px;margin:30px auto}.doc-hub .cards{grid-template-columns:repeat(2,1fr)}#portal-status:not(.sr-only){margin:18px 30px;padding:14px 18px;border:1px solid var(--line);background:var(--notice);border-radius:8px;font-size:13px}.portal-header+ .release-notice{position:relative}.portal-header~.shell .sidebar{top:90px}.portal-header~.shell .on-page{top:90px}#secret-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;user-select:all}#secret-dialog h2{margin-top:0}
@media(max-width:1250px){.portal-header{flex-wrap:wrap}.portal-header nav{order:3;width:100%;overflow:auto}.portal-header .brand b{font-size:12px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-header~.shell .sidebar{top:126px}.portal-header~.shell .on-page{top:126px}}
@media(max-width:800px){.console-shell{display:block}.console-sidebar{padding:18px}.console-sidebar nav{display:flex;overflow:auto;margin:14px 0;gap:4px}.console-sidebar nav a{white-space:nowrap}.console-sidebar select{max-width:400px}.console-sidebar>button{display:inline-block;margin:12px}.console-main{padding:28px 20px}.console-main h1{font-size:30px}.hero{display:block;padding:45px 24px 25px}.hero-card{margin-top:30px}.public-features{padding:15px 24px 45px}.feature-grid{grid-template-columns:1fr}.portal-header{padding:14px 18px;gap:12px}.portal-header .brand{font-size:16px}.portal-header .brand b{display:none}.portal-header nav{gap:17px}#account-nav{margin-left:auto}.portal-header~.shell .sidebar{top:112px}.overview-intro{display:block}.overview-intro .status-badge{margin-bottom:15px}.metric-grid article{padding:15px}.metric-grid strong{font-size:22px}.auth-main{margin:10px auto 40px;padding:22px}.auth-main .portal-form{padding:20px}.doc-hub .cards{grid-template-columns:1fr}.compact-form{padding:18px}}

/* ParcelXpert public identity: customer-site colours, logo and typography. */
body{background:var(--surface);-webkit-font-smoothing:antialiased}.shell{background:var(--bg)}
.portal-header{min-height:64px;padding:12px max(24px,calc((100vw - 1280px)/2 + 24px));background:#fff;gap:24px;flex-wrap:wrap;box-shadow:0 1px 2px #13182008}.portal-header .brand{gap:14px;flex-shrink:0;text-decoration:none}.parcel-logo{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;height:40px}.parcel-logo-mark{height:100%;aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center;border-radius:28.5%;background:#1e93d4;flex-shrink:0}.parcel-logo-mark svg{width:61%;height:61%}.parcel-wordmark{display:inline-flex;align-items:baseline;font-family:Poppins,sans-serif;font-weight:600;letter-spacing:.2px;line-height:1;font-size:27px}.parcel-word{color:#4d4d4d}.xpert-word{color:#1e93d4}.com-word{color:#303030;font-size:11px;font-weight:500;margin-left:3px;align-self:flex-end;padding-bottom:1px}.brand-context{font-family:Inter,sans-serif;font-size:11px;font-weight:600;color:#64748b;border-left:1px solid #e1e7ef;padding-left:14px;letter-spacing:0}
.portal-header>nav{flex:1;justify-content:center;gap:24px;order:initial;width:auto;overflow:visible}.portal-header nav a{font-size:13px;color:#303740;font-weight:600}.portal-header nav a:hover{color:#0077b8}.portal-header #account-nav{margin-left:auto;gap:12px}.portal-header #account-nav>a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 17px;border-radius:7px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1px;text-decoration:none}.portal-header .login-link{color:#0077b8;border:2px solid #0077b8}.primary-link,.primary-button{background:var(--primary);color:var(--button-ink);border-radius:8px;font-weight:700;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;min-height:42px;text-decoration:none}.primary-link:hover{color:var(--button-ink);text-decoration:none;filter:brightness(.94)}.portal-header .primary-link{background:#0077b8;color:white;border:2px solid #0077b8}.portal-header .primary-link:hover{color:#fff}
.public-menu-toggle{display:none;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid #e1e7ef;border-radius:7px;background:#fff;color:#303740}.public-menu-toggle svg{width:22px;height:22px}.portal-header nav .mobile-account-link{display:none}.portal-header .top-actions{flex-basis:100%;justify-content:flex-end;border-top:1px solid #e1e7ef;padding-top:10px;gap:18px;color:#303740}.portal-header .search-button{background:#f4f7fb;color:#5f6b7a;border-color:#e1e7ef;margin-right:auto}.portal-header .icon-button{color:#303740}.portal-header .spec-link{color:#0077b8}.portal-header kbd{border-color:#dce3ec}.release-notice{background:var(--notice);font-size:12px}.release-notice strong{color:var(--primary)}
.portal-header~.shell .sidebar,.portal-header~.shell .on-page{top:118px}.sidebar{background:var(--bg)}.auth-main{margin:40px auto 72px}.auth-main h1{font-weight:750;color:var(--ink);font-size:34px}.auth-main .portal-form{background:var(--bg);border-radius:16px;box-shadow:0 5px 24px #13182006;border-color:var(--line)}.auth-main .primary-button{width:100%;margin-top:12px}.auth-main input,.auth-main textarea{border-radius:9px;min-height:44px}.doc-hub .cards a,.feature-grid article{border-radius:16px;background:var(--bg);box-shadow:0 3px 18px #13182004}.doc-hub h1{font-weight:750}.page-footer{background:var(--bg);max-width:none;padding:24px max(24px,calc((100vw - 1280px)/2 + 24px))}
.landing-hero{background:#0077b8;padding:46px 24px 56px}.landing-hero .hero{max-width:1060px;padding:0;display:block;text-align:center;margin:auto}.landing-hero h1{color:#fff;font-size:clamp(32px,4vw,48px);font-weight:800;letter-spacing:-1.4px;line-height:1.08;max-width:850px;margin:0 auto 20px}.landing-hero .eyebrow{color:#d5efff;letter-spacing:1.4px;font-size:11px;margin-bottom:16px}.landing-hero .lead{color:#e5f3fc;font-size:20px;line-height:1.5;max-width:750px;margin:0 auto 30px}.landing-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 auto 10px;max-width:1040px}.landing-tabs a{display:flex;align-items:center;gap:9px;color:#fff;border:1px solid #ffffff80;background:#006da8;font-size:12px;font-weight:750;min-height:42px;border-radius:10px;padding:11px 20px;letter-spacing:.2px}.landing-tabs a:first-child{color:#00638f;background:#fff;border-color:#fff}.landing-tabs a:hover{text-decoration:none;background:#fff;color:#00638f}.landing-tabs svg{width:17px;height:17px;flex-shrink:0}
.developer-workbench{max-width:1040px;margin:0 auto;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:38px;text-align:left;background:#fff;border:1px solid #e1e7ef;border-radius:16px;box-shadow:0 5px 28px #00355020;color:#131820}.developer-workbench h2{margin:12px 0;font-size:24px;font-weight:750;color:#131820}.developer-workbench p{color:#5f6b7a;font-size:14px}.workbench-label{display:flex;align-items:center;gap:8px;color:#006c9e;font-size:12px;font-weight:750;letter-spacing:.4px}.workbench-label svg{width:18px;height:18px}.integration-steps{list-style:none;counter-reset:steps;padding:0;margin:22px 0}.integration-steps li{counter-increment:steps;display:flex;align-items:center;gap:12px;color:#334155;font-size:14px;margin:13px 0}.integration-steps li::before{content:counter(steps);display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:#eaf5fc;color:#0077b8;font-size:12px;font-weight:750;flex-shrink:0}.developer-workbench .hero-actions{margin:22px 0 0;gap:15px;flex-wrap:wrap}.developer-workbench .primary-link{background:#0077b8;color:#fff}.developer-workbench .hero-actions>a:not(.primary-link){color:#0077b8;font-weight:600;font-size:13px}.sandbox-card{background:#f4f7fb;border:1px solid #e1e7ef;border-radius:12px;padding:22px;align-self:start}.sandbox-card .status-badge{color:#00638f;background:#e2f1fa}.sandbox-card h3{color:#131820;font-size:16px;margin:17px 0 9px}.sandbox-card pre{background:#102c41;border-color:#102c41;color:#e4eff7;padding:18px;margin-bottom:16px;font-size:12px}.sandbox-card .preview-footnote{font-size:12px;margin-bottom:0;color:#5f6b7a}.public-features{max-width:1280px;padding:46px 24px 64px}.public-features>h2{text-align:center;font-weight:750;font-size:30px;margin:0 0 30px}.feature-grid{gap:22px}.feature-grid article{padding:27px}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:var(--tint);color:var(--primary);margin-bottom:18px}.feature-icon svg{width:23px;height:23px}.feature-grid h2{font-weight:750}.feature-grid a{font-weight:650;font-size:13px}.feature-grid p{font-size:14px}.hero-safety{max-width:1040px;margin:18px auto 0;color:#e5f3fc;font-size:12px;text-align:center}
@media(max-width:1200px){.portal-header{padding:12px 24px;gap:18px}.brand-context{display:none}.portal-header>nav{gap:18px}.parcel-wordmark{font-size:26px}}
@media(max-width:1000px){.public-menu-toggle{display:inline-flex}.portal-header>nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid #e1e7ef;padding:20px 24px;box-shadow:0 12px 20px #1318200b;z-index:12}.portal-header.nav-open>nav{display:flex;flex-direction:column;align-items:stretch;gap:16px}.portal-header nav .mobile-account-link{display:block}.portal-header .top-actions{order:5}.portal-header~.shell .sidebar{top:119px}.developer-workbench{gap:24px}.landing-hero{padding-top:40px}}
@media(max-width:650px){.portal-header{padding:12px 18px;gap:12px}.parcel-logo{height:34px}.parcel-wordmark{font-size:23px}.com-word{font-size:9px}.portal-header #account-nav{gap:0}.portal-header #account-nav>a{min-height:34px;padding:6px 10px;font-size:11px}.portal-header #account-nav>a:nth-child(2){display:none}.portal-header .top-actions{gap:12px}.portal-header~.shell .sidebar{top:113px}.landing-hero{padding:35px 18px 36px}.landing-hero h1{font-size:34px;letter-spacing:-1px}.landing-hero .lead{font-size:16px;margin-bottom:24px}.landing-tabs a{padding:9px 12px;font-size:10px;min-height:38px;gap:6px}.landing-tabs svg{width:14px;height:14px}.developer-workbench{display:block;padding:22px}.developer-workbench h2{font-size:22px}.sandbox-card{margin-top:24px;padding:18px}.sandbox-card pre{font-size:11px}.public-features{padding:36px 18px 46px}.public-features>h2{font-size:26px}.feature-grid{grid-template-columns:1fr;gap:15px}.auth-main h1{font-size:30px}.release-notice{padding:10px 18px;font-size:11px}.hero-safety{font-size:11px}.parcel-logo-mark{width:34px}}
.landing-main{max-width:none;padding:0}@media(max-width:370px){.parcel-logo{height:30px}.parcel-logo-mark{width:30px}.parcel-wordmark{font-size:20px}.com-word{font-size:8px}.portal-header{gap:9px;padding:12px 14px}.portal-header #account-nav>a{padding:6px 8px}}