:root{--g:#04492d;--r:#cf1104;--y:#feae01;--c:#fff8e8;--line:#ded1b8}*{box-sizing:border-box}body{color:#28231e;background:#f2ead9;margin:0;font-family:Arial,PingFang SC,sans-serif}.login{background:linear-gradient(135deg,var(--y) 0 52%,var(--g) 52%);place-items:center;min-height:100vh;padding:22px;display:grid}.loginCard{border:2px solid var(--g);background:#fffdf7;border-radius:26px;width:min(450px,100%);padding:36px;box-shadow:14px 14px #0003}.seal{background:var(--r);color:#fff;border:5px solid var(--y);border-radius:50%;place-items:center;width:62px;height:62px;display:grid}.tag{letter-spacing:.13em;color:var(--r);margin:20px 0 7px;font-size:12px;font-weight:900}.login h1{margin:0;font-size:38px}.login p{line-height:1.65}.login label{margin-top:15px;font-size:14px;font-weight:800;display:block}.login input,.control input{border:1px solid var(--line);background:#fffaf0;border-radius:11px;width:100%;margin-top:7px;padding:14px;font-size:17px}.login form button,.mainBtn{background:var(--g);color:#fff;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:20px;padding:14px;font-size:16px;font-weight:900;display:flex}.login i{color:var(--r);margin-top:8px;font-size:13px;display:block}.loginCard>small{color:#776b5c;gap:7px;margin-top:18px;display:flex}header{background:var(--g);border-bottom:5px solid var(--y);color:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex}header>b{font-size:24px}header small{opacity:.7;font-size:12px}header button{color:#fff;background:#ffffff18;border:0;border-radius:8px;padding:7px}.shell{grid-template-columns:225px 1fr;max-width:1400px;min-height:calc(100vh - 72px);margin:auto;display:grid}nav{background:var(--c);border-right:1px solid var(--line);padding:25px 13px}nav button{background:0 0;border:0;border-radius:11px;align-items:center;gap:10px;width:100%;padding:13px;font-size:15px;font-weight:800;display:flex}nav .on{background:var(--g);color:#fff}.content{max-width:1060px;padding:34px}.top{justify-content:space-between;align-items:end;display:flex}.top h1{margin:0;font-size:34px}.top>small{color:var(--g);background:#dceadf;border-radius:99px;padding:9px 12px}.control{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:230px 1fr 230px;align-items:end;gap:17px;margin-top:23px;padding:19px;display:grid}.control label{font-size:14px;font-weight:900;position:relative}.control label em{color:#756a5c;font-size:12px;font-style:normal;position:absolute;bottom:15px;right:10px}.control>div{gap:7px;display:flex}.control>div button{border:1px solid var(--line);background:#fffaf0;border-radius:9px;padding:10px}.mainBtn{margin:0}.stats{grid-template-columns:repeat(4,1fr);gap:11px;margin-top:17px;display:grid}.stats article{border:1px solid var(--line);background:#fff;border-radius:15px;padding:16px}.stats small{color:#756a5c;display:block}.stats b{margin-top:8px;font-size:25px;display:block}.stats i{font-size:11px}.stats .yellow{background:var(--y)}.recipe{border:1px solid var(--line);background:#fffdf7;border-radius:18px;margin-top:17px;position:relative;overflow:hidden}.recipeHead{background:var(--g);color:#fff;justify-content:space-between;padding:16px 19px;display:flex}.recipeHead button{color:#fff;background:#ffffff18;border:1px solid #fff5;border-radius:8px;padding:7px}.row{border-top:1px solid #eadfca;grid-template-columns:1fr 160px 1.4fr;gap:14px;padding:12px 19px;display:grid}.row strong{color:var(--r)}.row span{color:#6f6455;font-size:13px}.wm{color:#cf110426;font-weight:900;position:absolute;bottom:13px;right:20px;transform:rotate(-7deg)}@media (max-width:750px){header{padding:0 15px}.shell{display:block}nav{z-index:2;padding:9px;display:flex;position:sticky;top:0}nav button{justify-content:center}.content{padding:20px 13px}.top{display:block}.top>small{margin-top:10px;display:inline-block}.control{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.row{grid-template-columns:1fr 110px}.row span{grid-column:1/3}}@media print{header,nav,.top,.control,.stats,.recipeHead button{display:none}.shell{display:block}.content{padding:0}.recipe{border:0}}
.sop{border:1px solid var(--line);background:#fffdf7;border-radius:18px;margin-top:18px;overflow:hidden}.sopTitle{background:var(--r);color:#fff;justify-content:space-between;align-items:center;padding:17px 19px;display:flex}.sopTitle>div{align-items:center;gap:9px;display:flex}.sopTitle span{opacity:.8;font-size:13px}.sop details{border-top:1px solid #eadfca}.sop summary{cursor:pointer;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:15px 19px;list-style:none;display:grid}.sop summary::-webkit-details-marker{display:none}.sop summary>i{background:var(--y);border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;font-weight:900;display:grid}.sop summary>em{color:#766a59;align-items:center;gap:6px;font-size:13px;font-style:normal;display:flex}.sop summary svg{width:15px}.sopBody{padding:0 19px 17px 63px}.sopBody p{margin:0 0 9px;line-height:1.65}.sopBody strong{border-left:4px solid var(--y);background:#fff0c2;padding:10px 12px;font-size:13px;display:block}.sopBody label{color:var(--g);align-items:center;gap:8px;margin-top:12px;font-size:13px;font-weight:800;display:flex}.sopBody input{width:18px;height:18px;accent-color:var(--g)}@media (max-width:750px){.sopTitle{align-items:flex-start}.sopTitle span{text-align:right;max-width:120px}.sop summary{grid-template-columns:34px 1fr}.sop summary>em{grid-column:2}.sopBody{padding-left:63px}}@media print{.sop details,.sopBody{display:block}}