:root{--ink:#20352e;--muted:#718079;--cream:#f7f5ee;--paper:#fffdf8;--green:#285b49;--green2:#dce9df;--orange:#d87945;--red:#b94c42;--line:#e5e6df;--shadow:0 12px 36px rgba(31,53,45,.09)}
*{box-sizing:border-box}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);background:var(--cream)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#8a9a91;font-weight:700}.muted{color:var(--muted)}
.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#e5eee6}.login-brand{padding:8vh 9vw;position:relative;overflow:hidden;background:var(--green);color:white}.login-brand:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-180px;bottom:-180px;box-shadow:0 0 0 70px rgba(255,255,255,.035),0 0 0 140px rgba(255,255,255,.025)}.brand-mark{width:64px;height:64px;border-radius:50% 50% 45% 55%;display:grid;place-items:center;background:#e9c780;color:#214a3c;font-family:serif;font-size:32px;font-weight:bold}.brand-mark.small{width:42px;height:42px;font-size:21px}.login-brand h1{font-family:serif;font-size:58px;line-height:1.2;margin:18vh 0 22px;letter-spacing:.03em}.login-brand h1 em{font-weight:normal;color:#e9c780}.login-copy{max-width:480px;line-height:1.9;color:#d8e3dd}.login-art{display:flex;gap:10px;margin-top:45px}.login-art span{border:1px solid rgba(255,255,255,.25);padding:8px 15px;border-radius:22px;font-size:12px;color:#d8e3dd}.login-panel{display:grid;place-items:center;padding:40px}.login-box{width:min(390px,100%);background:var(--paper);padding:48px;border-radius:8px;box-shadow:var(--shadow)}.login-box h2{font-family:serif;font-size:34px;margin:5px 0}.login-box label{display:block;font-size:13px;margin:25px 0 8px;font-weight:700}.login-box input,.login-box select{width:100%;padding:13px;border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink)}.hint{text-align:center;font-size:12px;color:#98a29e;margin-top:20px}
.btn{border:0;border-radius:5px;padding:11px 18px;font-weight:700;cursor:pointer}.btn.primary{background:var(--green);color:white}.btn.soft{background:var(--green2);color:var(--green)}.btn.danger{background:#f8e6e2;color:var(--red)}.btn.wide{width:100%;margin-top:28px;display:flex;justify-content:space-between}.app{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{position:fixed;width:230px;height:100vh;padding:25px 18px;background:#234c3e;color:white;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:12px;padding:0 8px 30px}.side-brand strong{font-family:serif;font-size:22px;display:block}.side-brand small,.side-foot small{display:block;color:#afc3b9;font-size:11px;margin-top:3px}.sidebar nav{display:grid;gap:7px}.nav-item{border:0;color:#bfd0c7;background:transparent;padding:12px 14px;border-radius:5px;text-align:left;cursor:pointer}.nav-item span{margin-right:12px}.nav-item.active,.nav-item:hover{background:rgba(255,255,255,.11);color:white}.side-foot{margin-top:auto;padding:18px 5px 3px;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:50%;background:#e9c780;color:#234c3e;display:grid;place-items:center;font-weight:bold}.side-foot strong{font-size:12px}.side-foot button{margin-left:auto;background:transparent;border:0;color:#afc3b9;cursor:pointer}.app main{grid-column:2;padding:0 38px 45px}header{height:105px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}header h1{font-family:serif;margin:3px 0 0;font-size:29px}.header-actions{display:flex;align-items:center;gap:10px}.header-actions select{border:1px solid var(--line);background:var(--paper);padding:10px 30px 10px 12px;border-radius:5px}.icon-btn{position:relative;background:var(--paper);border:1px solid var(--line);height:40px;width:42px;border-radius:5px;cursor:pointer}.icon-btn b{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--orange);top:7px;right:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:28px 0}.stat{background:var(--paper);border:1px solid var(--line);padding:21px;border-radius:7px}.stat .label{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.stat strong{font-family:serif;font-size:30px;display:block;margin-top:13px}.stat small{font-size:11px;color:var(--muted)}.stat.warn{background:#fff8ed;border-color:#f1d8bb}.grid{display:grid;grid-template-columns:1.45fr .85fr;gap:18px}.card{background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:22px;margin-bottom:18px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.card h2{font-family:serif;font-size:20px;margin:0}.link-btn{border:0;background:transparent;color:var(--green);font-size:12px;font-weight:bold;cursor:pointer}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:11px;color:#87928d;padding:10px 8px;border-bottom:1px solid var(--line)}.table td{padding:13px 8px;border-bottom:1px solid #eeeee9;font-size:13px}.table tr:last-child td{border:0}.badge{display:inline-block;padding:4px 8px;border-radius:12px;background:var(--green2);color:var(--green);font-size:10px;font-weight:bold}.badge.red{background:#f8e3df;color:var(--red)}.badge.orange{background:#faead7;color:#a85e32}.stock-level{width:90px;height:5px;background:#eee;border-radius:5px;overflow:hidden;margin-top:6px}.stock-level i{display:block;height:100%;background:var(--green)}.stock-level i.low{background:var(--red)}.feed{display:grid;gap:2px}.feed-item{display:grid;grid-template-columns:36px 1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid #eee}.feed-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--green2);font-size:13px}.feed-item strong{font-size:12px;display:block}.feed-item p,.feed-item time{font-size:11px;color:var(--muted);margin:4px 0}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.quick{background:#f7f8f3;border:1px solid var(--line);padding:16px 8px;text-align:center;border-radius:5px;cursor:pointer;color:var(--ink)}.quick b{font-size:20px;display:block;margin-bottom:8px}.quick span{font-size:11px}.toolbar{display:flex;gap:10px;margin:25px 0 15px}.search{flex:1;padding:11px;border:1px solid var(--line);border-radius:5px}.empty{text-align:center;padding:55px;color:var(--muted)}
.toolbar select{padding:11px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink)}.table-scroll{overflow-x:auto}.table-scroll .table{min-width:980px}.material-code{font-family:Consolas,monospace;font-size:12px;white-space:nowrap;color:var(--green)}
.modal-backdrop{position:fixed;inset:0;background:rgba(22,35,30,.5);display:grid;place-items:center;z-index:10;padding:20px}.modal{width:min(620px,100%);max-height:90vh;overflow:auto;background:var(--paper);border-radius:8px;padding:30px;position:relative;box-shadow:0 25px 70px rgba(0,0,0,.24)}.modal-close{position:absolute;right:18px;top:15px;border:0;background:transparent;font-size:24px;cursor:pointer;color:var(--muted)}.modal h2{font-family:serif;margin:0 0 8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-top:18px}.field.full{grid-column:1/-1}.field label{display:block;font-size:12px;font-weight:bold;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:5px;background:white}.field textarea{min-height:90px;resize:vertical}.calc{padding:14px;background:var(--green2);border-radius:5px;color:var(--green);font-size:13px;margin-top:18px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.toast{position:fixed;z-index:30;right:25px;top:20px;background:var(--ink);color:white;padding:13px 20px;border-radius:5px;opacity:0;transform:translateY(-10px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:none}
@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.sidebar{width:76px}.side-brand div,.side-foot div:not(.avatar),.side-foot button,.nav-item .nav-text{display:none}.app{grid-template-columns:76px 1fr}.app main{grid-column:2;padding:0 18px}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.header-actions select{display:none}.quick-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){header{height:auto;padding:20px 0;align-items:flex-start}.header-actions .primary{font-size:0}.header-actions .primary:after{content:"＋";font-size:18px}.stats{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.app main{padding:0 12px}.sidebar{width:62px;padding:20px 9px}.app{grid-template-columns:62px 1fr}}