@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#17233b;background:#f6f8fc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{background:#fff;border-bottom:1px solid #e9edf4}.topbar-inner{max-width:1040px;margin:auto;display:flex;align-items:center;padding:17px 26px;gap:12px}.brand-mark{display:grid;place-items:center;width:41px;height:41px;background:#123b84;color:#fff;border-radius:11px}.brand{display:flex;flex-direction:column;letter-spacing:.09em}.brand strong{font:800 16px Manrope,sans-serif;letter-spacing:.12em}.brand span{font-size:9px;font-weight:800;color:#8290a3;letter-spacing:.2em}.topbar-tag{margin-left:auto;border:1px solid #e3e9f1;padding:9px 13px;border-radius:8px;color:#586983;font-size:12px;font-weight:600;display:flex;gap:7px;align-items:center}.main{width:min(100% - 36px,780px);margin:48px auto 60px;flex:1}.heading{margin:0 0 27px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#2775c5;display:flex;align-items:center;gap:9px;margin-bottom:12px}.heading h1{font:800 clamp(27px,5vw,38px)/1.2 Manrope,sans-serif;margin:0;letter-spacing:-.045em}.heading h1 span{color:#2165ba}.heading p{color:#7a879b;margin:10px 0 0;font-size:14px}.card{background:#fff;border:1px solid #e6ebf3;border-radius:15px;box-shadow:0 5px 25px #28395d09}.intro-card{padding:27px;margin-bottom:20px}.section-title{display:flex;align-items:center;gap:13px;margin-bottom:25px}.section-title h2{font:800 17px Manrope,sans-serif;margin:0 0 5px}.section-title p{font-size:12px;color:#8793a5;margin:0}.section-icon{width:43px;height:43px;border-radius:11px;background:#eef5ff;color:#2669bb;display:grid;place-items:center;flex:none}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:flex;flex-direction:column;gap:9px;min-width:0}.field span,.status-heading{font-weight:700;font-size:12px;color:#37465d}.field b,.status-heading b{color:#db5252}.field input,.field textarea{border:1px solid #dce3ed;border-radius:8px;padding:12px 13px;color:#25334d;background:#fff;outline:0;width:100%;min-height:45px}.field input:focus,.field textarea:focus{border-color:#427fcb;box-shadow:0 0 0 3px #eaf3ff}.field input::placeholder,.field textarea::placeholder{color:#a0adbd}.checklist-card{padding:27px}.inspection-title{margin-bottom:29px}.progress-info{display:flex;justify-content:space-between;font-size:12px;margin-bottom:10px;color:#7b8799}.progress-info strong{color:#35445a}.progress-track{height:7px;border-radius:7px;background:#e9eff7;overflow:hidden}.progress-fill{background:#2a70c6;height:100%;transition:width .22s}.steps{display:flex;gap:9px;margin:22px 0 29px}.step{border:0;color:#8d9bae;background:#edf1f7;min-width:0;flex:1;height:40px;border-radius:8px;font-weight:800;font-size:13px;transition:.2s}.step.active{background:#e2edff;color:#175ba9;box-shadow:inset 0 0 0 2px #2c70c7}.step.done{background:#e5f5ed;color:#25875b}.step.active.done{box-shadow:inset 0 0 0 2px #26885d}.check-content{padding:25px;border:1px solid #e8ecf3;border-radius:11px}.check-label{font-weight:800;font-size:11px;color:#2b6fc3;letter-spacing:.15em}.check-label span{color:#a7b3c2}.check-content h3{font:800 23px Manrope,sans-serif;letter-spacing:-.025em;margin:12px 0 15px}.instructions{background:#f7f9fc;border-radius:8px;padding:14px 17px;margin-bottom:24px}.instructions p{display:flex;align-items:flex-start;gap:11px;font-size:13px;line-height:1.7;color:#59697f;margin:6px 0}.bullet{flex:0 0 6px;height:6px;border-radius:50%;background:#5593d3;margin-top:9px}.status-heading{margin-bottom:12px}.status-options{display:grid;grid-template-columns:1fr 1fr;gap:13px}.status-button{border:1px solid #dce3ed;border-radius:10px;background:#fff;padding:20px 12px 17px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center;color:#7a889c}.status-button span{font-weight:800;color:#405067;font-size:14px}.status-button small{font-size:11px;color:#91a0b1}.status-button.good.selected{border:2px solid #2f9c6f;background:#f0faf5;color:#289363}.status-button.bad.selected{border:2px solid #dd6868;background:#fff5f3;color:#d45555}.status-button.selected span{color:inherit}.remarks{margin-top:22px}.remarks small{font-size:11px;color:#8f9dae}.remarks textarea{resize:vertical;line-height:1.6}.navigation{display:flex;align-items:center;justify-content:space-between;margin-top:23px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:800;border-radius:8px;padding:13px 17px;border:1px solid transparent}.btn.primary{color:#fff;background:#2468bb;border-color:#2468bb}.btn.primary:hover:not(:disabled){background:#18559e}.btn.secondary{background:#fff;border:1px solid #e1e6ed;color:#53627a}.btn.secondary:hover:not(:disabled){background:#f4f7fa}.form-error{font-size:12px;color:#be4040;display:flex;align-items:center;gap:8px;margin-top:15px}.footer-note{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.6;color:#8b98a9;margin:20px 4px}.footer-note svg{flex:none;margin-top:1px}.finish-row{text-align:right}.footer{text-align:center;padding:25px;font-size:10px;letter-spacing:.16em;color:#a5b0bf;font-weight:700}.success-card{padding:34px}.success-icon{width:62px;height:62px;background:#e7f6ee;color:#289265;display:grid;place-items:center;border-radius:50%;margin-bottom:20px}.success-card h1{font:800 28px Manrope;margin:0}.success-card>p{color:#75849a;line-height:1.6}.summary{display:grid;grid-template-columns:1fr 1fr;gap:15px;background:#f7f9fc;border-radius:10px;padding:20px;margin:25px 0}.summary>div{display:flex;flex-direction:column;gap:6px}.summary span{font-size:11px;color:#8493a7}.summary strong{font-size:14px;overflow-wrap:anywhere}.success-card h2{font:800 17px Manrope}.result{display:flex;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid #e9edf4;font-size:13px}.result strong{font-weight:700}.result p{color:#7d8897;font-size:12px;margin:6px 0 0}.result-tag{white-space:nowrap;align-self:flex-start;padding:5px 9px;border-radius:5px;font-size:11px;font-weight:800}.result-tag.okay{background:#e7f6ee;color:#278c5f}.result-tag.issue{background:#fff0ed;color:#d25252}.restart{margin-top:25px}@media(max-width:580px){.topbar-inner{padding:14px 17px}.topbar-tag{font-size:0;padding:8px}.topbar-tag svg{width:18px;height:18px}.main{margin:29px auto 45px;width:min(100% - 26px,780px)}.heading p{line-height:1.6}.intro-card,.checklist-card{padding:18px}.section-title{gap:10px}.section-title p{line-height:1.5}.section-title h2{font-size:15px}.fields{grid-template-columns:1fr;gap:15px}.steps{gap:5px}.step{height:35px;font-size:12px}.check-content{padding:17px}.check-content h3{font-size:21px}.status-options{gap:9px}.status-button{padding:17px 6px}.status-button span{font-size:13px}.status-button small{font-size:10px}.navigation{gap:10px}.btn{padding:12px 13px;font-size:12px}.summary{grid-template-columns:1fr 1fr}.success-card{padding:20px}}
