:root{--navy-950:#070d1c;--navy-900:#0a1124;--navy-800:#111c3a;--navy-700:#1a2a52;--blue-600:#2563eb;--blue-500:#3b82f6;--blue-400:#60a5fa;--blue-50:#eef4ff;--bg:#f3f5f9;--surface:#ffffff;--border:#e5eaf2;--border-strong:#d4dce8;--text-900:#0f172a;--text-700:#334155;--text-500:#64748b;--text-400:#94a3b8;--high:#e11d48;--high-bg:#fff1f3;--high-border:#fecdd6;--medium:#ea750a;--medium-bg:#fff5ec;--medium-border:#fed7aa;--low:#059669;--low-bg:#ecfdf5;--low-border:#a7f3d0;--radius-sm:10px;--radius:14px;--radius-lg:20px;--shadow-sm:0 1px 2px rgba(15,23,42,0.05);--shadow-md:0 2px 6px rgba(15,23,42,0.05),0 12px 28px -8px rgba(15,23,42,0.1);--shadow-lg:0 4px 12px rgba(15,23,42,0.08),0 24px 56px -12px rgba(15,23,42,0.18);--font:"Pretendard Variable",Pretendard,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text-900);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit}.container{max-width:1120px;margin:0 auto;padding:0 24px}.page{padding-top:40px;padding-bottom:96px}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes scan{0%{top:-36%}55%{top:102%}to{top:102%}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes bboxIn{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.anim-up{animation:fadeUp .55s cubic-bezier(.16,1,.3,1) both}.anim-up.d1{animation-delay:.07s}.anim-up.d2{animation-delay:.14s}.anim-up.d3{animation-delay:.21s}.anim-up.d4{animation-delay:.28s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(7,13,28,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07);color:#fff}.site-header .inner{max-width:1120px;margin:0 auto;padding:0 24px;height:64px;justify-content:space-between}.brand,.site-header .inner{display:flex;align-items:center}.brand{gap:11px}.brand-logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--blue-500),#1d4ed8 70%);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(37,99,235,.45);flex-shrink:0}.brand-logo svg{width:20px;height:20px}.brand-text strong{display:block;font-size:16px;font-weight:800;letter-spacing:-.01em;line-height:1.25}.brand-text small{display:block;font-size:11px;color:#8fa0c4;letter-spacing:.02em}.header-nav{display:flex;align-items:center;gap:6px}.header-nav a{font-size:13.5px;font-weight:600;color:#aab8d8;padding:8px 14px;border-radius:9px;transition:color .15s,background .15s}.header-nav a:hover{color:#fff;background:rgba(255,255,255,.08)}.ver-chip{margin-left:10px;font-size:10.5px;font-weight:700;letter-spacing:.08em;color:#93b4f5;border:1px solid rgba(96,165,250,.35);background:rgba(37,99,235,.18);border-radius:999px;padding:3px 10px}.site-footer{border-top:1px solid var(--border);background:var(--surface);padding:28px 24px;text-align:center}.site-footer p{margin:2px 0;font-size:12.5px;color:var(--text-500)}.site-footer .foot-brand{font-weight:700;color:var(--text-700);font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:11px;padding:13px 26px;font-size:15px;font-weight:700;cursor:pointer;letter-spacing:-.01em;background:linear-gradient(135deg,var(--blue-500),var(--blue-600) 60%);color:#fff;box-shadow:0 2px 5px rgba(37,99,235,.35),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .15s,box-shadow .15s,filter .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(37,99,235,.42),inset 0 1px 0 rgba(255,255,255,.18);filter:brightness(1.04)}.btn:active{transform:translateY(0)}.btn:disabled{background:#b3c4e8;box-shadow:none;cursor:not-allowed;transform:none;filter:none}.btn svg{width:17px;height:17px}.btn-ghost{background:var(--surface);color:var(--text-700);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm)}.btn-ghost:hover{box-shadow:var(--shadow-md);filter:none;border-color:var(--blue-400);color:var(--blue-600)}.btn-sm{padding:9px 16px;font-size:13.5px;border-radius:9px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3.5px 11px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.01em;border:1px solid transparent}.badge-High{background:var(--high-bg);color:var(--high);border-color:var(--high-border)}.badge-Medium{background:var(--medium-bg);color:var(--medium);border-color:var(--medium-border)}.badge-Low{background:var(--low-bg);color:var(--low);border-color:var(--low-border)}.badge-review{background:#f1f5f9;color:var(--text-500);border-color:var(--border-strong)}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.hero{position:relative;background:radial-gradient(1100px 460px at 50% -120px,rgba(37,99,235,.38),transparent 65%),radial-gradient(700px 380px at 88% 10%,rgba(14,116,244,.16),transparent 60%),linear-gradient(180deg,var(--navy-950),var(--navy-900) 70%,var(--navy-900));color:#fff;padding:76px 0 170px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(148,180,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(148,180,255,.05) 1px,transparent 0);background-size:44px 44px;mask-image:radial-gradient(800px 500px at 50% 0,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(800px 500px at 50% 0,#000 30%,transparent 80%)}.hero .container{position:relative;text-align:center}.hero h1{margin:0 0 16px;font-size:clamp(30px,4.6vw,46px);font-weight:800;letter-spacing:-.03em;line-height:1.22}.hero h1 .grad{background:linear-gradient(95deg,#7eb1ff,#4f8cf7 55%,#9bd0ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .sub{margin:0 auto;max-width:560px;color:#9fb0d2;font-size:16.5px;line-height:1.65}.upload-wrap{margin-top:-118px;position:relative;z-index:5}.upload-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:18px}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius);padding:52px 24px;text-align:center;cursor:pointer;background:radial-gradient(500px 200px at 50% 110%,rgba(37,99,235,.05),transparent 70%),#fbfcfe;transition:border-color .2s,background .2s,transform .2s}.dropzone.drag,.dropzone:hover{border-color:var(--blue-500);background:var(--blue-50)}.dropzone.drag{transform:scale(1.005)}.dz-icon{width:72px;height:72px;margin:0 auto 18px;border-radius:22px;background:linear-gradient(135deg,var(--blue-50),#dbe7ff);border:1px solid #d3e2ff;display:flex;align-items:center;justify-content:center;color:var(--blue-600)}.dz-icon svg{width:32px;height:32px}.dropzone h3{margin:0 0 7px;font-size:18px;font-weight:800;letter-spacing:-.01em}.dropzone h3 em{font-style:normal;color:var(--blue-600)}.dz-formats{display:flex;justify-content:center;gap:6px;margin-top:16px;flex-wrap:wrap}.dz-formats span{font-size:11px;font-weight:700;color:var(--text-500);background:#eef1f6;border:1px solid var(--border);padding:3px 9px;border-radius:6px;letter-spacing:.04em}.camera-btn{display:none;width:100%;margin-top:10px}@media (hover:none) and (pointer:coarse){.camera-btn{display:inline-flex}}.preview{padding:8px}.preview-img-box{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--navy-900);display:flex;align-items:center;justify-content:center;min-height:280px}.preview-img-box img{width:100%;height:100%;max-height:420px;object-fit:contain;display:block}.preview-img-box .file-chip{position:absolute;left:12px;bottom:12px;font-size:11.5px;font-weight:600;color:#e2e8f0;background:rgba(7,13,28,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.14);padding:5px 11px;border-radius:8px;max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;font-weight:700;margin-bottom:6px;color:var(--text-700)}.field label small{color:var(--text-400);font-weight:500}.field input,.field select{width:100%;border:1.5px solid var(--border-strong);border-radius:10px;padding:11px 13px;font-size:14px;font-family:inherit;background:#fff;color:var(--text-900);transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3.5px rgba(59,130,246,.15)}.preview-actions{display:flex;gap:10px;margin-top:14px}.preview-actions .btn{flex:1 1}.cctv{margin-top:64px}.cctv-card{position:relative;display:block;width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:0;cursor:pointer;overflow:hidden;background:var(--navy-950);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.cctv-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.cctv-card:disabled{cursor:wait}.cctv-card img{width:100%;max-height:440px;object-fit:cover;display:block;transition:opacity .2s}.cctv-card:disabled img,.cctv-card:hover img{opacity:.45}.cctv-card .live-tag{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.08em;color:#fff;background:rgba(7,13,28,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 10px;border-radius:6px}.cctv-card .live-tag i{width:7px;height:7px;border-radius:50%;background:var(--high)}.cctv-card .overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;font-size:15px;font-weight:700;opacity:0;transition:opacity .2s}.cctv-card .overlay.busy,.cctv-card:hover .overlay{opacity:1}.cctv-card .overlay svg{width:26px;height:26px}.section-label{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:800;letter-spacing:-.01em;margin:0 0 6px}.section-label .ico{width:30px;height:30px;border-radius:9px;background:var(--blue-50);color:var(--blue-600);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.section-label .ico svg{width:16px;height:16px}.samples{margin-top:64px}.sample-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:14px;gap:14px}@media (max-width:820px){.sample-grid{grid-template-columns:repeat(3,1fr)}}.sample-card{position:relative;border:1px solid var(--border);border-radius:var(--radius);padding:0;cursor:pointer;overflow:hidden;background:var(--navy-900);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.sample-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.sample-card img{width:100%;height:118px;object-fit:cover;display:block;transition:transform .35s ease,opacity .2s}.sample-card:hover img{transform:scale(1.07);opacity:.45}.sample-card .overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff;font-size:13px;font-weight:700;opacity:0;transition:opacity .2s}.sample-card:hover .overlay{opacity:1}.sample-card .overlay svg{width:22px;height:22px}.sample-card .num-tag{position:absolute;top:8px;left:8px;font-size:10.5px;font-weight:800;color:#fff;background:rgba(7,13,28,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:3px 8px;border-radius:6px;letter-spacing:.05em}.caps{margin-top:64px}.caps-grid{display:flex;flex-wrap:wrap;gap:9px}.cap-chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--text-700);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:8px 16px;box-shadow:var(--shadow-sm)}.cap-chip .cdot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.error-box{background:var(--high-bg);border:1px solid var(--high-border);color:var(--high);border-radius:var(--radius-sm);padding:14px 18px;font-size:14px;font-weight:600}.progress-shell{max-width:920px;margin:0 auto}.progress-grid{display:grid;grid-template-columns:11fr 9fr;grid-gap:0;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}@media (max-width:820px){.progress-grid{grid-template-columns:1fr}}.scan-side{position:relative;background:var(--navy-950);display:flex;align-items:center;justify-content:center;min-height:380px;overflow:hidden}.scan-side img{width:100%;height:100%;object-fit:cover;opacity:.88;display:block}.scan-beam{position:absolute;left:0;right:0;height:34%;background:linear-gradient(180deg,transparent,rgba(59,130,246,.22) 65%,rgba(96,165,250,.5));border-bottom:2px solid #7eb1ff;box-shadow:0 2px 24px rgba(59,130,246,.55);animation:scan 3s cubic-bezier(.45,0,.55,1) infinite}.scan-corner{position:absolute;width:26px;height:26px;border:2.5px solid rgba(126,177,255,.85)}.scan-corner.tl{top:14px;left:14px;border-right:none;border-bottom:none;border-radius:6px 0 0 0}.scan-corner.tr{top:14px;right:14px;border-left:none;border-bottom:none;border-radius:0 6px 0 0}.scan-corner.bl{bottom:14px;left:14px;border-right:none;border-top:none;border-radius:0 0 0 6px}.scan-corner.br{bottom:14px;right:14px;border-left:none;border-top:none;border-radius:0 0 6px 0}.scan-tag{position:absolute;top:20px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:800;letter-spacing:.14em;color:#bcd5ff;background:rgba(7,13,28,.66);border:1px solid rgba(126,177,255,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:5px 13px;border-radius:999px}.progress-side{padding:36px 34px;display:flex;flex-direction:column;justify-content:center}.progress-side h2{margin:0 0 6px;font-size:21px;font-weight:800;letter-spacing:-.02em}.progress-side .sub{margin:0 0 26px;font-size:13.5px;color:var(--text-500)}.pstep{display:flex;gap:14px;position:relative;padding-bottom:24px}.pstep:last-child{padding-bottom:0}.pstep:before{content:"";position:absolute;left:13px;top:28px;bottom:2px;width:2px;background:var(--border)}.pstep:last-child:before{display:none}.pstep.done:before{background:var(--low)}.pstep .pdot{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;border:2px solid var(--border-strong);background:#fff;color:var(--text-400);z-index:1;transition:all .25s}.pstep.done .pdot{border-color:var(--low);background:var(--low);color:#fff}.pstep.active .pdot{border-color:var(--blue-500);color:var(--blue-600)}.pstep .ptext{font-size:14.5px;font-weight:600;color:var(--text-400);padding-top:3px;transition:color .25s}.pstep.done .ptext{color:var(--text-700)}.pstep.active .ptext{color:var(--blue-600);font-weight:700}.pstep .spinner{width:13px;height:13px;border:2px solid rgba(59,130,246,.25);border-top:2px solid var(--blue-500);border-radius:50%;animation:spin .8s linear infinite}.elapsed{margin-top:26px;font-size:12.5px;color:var(--text-400);display:flex;align-items:center;gap:7px}.elapsed svg{width:14px;height:14px}.report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}.report-head h1{margin:0 0 8px;font-size:26px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.report-meta{display:flex;gap:7px 18px;flex-wrap:wrap;font-size:13px;color:var(--text-500)}.report-meta span{display:inline-flex;align-items:center;gap:6px}.report-meta svg{width:14px;height:14px;color:var(--text-400)}.report-meta b{color:var(--text-700);font-weight:700}.report-actions{display:flex;gap:9px;flex-shrink:0}.kpi-row{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;grid-gap:14px;gap:14px;margin-bottom:22px}@media (max-width:980px){.kpi-row{grid-template-columns:1fr 1fr}}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between;min-height:128px}.kpi .kpi-label{font-size:12px;font-weight:700;color:var(--text-500);letter-spacing:.02em;display:flex;align-items:center;gap:6px}.kpi .kpi-label svg{width:14px;height:14px;color:var(--text-400)}.kpi .kpi-value{font-size:27px;font-weight:800;letter-spacing:-.02em;line-height:1.15}.kpi .kpi-sub{font-size:12px;color:var(--text-400);font-weight:500}.kpi-score{flex-direction:row;align-items:center;gap:18px}.score-donut{flex-shrink:0}.kpi-score .score-info .kpi-label{margin-bottom:5px}.kpi-score .grade-line{font-size:13px;font-weight:700;margin-top:5px}.sev-bar{display:flex;height:7px;border-radius:99px;overflow:hidden;background:#eef1f6;margin-top:9px}.sev-bar i{display:block;height:100%}.sev-bar .sH{background:var(--high)}.sev-bar .sM{background:var(--medium)}.sev-bar .sL{background:var(--low)}.sev-legend{display:flex;gap:11px;margin-top:8px;font-size:11.5px;color:var(--text-500);font-weight:600}.sev-legend i{width:8px;height:8px;border-radius:3px;display:inline-block;margin-right:4px}.result-grid{display:grid;grid-template-columns:12fr 8fr;grid-gap:18px;gap:18px;align-items:start}@media (max-width:980px){.result-grid{grid-template-columns:1fr}}.image-panel{position:-webkit-sticky;position:sticky;top:82px}@media (max-width:980px){.image-panel{position:static}}.image-panel .panel-head,.panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.panel-head h3{margin:0;font-size:15px;font-weight:800;display:flex;align-items:center;gap:8px;letter-spacing:-.01em}.panel-head h3 svg{width:17px;height:17px}.panel-head .hint{font-size:12px;color:var(--text-400);font-weight:500}.bbox-stage{position:relative;overflow:hidden;background:var(--navy-950)}.zoom-wrap{position:relative;transform-origin:0 0;transition:transform .6s cubic-bezier(.22,1,.36,1);will-change:transform}.zoom-wrap img{width:100%;display:block}.zoom-reset{position:absolute;top:12px;right:12px;z-index:8;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#fff;background:rgba(7,13,28,.72);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;padding:7px 12px;cursor:pointer;transition:background .15s}.zoom-reset:hover{background:rgba(7,13,28,.92)}.zoom-reset svg{width:13px;height:13px}.bbox{position:absolute;border:calc(2.5px / var(--zoom, 1)) solid;border-radius:calc(5px / var(--zoom, 1));cursor:pointer;animation:bboxIn .5s cubic-bezier(.16,1,.3,1) both;transition:box-shadow .2s,filter .2s}.bbox.High{border-color:var(--high)}.bbox.Medium{border-color:#f59e0b}.bbox.Low{border-color:#34d399}.bbox.dimmed{filter:opacity(.35)}.bbox.selected{box-shadow:0 0 0 4000px rgba(7,13,28,.55),0 0 0 3px rgba(255,255,255,.35);z-index:5}.bbox-num{position:absolute;top:calc(-13px / var(--zoom, 1));left:calc(-13px / var(--zoom, 1));width:26px;height:26px;border-radius:50%;color:#fff;font-size:12.5px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.85);box-shadow:0 2px 8px rgba(7,13,28,.45);transform:scale(calc(1 / var(--zoom, 1)));transform-origin:top left}.bbox.edge-l .bbox-num{left:calc(3px / var(--zoom, 1))}.bbox.edge-t .bbox-num{top:calc(3px / var(--zoom, 1))}.bbox.High .bbox-num{background:var(--high)}.bbox.Medium .bbox-num{background:var(--medium)}.bbox.Low .bbox-num{background:var(--low)}.bbox-tip{position:absolute;bottom:calc(100% + 9px / var(--zoom, 1));left:50%;transform:translateX(-50%) scale(calc(1 / var(--zoom, 1)));transform-origin:50% 100%;white-space:nowrap;background:rgba(7,13,28,.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:12px;font-weight:700;padding:6px 12px;border-radius:8px;pointer-events:none;z-index:6}.bbox.flip .bbox-tip{bottom:auto;top:calc(100% + 9px / var(--zoom, 1));transform-origin:50% 0}.crop-thumb{position:relative;width:110px;aspect-ratio:4/3;border-radius:10px;overflow:hidden;flex-shrink:0;background:var(--navy-950);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.crop-thumb img{position:absolute;left:0;top:0;display:block;max-width:none}.crop-thumb .crop-box{position:absolute;border:2px solid;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.25)}.crop-thumb.High .crop-box{border-color:var(--high)}.crop-thumb.Medium .crop-box{border-color:#f59e0b}.crop-thumb.Low .crop-box{border-color:#34d399}.crop-thumb .zoom-hint{position:absolute;right:4px;bottom:4px;width:20px;height:20px;border-radius:6px;background:rgba(7,13,28,.7);color:#cbd8f0;display:flex;align-items:center;justify-content:center}.crop-thumb .zoom-hint svg{width:12px;height:12px}.risk-col{display:flex;flex-direction:column;gap:12px}.risk-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:17px 18px 15px;cursor:pointer;position:relative;transition:transform .15s,box-shadow .15s,border-color .15s}.risk-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.risk-card.selected{border-color:var(--blue-500);box-shadow:0 0 0 3px rgba(59,130,246,.14),var(--shadow-md)}.risk-card:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0}.risk-card.High:before{background:var(--high)}.risk-card.Medium:before{background:var(--medium)}.risk-card.Low:before{background:var(--low)}.risk-card .rc-head{display:flex;align-items:flex-start;gap:11px}.rc-num{width:27px;height:27px;border-radius:50%;flex-shrink:0;color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:1px}.risk-card.High .rc-num{background:var(--high)}.risk-card.Medium .rc-num{background:var(--medium)}.risk-card.Low .rc-num{background:var(--low)}.rc-title{flex:1 1}.rc-title h4{margin:0 0 4px;font-size:15px;font-weight:800;letter-spacing:-.01em;line-height:1.4}.rc-tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.rc-type{font-size:11.5px;font-weight:700;color:var(--text-500);background:#f1f4f9;padding:2.5px 9px;border-radius:6px}.rc-conf{font-size:11.5px;color:var(--text-400);font-weight:600}.rc-body{margin-top:11px}.rc-body .desc{margin:0;font-size:13.5px;color:var(--text-700);line-height:1.62}.rc-standard{margin-top:10px;font-size:12.5px;color:var(--text-500);background:#f8fafc;border-left:3px solid var(--border-strong);border-radius:0 8px 8px 0;padding:8px 12px;line-height:1.55}.rc-standard b{color:var(--text-700)}.rc-reco{margin-top:10px;display:flex;gap:9px;font-size:13px;background:var(--blue-50);border:1px solid #d8e6ff;color:#1e44a8;border-radius:9px;padding:10px 13px;line-height:1.55}.rc-reco svg{width:15px;height:15px;flex-shrink:0;margin-top:2.5px;color:var(--blue-600)}.rc-reco b{font-weight:800}.complied-card{margin-top:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.complied-card .panel-head{border-bottom:1px solid var(--border)}.complied-card .panel-head h3 svg{color:var(--low)}.complied-list{margin:0;padding:8px 18px}.complied-list li{list-style:none;display:flex;gap:10px;align-items:flex-start;padding:10px 0;font-size:13.5px;color:var(--text-700);border-bottom:1px dashed var(--border);line-height:1.55}.complied-list li:last-child{border-bottom:none}.complied-list .ck{width:19px;height:19px;border-radius:50%;background:var(--low-bg);border:1px solid var(--low-border);color:var(--low);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.complied-list .ck svg{width:11px;height:11px}.disclaimer{margin-top:18px;display:flex;gap:10px;font-size:12.5px;color:var(--text-500);background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px 16px;line-height:1.6}.disclaimer svg{width:16px;height:16px;flex-shrink:0;color:var(--text-400);margin-top:2px}.empty-risks{text-align:center;padding:44px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.empty-risks .big{font-size:34px}.empty-risks p{color:var(--text-500);font-size:14px;margin:8px 0 0}.admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.admin-head h1{margin:0 0 4px;font-size:25px;font-weight:800;letter-spacing:-.02em}.admin-head p{margin:0;font-size:13.5px;color:var(--text-500)}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:20px}@media (max-width:820px){.stat-row{grid-template-columns:1fr 1fr}}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px 18px;gap:14px}.stat-card,.stat-card .ico{display:flex;align-items:center}.stat-card .ico{width:42px;height:42px;border-radius:12px;justify-content:center;flex-shrink:0}.stat-card .ico svg{width:20px;height:20px}.stat-card .ico.c-blue{background:var(--blue-50);color:var(--blue-600)}.stat-card .ico.c-green{background:var(--low-bg);color:var(--low)}.stat-card .ico.c-red{background:var(--high-bg);color:var(--high)}.stat-card .ico.c-amber{background:var(--medium-bg);color:var(--medium)}.stat-card .lbl{font-size:12px;font-weight:700;color:var(--text-500)}.stat-card .val{font-size:21px;font-weight:800;letter-spacing:-.02em;line-height:1.25}.stat-card .val small{font-size:12px;color:var(--text-400);font-weight:600}.admin-filters{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:14px 16px;margin-bottom:16px}.admin-filters .field{margin:0;min-width:150px}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{width:100%;border-collapse:collapse;font-size:13.5px}.admin-table th{background:#f8fafc;font-size:11.5px;font-weight:800;color:var(--text-500);letter-spacing:.04em;text-transform:uppercase;text-align:left;white-space:nowrap}.admin-table td,.admin-table th{padding:11px 14px;border-bottom:1px solid var(--border)}.admin-table td{vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tbody tr{transition:background .12s}.admin-table tbody tr:hover{background:#f7faff}.admin-table .thumb{width:62px;height:44px;object-fit:cover;border-radius:8px;display:block;box-shadow:var(--shadow-sm)}.admin-table .id-link{color:var(--blue-600);font-weight:700;font-size:12.5px}.admin-table .id-link:hover{text-decoration:underline}.score-cell{display:flex;align-items:center;gap:9px;min-width:110px}.score-cell .track{flex:1 1;height:6px;border-radius:99px;background:#eef1f6;overflow:hidden}.score-cell .fill{height:100%;border-radius:99px}.score-cell b{font-size:13px;width:26px;text-align:right}.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700}.status-pill .sdot{width:7px;height:7px;border-radius:50%}@media (max-width:640px){.container{padding:0 16px}.page{padding-top:24px;padding-bottom:64px}.site-header .inner{padding:0 16px;height:56px}.brand-text small,.ver-chip{display:none}.header-nav a{padding:8px 10px;font-size:13px}.hero{padding:44px 0 130px}.hero .sub{font-size:14.5px;padding:0 8px}.upload-wrap{margin-top:-92px}.upload-card{padding:12px}.dropzone{padding:36px 16px}.dz-icon{width:56px;height:56px;border-radius:17px;margin-bottom:14px}.dz-icon svg{width:26px;height:26px}.dropzone h3{font-size:16px}.preview-img-box{min-height:200px}.caps,.cctv,.samples{margin-top:44px}.cctv-card img{max-height:240px}.sample-grid{grid-template-columns:repeat(2,1fr);gap:10px}.sample-card img{height:110px}.report-head h1{font-size:21px}.report-actions{width:100%}.report-actions .btn{flex:1 1}.kpi-row{grid-template-columns:1fr 1fr;gap:10px}.kpi-score{grid-column:1/-1}.crop-thumb{width:84px}.image-panel{position:static}.scan-side{min-height:240px}.progress-side{padding:24px 20px}.stat-row{gap:10px}.stat-card{padding:13px 14px;gap:11px}.admin-filters .field{min-width:124px;flex:1 1}}@media print{@page{margin:14mm}.no-print,.report-actions,.site-footer,.site-header{display:none!important}body{background:#fff}.page{padding:0}.container{max-width:100%;padding:0}.result-grid{grid-template-columns:1fr}.image-panel{position:static}.card,.complied-card,.kpi,.risk-card,.table-card{box-shadow:none;page-break-inside:avoid;break-inside:avoid}.risk-card{border:1px solid var(--border-strong)}.anim-up{animation:none}.print-only{display:block!important}.kpi-row{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:8px;margin-bottom:16px}.kpi{min-height:0;padding:12px 13px}.kpi .kpi-label{font-size:10px;gap:4px;white-space:nowrap}.kpi .kpi-label svg{width:12px;height:12px}.kpi .kpi-value{font-size:20px;white-space:nowrap}.kpi .kpi-sub{font-size:9.5px;line-height:1.3}.kpi-score{gap:12px}.kpi-score .score-donut{width:78px;height:78px}.kpi-score .grade-line{font-size:11px;white-space:nowrap}.sev-legend{gap:7px;font-size:9.5px}.sev-bar{margin-top:6px}.zoom-wrap{transform:none!important}}.print-only{display:none}