*{box-sizing:border-box}:root{color:#172033;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef3f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}html,body,#root{min-height:100%;margin:0}body{background-color:#f4f7fa;background-image:radial-gradient(1200px 520px at 88% -8%,#2a9d8f1a,#0000 60%),radial-gradient(1000px 460px at -6% 4%,#23699d1f,#0000 58%),linear-gradient(#eef4f8,#f4f7fa 380px);background-position:0 0,0 0,0 0;background-repeat:no-repeat;background-size:auto,auto,auto;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}table,.dv,.auto .v,.res-card .v,.badge,.hero-stats,input,.geom td,.rep td{font-variant-numeric:tabular-nums}button,input,select,textarea{font:inherit}button{color:inherit}.app{--navy:#143f62;--navy2:#23699d;--teal:#2a9d8f;--ink:#162033;--text-muted:#64748b;--surface:#fff;--surface-soft:#f7fafc;--line:#d7e0ea;--border-subtle:#e5edf4;--input:#fffdf7;--calc:#edf6fb;--amber:#d97706;--green:#2f855a;--red:#b91c1c;--purple:#6d4ca4;--grey:#536273;--accent-grad:linear-gradient(135deg, #143f62 0%, #23699d 52%, #2a9d8f 100%);--focus-ring:0 0 0 4px #23699d29;--shadow-sm:0 1px 2px #1620330d, 0 8px 22px #1620330f;--shadow-md:0 2px 6px #1620330f, 0 18px 46px #1620331c;--shadow-lg:0 4px 12px #0c20331a, 0 30px 70px #0c20332e;min-height:100vh;color:var(--ink)}.app h1,.app h2,.app h3,.app h4,.app h5,.app p{margin-top:0}main{min-height:calc(100vh - 78px)}.wrap{width:min(1180px,100% - 32px);margin:0 auto;padding:24px 0 96px}.hdr{z-index:50;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#17476ef5,#123959f2);border-bottom:1px solid #ffffff1f;position:sticky;top:0;box-shadow:inset 0 1px #ffffff0f,0 10px 30px #0c20333d}.hdr:after{content:"";opacity:.7;background:linear-gradient(90deg,#0000,#2a9d8fe6,#23699de6,#0000);height:2px;position:absolute;bottom:-1px;left:0;right:0}.hdr .row{justify-content:space-between;align-items:center;gap:18px;width:min(1180px,100% - 32px);min-height:72px;margin:0 auto;display:flex}.brand-lockup,.header-actions{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--accent-grad);letter-spacing:.08em;border:1px solid #ffffff47;border-radius:10px;place-items:center;width:44px;height:44px;font-size:12px;font-weight:900;display:grid;box-shadow:inset 0 1px #ffffff40,0 6px 14px #0a1e3059}.hdr h1{margin:0;font-size:17px;line-height:1.2}.hdr .sub{color:#ffffffc7;margin-top:3px;font-size:12px}.who{color:#fff;background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}.btn{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 16px;font-size:14px;font-weight:800;line-height:1;transition:transform .14s,box-shadow .14s,background-color .14s,border-color .14s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible,.role-card:focus-visible,.dtab:focus-visible,.chk-card:focus-visible,.filebtn:focus-visible{outline-offset:3px;outline:3px solid #23699d47}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.sm{min-height:32px;padding:7px 10px;font-size:12px}.btn-navy{color:#fff;background:linear-gradient(135deg,#2a75ac,#1c5b8c);box-shadow:inset 0 1px #ffffff2e,0 10px 20px #23699d3d}.btn-navy:hover{background:linear-gradient(135deg,#2f80ba,#1d6197);box-shadow:inset 0 1px #ffffff38,0 14px 26px #23699d4d}.btn-grey{color:#274b6b;background:linear-gradient(#eef4fb,#e3edf7);border:1px solid #ccdcec}.btn-grey:hover{background:linear-gradient(#e6f0fa,#d7e6f4);border-color:#b2cce4}.btn-tint-green{color:#1f7a52;background:linear-gradient(#eafaf2,#dcf5e9);border:1px solid #bfe6d2}.btn-tint-green:hover{background:linear-gradient(#ddf6ea,#cdefdc);border-color:#93d8b8}.btn-tint-amber{color:#a85e08;background:linear-gradient(#fff6e8,#ffedd3);border:1px solid #f3d3a2}.btn-tint-amber:hover{background:linear-gradient(#ffefd8,#ffe4bd);border-color:#eec084}.btn-tint-navy{color:#1c5b8c;background:linear-gradient(#ebf3fb,#dcebf8);border:1px solid #bdd8ef}.btn-tint-navy:hover{background:linear-gradient(#e0eefa,#cfe3f5);border-color:#99c4e8}.btn.dashboard-entry{color:var(--navy);background:linear-gradient(135deg,#ebf3fb,#e6f5f1);border:1px solid #c4dcef}.btn.dashboard-entry:hover{box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#e0eefa,#dbf1eb);border-color:#9cc6e6}.btn-amber{color:#fff;background:linear-gradient(135deg,#ea8b12,#d97706);box-shadow:inset 0 1px #fff3,0 10px 20px #d9770642}.btn-amber:hover{background:linear-gradient(135deg,#f0951c,#c76c05)}.btn-green{color:#fff;background:linear-gradient(135deg,#359367,#2f855a);box-shadow:inset 0 1px #ffffff2e,0 10px 20px #2f855a38}.btn-red{color:#fff;background:linear-gradient(135deg,#cf2020,#b91c1c);box-shadow:inset 0 1px #ffffff29,0 10px 20px #b91c1c38}.btn-ghost{color:#fff;background:#ffffff1f;border:1px solid #ffffff2e}.landing-wrap{padding-top:28px}.hero-panel{color:#fff;min-height:280px;box-shadow:var(--shadow-lg);background:radial-gradient(680px 340px at 92% 8%,#2a9d8f6b,#0000 62%),radial-gradient(520px 360px at 12% 108%,#23699d66,#0000 60%),linear-gradient(135deg,#143f62 0%,#1f5c80 50%,#1e5356 100%);border:1px solid #143f6229;border-radius:18px;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);align-items:center;gap:28px;padding:clamp(24px,5vw,46px);display:grid;position:relative;overflow:hidden}.hero-panel:before{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);height:1px;position:absolute;inset:0 0 auto}.eyebrow{color:#2f6f80;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:10px;font-size:11px;font-weight:900;display:inline-flex}.eyebrow:before{content:"";opacity:.7;background:currentColor;border-radius:2px;width:18px;height:2px}.hero-panel .eyebrow,.rep-band .eyebrow{color:#ffffffc2}.hero-copy h2,.page-heading h2,.dashboard-head h2,.login-box h2{letter-spacing:-.02em;margin:0;font-size:clamp(26px,4vw,44px);font-weight:850;line-height:1.04}.hero-copy p{color:#ffffffd1;max-width:680px;margin:14px 0 0;font-size:16px;line-height:1.7}.hero-stats{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.hero-stats span{color:#fff;border:1px solid #ffffff47;border-radius:999px;align-items:baseline;gap:6px;padding:8px 14px;font-size:12px;display:inline-flex;box-shadow:inset 0 1px #ffffff2e,0 6px 14px #0a1e3038}.hero-stats span:first-child{background:#2a9d8feb}.hero-stats span:nth-child(2){background:#d97706eb}.hero-stats span:nth-child(3){background:#2f855aeb}.hero-stats b{color:#fff;font-size:14px;font-weight:850}.hero-visual{place-items:center;min-height:210px;display:grid}.hero-visual img{filter:drop-shadow(0 26px 34px #00000052);width:min(280px,75%)}.gate,.login-box,section.card,.report,.map-box{border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);background:#fffffff5;border-radius:14px}.gate{margin:18px auto 0;overflow:hidden}.gate .band{border-bottom:1px solid var(--border-subtle);background:#fff;padding:22px 26px}.gate .band h2{color:var(--navy);margin:0;font-size:22px}.gate .band p{color:var(--text-muted);margin:7px 0 0;font-size:14px}.gate .body{padding:24px 26px 26px}.role-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.role-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;min-height:230px;padding:22px 20px 20px;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;position:relative;overflow:hidden}.role-card:before{content:"";background:var(--accent-grad);height:4px;position:absolute;inset:0 0 auto}.role-card:hover{box-shadow:var(--shadow-md);border-color:#23699d73;transform:translateY(-3px)}.role-card-custodian:before{background:linear-gradient(135deg,#ea8b12,#d97706)}.role-kicker,.module-meta,.summary-label,.dl{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.role-card h3{color:var(--navy);margin:10px 0 8px;font-size:20px}.role-card p{color:#526174;flex:1;margin:0 0 18px;font-size:14px;line-height:1.55}.dashboard-entry{width:100%;margin-top:16px}.auth-wrap{place-items:center;min-height:calc(100vh - 120px);display:grid}.login-box{width:min(460px,100%);padding:30px}.login-copy{color:var(--text-muted);margin:10px 0 24px;font-size:14px;line-height:1.6}.button-row,.row-actions,.actions,.toolbar,.tool-row,.row-buttons{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button-row{margin-top:24px}.button-row .btn{flex:1}.page-heading,.dashboard-head{margin-bottom:20px}.page-heading p,.dashboard-head p{max-width:740px;color:var(--text-muted);margin:10px 0 0;font-size:15px;line-height:1.6}.dashboard-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.module-summary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px;display:grid}.module-summary>div{border:1px solid var(--border-subtle);background:#fff;border-radius:10px;padding:14px 16px}.module-summary strong{color:var(--navy);margin-top:4px;font-size:18px;display:block}.grid-chk{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.chk-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:10px;grid-template-columns:38px 1fr;gap:14px;width:100%;min-height:138px;padding:16px;transition:transform .16s,box-shadow .16s,border-color .16s,background-color .16s;display:grid}.chk-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.chk-card.active{background:#f4faff;border-color:#23699d8c}.chk-card.locked{cursor:not-allowed}.chk-card:disabled{color:inherit;opacity:1}.check-mark{width:34px;height:34px;color:var(--navy2);background:#fff;border:2px solid #b7c6d6;border-radius:8px;place-items:center;font-size:10px;font-weight:900;display:grid}.chk-card.active .check-mark{border-color:var(--navy2);background:var(--navy2);color:#fff}.chk-card h4{color:var(--navy);margin:4px 0 6px;font-size:16px}.chk-card p{color:#5b6b7d;margin:0;font-size:13px;line-height:1.5}.row-actions,.actions{justify-content:space-between;margin-top:20px}.stepper{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#eef3f7db;border:1px solid #d7e0eacc;border-radius:12px;gap:8px;margin-bottom:16px;padding:10px;display:flex;position:sticky;top:84px;overflow-x:auto}.stp{border:1px solid var(--line);color:#526174;cursor:pointer;background:#fff;border-radius:999px;flex:none;align-items:center;gap:8px;min-height:36px;padding:7px 12px;font-size:12px;font-weight:850;transition:transform .14s,box-shadow .14s,border-color .14s,color .14s;display:inline-flex}.stp:hover{border-color:var(--stp,var(--navy2));color:var(--stp,var(--navy))}.stp.active{background:var(--stp,var(--navy));color:#fff;border-color:#0000;box-shadow:inset 0 1px #ffffff38,0 8px 18px #143f6238}.stp .d{background:var(--stp,#8496a8);opacity:1;border-radius:50%;width:9px;height:9px}.stp.active .d{opacity:.9;background:#fff}.stepper .stp:first-child{--stp:#143f62}.stepper .stp:nth-child(2){--stp:#17806f}.stepper .stp:nth-child(3){--stp:#23699d}.stepper .stp:nth-child(4){--stp:#2f855a}.stepper .stp:nth-child(5){--stp:#b45309}.stepper .stp:nth-child(6){--stp:#6d4ca4}.stepper .stp:nth-child(7){--stp:#b91c1c}.stepper .stp:nth-child(8){--stp:#475569}.step-anim{animation:.18s both riseIn}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}section.card{margin-bottom:18px;overflow:hidden}section.card>.head{color:#fff;box-shadow:0 -2px 0 var(--teal) inset;letter-spacing:-.01em;background:linear-gradient(135deg,#17476e,#143f62);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:15px;font-weight:900;display:flex}section.card.risk-card>.head{background:linear-gradient(135deg, #991b1b, var(--red))}section.card>.body{padding:22px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-group,.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field.full{grid-column:1/-1}label{color:#334155;font-size:12px;font-weight:850}input,select,textarea{background:var(--input);width:100%;min-height:42px;color:var(--ink);border:1px solid #cbd8e5;border-radius:8px;padding:9px 11px;font-size:14px;transition:border-color .14s,box-shadow .14s,background-color .14s}textarea{resize:vertical;min-height:86px}input:focus,select:focus,textarea:focus{border-color:var(--navy2);background:#fff;outline:0;box-shadow:0 0 0 4px #23699d24}input[readonly]{color:var(--navy);font-weight:800;background:var(--calc)!important}.sec-title{color:var(--navy);font-size:17px;line-height:1.3}.note{color:var(--text-muted);margin:0 0 14px;font-size:13px;line-height:1.55}.intro,.gate-note,.card-call,.callout,.proceed,.valbar,.offline-banner{border-radius:10px;padding:13px 15px;font-size:13px;line-height:1.55}.offline-banner{z-index:45;color:#744b00;text-align:center;background:#fff7dc;border-bottom:1px solid #f3d18b;font-weight:800;position:sticky;top:72px}.card-call.danger,.valbar{color:var(--red);background:#fff1f1;border:1px solid #f2b8b8}.intro,.callout.binding{color:#244259;background:#f1f7fb;border:1px solid #cfe0ee}.proceed,.callout.handover{color:#7f1d1d;background:#fff1f1;border:1px solid #f2b8b8}.proceed .t{color:var(--red);margin-bottom:4px;font-weight:900}.callout.remediate{color:#7a4b08;background:#fff8ed;border:1px solid #f0d0a5}.callout.oksafe{color:#21583e;background:#eefaf4;border:1px solid #bfe0cf}.auto{background:#f3f8fb;border:1px solid #cfe0ee;border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:14px 0;padding:14px;display:grid}span.auto{align-items:center;gap:6px;width:fit-content;display:inline-flex}.auto .k{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.auto .v{color:var(--navy);margin-top:4px;font-size:18px;font-weight:900}table{border-spacing:0}.table-shell{border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;overflow-x:auto}.tbl-list,table.rep,table.geom,table.blocks,table.blk{border-collapse:collapse;width:100%;font-size:13px}.tbl-list th,.tbl-list td,table.rep th,table.rep td,table.geom th,table.geom td,table.blocks th,table.blocks td,table.blk th,table.blk td{text-align:left;vertical-align:top;border-bottom:1px solid #e7eef5;padding:10px 12px}.tbl-list th,table.rep th,table.geom th,table.blocks th,table.blk th{color:#334155;letter-spacing:.05em;text-transform:uppercase;background:#f4f8fb;font-size:11px;font-weight:900}table.geom td.lbl,table.blocks td.idx,table.blk td.ix{color:var(--navy);background:#f7fafc;font-weight:900}.center{text-align:center!important}.badge{color:#fff;background:var(--grey);letter-spacing:.01em;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;min-height:24px;padding:4px 10px;font-size:11px;font-weight:900;line-height:1;display:inline-flex;box-shadow:inset 0 1px #fff3,0 2px 6px #16203324}.badge:before{content:"";opacity:.85;background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.badge.safe,.badge.na-s,.safe{background:var(--green)}.badge.sha,.badge.ref-c,.refer{background:var(--red)}.badge.mon,.badge.am,.warn{color:#2a210f;background:#f2b84b}.badge.rem,.badge.rm-ca,.neutral{background:var(--purple)}.badge.p1{background:var(--red)}.badge.p2{background:var(--purple)}.badge.p3{color:#2a210f;background:#f2b84b}.badge.p4{background:var(--green)}.dcards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.dcard{border:1px solid var(--border-subtle);min-height:138px;box-shadow:var(--shadow-sm);background:linear-gradient(#fff,#fbfdff);border-radius:14px;flex-direction:column;justify-content:space-between;padding:18px;transition:transform .16s,box-shadow .16s;display:flex;position:relative}.dcard:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dcard .dv{background:var(--accent-grad);color:#0000;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;margin:8px 0 4px;font-size:40px;font-weight:950;line-height:1}.dcard .ds{color:var(--text-muted);font-size:12px;line-height:1.45}.dcard-tools{gap:10px}.tool-row{width:100%}.filebtn{color:#1c5b8c;cursor:pointer;background:linear-gradient(#eef6fc,#e0eef9);border:1px solid #bdd8ef;border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:32px;padding:7px 10px;font-size:12px;font-weight:850;transition:border-color .14s,background-color .14s;display:inline-flex}.filebtn:hover{background:linear-gradient(#e4f0fb,#d3e6f5);border-color:#99c4e8}.filebtn input{display:none}.dash-tabs{flex-wrap:wrap;gap:8px;margin:8px 0 14px;display:flex}.dtab{border:1px solid var(--line);color:#435369;cursor:pointer;background:#fff;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:900}.dtab.on{border-color:var(--navy);background:var(--navy);color:#fff}.empty-state{color:var(--text-muted);text-align:center;background:#ffffffb8;border:1px dashed #b7c6d6;border-radius:12px;padding:42px 20px;font-size:14px}.row-buttons{white-space:nowrap}.blk-group{background:#fbfdff;border:1px solid #d7e4ef;border-radius:12px;margin:16px 0;padding:16px}.blk-group.needs-engineer{background:#fff7f7;border-color:#efb4b4}.blk-header,.blk-group-head{color:var(--navy);border-bottom:1px solid #e2ebf2;justify-content:space-between;align-items:center;gap:10px;margin:-2px 0 14px;padding-bottom:10px;font-weight:900;display:flex}.blk-badge{border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900}.blk-badge.refer{color:var(--red);background:#fff1f1;border:1px solid #f0bbbb}.blk-group.needs-engineer>.blk-group-head{color:#8f1515;background:linear-gradient(135deg,#fff1f1,#ffe7e7);border-bottom-color:#efb4b4;border-radius:12px 12px 0 0;margin:-16px -16px 14px;padding:12px 16px}.blk-badge.clear{color:var(--green);background:#effaf4;border:1px solid #bfe0cf}.chk-part-head{border-left:4px solid var(--navy2);background:#f5f8fb;border-radius:8px;flex-wrap:wrap;gap:6px;margin-top:16px;padding:9px 12px;font-size:13px;font-weight:900;display:flex}.chk-part-hint{color:var(--text-muted);font-weight:700}.chk{border-bottom:1px solid #edf2f7;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;display:grid}.check-evidence{background:snow;border:1px dashed #d4a2a2;border-radius:10px;flex-direction:column;grid-column:2/-1;gap:10px;padding:10px;display:flex}.evidence-upload{width:fit-content;color:var(--red);cursor:pointer;background:#fff;border:1px solid #efb4b4;border-radius:8px;justify-content:center;align-items:center;padding:7px 10px;font-size:12px;font-weight:900;display:inline-flex}.evidence-upload input{display:none}.evidence-thumbs,.report-evidence{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.evidence-thumbs figure,.report-evidence figure{border:1px solid var(--border-subtle);background:#fff;border-radius:8px;margin:0;padding:6px}.evidence-thumbs img,.report-evidence img{object-fit:cover;background:#f8fafc;border-radius:6px;width:100%;height:88px;display:block}.evidence-thumbs figcaption,.report-evidence figcaption{color:#64748b;word-break:break-word;margin-top:5px;font-size:11px;line-height:1.3}.evidence-remove{width:100%;color:var(--red);cursor:pointer;background:#f1f5f9;border:0;border-radius:6px;margin-top:6px;padding:5px 8px;font-size:11px;font-weight:900}.cnum{width:28px;height:28px;color:var(--navy);background:#eaf2f8;border-radius:999px;place-items:center;font-size:12px;font-weight:900;display:grid}.ctxt{color:#344458;font-size:13px;line-height:1.45}.yn{gap:6px;display:inline-flex}.ynbtn{border:1px solid var(--line);color:#48576a;cursor:pointer;background:#fff;border-radius:8px;min-width:58px;padding:7px 10px;font-size:12px;font-weight:900}.ynbtn.no.on{border-color:var(--green);background:var(--green);color:#fff}.ynbtn.yes.on{border-color:var(--red);background:var(--red);color:#fff}.res-panel{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.res-card{color:#fff;min-height:112px;box-shadow:0 1px 0 #ffffff2e inset, var(--shadow-md);border-radius:14px;padding:18px}.res-card .v{letter-spacing:-.01em}.res-card .l{color:#ffffffc2;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.res-card .v{margin-top:8px;font-size:22px;font-weight:950}.skgrid,.photos-grid,.rep-imgs,.repimgs,.legend-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.skgrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start}.skcard,.photo-card,.legend-item,.rep-block{border:1px solid var(--border-subtle);background:#fff;border-radius:10px;min-width:0;padding:12px}.rep-block.needs-engineer{background:snow;border-color:#efb4b4}.canvas-shell{max-width:100%}.skcard h4,.skcard h5,.rep-block-head{color:var(--navy);margin:0 0 10px;font-size:14px}.photo-card img,.rep-imgs img,.repimgs img{object-fit:contain;background:#fff;border-radius:8px;width:100%;max-height:230px;display:block}.legend-item{grid-template-columns:70px 1fr;gap:10px;font-size:13px;line-height:1.45;display:grid}.canvas-spinner{border:2px solid #d7e0ea;border-top-color:var(--navy2);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}.canvas-badge{color:#506174;background:#eef4f8;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;display:inline-flex}.canvas-badge.saved{color:var(--green);background:#e9f8f0}.sigbox-bar{color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:12px;display:flex}.sigbox{border:1px solid var(--line);background:#fff;border-radius:8px}.report{overflow:hidden}.rep-band{color:#fff;background:var(--navy);padding:28px}.rep-band h2{margin:0;font-size:clamp(22px,3vw,32px);line-height:1.15}.rep-band p{opacity:.9;margin:9px 0 0;font-size:14px}.rep-band .prio{color:inherit;background:#fff3;border-radius:999px;margin-top:14px;padding:6px 11px;font-size:12px;font-weight:900;display:inline-flex}.rep-sec{border-top:1px solid var(--border-subtle);padding:22px 28px}.rep-sec h3{color:var(--navy);margin:0 0 14px;font-size:16px}.rep-foot{background:var(--navy);color:#ffffffd1;padding:16px 28px;font-size:12px}.toolbar{margin-bottom:16px}.map-modal{z-index:100;background:#0c18279e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.map-box{width:min(640px,96vw);padding:18px}.map-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.map-x{cursor:pointer;background:#e9eef4;border:0;border-radius:999px;width:34px;height:34px;margin-left:auto}input.invalid,select.invalid,textarea.invalid{box-shadow:0 0 0 4px #b91c1c1c;border-color:var(--red)!important;background:#fff4f4!important}label.invalid{color:var(--red)!important}@keyframes spin{to{transform:rotate(360deg)}}::selection{color:var(--ink);background:#23699d33}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.btn:hover,.role-card:hover,.dcard:hover,.chk-card:hover{transform:none}}@media (width<=900px){.hero-panel,.role-cards,.grid{grid-template-columns:1fr}.hero-visual{min-height:120px}.dcards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.wrap,.hdr .row{width:min(100% - 20px,1180px)}.hdr .row{min-height:66px}.brand-mark{width:38px;height:38px}.header-actions{justify-content:space-between;width:100%;padding-bottom:10px}.hero-panel,.gate .body,section.card>.body,.login-box,.rep-sec,.rep-band,.rep-foot{padding:18px}.dcards,.module-summary{grid-template-columns:1fr}.chk{grid-template-columns:30px 1fr}.yn{grid-column:2}.actions>div,.actions .btn,.row-actions .btn,.button-row .btn{width:100%}.row-actions{align-items:stretch}.stepper{top:76px}}@media print{body,.app{background:#fff!important}.hdr,.stepper,.actions,.toolbar,.no-print,.offline-banner{display:none!important}.wrap{width:100%;padding:0}.report,section.card{box-shadow:none;border:0}.rep-sec,.rep-band,.rep-foot{break-inside:avoid}}