*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f6f2;color:#233b30;font:14px Microsoft YaHei,sans-serif}button,input{font:inherit}button{cursor:pointer;border:1px solid #d3dfd7;border-radius:10px;background:#fff;color:#23573e;padding:10px 16px}button:hover{background:#eaf2ed}input{width:100%;border:1px solid #ccd9d0;border-radius:9px;background:#fff;padding:12px;color:#253f31}label{display:block;margin-bottom:16px}label input{margin-top:7px}small{display:block;font-size:12px;color:#7a8b80;line-height:1.7}h1{font-size:30px;margin:10px 0}h2{font-size:20px;margin:0 0 10px}h3{margin:8px 0}p{line-height:1.7}.muted{color:#76887c;font-size:12px}.primary,.primary-card{background:#125737;color:#fff}.primary:hover{background:#1a6b46}.error{color:#ba4b35}.sidebar{position:fixed;inset:0 auto 0 0;width:225px;background:#0e4f32;color:#fff;padding:30px 20px;display:flex;flex-direction:column;gap:15px}.brand{display:flex;align-items:center;gap:8px;margin-bottom:35px}.brand img{width:45px;height:35px;object-fit:contain}.sidebar a{color:#d7e8df;text-decoration:none;padding:15px 10px;border-radius:10px}.sidebar a:hover{background:#ffffff12}.side-bottom{margin-top:auto;display:grid;gap:15px}.main-content{margin-left:225px;padding:38px 40px;max-width:1600px}header,.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}.metric{background:#fff;border:1px solid #e3eae5;border-radius:18px;padding:24px;display:grid;gap:16px}.metric strong{font-size:24px}.metric.primary-card{background:#125737}.primary-card small{color:#b4d5c1}.panel{background:#fff;border:1px solid #e0e8e2;border-radius:20px;padding:25px;margin-bottom:24px;scroll-margin-top:20px}.tag{background:#edf4ed;padding:8px 12px;border-radius:20px;font-size:12px}.base-tabs{display:flex;gap:12px;margin:20px 0}.base-tabs button{flex:1;padding:15px}.base-tabs .active{background:#e8f3eb;border-color:#358764}.warehouse{background:#eff5ef;display:flex;justify-content:space-between;align-items:center;padding:25px;border-radius:14px;gap:25px}.warehouse strong{font-size:27px}.warehouse p{font-size:12px;color:#718477}.rack{width:45%;background:#dde9dc;padding:14px;border-bottom:12px solid #638c72;border-radius:15px 15px 0 0}.rack>span{display:block;text-align:center;font-size:12px;letter-spacing:2px}.cartons{display:flex;justify-content:center;gap:10px;align-items:flex-end;margin-top:20px}.carton{flex:1;min-width:0;animation:rise .6s ease both}.carton:nth-child(2n){animation-delay:.15s}.carton i{display:block;height:28px;border:1px solid #c09c69;background:#dbc296;margin:3px;border-radius:3px;position:relative}.carton i:after{content:"";position:absolute;left:45%;top:0;bottom:0;width:5px;background:#bd996f}.carton small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:10px}.search{max-width:450px;margin:25px 0}.table-wrap{overflow:auto;max-height:620px}table{width:100%;border-collapse:collapse;min-width:720px}th{position:sticky;top:0;background:#f0f5f1;color:#6c8171;text-align:left;font-weight:500;padding:15px}td{border-bottom:1px solid #edf1ec;padding:16px;line-height:1.7;font-size:12px}.quantity{white-space:nowrap;color:#125737;font-weight:700}.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0}.person{background:#f5f8f4;padding:20px;border-radius:12px}.editor{border-top:1px solid #d7e3db;padding-top:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.check{display:flex;gap:9px;align-items:center;padding:8px;margin:0}.check input{width:16px;margin:0}.customer-options{max-height:320px;overflow:auto;background:#f6f8f4;border-radius:10px;padding:12px;margin-bottom:20px}.customer-options .check{flex-wrap:wrap}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#d5e7d6,transparent 55%),#f2f6f0}.login-card{width:min(430px,calc(100% - 32px));padding:38px;background:#fff;border-radius:22px;box-shadow:0 20px 80px #234c3214}.login-card img{width:70px;height:45px;object-fit:contain}.login-card h1{font-size:25px}.login-card .primary{width:100%}footer{color:#8a978e;font-size:12px;padding:10px 0 30px}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1050px){.sidebar{width:180px}.main-content{margin-left:180px;padding:25px}.metric-grid{gap:10px}.metric{padding:16px}.metric strong{font-size:19px}.people-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.sidebar{position:static;width:auto;padding:16px;flex-direction:row;flex-wrap:wrap;gap:10px}.brand{margin:0;width:100%}.sidebar a{padding:8px}.side-bottom{margin:0 0 0 auto;display:flex;align-items:center;font-size:12px}.side-bottom button{padding:7px}.main-content{margin:0;padding:22px 14px}h1{font-size:23px}header{align-items:flex-start}.metric-grid{grid-template-columns:1fr}.metric{gap:8px;padding:18px}.panel{padding:18px}.base-tabs{gap:6px}.base-tabs button{padding:10px 5px;font-size:12px}.warehouse{flex-direction:column;align-items:stretch;padding:18px}.rack{width:100%}.warehouse strong{font-size:24px}.people-grid,.form-grid{grid-template-columns:1fr}.section-head{align-items:flex-start}.tag{white-space:nowrap}.login-card{padding:28px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}