@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap";.discount-input{color:#888;align-items:center;display:flex}.discount-input input{border:0;outline:0;font-size:16px;text-align:right!important;width:90px!important}.form-grid textarea{resize:vertical;width:100%;font:inherit;border:1px solid #dfe1e1;border-radius:5px;outline:0;padding:10px}:root{color:#252728;font-synthesis:none;--ink:#242729;--muted:#777d80;--line:#e7e8e8;--red:#c83f32;--red-dark:#a83229;--green:#238561;--amber:#bd7621;--soft:#f8f8f7;background:#f5f6f7;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.icon-btn{border:1px solid var(--line);color:#5d6264;background:#fff;border-radius:6px;place-items:center;width:38px;height:38px;display:grid;position:relative}.icon-btn i{background:var(--red);border:1px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.primary,.ghost,.small-action,.text-btn{border:0;border-radius:5px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 16px;font-weight:600;display:inline-flex}.primary{color:#fff;background:var(--red)}.primary:hover{background:var(--red-dark)}.primary:disabled{opacity:.45;cursor:not-allowed}.ghost{color:#4b5052;background:#fff;border:1px solid #dfe1e1}.text-btn{height:auto;color:var(--red);background:0 0;padding:0}.small-action{height:30px;color:var(--red);background:#fff4f2;padding:0 12px;font-size:13px}.ghostish{color:#555;background:#f2f3f3}.subtle{color:#a3a7a8}.danger,.danger-text,.stock-negative{color:#c33d33!important}.green-text{color:var(--green)!important}.block{margin-top:4px;display:block}.link{font-weight:600;color:#b33b31!important}.status{border-radius:4px;padding:4px 9px;font-size:12px;font-weight:600;display:inline-flex}.status.未收款{color:#bd4b40;background:#fff0ee}.status.部分收款{color:#ae6d1d;background:#fff5e8}.status.已收款{color:#217b5c;background:#eaf7f1}.form-grid{grid-template-columns:1fr 1fr;gap:18px 14px;display:grid}.form-grid label{color:#505557;flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.form-grid label span{color:var(--red);margin-left:3px}.form-grid input,.form-grid select{background:#fff;border:1px solid #dfe1e1;border-radius:5px;outline:0;width:100%;height:43px;padding:0 12px}.form-grid input:focus,.form-grid select:focus{border-color:var(--red);box-shadow:0 0 0 3px #c83f3212}.span-2{grid-column:span 2}.input-suffix{background:#fff;border:1px solid #dfe1e1;border-radius:5px;align-items:center;display:flex}.input-suffix input{box-shadow:none!important;border:0!important}.input-suffix b{color:#888;padding:0 12px;font-size:13px;font-weight:500}.switch-row,.setting-row{justify-content:space-between;align-items:center;padding:12px 0;display:flex}.switch-row div,.setting-row div{flex-direction:column;gap:4px;display:flex}.switch-row small,.setting-row small{color:#888}.switch{background:#c9cccc;border:0;border-radius:12px;width:42px;height:24px;padding:3px}.switch i{background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;display:block}.switch.on{background:var(--green)}.switch.on i{transform:translate(18px)}.form-tip{color:#8b9091;margin:0;font-size:12px}.modal-mask{z-index:1000;background:#16191885;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:7px;width:100%;max-height:92vh;overflow:auto;box-shadow:0 24px 70px #0003}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:19px 22px;display:flex}.modal-head h3{margin:0;font-size:18px}.modal-head .icon-btn{border:0;font-size:24px}.modal-body{padding:22px}.modal-foot{border-top:1px solid var(--line);padding:15px 22px}.admin-shell{background:#f4f5f5;min-height:100vh;display:flex}.admin-side{color:#d6dedd;z-index:10;background:#202827;flex-direction:column;width:224px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff12;align-items:center;gap:12px;height:80px;padding:0 24px;display:flex}.brand-mark{background:var(--red);color:#fff;border-radius:5px;place-items:center;width:39px;height:39px;font-size:21px;font-weight:700;display:grid}.brand>div:last-child{flex-direction:column;display:flex}.brand strong{color:#fff;font-size:18px}.brand small{color:#95a09e;margin-top:2px;font-size:11px}.admin-side nav{flex-direction:column;gap:4px;padding:18px 12px;display:flex}.admin-side nav button,.side-foot button,.side-foot a{color:#bcc5c3;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:12px;height:43px;padding:0 13px;font-size:14px;display:flex}.admin-side nav button:hover,.admin-side nav button.active{color:#fff;background:#ffffff12}.admin-side nav button.active{box-shadow:inset 3px 0 var(--red)}.nav-badge{background:var(--red);color:#fff;border-radius:10px;place-items:center;min-width:19px;height:19px;margin-left:auto;font-size:11px;display:grid}.side-foot{border-top:1px solid #ffffff14;margin-top:auto;padding:12px}.side-foot button,.side-foot a{width:100%}.admin-main{width:calc(100% - 224px);min-width:760px;margin-left:224px}.admin-top{border-bottom:1px solid var(--line);z-index:9;background:#fff;justify-content:space-between;align-items:center;height:80px;padding:0 30px;display:flex;position:sticky;top:0}.admin-top h1{margin:0;font-size:21px}.admin-top p{color:#8b9091;margin:5px 0 0;font-size:12px}.top-actions{align-items:center;gap:12px;display:flex}.global-search,.search-box{color:#919697;background:#f8f9f9;border:1px solid #e2e3e3;border-radius:5px;align-items:center;gap:9px;height:40px;padding:0 12px;display:flex}.global-search{width:250px}.global-search input,.search-box input{color:#333;background:0 0;border:0;outline:0;width:100%}.user-chip{align-items:center;gap:9px;margin-left:4px;display:flex}.user-chip>span{color:#2d6255;background:#e8eeec;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.user-chip div{flex-direction:column;display:flex}.user-chip strong{font-size:13px}.user-chip small{color:#999;font-size:11px}.admin-content{max-width:1600px;margin:auto;padding:26px 30px 45px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:6px;flex-direction:column;min-height:142px;padding:21px;display:flex;position:relative;overflow:hidden}.metric.accent{border-top:3px solid var(--red);padding-top:19px}.metric>span{color:#73797a;font-size:13px}.metric>strong{color:#292c2d;margin:10px 0 9px;font-size:27px}.metric>small{color:#8a8f91;font-size:12px}.metric-icon{width:38px;height:38px;color:var(--red);background:#fff0ed;border-radius:6px;place-items:center;display:grid;position:absolute;top:20px;right:18px}.metric-icon.green{color:var(--green);background:#eaf6f1}.metric-icon.amber{color:var(--amber);background:#fff4e6}.metric-icon.red{color:#c5473c;background:#fff0ee}.metric-grid.compact{grid-template-columns:repeat(3,1fr)}.metric-grid.compact .metric{min-height:120px}.dash-grid{grid-template-columns:1.55fr 1fr;gap:18px;margin-bottom:18px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:6px}.panel-head{border-bottom:1px solid #eeefef;justify-content:space-between;align-items:center;min-height:72px;padding:0 20px;display:flex}.panel-head h2{margin:0;font-size:16px}.panel-head p{color:#8d9293;margin:5px 0 0;font-size:12px}.panel-head select{background:#fff;border:1px solid #dfe1e1;border-radius:4px;height:34px;padding:0 9px}.chart-area{height:230px;padding:25px 28px 33px;position:relative}.chart-lines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:25px 28px 40px}.chart-lines i{background:#eceeee;height:1px}.bars{justify-content:space-around;align-items:flex-end;gap:14px;height:100%;display:flex;position:relative}.bars span{z-index:2;background:#d4dfdc;border-radius:3px 3px 0 0;width:28px;position:relative}.bars span.today{background:var(--red)}.bars b{white-space:nowrap;color:#8d9293;font-size:10px;font-weight:500;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%)}.quick-grid{grid-template-columns:1fr 1fr;padding:12px;display:grid}.quick-grid button{text-align:left;background:#fff;border:1px solid #0000;border-radius:5px;grid-template-rows:1fr 1fr;grid-template-columns:38px 1fr;align-items:end;column-gap:11px;height:103px;padding:16px;display:grid}.quick-grid button:hover{background:#fafafa;border-color:#e6e7e7}.quick-grid svg{width:38px;height:38px;color:var(--red);background:#fbece9;border-radius:5px;grid-row:span 2;align-self:center;padding:8px}.quick-grid span{font-size:13px;font-weight:700}.quick-grid small{color:#969a9b;align-self:start;margin-top:3px;font-size:11px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#7c8182;white-space:nowrap;background:#fafafa;padding:12px 16px;font-size:12px;font-weight:500}td{color:#555a5b;white-space:nowrap;border-top:1px solid #eff0f0;padding:14px 16px}td strong{color:#2d3031}td small{color:#929697}.toolbar{gap:10px;margin-bottom:16px;display:flex}.toolbar .search-box{background:#fff;width:330px}.toolbar select{color:#555;background:#fff;border:1px solid #dfe1e1;border-radius:5px;height:40px;padding:0 12px}.toolbar .primary{margin-left:auto}.product-cell{align-items:center;gap:11px;display:flex}.product-cell>span{color:#487367;background:#edf1ef;border-radius:5px;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.product-cell div{flex-direction:column;gap:3px;display:flex}.tiny-tag{color:#217b5c;background:#eaf7f1;border-radius:3px;padding:4px 7px;font-size:11px}.tiny-tag.muted{color:#777;background:#f0f1f1}.dot-ok{background:#35a77e;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.customer-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.customer-card{border:1px solid var(--line);background:#fff;border-radius:6px;padding:19px}.customer-head{align-items:center;gap:11px;display:flex}.customer-head>span{color:#386c5d;background:#edf1ef;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.customer-head>div{flex-direction:column;gap:3px;display:flex}.customer-head>div strong{font-size:14px}.customer-head>div small{color:#8c9192;font-size:12px}.customer-head .icon-btn{border:0;margin-left:auto}.customer-numbers{border-block:1px solid #eef0ef;grid-template-columns:1fr 1fr;margin:18px 0;padding:14px 0;display:grid}.customer-numbers div{flex-direction:column;gap:4px;display:flex}.customer-numbers div+div{border-left:1px solid #eee;padding-left:16px}.customer-numbers small,.customer-card footer small{color:#969a9b;font-size:11px}.customer-numbers strong{font-size:15px}.customer-card footer{justify-content:space-between;align-items:center;display:flex}.customer-card footer span{color:#65706d;background:#f2f4f3;border-radius:3px;padding:3px 7px;font-size:11px}.notice{color:#a26318;background:#fff8e9;border:1px solid #f1d7a6;border-radius:6px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 17px;display:flex}.notice p{color:#9a754a;margin:4px 0 0;font-size:12px}.report-tabs{border-bottom:1px solid var(--line);margin-bottom:18px;display:flex}.report-tabs button{color:#777;background:0 0;border:0;padding:12px 20px}.report-tabs button.active{color:var(--red);border-bottom:2px solid var(--red);font-weight:700}.report-placeholder{text-align:center;color:#777;padding:25px 25px 0}.report-placeholder>svg{color:var(--red)}.report-placeholder h2{color:#333;margin-bottom:6px}.report-placeholder p{font-size:13px}.fake-chart{justify-content:space-around;align-items:flex-end;gap:20px;height:260px;padding:35px 40px 0;display:flex}.fake-chart i{background:#b9cbc6;border-radius:3px 3px 0 0;flex:1;max-width:36px}.fake-chart i:nth-child(3n){background:var(--red)}.settings-layout{grid-template-columns:190px 1fr;gap:18px;display:grid}.settings-layout>nav{border:1px solid var(--line);background:#fff;border-radius:6px;flex-direction:column;height:max-content;padding:8px;display:flex}.settings-layout>nav button{text-align:left;color:#666;background:0 0;border:0;border-radius:4px;padding:12px}.settings-layout>nav button.active{color:var(--red);background:#fff0ed;font-weight:600}.settings-form{max-width:760px;padding:24px}.settings-form h2{margin:0}.settings-form>p{color:#888;margin-bottom:25px;font-size:13px}.setting-row{border-top:1px solid #eee;padding:19px 0}.setting-row div strong{font-size:14px}.setting-row div small{font-size:12px}.receivable-tabs{margin-top:2px}.receivable-tabs button{align-items:center;gap:7px;display:flex}.receivable-tabs button span{color:#74797a;background:#eceeed;border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 6px;font-size:10px;display:grid}.receivable-tabs button.active span{color:var(--red);background:#fff0ed}.receivable-toolbar{align-items:center}.receivable-toolbar small{color:#8b9091;margin-left:auto;font-size:12px}.receivable-table th,.receivable-table td{padding-inline:13px}.receivable-table td:nth-child(2){white-space:normal;min-width:150px}.receivable-table td:nth-child(3){white-space:normal;min-width:170px}.receivable-table th:last-child,.receivable-table td:last-child{background:#fff;border-left:1px solid #eff0f0;position:sticky;right:0}.receivable-table th:last-child{z-index:2;background:#fafafa}.receivable-table tfoot td{color:#555;background:#fafafa;border-top:1px solid #e4e6e5}.empty-table{text-align:center!important;color:#999!important;padding:42px 16px!important}.h5-shell,.h5-login{--h5-width:480px;min-height:100vh;max-width:var(--h5-width);color:#262a2a;background:#f4f5f4;margin:0 auto;position:relative;box-shadow:0 0 50px #20252416}.h5-login{background:#f0f3f1;flex-direction:column;padding:54px 22px 25px;display:flex}.login-brand{align-items:center;gap:12px;margin:0 7px 48px;display:flex}.login-brand>div:last-child{flex-direction:column;display:flex}.login-brand strong{font-size:21px}.login-brand small{color:#7c8380;margin-top:2px;font-size:12px}.login-box{background:#fff;border-radius:7px;padding:28px 22px;box-shadow:0 8px 28px #26423712}.login-box h1{margin:0 0 5px;font-size:24px}.login-box>div>p{color:#858a88;margin:0 0 28px;font-size:13px}.login-box form{flex-direction:column;gap:19px;display:flex}.login-box label{font-size:13px;font-weight:600}.login-box label>div{color:#828886;border:1px solid #dfe3e1;border-radius:5px;align-items:center;gap:10px;height:48px;margin-top:8px;padding:0 13px;display:flex}.login-box input{border:0;outline:0;flex:1;min-width:0}.login-box label button{color:#888;background:0 0;border:0;place-items:center;display:grid}.login-submit{background:var(--red);color:#fff;border:0;border-radius:5px;height:49px;margin-top:6px;font-weight:700}.demo-account{text-align:center!important;color:#a2a6a4!important;margin:18px 0 0!important;font-size:11px!important}.h5-login>footer{text-align:center;color:#9ca19f;margin-top:auto;font-size:11px}.h5-home-head{color:#fff;background:#202a28;justify-content:space-between;height:122px;padding:27px 20px;display:flex}.h5-home-head small{color:#aeb8b5;font-size:12px}.h5-home-head h1{letter-spacing:0;margin:5px 0 0;font-size:22px}.h5-home-head .icon-btn{color:#fff;background:#ffffff10;border-color:#ffffff1b}.h5-content{padding:0 14px 90px}.home-content{margin-top:-18px}.h5-overview{background:var(--red);color:#fff;border-radius:7px;padding:20px;box-shadow:0 8px 20px #9d332927}.h5-overview>div:first-child{flex-direction:column;display:flex}.h5-overview span,.h5-overview small{color:snow;font-size:12px}.h5-overview>div:first-child strong{margin:6px 0 4px;font-size:30px}.overview-split{border-top:1px solid #ffffff31;grid-template-columns:1fr 1fr;margin-top:16px;padding-top:15px;display:grid}.overview-split span{flex-direction:column;gap:5px;display:flex}.overview-split span+span{border-left:1px solid #ffffff31;padding-left:18px}.overview-split strong{color:#fff;font-size:16px}.h5-quick{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.h5-quick button{text-align:left;background:#fff;border:1px solid #eaebea;border-radius:6px;grid-template-rows:1fr 1fr;grid-template-columns:39px 1fr;align-items:end;column-gap:10px;min-height:91px;padding:14px;display:grid}.h5-quick button>span{border-radius:5px;grid-row:span 2;align-self:center;place-items:center;width:39px;height:39px;display:grid}.h5-quick button svg{width:20px}.quick-red{color:var(--red);background:#fff0ed}.quick-green{color:var(--green);background:#e8f5ef}.quick-blue{color:#3a708e;background:#edf3f8}.quick-amber{color:#b16c1d;background:#fff3e3}.h5-quick strong{font-size:13px}.h5-quick small{color:#969b99;align-self:start;margin-top:3px;font-size:10px}.h5-alert{color:#a5661d;background:#fff8e9;border:1px solid #f2d8a8;border-radius:6px;align-items:center;gap:10px;margin-bottom:12px;padding:12px;display:flex}.h5-alert div{flex-direction:column;flex:1;gap:3px;display:flex}.h5-alert strong{font-size:12px}.h5-alert small{color:#9e784e;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.h5-section{background:#fff;border:1px solid #e8eae9;border-radius:6px}.h5-section-head{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;height:64px;padding:0 15px;display:flex}.h5-section-head h2{margin:0;font-size:15px}.h5-section-head p{color:#959a98;margin:3px 0 0;font-size:10px}.h5-section-head button{color:#7d8381;background:0 0;border:0;align-items:center;font-size:11px;display:flex}.h5-order-card{background:#fff;border-bottom:1px solid #eceeed;padding:15px}.h5-order-card:last-child{border-bottom:0}.order-card-head{align-items:center;gap:10px;display:flex}.order-card-head>span{color:#3a6d5f;background:#edf1ef;border-radius:50%;place-items:center;width:35px;height:35px;font-size:13px;font-weight:700;display:grid}.order-card-head>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.order-card-head strong{font-size:13px}.order-card-head small{color:#929795;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.order-card-head>b{font-size:14px}.order-summary{color:#6f7573;white-space:nowrap;text-overflow:ellipsis;background:#f7f8f7;border-radius:4px;margin:11px 0 10px;padding:8px 10px;font-size:10px;overflow:hidden}.order-summary p{justify-content:space-between;margin:3px 0;display:flex}.h5-order-card footer{align-items:center;gap:8px;display:flex}.h5-order-card footer small{color:#8b908e;flex:1;font-size:10px}.h5-order-card footer button{color:var(--red);background:#fff0ed;border:0;border-radius:4px;height:27px;padding:0 10px;font-size:10px}.h5-subhead{z-index:20;background:#fff;border-bottom:1px solid #e8e9e9;grid-template-columns:48px 1fr 48px;align-items:center;height:58px;display:grid;position:sticky;top:0}.h5-subhead h1{text-align:center;margin:0;font-size:17px}.h5-subhead>button{color:#555;background:0 0;border:0;place-items:center;display:grid}.h5-subhead svg{width:21px}.order-page{padding-top:12px;padding-bottom:98px}.mobile-panel{background:#fff;border:1px solid #e8eae9;border-radius:6px;margin-bottom:10px}.customer-select{align-items:center;gap:11px;padding:15px;display:flex}.customer-select .avatar{color:#3c7565;background:#edf3f0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.customer-select .avatar svg{width:20px}.customer-select>div{flex-direction:column;flex:1;gap:2px;display:flex}.customer-select small{color:#969b99;font-size:9px}.customer-select strong{font-size:14px}.customer-select p{color:#8e9391;margin:1px 0 0;font-size:10px}.customer-select>svg{color:#aaa;width:18px}.items-panel>header,.payment-panel>header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;height:50px;padding:0 14px;display:flex}.items-panel h2,.payment-panel h2{margin:0;font-size:14px}.items-panel h2 span{background:#f2f3f3;border-radius:9px;place-items:center;min-width:18px;height:18px;margin-left:4px;font-size:9px;display:inline-grid}.items-panel header button{color:var(--red);background:0 0;border:0;align-items:center;font-size:11px;display:flex}.empty-cart{text-align:center;flex-direction:column;align-items:center;padding:29px 10px 25px;display:flex}.empty-cart>span{color:#8c9692;background:#f1f3f2;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.empty-cart strong{margin-top:10px;font-size:13px}.empty-cart p{color:#969b99;margin:4px 0 12px;font-size:10px}.empty-cart button{background:#fff;border:1px solid #dfe1e1;border-radius:4px;height:30px;padding:0 13px;font-size:11px}.cart-item{border-bottom:1px solid #eee;padding:14px}.cart-item:last-child{border-bottom:0}.cart-title{justify-content:space-between;display:flex}.cart-title>div{flex-direction:column;gap:3px;display:flex}.cart-title strong{font-size:13px}.cart-title small{color:#8a908e;font-size:10px}.cart-title button{color:#aaa;background:0 0;border:0}.cart-inputs{grid-template-columns:1fr 1fr auto;align-items:end;gap:8px;margin-top:12px;display:grid}.cart-inputs label{color:#888;font-size:9px}.cart-inputs label>div{border:1px solid #e0e2e1;border-radius:4px;align-items:center;height:34px;margin-top:5px;padding:0 8px;display:flex}.cart-inputs input{border:0;outline:0;width:100%;min-width:0}.cart-inputs b{color:#888;white-space:nowrap;font-size:10px}.cart-inputs>span{color:#888;flex-direction:column;align-items:flex-end;padding-bottom:3px;font-size:9px;display:flex}.cart-inputs>span strong{color:#333;margin-top:4px;font-size:13px}.stock-hint{color:#9b733f;margin:9px 0 0;font-size:9px}.amount-panel{padding:9px 14px}.amount-panel>div{justify-content:space-between;align-items:center;min-height:37px;font-size:12px;display:flex}.amount-panel button{color:#888;background:0 0;border:0;align-items:center;font-size:11px;display:flex}.amount-panel .total-line{border-top:1px dashed #e2e3e3;margin-top:4px}.amount-panel .total-line strong{color:var(--red);font-size:19px}.payment-panel header span{color:#999;font-size:9px}.payment-panel>label{justify-content:space-between;align-items:center;padding:12px 14px;font-size:12px;display:flex}.payment-panel>label>div{align-items:center;display:flex}.payment-panel>label b{font-size:16px}.payment-panel input{text-align:right;border:0;outline:0;width:110px;font-size:20px}.pay-tags{justify-content:flex-end;gap:7px;padding:0 14px 11px;display:flex}.pay-tags button{background:#fff;border:1px solid #e1e2e2;border-radius:4px;height:28px;font-size:10px}.payment-panel>p{color:#888;background:#fafafa;margin:0;padding:10px 14px;font-size:10px}.payment-panel>p strong{color:var(--red)}.remark-panel{padding:5px 14px}.remark-panel label{align-items:center;height:43px;font-size:12px;display:flex}.remark-panel input{text-align:right;border:0;outline:0;flex:1;font-size:11px}.order-submit{z-index:30;background:#fff;border-top:1px solid #e3e5e4;align-items:center;gap:14px;width:min(480px,100%);height:76px;padding:10px 14px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.order-submit div{flex-direction:column;flex:1;display:flex}.order-submit small{color:#888;font-size:9px}.order-submit strong{color:var(--red);font-size:19px}.order-submit button{background:var(--red);color:#fff;border:0;border-radius:5px;height:48px;padding:0 27px;font-weight:700}.order-submit button:disabled{opacity:.45}.h5-nav{z-index:40;width:min(480px,100%);height:70px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e4e6e5;grid-template-columns:1fr 1fr 72px 1fr 1fr;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.h5-nav button{color:#8a908e;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:9px;display:flex}.h5-nav button svg{width:21px}.h5-nav button.active{color:var(--red)}.h5-nav .nav-add{background:var(--red);color:#fff;border-radius:50%;place-self:start center;width:50px;height:50px;margin-top:-13px;box-shadow:0 5px 12px #a7332a42}.h5-nav .nav-add svg{width:25px}.list-head{grid-template-columns:48px 1fr 48px}.list-content{padding-top:12px}.mobile-search{color:#8c9290;background:#fff;border:1px solid #e4e6e5;border-radius:5px;align-items:center;gap:8px;height:42px;padding:0 11px;display:flex}.mobile-search svg{width:18px}.mobile-search input{border:0;outline:0;flex:1;min-width:0}.mobile-search button{background:var(--red);color:#fff;border:0;border-radius:4px;place-items:center;width:31px;height:31px;display:grid}.filter-tabs{gap:8px;padding:10px 0;display:flex;overflow:auto}.filter-tabs button{white-space:nowrap;background:#fff;border:1px solid #e1e3e2;border-radius:4px;padding:6px 12px;font-size:10px}.filter-tabs button.active{color:var(--red);background:#fff0ed;border-color:#f0c2bd}.h5-order-card.detailed{border:1px solid #e8eae9;border-radius:6px;margin-bottom:9px}.customer-total{color:#fff;background:#202a28;border-radius:6px;justify-content:space-between;align-items:flex-end;margin:10px 0;padding:15px;display:flex}.customer-total div{flex-direction:column;display:flex}.customer-total small,.customer-total span{color:#aeb8b5;font-size:10px}.customer-total strong{margin-top:4px;font-size:23px}.h5-customer-row{background:#fff;border-bottom:1px solid #eceeed;align-items:center;gap:10px;padding:14px;display:flex}.h5-customer-row:first-of-type{border-radius:6px 6px 0 0}.h5-customer-row>span{color:#3e7163;background:#edf1ef;border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:grid}.h5-customer-row>div:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.h5-customer-row>div:nth-child(2) strong{font-size:13px}.h5-customer-row>div:nth-child(2) small{color:#929795;gap:4px;font-size:9px;display:flex}.h5-customer-row>div:nth-child(3){text-align:right;flex-direction:column;gap:3px;display:flex}.h5-customer-row>div:nth-child(3) small{color:#999;font-size:9px}.h5-customer-row>div:nth-child(3) strong{font-size:12px}.h5-customer-row>svg{color:#aaa;width:16px}.me-content{padding-top:14px}.profile{color:#fff;background:#202a28;border-radius:6px;align-items:center;gap:12px;padding:20px 15px;display:flex}.profile>span{background:#fff2;border-radius:50%;place-items:center;width:50px;height:50px;font-size:18px;font-weight:700;display:grid}.profile>div{flex-direction:column;flex:1;gap:4px;display:flex}.profile strong{font-size:16px}.profile small{color:#b7c0be;font-size:10px}.me-stats{background:#fff;border:1px solid #e8eae9;border-radius:6px;grid-template-columns:repeat(3,1fr);margin:10px 0;padding:14px;display:grid}.me-stats div{text-align:center;flex-direction:column;gap:3px;display:flex}.me-stats div+div{border-left:1px solid #eee}.me-stats strong{font-size:17px}.me-stats small{color:#999;font-size:9px}.me-menu{background:#fff;border:1px solid #e8eae9;border-radius:6px}.me-menu button{text-align:left;background:0 0;border:0;border-bottom:1px solid #eee;align-items:center;gap:11px;width:100%;height:59px;padding:0 14px;display:flex}.me-menu button:last-child{border-bottom:0}.me-menu button>svg{color:#66716e;width:20px}.me-menu button>div{flex-direction:column;flex:1;gap:2px;display:flex}.me-menu strong{font-size:12px}.me-menu small{color:#999;font-size:9px}.me-menu button>svg:last-child{color:#aaa;width:15px}.logout{width:100%;height:45px;color:var(--red);background:#fff;border:1px solid #ead0cd;border-radius:5px;justify-content:center;align-items:center;gap:8px;margin-top:13px;display:flex}.h5-sheet-mask{z-index:100;background:#15181778;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.h5-sheet{background:#fff;border-radius:8px 8px 0 0;flex-direction:column;width:min(480px,100%);height:min(650px,88vh);display:flex}.h5-sheet>header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;height:57px;padding:0 15px;display:flex}.h5-sheet>header h2{margin:0;font-size:16px}.h5-sheet>header button{background:0 0;border:0}.sheet-search{color:#8d9290;background:#f4f5f4;border-radius:5px;align-items:center;gap:8px;height:42px;margin:12px;padding:0 10px;display:flex}.sheet-search>svg{width:18px}.sheet-search input{background:0 0;border:0;outline:0;flex:1;min-width:0}.sheet-search button{background:var(--red);color:#fff;border:0;border-radius:4px;align-items:center;gap:3px;height:31px;padding:0 9px;font-size:10px;display:flex}.sheet-search button svg{width:15px}.sheet-list,.product-picker-list{flex:1;overflow:auto}.sheet-list>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #eee;align-items:center;gap:10px;width:100%;height:64px;padding:0 15px;display:flex}.sheet-list>button>span,.product-picker-list article>header>span{color:#3e7163;background:#edf1ef;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid}.sheet-list>button>div{flex-direction:column;flex:1;gap:3px;display:flex}.sheet-list strong{font-size:12px}.sheet-list small{color:#999;font-size:9px}.sheet-list svg{width:18px;color:var(--green)}.product-picker-list article{border-top:8px solid #f4f5f4}.product-picker-list article>header{align-items:center;gap:9px;padding:12px 14px;display:flex}.product-picker-list article>header>div{flex-direction:column;gap:2px;display:flex}.product-picker-list article>header strong{font-size:13px}.product-picker-list article>header small{color:#999;font-size:9px}.product-picker-list article>button{text-align:left;background:#fff;border:0;border-top:1px solid #eee;align-items:center;width:calc(100% - 28px);min-height:57px;margin:0 14px;display:flex}.product-picker-list article>button>div{flex-direction:column;flex:1;gap:3px;display:flex}.product-picker-list article>button strong{font-size:11px}.product-picker-list article>button small{color:#999;font-size:9px}.product-picker-list article>button>span{margin-right:8px;font-size:11px;font-weight:700}.product-picker-list article>button>svg{width:18px;color:var(--red)}.success-mask{z-index:300;background:#15181788;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.success-mask section{text-align:center;background:#fff;border-radius:7px;flex-direction:column;width:min(380px,100%);padding:28px 24px;display:flex}.success-mask section>span{width:54px;height:54px;color:var(--green);background:#e9f6f0;border-radius:50%;place-items:center;margin:auto;display:grid}.success-mask h2{margin:16px 0 5px;font-size:19px}.success-mask p{color:#888;margin:0 0 22px;font-size:12px}.success-mask button+button{margin-top:8px}.h5-data-state{z-index:500;color:#626866;text-align:center;background:#f4f5f4;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:fixed;inset:0}.h5-data-state span{font-size:13px}.h5-data-state button{background:var(--red);color:#fff;border:0;border-radius:5px;height:40px;padding:0 16px}.h5-data-state.error-state{color:#a83a31}.h5-action-error{z-index:600;top:calc(14px + env(safe-area-inset-top));color:#a83a31;text-align:center;background:#fff0ee;border:1px solid #efc3bf;border-radius:5px;width:calc(100% - 28px);max-width:452px;padding:11px 14px;font-size:13px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #64201920}.h5-shell,.h5-login{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:none;min-height:100dvh;overflow-x:hidden}.h5-shell input,.h5-shell select,.h5-shell textarea,.h5-login input,.h5-login select,.h5-login textarea,.h5-shell .modal input,.h5-shell .modal select,.h5-shell .modal textarea{font-size:16px;line-height:1.25}.h5-shell input,.h5-login input{appearance:none;border-radius:0}.h5-shell input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.h5-shell input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.h5-shell input[type=number]{-moz-appearance:textfield}.h5-content,.order-card-head>div,.cart-title>div,.customer-select>div,.profile>div,.me-menu button>div,.product-picker-list article>header>div,.product-picker-list article>button>div{min-width:0}.h5-subhead{height:calc(58px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.h5-home-head{height:calc(122px + env(safe-area-inset-top));padding-top:calc(27px + env(safe-area-inset-top))}.h5-login{padding-top:calc(54px + env(safe-area-inset-top));padding-bottom:calc(25px + env(safe-area-inset-bottom))}.h5-nav{height:calc(70px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.order-submit{height:calc(76px + env(safe-area-inset-bottom));padding-bottom:calc(10px + env(safe-area-inset-bottom))}.h5-content{padding-bottom:calc(90px + env(safe-area-inset-bottom));scroll-padding-bottom:calc(96px + env(safe-area-inset-bottom))}.order-page{padding-bottom:calc(98px + env(safe-area-inset-bottom))}.h5-sheet-mask,.modal-mask,.success-mask{height:var(--app-viewport-height,100dvh)}.h5-sheet{height:min(650px,88dvh);max-height:var(--app-viewport-height,88dvh);padding-bottom:env(safe-area-inset-bottom)}.modal{max-height:min(calc(100dvh - env(safe-area-inset-top) - 12px),var(--app-viewport-height,100dvh))}.sheet-list,.product-picker-list,.modal{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.cart-inputs input{font-size:16px}.cart-inputs label>div{height:44px}.cart-inputs b{font-size:12px}.remark-panel label{gap:12px;height:auto;min-height:52px}.remark-panel input{min-width:0;font-size:16px}.mobile-search input,.sheet-search input,.login-box input{font-size:16px}.login-box input{border-radius:0}.form-grid input,.form-grid select{font-size:16px}.form-grid input:disabled{opacity:1;color:#999;background:#f5f5f5}.h5-order-card footer small,.order-summary p,.product-picker-list article>button>div,.sheet-list>button>div{min-width:0}.order-summary p span,.product-picker-list article>button strong,.sheet-list small{overflow-wrap:anywhere}.order-submit button,.h5-nav button,.h5-subhead>button,.h5-sheet>header button,.cart-title button{touch-action:manipulation}.filter-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.mobile-form-focused .h5-nav,.mobile-form-focused .order-submit{display:none}.mobile-form-focused .order-page{padding-bottom:20px}@media (width<=1050px){.metric-grid{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:1fr}.customer-grid{grid-template-columns:1fr 1fr}.global-search{display:none}}@media (width<=600px){body{background:#f4f5f4;min-width:0}.h5-shell,.h5-login{width:100%;max-width:none;box-shadow:none}.modal-mask{align-items:end;padding:0}.modal{width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - 8px);padding-bottom:env(safe-area-inset-bottom);border-radius:8px 8px 0 0;max-width:none!important}.modal-body{padding:20px 16px}.form-grid{gap:14px 10px}.admin-shell{display:none}}@media (width<=374px){.h5-content{padding-inline:10px}.h5-login{padding-inline:16px}.login-box{padding-inline:18px}.h5-quick{gap:8px}.h5-quick button{grid-template-columns:35px minmax(0,1fr);column-gap:8px;padding:11px}.h5-quick button>span{width:35px;height:35px}.cart-item{padding:12px 10px}.cart-inputs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.cart-inputs>span{flex-direction:row;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:8px;padding:0}.cart-inputs>span strong{margin:0}.payment-panel>label{gap:10px}.payment-panel input{width:min(110px,32vw)}.remark-panel label{flex-direction:column;align-items:flex-start;padding-block:10px}.remark-panel input{text-align:left;width:100%}.order-submit{gap:9px;padding-inline:10px}.order-submit button{padding-inline:18px}.customer-total{flex-direction:column;align-items:flex-start;gap:8px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.modal-head{padding-inline:16px}.sheet-search{margin-inline:8px}.sheet-search button{padding-inline:7px}.product-picker-list article>button>span{text-align:right;max-width:112px}}@media (width>=601px){.h5-shell{min-height:900px}.h5-nav,.order-submit{position:fixed}}