:root{font-family:Inter,Microsoft YaHei,system-ui,sans-serif;color:#15241f;background:#f3f6f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.center-screen{min-height:100vh;display:grid;place-items:center;color:#63736d}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#d7efe3,transparent 30%),linear-gradient(145deg,#0c3327,#071c17)}.login-card{width:420px;padding:46px;background:#fff;border-radius:24px;box-shadow:0 28px 80px #00150f66}.login-mark{width:52px;height:52px;border-radius:16px;background:#1c7658;color:#fff;display:grid;place-items:center;font-weight:800;letter-spacing:-1px}.login-card h1{margin:22px 0 6px}.login-card>p{margin:0 0 30px;color:#70807a}.login-card form{display:grid;gap:17px}.login-card label,.preview-grid label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#56665f}.login-card input,input,select,textarea{border:1px solid #d9e1dd;border-radius:10px;padding:11px 13px;background:#fff;color:#17251f;outline:none}.login-card input:focus,input:focus,select:focus,textarea:focus{border-color:#328268;box-shadow:0 0 0 3px #32826818}.login-card small{display:block;margin-top:20px;color:#8b9893}.primary{border:0;background:#176f53;color:#fff;border-radius:10px;padding:12px 19px;font-weight:750;cursor:pointer}.primary:hover{background:#0f5c43}.primary:disabled{opacity:.45;cursor:not-allowed}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#102a22;color:#dce9e4;padding:28px 18px;display:flex;flex-direction:column}.brand{font-size:19px;font-weight:800;padding:5px 12px 31px}.brand span{display:inline-block;background:#d7aa4d;color:#102a22;padding:4px 6px;border-radius:6px;margin-right:6px}.nav{display:grid;gap:6px}.nav button{border:0;background:transparent;color:#aebfb8;text-align:left;padding:12px 14px;border-radius:10px;cursor:pointer;font-weight:650}.nav button i{font-style:normal;display:inline-block;width:28px;color:#6fa68f}.nav button:hover,.nav button.active{background:#ffffff12;color:#fff}.nav button.active i{color:#e6b857}.profile{margin-top:auto;border-top:1px solid #ffffff14;padding:20px 5px 0;display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;background:#2e735c;display:grid;place-items:center;font-weight:800}.profile div:nth-child(2){display:grid;gap:2px;flex:1}.profile small{color:#91aaa0}.profile button{border:0;background:transparent;color:#a9bbb4;cursor:pointer;font-size:20px}main{padding:0 34px 48px;min-width:0}header{height:112px;display:flex;align-items:center;justify-content:space-between}header h1{font-size:25px;margin:0 0 5px}header p{margin:0;color:#7a8983;font-size:13px}.today{font-size:13px;color:#66766f;background:#fff;padding:9px 13px;border-radius:10px;border:1px solid #e2e8e5}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat{background:#fff;border-radius:16px;padding:21px 22px;border:1px solid #e4e9e6;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;right:-18px;top:-18px;width:80px;height:80px;border-radius:50%;background:currentColor;opacity:.08}.stat span{font-size:13px;color:#6d7d76}.stat strong{font-size:32px;display:block;margin:10px 0 5px}.stat small{color:#a2ada8}.stat.blue{color:#326ca8}.stat.green{color:#1d825d}.stat.amber{color:#a97820}.stat.red{color:#b65454}.panel{background:#fff;border:1px solid #e2e8e5;border-radius:17px;padding:23px;margin-top:20px;box-shadow:0 4px 16px #14372908}.panel h2{margin:0 0 6px;font-size:18px}.panel h3{font-size:14px;margin:22px 0 10px}.panel p{margin:0;color:#7b8984;font-size:13px}.welcome{display:flex;justify-content:space-between;align-items:center;min-height:180px;background:linear-gradient(115deg,#fff,#eef8f3)}.eyebrow{font-size:11px;text-transform:uppercase;color:#197253;font-weight:800;letter-spacing:1px}.welcome h2{font-size:26px;margin:9px 0}.flow{display:flex;align-items:center;gap:12px;background:#fff;padding:22px;border-radius:14px;border:1px solid #dfe8e3}.flow b{font-size:13px}.flow span{color:#9cac9f}.flow .accent{color:#137253}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two-col .panel{margin-top:0}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.email-box{width:100%;height:420px;resize:vertical;line-height:1.6;margin-top:20px}.actions{display:flex;align-items:center;gap:14px;margin-top:14px}.hint{font-size:12px;color:#829089}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.preview-grid input{width:100%}.item-row{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0ee}.item-row div{display:grid;gap:5px}.item-row b{font-size:13px}.item-row small{color:#7e8d87}.full{width:100%;margin-top:20px}.error{background:#fff0f0;color:#a23f3f;border:1px solid #f3cece;padding:10px 12px;border-radius:9px;font-size:13px}.empty{padding:60px;text-align:center;color:#8c9994}.compact-form{display:flex;align-items:center;gap:12px}.compact-form>div{margin-right:auto}.compact-form input{min-width:220px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#78867f;font-weight:650;padding:0 12px 12px;border-bottom:1px solid #e6ebe8}td{padding:15px 12px;border-bottom:1px solid #edf1ef;vertical-align:middle}td b{display:block}td small{display:block;color:#93a09b;margin-top:4px}.badge{display:inline-block;padding:5px 9px;background:#eef1f0;color:#607069;border-radius:20px;font-size:11px;font-weight:750}.badge.good{background:#e3f5ec;color:#237557}.badge.warn{background:#fff2d9;color:#8b671f}.mono{font-family:ui-monospace,Consolas,monospace}.link{border:0;background:transparent;color:#167054;font-weight:700;cursor:pointer}.scanner-page{display:grid;place-items:center;padding-top:40px}.scanner-card{width:min(650px,100%);text-align:center;padding:48px}.scanner-icon{font-size:52px;color:#147052}.scanner-card h2{font-size:26px}.scanner-card form{display:flex;gap:10px;margin:30px 0}.scanner-card form input{flex:1;font-size:19px;font-family:ui-monospace,Consolas,monospace;text-align:center}.scan-result{display:flex;align-items:center;justify-content:center;gap:12px;border-radius:12px;padding:20px;margin:15px 0}.scan-result strong{font-size:26px}.scan-result.success{background:#e2f6ec;color:#176b4e}.scan-result.fail{background:#fff0f0;color:#a53d3d}.scanner-card>small{color:#83918b}@media(max-width:1000px){.cards{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.compact-form{align-items:stretch;flex-direction:column}.compact-form>div{margin:0}.welcome{align-items:flex-start;flex-direction:column;gap:20px}}@media(max-width:700px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.nav{grid-template-columns:repeat(3,1fr)}.profile{display:none}main{padding:0 15px 30px}.cards{grid-template-columns:1fr}.flow{flex-wrap:wrap}.preview-grid{grid-template-columns:1fr}}.product-form{display:flex;gap:22px;align-items:center}.brand{padding:0 4px 23px}.brand-logo{display:block;width:100%;max-width:184px;height:78px;object-fit:contain;border-radius:10px}.login-logo{display:block;width:220px;max-width:100%;height:112px;object-fit:contain;border-radius:14px;margin:-8px 0 16px}.product-photo{position:relative}.product-photo label{width:152px;height:138px;border:1px dashed #a9bbb3;border-radius:14px;background:#f6faf8;display:grid;place-items:center;align-content:center;gap:6px;color:#428169;cursor:pointer;overflow:hidden;transition:.18s ease}.product-photo.dragging label{border-color:#176f53;background:#e4f5ed;transform:scale(1.03);box-shadow:0 0 0 5px #176f5315}.product-photo label span{font-size:28px}.product-photo label small{font-size:12px}.product-photo label em{font-size:10px;font-style:normal;color:#83958d}.product-photo input{display:none}.product-photo img{width:100%;height:100%;object-fit:cover}.remove-photo{position:absolute;right:-8px;top:-8px;width:26px;height:26px;border:0;border-radius:50%;background:#243c33;color:#fff;cursor:pointer;box-shadow:0 2px 8px #0003}.product-fields{flex:1}.product-fields>div:not(.error){display:flex;gap:10px;margin-top:18px}.product-fields input{flex:1}.product-fields .product-code-input{flex:.7;text-transform:uppercase}.cancel-edit{border:1px solid #d7e0dc;background:#fff;color:#607069;border-radius:10px;padding:11px 16px;cursor:pointer}.product-code{color:#176f53;letter-spacing:.4px}.product-fields .error{margin-top:10px}.product-thumb{width:58px;height:58px;object-fit:cover;border-radius:9px;border:1px solid #e0e6e3}.product-placeholder{width:58px;height:58px;display:grid;place-items:center;background:#f1f4f2;border-radius:9px;color:#96a39e;font-size:11px}@media(max-width:1000px){.product-form{align-items:stretch;flex-direction:column}.product-fields{width:100%}.product-fields>div:not(.error){flex-direction:column}}.shop-fields{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:14px;margin:18px 0}.shop-fields label{display:grid;gap:7px;color:#607069;font-size:12px;font-weight:700}.shop-fields .shop-remark{grid-column:1 / -1}.remark-cell{min-width:180px;max-width:320px}.remark-cell span{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.remark-cell button{margin-left:10px}.people-label{color:#607069;font-size:12px;font-weight:700;margin-bottom:9px}.people-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:9px;margin-bottom:16px}.people-grid label{display:flex;align-items:center;gap:9px;border:1px solid #e0e6e3;border-radius:10px;padding:10px;cursor:pointer}.people-grid label:has(input:checked){background:#e8f5ef;border-color:#85bba5}.people-grid input{width:auto}.people-grid span{display:grid;font-size:12px;font-weight:700}.people-grid small{color:#8c9994;font-weight:400}@media(max-width:1000px){.shop-fields{grid-template-columns:1fr}.people-grid{grid-template-columns:repeat(2,1fr)}}.order-entry-head{display:grid;grid-template-columns:minmax(260px,1fr) minmax(280px,390px) auto;gap:16px;align-items:end;padding-top:16px!important;padding-bottom:16px!important}.order-entry-head h2{font-size:18px}.order-entry-head p{margin-top:3px;font-size:12px}.order-entry-head>label,.form-card label{display:grid;gap:4px;font-size:12px;font-weight:700;color:#607069}.order-entry-head select{padding-top:9px;padding-bottom:9px}.entry-tabs{display:flex;gap:6px;align-items:center}.entry-tabs button{border:1px solid #dbe4df;background:#f7f9f8;color:#607069;padding:9px 15px;border-radius:9px;cursor:pointer;font-weight:700;white-space:nowrap}.entry-tabs button.active{background:#176f53;color:#fff;border-color:#176f53}.order-form{padding:16px 20px 0;overflow:hidden}.order-form-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.order-form-title h2{font-size:17px}.order-form-title p{margin-top:2px;font-size:11px}.order-form-title p b{color:#c14e4e}.order-form-title>span{font-size:11px;color:#819089;background:#f4f7f5;border-radius:20px;padding:5px 9px}.order-form-columns{display:grid;grid-template-columns:minmax(310px,.8fr) minmax(500px,1.35fr);gap:12px}.form-card{background:#f8faf9;border:1px solid #e5ebe8;border-radius:12px;padding:11px 13px}.form-card h3{margin:0 0 8px;color:#264239;font-size:13px}.form-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.form-card input,.form-card select,.form-card textarea{width:100%;min-width:0;background:#fff;padding-top:8px;padding-bottom:8px}.form-card label>b{color:#c14e4e}.recipient-grid{grid-template-columns:repeat(3,1fr)}.recipient-grid .address-field{grid-column:1/-1}.address-field textarea{height:45px;resize:vertical}.items-title{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e9eeeb;margin-top:12px;padding-top:10px}.items-title h3{margin:0 0 2px;font-size:13px}.items-title p{margin:0;font-size:11px}.add-item{border:1px solid #b9d4c8;background:#edf7f2;color:#176f53;border-radius:9px;padding:7px 12px;font-weight:750;cursor:pointer}.product-entry-head,.manual-item{display:grid;grid-template-columns:58px minmax(105px,.75fr) minmax(180px,1.5fr) minmax(150px,1.15fr) 78px 100px 58px;gap:10px;align-items:center}.product-entry-head{padding:8px 8px 4px;color:#7d8b85;font-size:11px;font-weight:700}.manual-item{padding:6px 8px;border-top:1px solid #edf1ef}.manual-item>*{min-width:0}.manual-item input{width:100%;padding:8px 10px}.entry-product-image{width:42px;height:42px;border-radius:8px;overflow:hidden;background:#eef2f0;display:grid;place-items:center}.entry-product-image img{width:100%;height:100%;object-fit:cover}.entry-product-image span{font-size:10px;color:#96a29d}.remove-item{border:0;background:#fff0f0;color:#a23f3f;border-radius:8px;padding:10px 8px;cursor:pointer}.order-error{margin:12px 8px 0}.order-submit-bar{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-top:1px solid #e2e9e5;margin:8px -20px 0;padding:9px 20px;box-shadow:0 -8px 20px #17392c0a;z-index:2}.order-submit-bar span{font-size:12px;color:#74837d}.order-submit-bar button{min-width:210px;padding-top:9px;padding-bottom:9px}@media(max-width:1250px){.order-entry-head{grid-template-columns:1fr minmax(280px,360px)}.entry-tabs{grid-column:1/-1}.order-form-columns{grid-template-columns:1fr}.recipient-grid{grid-template-columns:1fr 1fr}.product-entry-head{display:none}.manual-item{grid-template-columns:58px 1fr 1fr}}@media(max-width:700px){.recipient-grid,.form-card-grid{grid-template-columns:1fr}.manual-item{grid-template-columns:50px 1fr}.manual-item>*{grid-column:auto!important}.order-submit-bar{align-items:stretch;flex-direction:column}.order-submit-bar button{width:100%;min-width:0}}.shop-open{border:0;background:transparent;color:#176f53;padding:0;text-align:left;font-weight:750;cursor:pointer}.shop-open small{display:block;color:#8b9993;font-weight:400;margin-top:4px}.shop-orders{scroll-margin-top:20px}.order-search{display:flex;gap:10px;max-width:720px;margin:18px 0}.orders-page-search{margin-top:0}.order-search input{flex:1;min-width:220px}.search-clear{border:1px solid #dce4e0;background:#fff;color:#62736b;border-radius:10px;padding:10px 16px;cursor:pointer}.shop-summary{display:flex;gap:12px;margin:18px 0}.shop-summary span{min-width:130px;background:#f2f7f4;border-radius:12px;padding:13px;color:#708079;font-size:12px}.shop-summary strong{display:block;color:#183027;font-size:22px;margin-top:4px}.logistics-actions{display:flex;gap:4px;white-space:nowrap}.danger-link{color:#aa4b4b}.danger-link:disabled{opacity:.45;cursor:not-allowed}.intercept-note{color:#a16b18;margin-top:6px}@media(max-width:700px){.shop-summary{flex-wrap:wrap}.shop-summary span{flex:1}.order-search{flex-wrap:wrap}.order-search input{flex-basis:100%}}.order-open{border:0;background:transparent;color:#176f53;padding:0;text-align:left;font-weight:750;cursor:pointer}.order-open small{display:block;color:#8b9993;font-weight:400;margin-top:4px}.order-detail{scroll-margin-top:20px}.order-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.order-info-grid span{display:grid;gap:5px;background:#f4f7f5;border-radius:10px;padding:12px;color:#788780;font-size:11px}.order-info-grid strong{color:#20332b;font-size:13px}.order-info-grid .wide{grid-column:span 2}.order-products{display:grid;gap:10px}.order-product{display:grid;grid-template-columns:76px 1fr 90px 120px;gap:14px;align-items:center;border:1px solid #e5ebe8;border-radius:12px;padding:10px}.order-product img,.detail-no-image{width:76px;height:76px;border-radius:9px;object-fit:cover;background:#f1f4f2}.detail-no-image{display:grid;place-items:center;color:#9aa59f;font-size:11px}.order-product>div:nth-child(2){display:grid;gap:5px}.order-product small,.order-product em{color:#7e8d87;font-size:12px;font-style:normal}.order-product>span{display:grid;gap:4px;color:#84918c;font-size:11px}.order-product>span strong{color:#263a31;font-size:13px}.detail-packages{display:grid;gap:8px}.detail-packages span{background:#f4f7f5;border-radius:9px;padding:11px 13px;font-size:12px}@media(max-width:900px){.order-info-grid{grid-template-columns:1fr 1fr}.order-product{grid-template-columns:76px 1fr}.order-info-grid .wide{grid-column:auto}}.package-filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:10px;margin-bottom:15px}.package-filters>*{min-width:0}.batch-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#edf6f1;border-radius:11px;padding:11px 13px;margin-bottom:14px}.batch-bar b{margin-right:auto;color:#315d4d;font-size:13px}.batch-bar button{border:1px solid #bcd5ca;background:#fff;color:#176f53;border-radius:8px;padding:8px 11px;cursor:pointer;font-weight:700;font-size:12px}.batch-bar .danger{color:#a84646;border-color:#e1bebe}.logistics-config{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;background:#f8faf9;border:1px solid #e1e8e4;border-radius:12px;padding:15px;margin-bottom:14px}.logistics-config label{display:grid;gap:6px;color:#607069;font-size:11px;font-weight:700}.logistics-config input,.logistics-config select{width:100%;min-width:0}.logistics-config .primary{align-self:end}.batch-message{background:#fff7e5;color:#765b24;border:1px solid #ead9ad;border-radius:9px;padding:10px 12px;margin-bottom:14px;font-size:12px}.select-all{display:flex;align-items:center;gap:8px;margin-top:14px;color:#61716a;font-size:12px}.select-all input,.package-workbench td input[type=checkbox]{width:16px;height:16px;accent-color:#176f53}@media(max-width:1100px){.package-filters,.logistics-config{grid-template-columns:1fr 1fr}}@media(max-width:700px){.package-filters,.logistics-config{grid-template-columns:1fr}}
