@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{color:#202c3d;background:#f5f7fa;margin:0;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{outline-color:#2767e8}button{cursor:pointer;color:#34435a;background:#fff;border:1px solid #dce2eb;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 14px;font-weight:500;display:inline-flex}button:hover{background:#f0f4fa}button:disabled{opacity:.45;cursor:default}.primary{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 3px 6px #2563eb18}.primary:hover{background:#1d51c8}input,select{color:#20304a;background:#fff;border:1px solid #d9e0eb;border-radius:8px;width:100%;min-height:46px;padding:11px 12px}input[type=checkbox]{accent-color:#2563eb;flex-shrink:0;width:18px;min-height:18px}label{font-size:13px;font-weight:500;line-height:1.8;display:block}label input,label select{margin-top:5px;display:block}em{color:#e35757;font-style:normal}.app{min-height:100vh;display:flex}aside{background:#fff;border-right:1px solid #e4e8ef;flex-direction:column;flex-shrink:0;width:256px;padding:30px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;margin:0 5px 45px;font-size:14px;font-weight:800;display:flex}.brand span{color:#8792a4;margin-top:6px;font-size:11px;font-weight:400;display:block}.brandIcon{color:#fff;background:#2563eb;border-radius:12px;padding:11px}.navLabel{letter-spacing:1.3px;color:#9aa4b4;margin:0 10px 14px;font-size:10px}.nav{color:#657288;border:0;justify-content:flex-start;margin-bottom:8px;padding:13px}.nav.active{color:#245ddb;background:#edf3ff}.nav b{background:#dce8ff;border-radius:5px;margin-left:auto;padding:2px 7px;font-size:11px}.sideFoot{overflow-wrap:anywhere;border-top:1px solid #edf0f5;align-items:center;gap:10px;margin-top:auto;padding-top:20px;font-size:11px;display:flex}.sideFoot small{color:#8e98a8;margin-top:5px;display:block}.sideFoot a{color:#8793a4;margin-left:auto}.avatar{color:#3d6bc7;background:#e8efff;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-weight:700;display:grid}main{width:calc(100% - 256px);max-width:1550px;margin-left:256px;padding:40px 44px}header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:1.5px;color:#8290a7;font-size:10px;font-weight:600}h1{letter-spacing:-.8px;margin:10px 0;font-size:28px}p{color:#7b8799;margin:8px 0;line-height:1.7}header p{font-size:13px}.stats{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px;display:grid}.stats>div{background:#fff;border:1px solid #e4e8ef;border-radius:12px;gap:17px;padding:24px;display:flex}.statIcon{border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.amber{color:#d79a30;background:#fff6e6}.green{color:#30a280;background:#e9f8f2}.blue{color:#477ede;background:#edf3ff}.stats p{margin:0;font-size:12px}.stats strong{margin:7px 0;font-size:30px;font-weight:600;display:block}.stats small{color:#9aa4b3;font-size:10px}.tabs{border-bottom:1px solid #dfe5ed;gap:22px;margin-bottom:20px;display:flex}.tabs button{color:#8290a4;background:0 0;border:0;border-radius:0;padding:12px 2px}.tabs .chosen{color:#2563eb;border-bottom:2px solid #2563eb;font-weight:600}.panel{background:#fff;border:1px solid #e3e8f0;border-radius:13px;overflow:hidden}.toolbar{align-items:center;gap:12px;padding:20px;display:flex}.search{color:#9aa5b5;background:#f8fafc;border:1px solid #e3e8ef;border-radius:8px;flex:1;align-items:center;gap:8px;padding-left:12px;display:flex}.search input{background:0 0;border:0}.toolbar>input{width:155px}.batch{background:#f9fbff;border-top:1px solid #edf1f7;border-bottom:1px solid #edf1f7;align-items:center;gap:12px;padding:12px 20px;display:flex}.batch label{flex:1;align-items:center;gap:8px;font-size:11px;display:flex}.batch input{margin:0}.batch>span{color:#8292aa;font-size:11px}.batch button{min-height:36px;font-size:11px}.empty{text-align:center;padding:64px 20px 74px}.empty>div{color:#90a9d6;background:#f2f6fd;border-radius:24px;place-items:center;width:75px;height:75px;margin:0 auto 20px;display:grid}.empty h3{font-size:17px;font-weight:600}.empty p{font-size:12px}.empty button{color:#2563eb;margin-top:18px}article{border-bottom:1px solid #eef1f6;align-items:center;gap:14px;padding:20px;display:flex}article:last-child{border:0}.rowIcon{color:#7192c5;background:#f2f5fb;border-radius:9px;padding:12px}.rowMain{flex:1;min-width:0}h3{margin:0 0 7px;font-size:14px}.rowMain h3{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rowMain p{margin:0;font-size:12px}.rowMain small{color:#98a3b3;margin-top:8px;font-size:10px;display:block}.badge{color:#b88127;background:#fff5e4;border-radius:5px;padding:4px 8px;font-size:10px;font-weight:500;display:inline-block}.badge.done{color:#379766;background:#eaf7ef}article button{font-size:11px}.setting{margin-bottom:20px;padding:24px}.setting h2{margin:0 0 16px;font-size:18px}.setting article{padding:15px 0}.setting article>div{flex:1}.setting article p{margin:0;font-size:12px}.setting p{font-size:12px}.notice{color:#375e9d;background:#edf4ff;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;padding:14px 18px;font-size:12px;line-height:1.8;display:flex}.notice.error{color:#b34437;background:#fff1ef}.notice button{background:0 0;border:0;min-height:24px;padding:3px}footer{color:#98a4b5;align-items:center;gap:7px;margin-top:24px;font-size:10px;display:flex}.dot{background:#44b997;border-radius:50%;width:6px;height:6px}.overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#13233c66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{background:#fff;border-radius:16px;width:100%;max-width:680px;max-height:92vh;overflow:auto;box-shadow:0 25px 70px #15243c33}.dialogHead{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;padding:24px;display:flex}.dialogHead small{color:#8996a9;letter-spacing:1px;font-size:10px}.dialogHead h2{margin:8px 0 0;font-size:20px}.dialogHead button{border:0}.dialog form{padding:24px}.dialog fieldset{border:0;margin:0;padding:0}.dialog label{margin-bottom:16px}.grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.measure{background:#f5f8fd;border-radius:10px;margin:16px 0;padding:16px}.dimensions{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.dimensions label{margin-bottom:0;font-size:11px}.formTitle{border-top:1px solid #edf1f6;margin:25px 0 16px;padding-top:20px}.hint{font-size:11px}.dialogActions{border-top:1px solid #edf1f6;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:18px;display:flex}.errorText{color:#bc4137;font-size:12px}details{background:#f7f9fc;border-radius:9px;padding:16px}summary{cursor:pointer;margin-bottom:12px;font-size:12px}@media (max-width:1050px){main{padding:28px 22px}aside{width:215px}main{width:calc(100% - 215px);margin-left:215px}.batch{flex-wrap:wrap}.batch label{min-width:60%}.stats>div{gap:10px;padding:17px}.statIcon{width:36px;height:36px}.stats small{display:none}}@media (max-width:700px){aside{border-bottom:1px solid #e4e8ef;border-right:0;flex-flow:wrap;align-items:center;gap:5px;width:100%;padding:14px 16px;display:flex;position:static}.app{display:block}.brand{gap:8px;margin:0 auto 0 0;font-size:11px}.brand span{font-size:9px}.brandIcon{padding:8px}.navLabel,.sideFoot{display:none}.nav{min-height:40px;margin:0;padding:10px;font-size:0}.nav svg{width:19px}.nav b{margin:0;font-size:9px}.nav.active{border-radius:8px}main{width:100%;margin:0;padding:24px 16px}header{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:20px}h1{font-size:25px}.eyebrow{font-size:8px}header p{font-size:12px}header>.primary{width:100%;min-height:50px;font-size:15px}.stats{gap:8px;margin-bottom:20px}.stats>div{padding:13px 9px;display:block}.statIcon{border-radius:8px;width:30px;height:30px;margin-bottom:8px}.statIcon svg{width:17px}.stats p{font-size:10px}.stats strong{margin:4px 0;font-size:25px}.toolbar{flex-wrap:wrap;gap:8px;padding:13px}.search{min-width:100%}.toolbar>input{flex:1}.toolbar>button{font-size:11px}.tabs{gap:22px}.batch{padding:12px}.batch label{min-width:100%;font-size:11px}.batch>span{flex:1}.batch button{min-height:42px;padding:9px}.empty{padding:45px 15px}.rowIcon{display:none}article{flex-wrap:wrap;gap:9px;padding:16px 13px}.rowMain{min-width:65%}article button{min-height:42px;margin-left:auto}.rowMain h3{font-size:13px}.overlay{align-items:flex-end;padding:0}.dialog{border-radius:18px 18px 0 0;max-height:96dvh}.dialog form,.dialogHead{padding:20px 16px}.grid{grid-template-columns:1fr}.dimensions{gap:7px}.dimensions input{padding:12px 8px}.dialogActions{background:#fff;margin-bottom:0;padding:14px 0;position:sticky;bottom:-20px}.dialogActions .primary{flex:1;min-height:50px}.dialog input,.dialog select{min-height:50px;font-size:16px}.setting{padding:18px}.notice{font-size:11px}.hideMobileCreate{display:none}}.customerBar{border-bottom:1px solid #edf1f7;align-items:center;gap:12px;padding:20px;display:flex}.customerBar>div{flex:1}.customerBar strong{font-size:16px}.customerBar small{color:#8794a8;margin-top:5px;font-size:11px;display:block}.customerCode{overflow-wrap:anywhere;font-family:monospace}.pagination{border-top:1px solid #edf1f7;justify-content:flex-end;align-items:center;gap:12px;padding:18px;font-size:12px;display:flex}.pagination span{color:#7b8799;margin-right:auto}.pagination b{font-weight:500}@media (max-width:700px){.customerBar{flex-wrap:wrap;gap:8px;padding:15px}.customerBar>div{min-width:100%}.customerBar button{flex:1}.pagination{flex-wrap:wrap;gap:8px;padding:14px}.pagination span{width:100%;margin-bottom:5px}.pagination b{text-align:center;flex:1}}.addressFields{background:#f8fafc;border:1px solid #e3eaf4;border-radius:10px;margin:12px 0 20px;padding:16px}.addressSuggest{color:#2563eb;margin:-4px 0 15px;font-size:12px}.areaSuggestion{background:#edf4ff;border-radius:8px;align-items:center;gap:12px;margin-bottom:15px;padding:14px;display:flex}.areaSuggestion>div{flex:1}.areaSuggestion small{color:#5d79a4;font-size:10px}.areaSuggestion p{color:#285aab;margin:5px 0;font-size:12px}.areaSuggestion button{white-space:nowrap;font-size:11px}.addressFields>.grid{margin-top:8px}@media (max-width:700px){.addressFields{padding:12px}.areaSuggestion{padding:10px}.addressSuggest{min-height:44px}}.quickDates{flex-wrap:wrap;gap:7px;padding:0 20px 16px;display:flex}.quickDates button{border-radius:20px;min-height:34px;padding:7px 11px;font-size:11px}.quickDates button.selected{color:#2563eb;background:#edf4ff;border-color:#a9c3f7}@media (max-width:700px){.quickDates{padding:0 13px 13px}.quickDates button{min-height:40px}}.shippingPrice{text-align:right;min-width:130px}.shippingPrice strong{color:#2563eb;margin:5px 0;font-size:17px;display:block}.shippingPrice small{color:#8b98aa;margin-top:4px;font-size:10px;display:block}.weightSummary{color:#63738b;border-top:1px solid #e0e8f4;flex-wrap:wrap;gap:12px;margin-top:16px;padding-top:14px;font-size:11px;display:flex}.weightSummary strong{color:#2563eb;margin-left:auto;font-size:13px}@media (max-width:700px){.shippingPrice{text-align:left;min-width:100px;margin-left:27px}.shippingPrice strong{font-size:15px}.weightSummary strong{width:100%;margin:0}}.deleteButton{color:#b42318;border-color:#f0c6c2}.deleteButton:hover{background:#fff0ee}.simplePage{max-width:560px;margin:30px auto;padding:16px}.simplePage .setting{padding:24px}.simplePage form{gap:18px;display:grid}.simplePage fieldset{border:0;gap:18px;min-width:0;padding:0;display:grid}.simplePage label{gap:8px;display:grid}.simplePage .primary{justify-content:center;width:100%;min-height:48px}.simplePage h1{font-size:26px}.simplePage .dimensions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.simplePage input{width:100%;min-width:0}@media (max-width:600px){.simplePage{margin:0 auto;padding:12px}.simplePage .setting{padding:18px}}.simplePage .weighEntry{color:#146956;background:#e8f5f0;border:1px solid #b8dcd5;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:16px;padding:10px 14px;font-size:14px;font-weight:500;line-height:normal;text-decoration:none;display:flex}.simplePage .weighEntry:hover{background:#d8eee6;border-color:#92c9ba}.simplePage .weighEntry:focus-visible{outline-offset:3px;outline:2px solid #146956}.warehouseTabs{gap:12px;margin:0 0 20px;display:flex}.warehouseTabs button{flex:1;min-height:52px;font-size:16px;font-weight:600}.warehouseTabs .chosen{color:#fff;background:#2563eb;border-color:#2563eb}.warehouseTabs span{background:#fff3;border-radius:20px;padding:3px 9px;font-size:12px}.warehouseChoices{margin:12px 0 18px}.warehouseChoices>span{margin-bottom:8px;font-size:13px;font-weight:600;display:block}.warehouseChoices>div{gap:12px;display:flex}.warehouseChoices label{cursor:pointer;background:#fff;border:1px solid #d9e0eb;border-radius:9px;flex:1;align-items:center;gap:10px;min-height:50px;padding:10px 14px;display:flex}.warehouseChoices label.selected{color:#245ddb;background:#edf3ff;border-color:#2563eb}.warehouseChoices input[type=radio]{accent-color:#2563eb;width:18px;height:18px;min-height:18px;margin:0}.warehouseConnections{grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;display:grid}.warehouseConnections>div{border:1px solid #dce2eb;border-radius:12px;padding:18px}.legacyToken{align-items:center;gap:8px;margin:12px 0;display:flex}.legacyToken input{width:18px;min-height:18px;margin:0}@media (max-width:700px){.warehouseConnections{grid-template-columns:1fr}.warehouseChoices>div{gap:8px}.warehouseChoices label{padding:10px;font-size:13px}.warehouseTabs{gap:8px}}.warehouseTag{white-space:nowrap;color:#657288;background:#edf1f6;border:1px solid #dce2eb;border-radius:6px;align-items:center;margin-left:8px;padding:3px 9px;font-size:11px;font-weight:600;line-height:1.6;display:inline-flex}.warehouseTag.daisy{color:#7847a3;background:#f4edff;border-color:#ddd0f4}.warehouseTag.mb{color:#146956;background:#e8f5f0;border-color:#b8dcd5}@media (max-width:700px){.warehouseTag{margin-left:6px;font-size:10px}}.reopenOverlay{z-index:100}.reopenOverlay input[type=password]{font-size:16px}.weighPage input:not([type=radio]){scroll-margin-top:8px;font-size:16px}.weighPage .notice{margin:8px 0;padding:10px}.weighPage .warehouseChoices,.weighPage .hint{margin:0}@media (max-width:700px){.weighPage{margin:0 auto;padding:8px}.weighPage .setting{padding:12px}.weighPage h1{margin:5px 0 10px;font-size:19px}.weighPage .eyebrow{font-size:9px}.weighPage form,.weighPage fieldset{gap:8px}.weighPage label{gap:2px;font-size:12px;line-height:1.4}.weighPage input:not([type=radio]){height:40px;min-height:40px;margin-top:2px;padding:8px 10px}.weighPage .dimensions{gap:8px}.weighPage .warehouseChoices>span{margin-bottom:5px;font-size:12px}.weighPage .warehouseChoices label{min-height:40px;padding:8px}.weighPage .primary{min-height:42px}.weighPage .weighManagerLink{margin:8px 0 0;font-size:11px}.weighPage .hint{font-size:11px}}.badge.recipientComplete{color:#166534;white-space:nowrap;background:#dcfce7;border:1px solid #86efac;align-items:center;gap:5px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.shippingSummary{align-items:center;gap:16px;display:flex}.shippingSummary .recipientComplete{flex-shrink:0;margin:0}@media (max-width:700px){.shippingSummary{justify-content:space-between;gap:10px;width:100%}.shippingSummary .shippingPrice{text-align:right;margin-left:auto}}.recordActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.record .rowMain p,.record .rowMain small{overflow-wrap:anywhere}@media (max-width:700px){.app aside{gap:8px;padding:12px 12px 8px}.app .brand{width:100%;margin:0 0 4px;font-size:13px}.app .brand span{font-size:10px}.app .nav{text-align:center;flex-direction:column;flex:1;gap:4px;min-width:0;min-height:52px;padding:8px 4px;font-size:11px;line-height:1.35;position:relative}.app .nav b{font-size:9px;position:absolute;top:3px;right:6px}main{padding:18px 12px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}main>header p,main>header .eyebrow{display:none}main>header h1{margin:0;font-size:23px}main>header>.primary{min-height:46px}.warehouseTabs button{gap:6px;min-width:0;padding:10px 8px;font-size:14px}.stats{gap:6px;margin-bottom:12px}.stats>div{padding:10px 8px}.stats .statIcon{display:none}.stats p{font-size:11px}.stats strong{font-size:23px}.tabs{justify-content:space-between;gap:0}.tabs button{flex:1;min-height:44px;font-size:13px}input,select{min-width:0;font-size:16px}.toolbar>input{flex:1;width:0;min-width:150px;min-height:46px}.toolbar>button{min-height:46px;font-size:12px}.search{flex-basis:100%;min-width:0}.search input{min-width:0}.quickDates{overscroll-behavior-x:contain;scrollbar-width:thin;flex-wrap:nowrap;gap:6px;overflow-x:auto}.quickDates button{white-space:nowrap;flex-shrink:0;min-height:44px}.batch{gap:8px}.batch label{font-size:12px;line-height:1.6}.batch>span{flex-basis:100%}.batch button{flex:120px;min-height:44px;font-size:12px}.rows{background:#f3f6fb;gap:10px;padding:10px;display:grid}.record{background:#fff;border-radius:12px;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:12px 8px;padding:14px 12px;display:grid;border:1px solid #dfe6f0!important}.record:nth-child(2n){background:#edf3fc}.record>input[type=checkbox]{grid-area:1/1;width:22px;height:22px;margin:0}.record .rowMain{grid-column:2;min-width:0}.record .rowMain h3{gap:6px;margin-bottom:7px;font-size:15px;line-height:1.6}.record .rowMain p{color:#52637b;font-size:12px;line-height:1.8}.record .rowMain small{color:#6d7d93;font-size:11px;line-height:1.7}.record .warehouseTag{margin-left:0;font-size:11px}.record .shippingSummary{border-top:1px solid #dfe6f0;flex-wrap:wrap;grid-column:1/-1;width:100%;min-width:0;padding-top:10px}.record .shippingPrice{text-align:right;min-width:0;margin-left:auto}.record .shippingPrice strong{font-size:19px}.record .shippingPrice small{font-size:11px}.record .recipientComplete{white-space:normal;font-size:11px}.recordActions{grid-column:1/-1;gap:8px;display:flex}.recordActions button{min-height:44px;margin:0;padding:10px 12px;font-size:12px}.recordActions .editRecord{color:#245ddb;background:#e8efff;border-color:#bdcef3;flex:1}.recordActions .deleteButton{margin-left:auto}.overlay{padding-top:env(safe-area-inset-top)}.dialog{overscroll-behavior:contain;border-radius:16px 16px 0 0;max-height:100dvh;scroll-padding-bottom:100px}.dialogHead{z-index:2;background:#fff;padding:14px 16px;position:sticky;top:0}.dialogHead h2{font-size:18px}.dialogHead button{flex-shrink:0;min-width:44px;min-height:44px}.dialog form{padding:16px 14px 0}.dialog fieldset{min-width:0}.dialog input,.dialog select{scroll-margin-block:90px}.dialogActions{z-index:3;padding:12px 14px calc(12px + env(safe-area-inset-bottom));flex-wrap:wrap;margin:16px -14px 0;bottom:0;box-shadow:0 -4px 16px #20304a0a}.dialogActions button{min-height:44px;margin:0;font-size:13px}.dialogActions .primary{min-width:140px;min-height:46px}.areaSuggestion{flex-wrap:wrap;align-items:flex-start}.areaSuggestion>div{flex-basis:100%;min-width:0}.warehouseConnections button{width:100%}footer{flex-wrap:wrap;font-size:11px;line-height:1.8}}@media (max-width:360px){.record .shippingSummary{align-items:flex-start}.record .recipientComplete{max-width:125px}.warehouseTabs button{font-size:12px}.dimensions{gap:5px}.dimensions label{font-size:10px}}.recipientFields{background:0 0;padding:0}.recipientFields>summary{color:#2563eb;min-height:44px;padding:12px 0;font-weight:600}.recipientFields .formTitle{margin-top:0}@media (max-width:700px){.simplePage input,.simplePage select{font-size:16px}.weighPage input:not([type=radio]),.weighPage .warehouseChoices label,.weighPage .primary{height:auto;min-height:44px}}.weighHistory{border-top:1px solid #dfe6ef;margin-top:20px;padding-top:16px}.historyToggle{color:#245ddb;justify-content:space-between;width:100%;min-height:46px;font-weight:600}.historyFilter{align-items:flex-end;gap:10px;margin:16px 0;display:flex}.historyFilter label{flex:1;min-width:0}.historyFilter button{min-height:46px}.historyTable{border-collapse:collapse;table-layout:fixed;width:100%;margin-top:12px;font-size:12px}.historyTable th,.historyTable td{text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #e4e9f1;padding:10px 7px}.historyTable thead{background:#f0f4fa}.historyTable th:first-child{width:35%}.historyTable th:nth-child(2){width:18%}.historyTable th:nth-child(3){width:47%}.historyTable td:nth-child(2){font-weight:700}.historyTable .historyBatch th{color:#62738d;background:#f8fafc;font-size:11px;font-weight:500}.historyTable .historyGap td{background:#fff;border:0;height:24px;padding:0}.historyGroup tr:not(.historyBatch):not(.historyGap):nth-child(2n){background:#f5f8fd}@media (max-width:700px){.historyFilter input{min-height:46px;font-size:16px}.historyTable th,.historyTable td{padding:10px 5px}.historyFilter{gap:8px}.weighPage .weighHistory label{font-size:12px}}
