*{box-sizing:border-box}body{margin:0;background:#f3f6f4;color:#17231b;font:15px system-ui,Arial}header{background:#14532d;color:white;padding:15px max(16px,calc((100% - 980px)/2));display:flex;justify-content:space-between;align-items:center;gap:10px}.brand{font-weight:800;font-size:18px}header small{font-size:12px}nav{display:flex;overflow:auto;background:#fff;border-bottom:1px solid #dce5de;position:sticky;top:0;z-index:3}button,.filebtn{border:0;border-radius:9px;padding:11px 14px;background:#e5eee7;color:#183b26;font-weight:650;cursor:pointer;font-size:14px}.tab{border-radius:0;background:white;white-space:nowrap;flex:1}.tab.active{color:#14532d;border-bottom:3px solid #16a34a}.primary{background:#166534;color:#fff}.secondary{background:#e2e8f0}.danger{background:#b91c1c;color:white}.filebtn{display:inline-flex;align-items:center}.filebtn input{display:none}main{max-width:980px;margin:auto;padding:18px}.panel{display:none}.panel.active{display:block}h1{font-size:24px;margin:5px 0 18px}h2{font-size:18px;margin:12px 0}label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:650;flex:1;min-width:140px}input,select{font:inherit;border:1px solid #cbd5ce;border-radius:8px;padding:11px;background:#fff;min-width:0;width:100%}.row{display:flex;align-items:end;gap:9px;margin:12px 0}.wrap{flex-wrap:wrap}.card,.scanner{background:#fff;border:1px solid #e0e8e2;border-radius:13px;padding:15px;margin:14px 0}.scanner{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#102018;color:#fff}video{width:100%;max-height:300px;object-fit:cover;border-radius:8px;display:none}.muted{color:#64746a;font-size:13px}.stats{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.stat{background:#e5f2e8;border-radius:10px;padding:12px;flex:1;min-width:100px}.stat b{display:block;font-size:22px;color:#14532d}.item{background:white;border:1px solid #e0e8e2;border-radius:10px;padding:12px;margin:8px 0;display:flex;justify-content:space-between;gap:10px;align-items:center}.item small{display:block;color:#64746a}.actions{display:flex;gap:5px;flex-wrap:wrap}.actions button{padding:8px}.tablewrap{overflow:auto;background:white;border-radius:10px}table{width:100%;border-collapse:collapse;background:white;font-size:13px}th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left;white-space:nowrap}th{background:#edf4ef}.modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10;padding:15px}.hidden{display:none!important}.modalbox{background:white;border-radius:14px;padding:20px;max-width:360px;width:100%;text-align:center;position:relative}.close{position:absolute;right:12px;top:12px;padding:6px}.qrsvg{width:230px;height:230px;max-width:100%}#scanResult{padding:10px;font-weight:650}#scanResult.good{color:#166534}#scanResult.bad{color:#b91c1c}ol{padding-left:22px;line-height:1.8}@media(min-width:700px){nav{justify-content:center}.tab{max-width:180px}main{padding:25px}}@media print{header,nav,button,.filebtn,.row{display:none!important}body{background:white}main{padding:0}.panel{display:none!important}#reports{display:block!important}.tablewrap{overflow:visible}}