*{box-sizing:border-box}body{margin:0;background:#f4f6f4;color:#18342d;font:14px/1.6 "Microsoft YaHei",system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #dce5df;border-radius:9px;padding:9px 16px;background:white;color:#234b3f;font-weight:600}button:hover{border-color:#597d60;background:#f0f5ec}button:disabled{opacity:.5;cursor:wait}button.primary{background:#123f32;color:#fff;border-color:#123f32}button.danger{color:#b84a3b}button.small{padding:5px 10px;font-size:12px}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #d9e2dc;border-radius:8px;background:#fff;color:#15372d}input:focus,select:focus,textarea:focus{outline:2px solid #a9c174;outline-offset:1px}input[type=checkbox]{width:auto}textarea{min-height:88px;resize:vertical}a{color:#24664c}h1,h2,h3,p{margin:0}h1{font-size:26px;letter-spacing:-.6px}h2{font-size:20px}h3{font-size:16px}.muted{color:#7c8d84}.eyebrow{color:#8b9c68;letter-spacing:2px;font-size:11px;font-weight:700}.shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{background:#0b2d24;color:white;padding:30px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:0 10px 27px}.brand-symbol{font-size:28px;color:#b8d579}.brand b{display:block;font-size:18px}.brand small{font-size:10px;letter-spacing:1px;color:#b2c1b6}.nav{display:grid;gap:7px}.nav button{text-align:left;border:0;background:transparent;color:#b4c9bb;padding:12px 18px;font-weight:400}.nav button.active{background:#234c39;color:#e0f5bb;font-weight:700}.nav button span{display:inline-block;width:26px;font-size:17px}.sidebar-foot{margin-top:auto;border-top:1px solid #315344;padding:22px 10px 0;font-size:12px;color:#a8bdb0}.main{padding:30px 42px 60px;max-width:1600px;width:100%;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:16px}.topbar .actions{display:flex;gap:10px;align-items:center}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 22px}.page-head p{margin-top:5px;color:#7b8c80}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{padding:22px 24px;border:1px solid #e3e9e3;background:#fff;border-radius:14px}.stat b{display:block;font-size:28px;font-weight:600;margin-top:8px}.stat small{color:#869b8d}.card{background:white;border:1px solid #e0e8e0;border-radius:16px;padding:24px;margin:20px 0}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:18px}.toolbar input{max-width:330px}.toolbar select{max-width:180px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{background:#f5f7f4;color:#839388;font-size:12px;font-weight:500;padding:13px 16px}td{padding:18px 16px;border-bottom:1px solid #edf1ec;font-size:13px}tr:last-child td{border:0}td .muted{font-size:12px}td button+button{margin-left:6px}.product-cell{display:flex;gap:14px;align-items:center;max-width:360px}.product-cell img{width:62px;height:66px;object-fit:cover;background:#f5f6f2;border-radius:8px}.product-cell b{display:block;white-space:normal}.pill{display:inline-block;background:#edf5e6;color:#507138;border-radius:6px;padding:3px 9px;font-size:11px}.pill.gray{background:#eff1ee;color:#849087}.pill.amber{background:#fff4df;color:#a4762a}.money{font-weight:700;font-variant-numeric:tabular-nums}.empty{text-align:center;padding:55px 20px;color:#8b9c8e}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two-col .card{margin:0}.notice{padding:12px 16px;border-radius:10px;background:#edf3e4;color:#547046;font-size:12px;margin:14px 0}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:#0d2f26;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:60px;position:relative;overflow:hidden}.login-art::after{content:'✦';position:absolute;font-size:400px;color:#366544;right:-40px;bottom:-180px;opacity:.5}.login-art h1{font-size:40px;margin:20px 0}.login-art p{color:#b6c7bb;max-width:380px}.login-panel{display:flex;align-items:center;justify-content:center;padding:30px}.login-panel form{width:350px;max-width:100%}.login-panel h2{font-size:26px;margin-bottom:8px}label{display:block;font-size:12px;color:#647e6e;margin-bottom:6px}.field{margin:17px 0}.login-panel button{width:100%;margin-top:10px}.error{color:#bb4c3c;font-size:13px;min-height:22px}.hint{font-size:12px;color:#8a998e;margin-top:5px;white-space:normal}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.form-grid .wide{grid-column:1/-1}dialog{border:0;border-radius:18px;padding:0;width:700px;max-width:calc(100% - 32px);max-height:92vh;box-shadow:0 20px 100px #0b241e40;color:#234333}dialog::backdrop{background:#071d1866;backdrop-filter:blur(3px)}.dialog-head{padding:23px 28px;border-bottom:1px solid #e7ede5;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:white;z-index:2}.dialog-body{padding:8px 28px 24px}.dialog-foot{display:flex;gap:12px;justify-content:flex-end;border-top:1px solid #e7ede5;padding:18px 28px;position:sticky;bottom:0;background:#fff}.image-list{display:flex;gap:10px;flex-wrap:wrap}.image-item{width:110px}.image-item img{width:110px;height:110px;object-fit:cover;background:#f6f7f2;border-radius:10px}.image-item button{font-size:11px;padding:3px 6px;margin-top:5px}.upload{display:flex;align-items:center;justify-content:center;border:1px dashed #b8ccb2;width:110px;height:110px;border-radius:10px;color:#5e7d50;cursor:pointer;font-size:12px;text-align:center}.upload input{display:none}.variant-row{display:grid;grid-template-columns:1fr 1fr 60px;gap:10px;margin:8px 0}.price-list{max-height:260px;overflow:auto}.price-row{display:grid;grid-template-columns:1fr 150px;gap:16px;align-items:center;margin:10px 0;font-size:13px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:12px 24px;background:#163a2f;color:white;border-radius:12px;box-shadow:0 5px 20px #1233;z-index:99;display:none;max-width:90vw}.code{font-family:monospace;font-size:19px;letter-spacing:1px;word-break:break-all;padding:20px;background:#f2f6ed;border-radius:10px;margin:20px 0}.detail-items{display:grid;gap:12px;margin:20px 0}.detail-items article{display:flex;gap:14px;align-items:center}.detail-items img{width:64px;height:64px;object-fit:cover;border-radius:8px}.stack{display:grid;gap:14px}.stack .card{margin:0}.nowrap{white-space:nowrap}@media(max-width:1050px){.shell{grid-template-columns:180px 1fr}.main{padding:24px}.stats{gap:10px}.stat{padding:18px}.two-col{grid-template-columns:1fr}}@media(max-width:720px){.shell{display:block}.sidebar{height:auto;position:static;padding:14px}.brand{padding:0 0 12px}.nav{display:flex;overflow-x:auto;gap:4px}.nav button{white-space:nowrap;padding:8px 12px;font-size:12px}.sidebar-foot{display:none}.main{padding:20px 16px}.topbar{margin-bottom:12px}.topbar .eyebrow{display:none}.topbar .actions{gap:6px}.stats{grid-template-columns:1fr 1fr}.page-head{align-items:flex-start}h1{font-size:23px}.card{padding:16px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.dialog-head,.dialog-body,.dialog-foot{padding-left:18px;padding-right:18px}.login{grid-template-columns:1fr}.login-art{display:none}.toolbar{flex-wrap:wrap}.toolbar input,.toolbar select{max-width:none}.price-row{grid-template-columns:1fr 100px}}

.group-navigation{display:flex;gap:12px;margin:24px 0}.group-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:180px}.group-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:22px}.form-section{font-size:14px;font-weight:600;padding-top:22px;border-bottom:1px solid #e7ede5;padding-bottom:10px}
.sidebar{overflow-y:auto}.nav{gap:3px}.nav button{padding-top:10px;padding-bottom:10px}.sidebar-foot{padding-top:12px}.workspace-banner{background:#163e32;color:#fff;border-radius:18px;padding:26px 30px;margin-bottom:20px;display:flex;gap:20px;justify-content:space-between;align-items:center}.workspace-banner h2{margin:8px 0}.workspace-banner p{color:#c0d2c3}.workspace-banner>span{white-space:nowrap;border:1px solid #648268;border-radius:20px;padding:5px 14px;font-size:12px}.todo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.todo-card{text-align:left;border-radius:14px;padding:20px 24px;display:grid;gap:5px}.todo-card strong{font-size:30px}.todo-card small{color:#688459}.stock-low{color:#b1532e}.inline-check{display:flex;gap:8px;align-items:center;white-space:nowrap;margin:0}.wrap-cell{white-space:normal;min-width:160px;max-width:300px}.apparel-variant{display:grid;grid-template-columns:1fr 80px 85px 115px 55px;gap:7px;margin:9px 0}.sku-heading{color:#647568;font-size:12px;margin:12px 0}.editor-tabs{display:flex;gap:20px;padding:10px 0;position:sticky;top:0;background:#fff}.editor-tabs a{text-decoration:none;font-size:12px}.apparel-variant input:disabled{background:#f0f3ee;color:#7a897a}.muted,.hint{color:#687d6e}@media(max-width:720px){.todo-grid{grid-template-columns:1fr 1fr;gap:10px}.todo-card{padding:16px}.workspace-banner{padding:22px;display:block}.workspace-banner>span{display:inline-block;margin-top:16px}.apparel-variant{grid-template-columns:1fr 65px 70px}.apparel-variant select{grid-column:1/3}.nav{display:flex}}

/* Allow grid cards to shrink to the viewport; wide tables scroll inside their cards. */
.main,#content,.card,.stat,.todo-card,.form-grid>*{min-width:0}
.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
.stats,.todo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.table-wrap{max-width:100%}
.apparel-variant{grid-template-columns:minmax(0,1fr) 80px 85px 115px 55px}
.apparel-variant input,.apparel-variant select{min-width:0}
.stat b{overflow-wrap:anywhere}
@media(max-width:1050px){.two-col{grid-template-columns:minmax(0,1fr)}}
@media(max-width:720px){.stats,.todo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.apparel-variant{grid-template-columns:minmax(0,1fr) 65px 70px}}