:root{font-family:Inter,system-ui,sans-serif;color:#182535;background:#f1f4f7;--navy:#14283d;--red:#c92b32;--green:#21865a;--amber:#d58b18}*{box-sizing:border-box}body{margin:0}header{height:62px;background:var(--navy);color:white;display:flex;align-items:center;gap:20px;padding:0 max(18px,calc((100% - 1120px)/2));font-size:14px}header .brand{font-weight:800;letter-spacing:.08em;margin-right:auto}header a{color:white;text-decoration:none}main{max-width:1120px;margin:30px auto;padding:0 18px 60px}h1{margin:.2em 0;font-size:clamp(28px,5vw,44px)}h2{margin-top:0}.title{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.title p{color:#667;margin:0}.card{background:white;border:1px solid #dce2e8;border-radius:10px;padding:20px;margin-bottom:18px;box-shadow:0 2px 7px #19324a0a}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.project{text-decoration:none;color:inherit}.project:hover{border-color:#789}.grid,.measure{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:15px}label{display:grid;gap:6px;font-weight:650;font-size:14px}input,select,textarea,button{font:inherit;padding:11px;border:1px solid #bdc7d0;border-radius:6px;background:white}button,.camera{background:var(--navy);color:white;border:0;padding:12px 17px;border-radius:6px;cursor:pointer;align-self:end;text-align:center}.camera input{display:none}summary{font-weight:750;cursor:pointer}.table{background:white;border:1px solid #dce2e8;border-radius:10px;overflow:hidden}.tr{display:grid;grid-template-columns:1.1fr 2fr 1fr 1fr;padding:13px 16px;border-top:1px solid #e7ebef;color:inherit;text-decoration:none}.tr.head{background:#e8edf2;border:0;font-size:12px;font-weight:800;text-transform:uppercase}.status{text-transform:capitalize}.checklist{display:grid;gap:12px}.check{display:grid;grid-template-columns:9px 1fr;background:white;border-radius:9px;overflow:hidden;border:1px solid #dce2e8}.check .state{background:var(--red)}.check.pending .state{background:var(--amber)}.check.approved .state{background:var(--green)}.check.na .state{background:#89939d}.check.rejected .state{background:#7e1020}.checkbody{padding:18px}.checkbody h3{margin:0}.checkbody p{color:#56616d}.photo-form{display:flex;gap:8px;margin:12px 0}.item-form{display:grid;grid-template-columns:1fr 2fr 2fr auto;gap:10px;align-items:end}.qr{width:110px;height:110px;background:white;padding:5px}.back{color:#3b648b}.hint{color:#687684;font-size:13px}.flash{padding:12px;border-radius:6px;margin-bottom:12px;background:#dff3e8}.flash.error{background:#ffe3e3}.login{max-width:430px;margin:10vh auto}.login form{display:grid;gap:15px}#offline{display:none;position:fixed;bottom:0;left:0;right:0;background:#8b1d25;color:white;text-align:center;padding:10px}@media(max-width:650px){main{margin-top:18px}.tr{grid-template-columns:1fr 1fr}.tr span:nth-child(3){display:none}.item-form{grid-template-columns:1fr}.measure{grid-template-columns:1fr 1fr}.qr{width:82px;height:82px}.photo-form{position:sticky;bottom:8px}.camera{flex:1}}