*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#070b12;color:#f8fafc;padding-bottom:30px}header{height:58px;background:#0b1220;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;z-index:5;border-bottom:1px solid #1f2937}.app-name{font-size:15px;font-weight:800;letter-spacing:.2px}.icon{background:none;border:0;color:#fff;font-size:25px}main{max-width:720px;margin:auto;padding:18px}.screen{display:none}.screen.active{display:block}.hero{color:white;border:1px solid #232c3a;border-radius:22px;margin-bottom:14px;box-shadow:0 14px 34px #0008}.workshop-banner{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(148px,43%) minmax(0,1fr);align-items:center;gap:12px;padding:18px 18px 18px 16px;background:linear-gradient(135deg,#06080d 0%,#0c1320 58%,#170a0f 100%)}.workshop-banner::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 52%,#ef2b2d26 0,#ef2b2d10 18%,transparent 40%),radial-gradient(circle at 90% 100%,#ef2b2d18 0,transparent 34%);pointer-events:none}.workshop-banner::after{content:"";position:absolute;left:39.5%;top:-12%;width:46px;height:124%;background:linear-gradient(180deg,#ff3940,#9f1017);transform:skew(-18deg);border-radius:10px;box-shadow:0 0 18px #ef2b2d55;opacity:.95}.banner-left,.banner-copy{position:relative;z-index:1}.banner-left{display:flex;align-items:center;justify-content:center;min-width:0}.banner-logo{display:block;width:100%;max-width:250px;height:auto;object-fit:contain;filter:drop-shadow(0 10px 16px #0008)}.banner-copy{min-width:0;padding-left:22px}.banner-topline{display:flex;align-items:center;gap:10px;margin-bottom:8px}.banner-topline span{flex:1;height:2px;background:linear-gradient(90deg,#ef2b2d00,#ef2b2d,#ef2b2d00)}.banner-topline .eyebrow{margin:0;color:#e2e8f0;letter-spacing:.34em;white-space:nowrap}.workshop-banner h1{margin:0 0 10px;font-size:42px;line-height:.88;color:#f8fafc;font-weight:900;text-transform:uppercase;letter-spacing:.02em}.banner-tagline{margin:0 0 6px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#f8fafc}.banner-tagline span{color:#ef2b2d}.banner-sub{margin:0 0 14px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#cbd5e1}.service-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.service-icons div{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#f8fafc;padding:2px 2px 0}.service-icons div+div::before{content:"";position:absolute;left:-4px;top:4px;bottom:4px;width:2px;background:#ef2b2d;border-radius:2px}.service-icons b{font-size:24px;line-height:1}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.4px;color:#94a3b8;margin:8px 0}.primary,.secondary{border:0;border-radius:14px;padding:14px 18px;font-size:16px;font-weight:800;cursor:pointer}.primary{background:linear-gradient(180deg,#ef2b2d,#b81419);color:#fff;box-shadow:0 8px 18px #8b0f1538}.secondary{background:#151c27;color:#f8fafc;border:1px solid #2a3444}.big{width:100%;margin:8px 0}.small{padding:8px 12px;font-size:13px}.cards,.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.stat,.summary-card{background:#101722;border:1px solid #222d3c;border-radius:16px;padding:18px;box-shadow:0 8px 24px #0005}.stat b{display:block;font-size:22px;color:#fff}.stat span{font-size:13px;color:#94a3b8}h1{font-size:29px;margin:4px 0 18px;color:#f8fafc}h2{font-size:20px;color:#f8fafc}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h2{margin-bottom:10px}.text-btn,.back-link{border:0;background:none;color:#ff4d52;font-weight:800;padding:8px 0;font-size:14px}.list{background:#101722;border:1px solid #222d3c;border-radius:16px;padding:16px}.inspection-list{padding:4px 14px}.empty{color:#94a3b8}.form,.detail-card{background:#101722;border:1px solid #222d3c;border-radius:18px;padding:16px;box-shadow:0 8px 24px #0005}.detail-card{margin:12px 0}.detail-card h3{margin:0 0 12px;color:#fff}.detail-card p{margin:6px 0;color:#cbd5e1;white-space:pre-wrap}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-grid div{min-width:0}.detail-grid span{display:block;font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.detail-grid b{display:block;margin-top:3px;overflow-wrap:anywhere;color:#fff}.muted{color:#94a3b8;margin-top:-10px}.screen-title{margin-bottom:12px}label{display:block;font-weight:700;font-size:14px;margin:12px 0;color:#e5e7eb}input,textarea{display:block;width:100%;margin-top:7px;border:1px solid #334155;border-radius:12px;padding:13px;font:inherit;background:#0b111a;color:#f8fafc}input::placeholder,textarea::placeholder{color:#64748b}textarea{min-height:95px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.progress{height:5px;background:#1e293b;border-radius:5px;margin-bottom:20px}.progress span{display:block;height:100%;background:#ef2b2d;border-radius:5px;width:33%}.toprow{display:flex;justify-content:space-between;gap:12px}.counter{font-weight:800;color:#94a3b8;padding-top:10px}.item-card{background:#101722;border:1px solid #222d3c;border-radius:20px;padding:18px;box-shadow:0 8px 28px #0005}.item-card>p{color:#94a3b8}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.status-grid button{border:2px solid #334155;background:#0b111a;color:#f8fafc;border-radius:14px;padding:15px 5px;font-size:27px;font-weight:900}.status-grid button span{display:block;font-size:10px;margin-top:5px}.status-grid button.selected{border-color:#ef2b2d;background:#281014}.photo{display:block;background:#151c27;border:1px solid #2a3444;padding:14px;border-radius:12px;text-align:center;color:#f8fafc}.photo input{display:none}.nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.summary-card{text-align:center}.summary-card b{display:block;font-size:25px;color:#fff}.summary-card span{font-size:12px;color:#94a3b8}.summary-card.pass{border-bottom:4px solid #22c55e}.summary-card.advisory{border-bottom:4px solid #f59e0b}.summary-card.fail{border-bottom:4px solid #ef4444}.summary-card.unchecked{border-bottom:4px solid #64748b}.signature-box{background:#101722;border:1px solid #222d3c;border-radius:16px;padding:14px;margin:14px 0}.signature-box p{font-weight:700;margin:0 0 7px}.signature-box canvas{width:100%;height:130px;border:1px dashed #475569;border-radius:10px;touch-action:none;background:#fff}.photo-thumb{max-width:100%;max-height:180px;border-radius:12px;margin-top:8px}.inspection-row{width:100%;border:0;background:#101722;text-align:left;padding:14px 2px;border-bottom:1px solid #253041;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#f8fafc}.inspection-row:last-child{border-bottom:0}.inspection-row b,.inspection-row span,.inspection-row small{display:block}.inspection-row b{font-size:16px;color:#fff}.inspection-row>div:first-child span{font-size:13px;color:#cbd5e1;margin-top:2px}.inspection-row small{color:#64748b;margin-top:4px}.row-status{display:flex;align-items:center;gap:6px;white-space:nowrap}.row-status span{font-size:11px;font-weight:800;padding:4px 6px;border-radius:8px}.pass-dot{background:#123b25;color:#86efac}.advisory-dot{background:#452f0b;color:#fcd34d}.fail-dot{background:#47161a;color:#fca5a5}.row-status strong{font-size:24px;color:#64748b;margin-left:2px}.saved-results{display:flex;flex-direction:column;gap:10px}.result-row{background:#101722;border:1px solid #222d3c;border-radius:16px;padding:14px;box-shadow:0 8px 24px #0005;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start}.result-row small{display:block;color:#94a3b8;font-weight:800;letter-spacing:.6px}.result-row b{display:block;margin-top:3px;color:#fff}.result-row p{margin:7px 0 0;color:#cbd5e1;white-space:pre-wrap}.status-badge{font-size:10px;font-weight:900;padding:6px 8px;border-radius:10px}.status-badge.pass{background:#123b25;color:#86efac}.status-badge.advisory{background:#452f0b;color:#fcd34d}.status-badge.fail{background:#47161a;color:#fca5a5}.status-badge.unchecked{background:#1e293b;color:#cbd5e1}.saved-photo{grid-column:1/-1;max-width:100%;max-height:280px;border-radius:12px}.saved-signature{display:block;width:100%;max-width:400px;height:120px;object-fit:contain;object-position:left center;background:#fff;border:1px solid #334155;border-radius:10px}@media(max-width:520px){.workshop-banner{grid-template-columns:minmax(118px,40%) minmax(0,1fr);gap:10px;padding:16px 14px}.workshop-banner::after{left:38%;width:36px}.banner-logo{max-width:210px}.banner-copy{padding-left:12px}.workshop-banner h1{font-size:28px}.banner-tagline,.banner-sub{font-size:10px;letter-spacing:.16em}.service-icons b{font-size:20px}.service-icons div{font-size:9px}}@media(max-width:430px){header{padding:0 12px}main{padding:14px}.workshop-banner{grid-template-columns:minmax(106px,38%) minmax(0,1fr);padding:14px 12px;gap:8px;border-radius:20px}.workshop-banner::after{left:35%;width:28px}.banner-logo{max-width:170px}.banner-copy{padding-left:8px}.banner-topline{gap:6px}.banner-topline .eyebrow{font-size:10px;letter-spacing:.25em}.workshop-banner h1{font-size:24px}.banner-tagline{font-size:9px;letter-spacing:.12em}.banner-sub{font-size:9px;letter-spacing:.12em;margin-bottom:10px}.service-icons{gap:4px}.service-icons div+div::before{left:-2px}.service-icons b{font-size:16px}.service-icons div{font-size:8px}.detail-grid{grid-template-columns:1fr 1fr}}@media print{header,.nav,.primary,.secondary,.photo,.back-link,.text-btn{display:none!important}body{background:#fff;color:#111827}.screen{display:none!important}#summary.active,#savedDetail.active{display:block!important}main{max-width:none;padding:0}.detail-card,.result-row,.summary-card{box-shadow:none;border:1px solid #e5e7eb;background:#fff;color:#111827}.detail-card p,.result-row p,.detail-grid b,.result-row b,.summary-card b,h1,h2{color:#111827}.detail-grid span,.result-row small,.summary-card span{color:#6b7280}}