:root{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;color:#f3f4f6;background-color:#0c1324;line-height:1.5}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#283f7540,#0c1324f2),radial-gradient(circle at 20% 20%,rgba(37,99,235,.15),transparent 30%),radial-gradient(circle at 80% 0%,rgba(16,185,129,.1),transparent 25%),#0c1324;color:#f3f4f6}.app-shell{max-width:1200px;margin:0 auto;padding:24px 20px 64px}.app-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:18px 20px;border-radius:14px;background:#0f172a;border:1px solid #1f2937;box-shadow:inset 0 0 0 1px #ffffff08}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#9ca3af;margin:0 0 6px}.muted{color:#9ca3af;margin:0}.header-actions{display:flex;gap:10px}button,.file-input{border:none;cursor:pointer;font-size:14px;transition:all .2s ease}.file-input{background:#2563eb;color:#fff;border-radius:10px;padding:10px 14px;display:inline-flex;align-items:center;gap:8px;font-weight:600;position:relative;overflow:hidden;border:1px solid #1d4ed8}.file-input:hover{box-shadow:0 0 0 2px #2563eb4d}.file-input input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}button.ghost{background:transparent;color:#e5e7eb;border:1px solid #334155;border-radius:10px;padding:10px 14px}.alert{margin:16px 0;padding:12px 14px;border-radius:12px;background:#1f2937;color:#e5e7eb;border:1px solid #374151}.alert.danger{background:#2f0b0b;border-color:#7f1d1d;color:#fee2e2}.upload-panel{margin-top:16px;display:grid;gap:12px}.notice{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid #7c2d12;border-radius:10px;background:#7c2d1233;color:#fcd34d}.dropzone{border:1px dashed #334155;background:#0f172a99;border-radius:16px;padding:24px 16px;text-align:center;display:grid;gap:8px;justify-items:center;cursor:pointer;transition:border-color .2s ease,background .2s ease}.dropzone.dragging{border-color:#2563eb;background:#2563eb1a}.dropzone-icon{font-size:28px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:16px 0 8px;background:#0b1220;padding:4px;border-radius:12px;border:1px solid #1f2937}.tab{padding:10px;border-radius:10px;background:transparent;color:#cbd5e1;border:1px solid transparent}.tab.active{background:#1d2538;border-color:#2d3b59;color:#fff}.panel{margin-top:14px;background:#0f172a;border:1px solid #1f2937;border-radius:14px;padding:16px 18px;box-shadow:0 14px 30px #00000040}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.summary-card{padding:14px;border-radius:12px;background:#0c1020;border:1px solid #1f2937}.summary-card.danger{border-color:#7f1d1d;background:linear-gradient(145deg,#7f1d1d33,#0c1020)}.kpi-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.kpi-value{font-size:24px;font-weight:800}.kpi-value.small{font-size:16px;font-weight:600}.kpi-icon{font-size:18px}.pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:12px;background:#1e293b;color:#f8fafc;border:1px solid #334155}.pill.critical{background:#7f1d1d;border-color:#ef4444}.export-panel .export-actions{display:flex;gap:10px;flex-wrap:wrap}.export-actions button{background:#111827;color:#e5e7eb;border:1px solid #1f2937;border-radius:10px;padding:10px 14px}.export-actions button:hover{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.grid.two-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.chart-pie{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.center-content{justify-content:center}.pie{width:140px;height:140px;border-radius:999px;border:8px solid #0c1324;box-shadow:inset 0 0 0 1px #1f2937}.legend-list{display:flex;flex-direction:column;gap:8px}.legend-item{background:#0c1020;border:1px solid #1f2937;color:#e5e7eb;border-radius:10px;padding:6px 10px;display:inline-flex;align-items:center;gap:8px}.legend-item .dot{width:10px;height:10px;border-radius:999px;display:inline-block}.legend-item.active{border-color:#2563eb}.chart-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px;align-items:end}.bar-col{background:#0c1020;border:1px solid #1f2937;border-radius:10px;padding:8px;color:#e5e7eb;display:grid;gap:6px;justify-items:center}.bar-col.active{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.bar-fill{width:100%;border-radius:8px;min-height:12px;transition:height .2s ease}.bar-label{font-size:12px;color:#9ca3af}.bar-count{font-weight:700}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px 8px;text-align:left;border-bottom:1px solid #1f2937}th{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#9ca3af}td{color:#e5e7eb}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.severity-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.severity-pill{background:#0c1020;border:1px solid #1f2937;border-radius:10px;padding:10px 12px}.severity-pill .pill-top{display:flex;align-items:center;gap:8px;color:#cbd5e1}.severity-pill .dot{width:10px;height:10px;border-radius:999px;background:#a3a3a3}.severity-pill .pill-metrics{display:flex;align-items:baseline;gap:6px;margin-top:6px}.severity-4 .dot{background:#ef4444}.severity-3 .dot{background:#f97316}.severity-2 .dot{background:#facc15}.severity-1 .dot{background:#0ea5e9}.severity-0 .dot{background:#22c55e}.scan-list{display:grid;gap:10px}.scan-item{padding:10px 12px;border-radius:10px;background:#0c1020;border:1px solid #1f2937}.scan-title{font-weight:700}.scan-meta{display:flex;gap:12px;color:#9ca3af;font-size:13px}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filter-block{display:grid;gap:10px;margin-bottom:18px}.search-box{display:flex;align-items:center;gap:8px;background:#0b1220;border:1px solid #1f2937;border-radius:10px;padding:10px 12px;color:#9ca3af;flex:1 1 280px;min-width:240px}.search-box input{background:transparent;border:none;outline:none;color:#e5e7eb;width:100%}select{background:#0b1220;border:1px solid #1f2937;color:#e5e7eb;border-radius:10px;padding:8px 34px 8px 12px;min-width:140px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.75L6 6.25L11 1.75' stroke='%239ca3af' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.vuln-summary-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:12px}.faq{margin-top:28px;background:#0b0f1c;border:1px solid #1f2937;border-radius:12px;padding:18px}.faq-header h3{margin:0 0 4px}.faq-header p{margin:0 0 12px;color:#9ca3af}.faq-list{display:grid;gap:8px}.faq-item{border:1px solid #1f2937;border-radius:10px;overflow:hidden}.faq-question{width:100%;background:#0b1220;border:none;color:#e5e7eb;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;text-align:left;font-weight:600;cursor:pointer}.faq-question-text{display:inline-flex;align-items:center;gap:8px}.faq-icon{display:inline-flex;width:24px;height:24px;border-radius:8px;align-items:center;justify-content:center;background:#0c172a;font-size:14px}.faq-question:hover{background:#0c172a;border-color:#2563eb}.faq-caret{font-size:14px;color:#9ca3af}.faq-answer{padding:0 14px 12px;color:#cbd5e1;line-height:1.5}.metric-card{background:#0c1020;border:1px solid #1f2937;border-radius:10px;padding:10px 12px}.metric-card strong{font-size:18px}.vuln-list{display:grid;gap:12px}.vuln-row-list{display:grid;gap:8px}.vuln-row{display:grid;grid-template-columns:1fr auto;align-items:center;background:#0b0f1c;border:1px solid #1f2937;border-radius:10px;padding:10px 12px;width:100%;text-align:left;color:#e5e7eb}.vuln-row:hover{border-color:#2563eb}.vuln-row-main{display:flex;gap:10px;align-items:center}.vuln-row-text{display:grid;gap:4px}.vuln-row-title{font-weight:700;color:#f8fafc}.vuln-row-sub{display:flex;gap:10px;flex-wrap:wrap;color:#9ca3af}.vuln-row-meta{display:flex;gap:8px;align-items:center}.vuln-row-meta.right{margin-left:auto}.chevron{font-size:14px;transition:transform .15s ease;color:#e5e7eb}.chevron.open{transform:rotate(180deg)}.host-list{display:grid;gap:10px}.host-card{background:#0b0f1c;border:1px solid #1f2937;border-radius:10px;box-shadow:0 10px 30px #00000026}.host-row{width:100%;background:transparent;border:none;color:#e5e7eb;text-align:left;padding:12px;display:flex;justify-content:space-between;align-items:center}.host-row:hover{border-radius:10px;box-shadow:0 0 0 1px #2563eb,0 10px 20px #2563eb14}.host-main{display:flex;gap:10px;align-items:center}.host-text{display:grid;gap:6px;min-width:0}.host-name{font-weight:700;color:#f8fafc;word-break:break-word}.host-sub{display:flex;gap:10px;color:#9ca3af;font-size:13px;flex-wrap:wrap}.host-severity-pills{display:flex;gap:6px;flex-wrap:wrap}.host-meta{display:flex;gap:8px;align-items:center}.host-details{padding:0 12px 12px;border-top:1px solid #1f2937}.host-vuln-list{display:grid;gap:8px;max-height:360px;overflow-y:auto;padding-right:6px}.host-vuln-row{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:8px;border:1px solid #1f2937;border-radius:8px;background:#0c1020;align-items:flex-start}.host-vuln-row .pill{align-self:flex-start}.service-list{display:grid;gap:10px}.service-card{background:#0b0f1c;border:1px solid #1f2937;border-radius:10px}.service-row{width:100%;background:transparent;border:none;color:#e5e7eb;text-align:left;padding:12px;display:flex;justify-content:space-between;align-items:center}.service-row:hover{box-shadow:0 0 0 1px #2563eb,0 10px 20px #2563eb14;border-radius:10px}.service-main{display:flex;gap:10px;align-items:center}.service-port{display:flex;gap:6px;align-items:center}.service-text{display:grid}.service-name{font-weight:700;color:#f8fafc}.service-meta{display:flex;gap:8px;align-items:center}.service-details{padding:0 12px 12px;border-top:1px solid #1f2937}.service-host-list{display:grid;gap:8px;max-height:360px;overflow-y:auto;padding-right:6px}.service-host-row{display:flex;justify-content:space-between;align-items:center;padding:8px;border:1px solid #1f2937;border-radius:8px;background:#0c1020}.service-host-main{display:flex;gap:8px;align-items:center}.service-host-text{display:grid;gap:4px}.service-host-name{font-weight:700}.service-host-sub{display:flex;gap:10px;flex-wrap:wrap;color:#9ca3af;font-size:13px}.vuln-card{background:#0b0f1c;border:1px solid #1f2937;border-radius:10px;padding:12px 14px}.vuln-card__header{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.vuln-card .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.vuln-card__meta{display:flex;gap:8px;align-items:center}.badge{background:#0f172a;border:1px solid #1f2937;border-radius:999px;padding:4px 8px;font-size:12px;color:#cbd5e1}.vuln-title{margin:8px 0}.vuln-section h4{margin:0 0 4px}.vuln-section p{margin:0 0 8px}.code-block{background:#0c1020;border:1px solid #1f2937;border-radius:8px;padding:8px;color:#e5e7eb;overflow-x:auto}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{background:#0c1020;border:1px solid #1f2937;color:#cbd5e1;padding:4px 8px;border-radius:999px;font-size:12px}.compact-list{margin:0;padding-left:18px;color:#cbd5e1}.vuln-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.vuln-actions button{background:#0c1020;border:1px solid #1f2937;color:#e5e7eb;border-radius:8px;padding:8px 10px}.pill-small{padding:2px 6px;font-size:11px}.sev-4{background:#7f1d1d;border-color:#ef4444}.sev-3{background:#78350f;border-color:#f97316}.sev-2{background:#854d0e;border-color:#facc15}.sev-1{background:#0ea5e9;border-color:#38bdf8}.sev-0{background:#166534;border-color:#22c55e}.tone-4{border-color:#ef4444;background:#ef44441a}.tone-3{border-color:#f97316;background:#f973161a}.tone-2{border-color:#facc15;background:#facc151a}.tone-1{border-color:#0ea5e9;background:#0ea5e91a}.tone-0{border-color:#22c55e;background:#22c55e1a}.toast{position:fixed;right:20px;bottom:20px;background:#0c1020;border:1px solid #1f2937;color:#e5e7eb;padding:12px 14px;border-radius:12px;box-shadow:0 10px 30px #00000059;z-index:1000;min-width:200px}.view-toggle{display:inline-flex;border:1px solid #1f2937;border-radius:10px;overflow:hidden;margin-bottom:10px}.view-toggle button{background:transparent;color:#cbd5e1;padding:8px 12px;border:none}.view-toggle button.active{background:#1d2538;color:#fff}.subheading{margin:0;font-size:16px;color:#f3f4f6;font-weight:600}.app-footer{margin-top:28px;padding:12px 14px;text-align:center;color:#9ca3af;border:1px solid #1f2937;border-radius:12px;background:#0c1020cc}.app-footer .heart{color:#ef4444;font-weight:700;margin:0 6px}@media (max-width: 768px){.app-header{flex-direction:column}.header-actions{width:100%}.header-actions button,.header-actions .file-input{width:100%;justify-content:center}.host-row{flex-direction:column;align-items:flex-start;gap:8px}.host-meta{width:100%;justify-content:flex-start;gap:8px}.host-vuln-row{grid-template-columns:1fr}}