:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft Yahei",sans-serif;color:#20342b;background:#f4f6f2;font-size:15px}*{box-sizing:border-box}body{margin:0}header{height:88px;background:#fff;border-bottom:1px solid #dce4dc;display:flex;justify-content:space-between;align-items:center;padding:0 5vw}.brand{display:flex;gap:14px;align-items:center;font-size:23px;font-weight:700}.brand small{display:block;font-size:12px;font-weight:400;letter-spacing:3px;margin-top:5px;color:#6b7a70}.mark{display:inline-grid;place-items:center;width:48px;height:48px;color:#fff;background:#29533c;border-radius:14px;font-size:27px;font-weight:700}.headright,.actions{display:flex;align-items:center;gap:12px}.test{font-size:11px;letter-spacing:1px;background:#eef2e7;color:#647539;border-radius:5px;padding:6px 9px}main{max-width:1460px;margin:auto;padding:32px 5vw 60px}.topline{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{color:#718576;font-size:10px;letter-spacing:2px;margin:0 0 10px}h1{font-size:29px;margin:0}h2{font-size:20px;margin:0 0 18px}h3{font-size:15px;margin:0 0 12px}.muted{color:#768479;font-size:13px;line-height:1.7}.tabs{display:flex;gap:8px;padding:20px 0;flex-wrap:wrap}button,select,input{font:inherit}button{cursor:pointer;border:1px solid #d7dfd5;background:#fff;border-radius:8px;color:#385442;padding:9px 15px}button:hover{background:#edf2eb}.tabs button.active,.primary{background:#29533c;border-color:#29533c;color:#fff}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.card,.panel{background:#fff;border:1px solid #e0e6dd;border-radius:13px}.card{padding:20px}.card .label{font-size:12px;color:#748275;margin-bottom:10px}.card strong{font-size:27px;font-weight:650}.card small{font-size:13px;color:#809183;margin-left:5px}.panel{padding:23px;margin-bottom:18px}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.toolbar input{flex:1;min-width:180px}input,select{border:1px solid #d8e1d6;border-radius:8px;padding:10px 12px;background:#fff;color:#263e2d}input:focus{outline:2px solid #9cb19e}label{font-size:13px;display:block;color:#6e7d70}label input{display:block;width:100%;margin-top:7px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left;white-space:nowrap}th{background:#f5f7f2;color:#738273;font-weight:500;font-size:12px}td,th{padding:14px 12px;border-bottom:1px solid #edf0e9}tbody tr[data-id]{cursor:pointer}tbody tr[data-id]:hover{background:#f3f6f0}.name{font-weight:600;color:#2d4e37}.sub{font-size:11px;color:#8c988d;margin-top:5px;max-width:320px;overflow:hidden;text-overflow:ellipsis}.tag{border-radius:5px;padding:4px 7px;display:inline-block;font-size:11px;background:#eef3e8;color:#617638}.tag.紧急{color:#b65139;background:#fff0e9}.tag.预警{color:#ae8530;background:#fff7df}.tag.滞销{color:#7e68a1;background:#f1edf8}.tag.无出库{color:#778574;background:#edf0ea}.pager{display:flex;justify-content:space-between;align-items:center;padding-top:17px;font-size:12px;color:#7d8b7e}.note{padding:13px 16px;background:#eff4eb;color:#627558;border-radius:8px;font-size:12px;line-height:1.7;margin-bottom:20px}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.citycard{border-top:3px solid #bdcdb7}.citycard.selected{border-top-color:#29533c}.citycard .citystatus{margin-top:12px;font-size:11px;color:#869083}.total{background:#29533c;color:#fff}.total .label,.total small{color:#bfd0c0}.stocks .stats{grid-template-columns:repeat(5,1fr)}.codechip{padding:8px;background:#f2f5ef;margin-right:8px;display:inline-block;border-radius:6px;font-size:12px}.bad{color:#a63e31}#error{padding:15px;background:#fff0ec;border-radius:8px;margin-bottom:16px}dialog{border:1px solid #dce5d6;border-radius:16px;width:min(880px,95vw);max-height:90vh;padding:26px;color:#253b2a}dialog::backdrop{background:#16261d77}.dialoghead,.dialogfoot{display:flex;justify-content:space-between;align-items:center;gap:10px}.dialoghead h2{margin:0}.formgrid{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin:20px 0}#catalogSearch{width:100%}#catalogResults{max-height:155px;overflow:auto;border:1px solid #e0e5dc;border-radius:8px;margin:8px 0 16px}.catalogitem{display:block;width:100%;text-align:left;border:0;border-radius:0;border-bottom:1px solid #e8ece5;font-size:12px}.member{display:flex;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #e9eee5}.member .desc{flex:1;font-size:12px}.member input{width:100px}.confirm{display:flex;gap:10px;align-items:center;margin:18px 0;font-size:12px}.confirm input{width:auto;margin:0}#existing{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.login{max-width:430px;background:#fff;border:1px solid #e0e6dc;border-radius:16px;margin:12vh auto;padding:35px}.login h1{margin-top:20px}.login label{margin:18px 0}.login button{width:100%}[hidden]{display:none!important}.empty{padding:35px;text-align:center;color:#80917e}
@media(max-width:700px){header{height:72px;padding:0 18px}.brand{font-size:19px;gap:9px}.mark{width:39px;height:39px;font-size:23px}.brand small{font-size:10px;letter-spacing:2px}.headright{gap:6px}.headright #user{display:none}.headright button{padding:7px}.test{font-size:9px;padding:5px}.topline{align-items:flex-start}.actions{flex-direction:column;align-items:flex-end;gap:6px}.actions button{font-size:12px;padding:8px}main{padding:24px 16px}h1{font-size:23px}.stats{grid-template-columns:repeat(2,1fr);gap:9px}.card{padding:16px}.card strong{font-size:22px}.panel{padding:17px 13px}.split{grid-template-columns:1fr;gap:0}.stocks .stats{grid-template-columns:repeat(2,1fr)}.stocks .total{grid-column:1/-1}.tabs{gap:6px}.tabs button{font-size:12px;padding:8px 11px}.toolbar{gap:8px}.toolbar input{width:100%}td,th{padding:12px 9px}.formgrid{grid-template-columns:1fr}.member{flex-wrap:wrap}.member .desc{min-width:180px}.login{margin:8vh 16px}.eyebrow{font-size:8px;letter-spacing:1px}}
