*{box-sizing:border-box} :root{font-family:Inter,'Microsoft YaHei',system-ui,sans-serif;color:#233f37;background:#f6f5ef;font-size:15px}body{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:10px;padding:13px 19px;background:#254e45;color:white;font-weight:600;min-height:46px}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:default}.quiet{background:#fff;color:#254e45;border:1px solid #d9dfd7}.layout{display:flex;min-height:100vh}aside{width:250px;position:fixed;inset:0 auto 0 0;background:#e9ede2;padding:38px 27px;display:flex;flex-direction:column}.brand{text-decoration:none;color:inherit;display:flex;gap:13px;align-items:center;font-weight:700;font-size:23px}.brand>span{background:#254e45;color:#fff;padding:9px;border-radius:50%;font-size:26px}.brand small{display:block;font-size:9px;letter-spacing:1.5px;margin-top:5px}.aside-note{font-size:13px;line-height:1.9;margin:42px 0;color:#6e7e6f}.aside-note small{font-size:11px}nav{display:grid;gap:9px}nav button{background:transparent;text-align:left;color:#58695d}nav button.active{background:#254e45;color:white}.aside-bottom{margin-top:auto;font-size:10px;letter-spacing:1.5px;line-height:2;color:#607365}.aside-bottom span{letter-spacing:0}main{margin-left:250px;padding:40px 5%;width:calc(100% - 250px);max-width:1500px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}h1{font-size:30px;font-weight:600;margin:9px 0}h2{font-size:21px;font-weight:600;margin:0 0 10px}h3{font-size:16px;margin:0 0 7px}.eyebrow{font-size:10px;letter-spacing:2px;color:#7c887b}.notice{background:#ede9db;color:#746646;border:1px solid #e1dbc5;border-radius:9px;padding:12px 16px;font-size:12px;line-height:1.7;margin-bottom:26px}.grid{display:grid;grid-template-columns:1.45fr 1fr;gap:22px}.card{background:#fff;border:1px solid #e1e5dc;border-radius:17px;padding:26px;margin-bottom:20px}.muted{color:#7c867d;font-size:13px;line-height:1.7}.pill{display:inline-block;font-size:11px;border-radius:20px;padding:5px 10px;background:#edf1e7;color:#60734d}.scanbox{border:1px dashed #b9c7b6;background:#f6f8f2;padding:23px;border-radius:12px;margin:22px 0}.scanbox label{display:block;font-size:13px;margin-bottom:9px}input,select{width:100%;border:1px solid #ced7ca;border-radius:9px;padding:13px;background:white;color:#233f37;min-height:48px}input:focus{outline:2px solid #8caa84;outline-offset:1px}.row{display:flex;gap:10px;align-items:center}.row input{min-width:0;flex:1}.row button{white-space:nowrap}.product{display:flex;gap:16px;align-items:center;padding:20px 0}.product-icon{width:62px;height:62px;display:grid;place-items:center;background:#f3ead9;border-radius:16px;font-size:29px}.big{font-size:35px;font-weight:600}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actions button{padding:18px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.stat{padding:21px;border-radius:13px;background:#e9eee2}.stat:nth-child(2){background:#f0eadc}.stat:nth-child(3){background:#e8edea}.stat .big{display:block;margin:7px 0}.listrow{display:flex;justify-content:space-between;gap:13px;align-items:center;border-top:1px solid #edf0e9;padding:15px 0}.listrow:first-child{border:0}.listrow small{display:block;color:#859080;margin-top:4px;font-size:11px}.positive{color:#41714b;font-weight:600}.negative{color:#a66a48}.tiny{padding:7px 12px;min-height:36px;font-size:12px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.empty{padding:26px 10px;text-align:center;color:#8a9386;line-height:1.8}.hint{padding:15px;border-radius:10px;background:#f7f6f0;font-size:12px;line-height:1.8;color:#77816e}label.field{display:block;margin:15px 0 6px;font-size:13px}footer{font-size:11px;color:#9aa18f;margin-top:25px}dialog{border:1px solid #dce2d4;border-radius:18px;width:min(440px,92vw);padding:26px;color:#233f37}dialog::backdrop{background:#17352e88}dialog .actions{margin-top:22px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);border-radius:12px;background:#254e45;color:white;padding:15px 23px;display:none;z-index:20;max-width:90vw}video{width:100%;border-radius:12px;margin-top:12px}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}td,th{padding:15px 9px;text-align:left;border-bottom:1px solid #edf0e9;white-space:nowrap}th{font-size:11px;color:#7f8b78}p{line-height:1.7}.steps{line-height:2;padding-left:20px}a{color:#254e45}.low{color:#ac7745}.badge{font-size:10px;letter-spacing:1px;color:#9b8050} .toolbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}
@media(max-width:900px){aside{width:190px;padding:30px 18px}main{margin-left:190px;width:calc(100% - 190px);padding:30px 4%}.grid{grid-template-columns:1fr}.summary{gap:8px}.stat{padding:15px}}
@media(max-width:600px){aside{position:fixed;inset:auto 0 0;width:100%;height:75px;padding:7px 6px;z-index:10;border-top:1px solid #d4ddcd}.brand,.aside-note,.aside-bottom{display:none}nav{grid-template-columns:repeat(5,1fr);gap:2px}nav button{font-size:11px;padding:10px 3px;text-align:center;min-height:55px;border-radius:9px}main{margin:0;width:100%;padding:26px 17px 95px}h1{font-size:25px}.eyebrow{font-size:8px}.card{padding:21px 18px;border-radius:14px}.notice{font-size:11px;margin-bottom:18px}.scanbox{padding:15px}.row{flex-wrap:wrap}.row input{flex-basis:65%}.summary .big{font-size:27px}.summary{gap:7px}.stat{padding:14px 10px;font-size:11px}.section-head{align-items:flex-start}.actions button{padding:17px 8px}#toast{bottom:88px;width:max-content}.quiet{padding:11px 13px}.product-icon{width:52px;height:52px}}
