@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@500;600;700&family=Fira+Sans:wght@400;500;600;700&display=swap";
:root{--primary:#2563eb;--primary-dark:#1746b9;--accent:#f97316;--ink:#17305f;--muted:#61749a;--surface:#fff;--canvas:#edf5ff;--line:#cdddfa;--success:#079455;--danger:#c4320a;--nav:#1557c8;--radius:16px;--shadow:0 10px 30px #1f5bc21c}*{box-sizing:border-box}html,body{background:var(--canvas);color:var(--ink);margin:0;padding:0;font-family:Fira Sans,system-ui,sans-serif}body{min-height:100vh;font-size:16px;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.icon{flex:none;width:20px;height:20px;display:block}.shell{min-height:100vh;display:flex}.sidebar{background:var(--nav);color:#fff;z-index:20;flex-direction:column;width:260px;padding:24px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.4px;align-items:center;gap:11px;font-family:Fira Code,monospace;font-weight:700;display:flex}.brandMark{background:var(--primary);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font:700 18px Fira Code,monospace;display:grid;box-shadow:0 0 0 4px #2563eb24}.navLabel{color:#667085;letter-spacing:.12em;text-transform:uppercase;margin:32px 12px 10px;font-size:11px;font-weight:700}.nav{gap:4px;display:grid}.nav button{color:#94a3b8;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;min-height:46px;padding:0 13px;font-weight:600;transition:all .2s;display:flex}.nav button:hover{color:#fff;background:#121d31}.sidebarFoot{border-top:1px solid #1e293b;align-items:center;gap:8px;margin-top:auto;padding-top:18px;display:flex}.userBadge{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.avatar{color:#bcd0ff;background:#243554;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.userMeta{min-width:0;display:grid}.userMeta strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.userMeta small{color:#74849e;font-size:12px}.iconButton{color:#74849e;background:0 0;border:0;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.content{width:calc(100% - 260px);min-width:0;margin-left:260px}.contentInner{width:min(1480px,100%);margin:auto;padding:34px 38px 64px}.mobileHeader{display:none}.stack,.formStack{gap:20px;display:grid}.pageHead{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:4px;display:flex}.pageHead h1{letter-spacing:-1.5px;color:#14213a;margin:3px 0 5px;font:700 clamp(26px,3vw,34px) Fira Code,monospace}.pageHead.compact{align-items:center}.pageHead.compact .sectionTitle{margin-bottom:3px}.eyebrow{color:var(--primary);letter-spacing:.13em;font:700 11px Fira Code,monospace}.systemBadge{color:#067647;background:#ecfdf3;border:1px solid #a6f4c5;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.systemBadge i{background:#12b76a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #d1fadf}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.metricCard{align-items:center;gap:16px;min-height:138px;display:flex}.metricIcon{border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.metricIcon.blue{color:#2563eb;background:#e8f0ff}.metricIcon.orange{color:#ea580c;background:#fff1e8}.metricIcon.green{color:#067647;background:#eafbf2}.metricLabel{color:var(--muted);font-size:13px}.metricCard .kpi{margin:2px 0}.metricCard p{color:var(--muted);margin:0;font-size:12px}.quickStart{background:linear-gradient(125deg,#fff 20%,#edf4ff);justify-content:space-between;align-items:center;gap:28px;padding:28px 30px;display:flex;overflow:hidden}.quickStart h2{margin:5px 0;font:700 22px Fira Code,monospace}.quickStart p{color:var(--muted);margin:0}.processSteps{white-space:nowrap;align-items:center;gap:12px;display:flex}.processSteps>span{background:#fffc;border:1px solid #cbdcf9;border-radius:10px;gap:2px;padding:11px 13px;font-size:13px;display:grid}.processSteps b{color:var(--primary);font:600 11px Fira Code,monospace}.processSteps>.icon{color:#94a3b8;width:16px}label{color:#344054;gap:7px;font-size:13px;font-weight:600;display:grid}input,select,textarea{color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:9px;width:100%;min-height:44px;padding:10px 12px;transition:all .2s}textarea{resize:vertical;min-height:118px;font:400 14px/1.55 inherit}input:hover,select:hover,textarea:hover{border-color:#98a6ba}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline-offset:2px;border-color:var(--primary);outline:3px solid #2563eb38}input[readonly]{color:#475467;background:#f8fafc}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-weight:700;transition:all .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 5px 14px #2563eb33}.btn.primary:hover{background:var(--primary-dark)}.btn.secondary{color:#344054;background:#fff;border-color:#cbd5e1}.btn.secondary:hover{background:#f8fafc;border-color:#94a3b8}.btn.success{color:#fff;background:#067647}.btn.danger{color:#b42318;background:#fff;border-color:#fecdca}.btn.ghost{color:#d1d5db;background:0 0;border-color:#374151}.btn.mini{min-height:36px;padding:7px 11px;font-size:12px}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.sectionTitle{color:#14213a;letter-spacing:-.4px;margin:0 0 16px;font:700 18px Fira Code,monospace}.muted{color:var(--muted);font-size:13px}.notice{border:1px solid #0000;border-radius:9px;padding:11px 13px;font-size:13px}.notice.good{color:#067647;background:#ecfdf3;border-color:#abefc6}.notice.warn{color:#93370d;background:#fffaeb;border-color:#fedf89}.notice.error{color:#b42318;background:#fef3f2;border-color:#fecdca}.topNotice{margin-bottom:18px}.orderChip{color:#1d4ed8;background:#e8f0ff;border-radius:999px;padding:8px 13px;font:600 12px Fira Code,monospace}.kpi{color:#14213a;font:700 30px Fira Code,monospace}.kpi.small{font-size:18px}.addressActions,.quoteBtn,.formActions{margin-top:18px}.quoteBtn{min-width:240px}.tracking{word-break:break-all;color:#14213a;margin:20px 0 10px;font:700 27px Fira Code,monospace}.center{justify-content:center;margin-top:22px}.successBox{text-align:center;padding:38px 22px}.successIcon{color:#067647;background:#ecfdf3;border-radius:50%;place-items:center;width:60px;height:60px;margin:0 auto 14px;font-size:28px;font-weight:700;display:grid}.carrierPicker{grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;margin:13px 0;display:grid}.carrierPicker label{cursor:pointer;background:#fff;border:1px solid #d7e0eb;border-radius:10px;align-items:center;gap:10px;min-height:64px;padding:10px 12px;display:flex;position:relative}.carrierPicker label:hover{background:#f8fbff;border-color:#98b5ee}.carrierPicker label.selected{background:#eff5ff;border-color:#7ca4f6;box-shadow:0 0 0 1px #7ca4f6}.carrierPicker input{opacity:0;width:1px;height:1px;position:absolute}.carrierCheck{color:#0000;border:1px solid #aab6c5;border-radius:6px;flex:none;place-items:center;width:21px;height:21px;display:grid}.selected .carrierCheck{border-color:var(--primary);background:var(--primary);color:#fff}.carrierCheck .icon{width:14px;height:14px}.carrierPicker label>span:last-child{display:grid}.carrierPicker strong{color:#24324a;font:700 13px Fira Code,monospace}.carrierPicker small{color:#758399;font-size:11px;font-weight:400}.tableWrap{padding:10px 18px 18px;overflow-x:auto}.rateTable{border-collapse:collapse;width:100%}.rateTable th,.rateTable td{text-align:left;white-space:nowrap;border-bottom:1px solid #e7edf5;padding:13px 11px}.rateTable th{color:#667085;letter-spacing:.04em;text-transform:uppercase;background:#f8fafc;font-size:11px}.rateTable td{font-size:13px}.rateTable tbody tr:hover{background:#f9fbfe}.rateTable tr:last-child td{border-bottom:0}.filterRow{grid-template-columns:minmax(260px,1fr) 180px auto;gap:12px;display:grid}.empty{color:var(--muted);text-align:center!important;padding:36px!important}.status{background:#eef2f7;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-block}.status.purchased,.status.completed,.status.success{color:#067647;background:#ecfdf3}.status.voided,.status.partial,.status.error{color:#b42318;background:#fef3f2}.status.processing{color:#175cd3;background:#eff8ff}.batchUpload{grid-template-columns:1fr 1fr 1.3fr auto;align-items:end;gap:12px;display:grid}.batchLayout{align-items:start}.batchList{gap:8px;max-height:360px;display:grid;overflow:auto}.batchItem{text-align:left;background:#fff;border:1px solid #dbe4f0;border-radius:9px;justify-content:space-between;align-items:center;padding:12px;display:flex}.batchItem:hover{border-color:#9db9ef}.batchItem.selected{border-color:var(--primary);background:#eff5ff}.batchItem span:first-child{gap:4px;display:grid}.batchItem small{color:var(--muted)}.progress{background:#e5eaf0;border-radius:999px;height:9px;margin:20px 0;overflow:hidden}.progress span{background:var(--primary);height:100%;transition:width .25s;display:block}.batchStats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.batchStats div{background:#f8fafc;border-radius:9px;gap:4px;padding:12px;display:grid}.batchStats strong{font:700 23px Fira Code,monospace}.batchStats span{color:var(--muted);font-size:12px}.green{color:#067647}.red,.errorCell{color:#b42318}.errorCell{max-width:280px}.pricingPreview{color:#065f46;background:#ecfdf3;border-radius:9px;margin-top:18px;padding:14px}.billingFilters{grid-template-columns:minmax(180px,1fr) 160px 160px auto auto;align-items:end;gap:12px;display:grid}.loginWrap{background:#eaf1fb;place-items:center;min-height:100vh;padding:26px;display:grid}.loginShell{background:#fff;border:1px solid #d2def0;border-radius:22px;grid-template-columns:1.1fr .9fr;width:min(1000px,100%);min-height:590px;display:grid;overflow:hidden;box-shadow:0 24px 70px #172b4d24}.loginVisual{color:#fff;background:linear-gradient(145deg,#0b1220,#14284b);flex-direction:column;justify-content:space-between;padding:42px;display:flex}.loginBrand{align-items:center;gap:12px;font:700 16px Fira Code,monospace;display:flex}.loginVisual h1{letter-spacing:-2px;max-width:480px;margin:12px 0;font:700 clamp(34px,5vw,54px)/1.13 Fira Code,monospace}.loginVisual p{color:#b5c4dc;max-width:480px}.loginStats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.loginStats div{background:#ffffff0a;border:1px solid #29436c;border-radius:10px;gap:2px;padding:12px;display:grid}.loginStats strong{font:700 20px Fira Code,monospace}.loginStats span{color:#91a3be;font-size:11px}.loginCard{align-self:center;padding:52px}.loginTitle{letter-spacing:-1px;font:700 30px Fira Code,monospace}.loginIntro{margin:6px 0 28px}.loginButton{width:100%;margin-top:6px}.passwordField{display:block;position:relative}.passwordField input{width:100%;padding-right:52px}.passwordToggle{color:#64748b;background:0 0;border:0;border-radius:9px;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.passwordToggle:hover{color:var(--primary);background:#edf4ff}.passwordToggle:focus-visible{outline-offset:0;outline:3px solid #2563eb47}.loginHelp{color:#8491a5;text-align:center;margin:24px 0 0;font-size:12px}.referenceField{gap:7px;margin-top:16px;display:grid}.referenceField strong{color:#173b7a;font-weight:800}.loadingMark{color:#475467;align-items:center;gap:10px;display:flex}.loadingMark span{border:2px solid #c7d7f5;border-top-color:var(--primary);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1100px){.carrierPicker{grid-template-columns:repeat(3,1fr)}.metricGrid{grid-template-columns:1fr}.quickStart{flex-direction:column;align-items:flex-start}.batchUpload,.billingFilters{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.shell{padding-bottom:76px;display:block}.sidebar{border-top:1px solid var(--line);background:#fff;width:auto;height:72px;padding:8px;inset:auto 0 0;box-shadow:0 -8px 25px #0f172a14}.sidebar>.brand,.navLabel,.sidebarFoot{display:none}.nav{gap:2px;display:flex;overflow-x:auto}.nav button{color:#64748b;flex-direction:column;flex:1;justify-content:center;gap:3px;min-width:74px;min-height:54px;padding:4px 6px;font-size:11px}.nav button.active{color:var(--primary);box-shadow:none;background:#eff5ff;border-color:#0000}.nav button .icon{width:19px;height:19px}.content{width:100%;margin:0}.mobileHeader{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex}.mobileHeader .brand{font-size:14px}.mobileUser{color:var(--muted);font-size:12px}.contentInner{padding:24px 18px 42px}.grid2,.grid3{grid-template-columns:1fr}.pageHead{align-items:flex-start}.loginShell{grid-template-columns:1fr;width:min(500px,100%);min-height:auto}.loginVisual{padding:28px}.loginVisual>div:nth-child(2),.loginStats{display:none}.loginCard{padding:38px 28px}.filterRow,.batchUpload,.billingFilters,.batchStats{grid-template-columns:1fr}.carrierPicker{grid-template-columns:repeat(2,1fr)}.processSteps{width:100%;overflow-x:auto}.quickStart{padding:22px}}@media (max-width:480px){.contentInner{padding:20px 14px 36px}.card{padding:17px}.pageHead{display:grid}.systemBadge{justify-self:start}.carrierPicker{grid-template-columns:1fr}.loginWrap{padding:0}.loginShell{border:0;border-radius:0;min-height:100vh}.loginVisual{min-height:110px}.loginCard{padding:34px 22px}.tableWrap{padding:6px 10px 14px}.processSteps>.icon{display:none}.processSteps{grid-template-columns:1fr;display:grid}.quoteBtn{width:100%;min-width:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.moreButton,.mobileMore{display:none}@media (max-width:820px){.nav .secondaryNav{display:none}.nav .moreButton{display:flex}.mobileMore{border:1px solid var(--line);z-index:30;background:#fff;border-radius:14px;padding:8px;display:grid;position:fixed;bottom:82px;left:12px;right:12px;box-shadow:0 18px 50px #0f172a2e}.mobileMore button{color:#344054;text-align:left;background:#fff;border:0;border-radius:9px;align-items:center;gap:11px;min-height:46px;padding:0 12px;font-weight:600;display:flex}.mobileMore button:hover,.mobileMore button.active{color:var(--primary);background:#eff5ff}}.sidebar{background:linear-gradient(#1965dc 0%,#1852bd 55%,#12398d 100%);box-shadow:8px 0 30px #1747ab33}.brand b{color:#ffd1ad}.brandMark{background:linear-gradient(145deg,#ff9b4a,#f26322);box-shadow:0 0 0 4px #ffffff29}.navLabel{color:#c7d9ff}.nav button{color:#d3e1ff}.nav button:hover{background:#ffffff1f}.nav button.active{color:#1c56bd;background:#fff;border-color:#fff;box-shadow:0 8px 22px #0a2a7033}.sidebarFoot{border-top-color:#ffffff2e}.avatar{color:#fff;background:#f97316}.userMeta small,.iconButton{color:#c5d7fb}.iconButton:hover{color:#fff;background:#ffffff1f}.content{background:radial-gradient(circle at 90% 0, #dbeaff 0, transparent 30%), var(--canvas)}.pageHead h1,.sectionTitle,.kpi,.tracking{color:#173b7a}.card{background:linear-gradient(#fff 0%,#fbfdff 100%);border-color:#c9daf7}.card:nth-child(3n+1){border-top:3px solid #4f8df7}.card:nth-child(3n+2){border-top:3px solid #f59e42}.card:nth-child(3n){border-top:3px solid #32b77b}.metricCard:first-child{background:linear-gradient(135deg,#fff,#eaf2ff)}.metricCard:nth-child(2){background:linear-gradient(135deg,#fff,#fff1e6)}.metricCard:nth-child(3){background:linear-gradient(135deg,#fff,#eafaf3)}.btn.primary{background:linear-gradient(135deg,#3478ed,#1d56c3)}.quoteBtn,.loginButton{background:linear-gradient(135deg,#ff8d36,#ee5f16)!important;box-shadow:0 7px 18px #ee5f1640!important}.btn.success{background:linear-gradient(135deg,#10a568,#087b4d)}.carrierPicker label.selected{background:linear-gradient(135deg,#eef5ff,#e4efff);border-color:#568ef0}.quickStart{background:linear-gradient(120deg,#edf4ff,#fff 48%,#fff0e4)}.loginWrap{background:linear-gradient(135deg,#dcecff,#f5f9ff 48%,#ffe9d8)}.loginVisual{background:linear-gradient(145deg,#1765dd,#174aaf 62%,#f36b22 140%)}.addressPaste{background:linear-gradient(135deg,#f5f9ff,#fffaf2);border:1px solid #c7d8fb;border-radius:12px;margin-bottom:18px;padding:16px}.addressPaste>label{color:#1d4ed8;font-size:15px}.addressPaste>p{color:#64748b;margin:5px 0 11px;font-size:12px}.addressPaste .row{margin-top:10px}.parseStatus{color:#067647;font-size:13px;font-weight:600}.addressColumns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.addressCard{flex-direction:column;min-width:0;display:flex}.addressBookSelect{color:#1d4ed8;background:#f5f9ff;border:1px solid #c7d8fb;border-radius:11px;margin-bottom:16px;padding:13px}.addressFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.addressSave{align-self:flex-start;margin-top:auto;padding-top:10px}.addressCard .addressActions{margin-top:auto;padding-top:18px}.packageRows{gap:18px;display:grid}.packageReferenceRow{margin-top:18px}.packageReferenceRow .referenceField{margin-top:0}.packageRow{background:#f8fbff;border:1px solid #d9e5f7;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:16px;display:grid}.packageWeightRow{border-left:4px solid #4f8df7}.packageDimensionRow{border-left:4px solid #f59e42}@media (max-width:1050px){.packageRow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.packageRow{grid-template-columns:1fr}}@media (max-width:1100px){.addressColumns{grid-template-columns:1fr}}@media (max-width:560px){.addressFormGrid{grid-template-columns:1fr}}.uspsSuggestion{color:#7a3e0b;background:#fff8ed;border:1px solid #f5b66f;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding:16px;display:flex}.uspsSuggestion strong{color:#9a4d08;display:block}.uspsSuggestion p{color:#704214;margin:5px 0 0;font-size:14px;line-height:1.55}.uspsSuggestion .btn{flex:none}@media (max-width:820px){.sidebar{background:#fff;box-shadow:0 -8px 25px #2258b01f}.nav button{color:#6880a8}.nav button.active{color:#1f62d0;box-shadow:none;background:#e9f2ff}.mobileHeader{background:linear-gradient(90deg,#edf5ff,#fff)}}@media (max-width:600px){.uspsSuggestion{flex-direction:column;align-items:stretch}.uspsSuggestion .btn{width:100%}}