:root{color:#10243a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#edf4fb;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:#edf4fb;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{color:#dbe7f3;min-height:100vh}.topbar{background:linear-gradient(135deg,#081320 0%,#0d1d32 48%,#143457 100%);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 18px;display:flex}.brandWrap{align-items:center;gap:14px;display:flex}.brandLogo{object-fit:contain;border-radius:10px;width:252px;height:auto;box-shadow:0 6px 16px #0003}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#7dd3fc;margin:0 0 4px;font-size:.64rem;font-weight:800}.topbar h1,.heroPanel h2{margin:0}.topbar h1{color:#f8fbff;font-size:1.4rem;line-height:1.1}.heroPanel h2{color:#10243a;font-size:1.35rem}.subtitle{color:#c9d8e8;max-width:760px;margin-top:4px;font-size:.88rem}.headerCredit{color:#7dd3fc;margin:6px 0 0;font-size:.8rem;font-weight:700}.topbarBadges{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.topbarBadges span{color:#e0f2fe;white-space:nowrap;background:#0d6e9a38;border:1px solid #7dd3fc47;border-radius:999px;padding:5px 8px;font-size:.66rem}.workspace{grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 112px);display:grid}.sidebar{background:linear-gradient(#0d1625 0%,#14253d 100%);border-right:1px solid #ffffff0f;align-content:start;gap:10px;padding:18px 14px;display:grid}.navButton{color:#e2e8f0;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;width:100%;padding:11px 12px;font-weight:700;display:flex}.navButton:hover{background:#1e40614d;border-color:#7dd3fc38}.navButton.active{color:#081320;background:linear-gradient(135deg,#38bdf8 0%,#2563eb 100%);box-shadow:0 8px 18px #2563eb52}.sidebarCard{background:#0b192cad;border:1px solid #94a3b824;border-radius:14px;margin-top:10px;padding:14px}.sidebarCard h3{color:#f8fbff;margin:0 0 8px;font-size:.95rem}.sidebarCard ul{color:#cbd5e1;gap:7px;margin:0;padding-left:16px;font-size:.85rem;display:grid}.content{color:#10243a;background:linear-gradient(#edf4fb 0%,#f8fbff 100%);padding:18px;position:relative}.notice{border:1px solid #0000;border-radius:12px;margin-bottom:14px;padding:10px 12px;font-size:.9rem}.notice.success{color:#0f3d4d;background:#ecfeff;border-color:#a5f3fc}.notice.error{color:#9f1239;background:#fff1f2;border-color:#fecdd3}.tabSection{gap:14px;display:grid}.heroPanel{background:linear-gradient(135deg,#fff 0%,#eef6ff 100%);border:1px solid #d9e6f2;border-radius:16px;grid-template-columns:1.6fr .9fr;gap:14px;padding:16px;display:grid;box-shadow:0 14px 28px #0f172a0f}.heroPanel p{color:#526579}.heroSteps{color:#e5eef8;background:linear-gradient(#0f2038 0%,#1e3a5f 100%);border-radius:14px;align-content:start;gap:8px;padding:14px;display:grid}.heroSteps strong{color:#f8fbff}.statsGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.statCard{background:linear-gradient(#fff 0%,#f2f8ff 100%);border:1px solid #d7e3ef;border-radius:14px;gap:4px;padding:12px;display:grid;box-shadow:inset 0 1px #fffffff2}.statCard strong{color:#0f172a;font-size:1.45rem}.statCard span{color:#5c7087;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.panelGrid{gap:14px;display:grid}.panelGrid.twoUp{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #d8e4f0;border-radius:16px;padding:14px;box-shadow:0 10px 22px #0f172a0d}.panelHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.panelHeader h3{color:#10243a;margin:0}.panelHeader span{color:#62758b;font-size:.82rem}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.formGrid label,.toolbar{gap:6px;display:grid}.formGrid span{color:#526579;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700}.formGrid input,.formGrid select,.toolbar input,.toolbar select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:9px 10px;font-size:.92rem}.primaryButton,.secondaryButton,.uploadLabel{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:9px 12px;font-size:.85rem;font-weight:800;display:inline-flex}.primaryButton{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 100%)}.secondaryButton,.uploadLabel{color:#10243a;background:#fff;border-color:#cbd5e1}.uploadLabel{cursor:pointer;position:relative;overflow:hidden}.uploadLabel input{opacity:0;cursor:pointer;position:absolute;inset:0}.toolbar{grid-template-columns:1.4fr .9fr .8fr .8fr auto auto auto;align-items:center;margin-bottom:12px}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e6edf5;padding:10px 8px}th{text-transform:uppercase;letter-spacing:.08em;color:#60758c;background:#f8fbff;font-size:.72rem}.statusPill{color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:4px 8px;font-size:.74rem;font-weight:700;display:inline-flex}.historyList{gap:10px;display:grid}.historyList.compact{max-height:420px;overflow:auto}.historyItem{background:#f8fbff;border:1px solid #e1ebf5;border-radius:12px;padding:10px 12px}.historyItem strong,.lookupCard strong{color:#10243a;margin-bottom:4px;display:block}.historyItem span{color:#64748b;font-size:.78rem}.historyItem p,.lookupCard ul{color:#44576d;margin:6px 0 0}.lookupCard{background:linear-gradient(#f8fbff 0%,#eef6ff 100%);border:1px solid #d9e6f2;border-radius:14px;gap:10px;padding:12px;display:grid}.lookupCard ul{padding-left:18px}.bolCard{gap:12px;display:grid}.metaGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.metaCell{background:#fff;border:1px solid #d9e6f2;border-radius:12px;gap:4px;padding:10px;display:grid}.metaCell span{color:#60758c;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:700}.metaCell strong{color:#10243a}.buttonRow{flex-wrap:wrap;gap:8px;display:flex}.shipmentsList{gap:8px;display:grid}.shipmentRow{text-align:left;color:#10243a;background:#f8fbff;border:1px solid #d8e4f0;border-radius:12px;gap:4px;padding:10px 12px;display:grid}.shipmentRow strong{font-size:.9rem}.shipmentRow span,.shipmentRow small{color:#5e738a}.shipmentRow.active{background:linear-gradient(#eff6ff 0%,#dbeafe 100%);border-color:#60a5fa}.emptyState{color:#64748b;margin:0}.labelGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.barcodeLabel{background:#fff;border:1px solid #d9e6f2;border-radius:12px;gap:6px;padding:10px;display:grid}.barcodeBars{background:repeating-linear-gradient(90deg,#0f172a 0 2px,#fff 2px 4px,#0f172a 4px 5px,#fff 5px 7px);border-radius:6px;height:24px}.barcodeLabel strong{color:#0f172a;font-size:.83rem}.barcodeLabel span{color:#64748b;font-size:.72rem}.loadingOverlay{color:#075985;background:#0ea5e91f;border-radius:10px;margin-top:10px;padding:8px 10px;font-weight:700;position:sticky;bottom:0}@media (width<=1200px){.workspace{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebarCard{grid-column:1/-1}.statsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.panelGrid.twoUp,.heroPanel,.toolbar{grid-template-columns:1fr}}@media (width<=760px){.topbar,.content{padding:14px}.brandWrap{flex-direction:column;align-items:flex-start}.brandLogo{width:180px}.statsGrid,.formGrid,.labelGrid,.sidebar,.metaGrid{grid-template-columns:1fr}.buttonRow{flex-direction:column}}