:root{--bg:#f7f8fa;--card:#fff;--border:#e6e8eb;--text:#111827;--muted:#6b7280;--critical:#dc2626;--high:#f97316;--medium:#eab308;--low:#e9e25c;--informational:#adadad;--shadow:0 1px 2px #0000000a, 0 6px 16px #0000000f}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui}.container{max-width:1200px;margin:auto;padding:40px 24px}h1{margin-bottom:28px;font-size:30px;font-weight:600}.filters{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.filters button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:999px;padding:8px 16px;font-size:13px;transition:all .2s}.filters button:hover{background:#f3f4f6}.filters button.active{color:#fff;background:#000}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-bottom:20px;display:grid}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:22px}.card p{color:var(--muted);margin:0;font-size:13px}.card h2{margin:10px 0 0;font-size:24px;font-weight:600}.charts-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:32px;display:grid}.chart{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;padding:24px}.chart h2{margin-bottom:18px;font-size:15px;font-weight:600}.bar-chart{flex-direction:column;gap:16px;display:flex}.bar-row{grid-template-columns:80px 1fr 30px;align-items:center;gap:12px;display:grid}.label{color:var(--muted);font-size:12px}.value{text-align:right;font-size:12px}.bar-track{background:#f1f3f5;border-radius:999px;height:10px;overflow:hidden}.bar-fill{background:#111827;border-radius:999px;height:100%;transition:width .4s}.pie-wrapper{align-items:center;gap:28px;display:flex}.legend{flex-direction:column;gap:10px;display:flex}.legend-item{align-items:center;gap:10px;font-size:13px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.severity-layout{grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr;gap:20px;height:720px;margin-top:28px;padding-top:20px;display:grid}.left-panel{flex-direction:column;grid-area:1/1/span 2;min-height:0;margin-top:0;display:flex}.right-top{grid-area:1/2;min-height:0;display:flex}.right-bottom{grid-area:2/2;min-height:0;display:flex}.right-top .chart,.right-bottom .chart{flex-direction:column;flex:1;display:flex;overflow:hidden}.section h2{margin-bottom:16px;font-size:18px}.section.scrollable{flex-direction:column;flex:1;min-height:0;display:flex}.findings-scroll{scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;padding-right:6px;overflow-y:auto}.findings-scroll::-webkit-scrollbar{display:none}.findings-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.finding{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;margin-top:14px;padding:18px}.top{justify-content:space-between;align-items:center;display:flex}.badge{color:#fff;border-radius:999px;padding:4px 10px;font-size:11px}.badge.CRITICAL{background:var(--critical)}.badge.HIGH{background:var(--high)}.badge.MEDIUM{background:var(--medium)}.badge.LOW{background:var(--low)}.badge.INFORMATIONAL{background:var(--informational)}.meta{color:var(--muted);font-size:12px}.finding h3{margin:10px 0 6px;font-size:15px}.finding p{color:var(--muted);font-size:13px}.footer{margin-top:10px;font-size:12px}.file-row{border-bottom:1px solid #f1f3f5;justify-content:space-between;padding:10px 0;font-size:13px;display:flex}.file-row:last-child{border-bottom:none}@media (max-width:900px){.charts-grid{grid-template-columns:1fr}.severity-layout{grid-template-rows:auto;grid-template-columns:1fr;height:auto}.left-panel,.right-top,.right-bottom{grid-area:auto}}.right-top+.right-bottom{margin-top:20px}.right-top:only-child,.right-bottom:only-child{grid-row:1}.right-top,.right-bottom{align-self:stretch}.severity-layout{grid-template-columns:1fr .7fr;height:25rem}.left-panel h2{margin-top:0}.left-panel .finding{margin-top:0;margin-bottom:1rem}.charts-grid{margin-bottom:1rem}.section.main-page{scrollbar-width:none;-ms-overflow-style:none;max-height:420px;margin-top:1rem;padding-right:6px;overflow-y:auto}.section.main-page::-webkit-scrollbar{display:none}.semgrep-meta{color:var(--muted);flex-wrap:wrap;gap:10px;margin-top:6px;font-size:11px;display:flex}.semgrep-meta span{background:#f3f4f6;border-radius:999px;padding:3px 8px}.chart-scroll{scrollbar-width:none;-ms-overflow-style:none;max-height:180px;margin-top:10px;padding-right:6px;overflow-y:auto}.chart-scroll::-webkit-scrollbar{display:none}.chart{flex-direction:column;min-height:0;display:flex}.chart.file-risk{max-height:300px;overflow-y:auto}