:root{
  --bg:#0f1420; --card:#171d2b; --card2:#1e2536; --border:#2a3245;
  --text:#e6ebf5; --muted:#8b97ad; --accent:#4f8cff; --accent2:#6ea8ff;
  --danger:#ff5c72; --danger-bg:#2a1720; --ok:#33d69f; --warn:#ffb454;
  --crit:#ff4757; --high:#ff7043; --med:#ffb454; --low:#4f8cff; --info:#8b97ad;
}
*{box-sizing:border-box}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.5;
}
#app{max-width:960px;margin:0 auto;padding:24px 20px 80px}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.brand{display:flex;gap:14px;align-items:center}
.logo{font-size:34px}
h1{font-size:22px;margin:0}
.tagline{margin:2px 0 0;color:var(--muted);font-size:13px}
.auth-badge{font-size:12px;color:var(--muted)}
.legal-banner{
  background:linear-gradient(90deg,#20283a,#1a2030);border:1px solid var(--border);
  border-left:3px solid var(--warn);border-radius:10px;padding:12px 16px;
  font-size:13px;color:#cdd6e6;margin-bottom:22px;
}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}
.tab{
  background:var(--card);border:1px solid var(--border);color:var(--muted);
  padding:9px 14px;border-radius:9px;cursor:pointer;font-size:14px;transition:.15s;
}
.tab:hover{color:var(--text)}
.tab.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}
.tab-panel{display:none}
.tab-panel.active{display:block;animation:fade .2s ease}
@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.card{
  background:var(--card);border:1px solid var(--border);border-radius:14px;
  padding:22px;margin-bottom:18px;
}
.card h2{margin:0 0 6px;font-size:18px}
.hint{color:var(--muted);font-size:13px;margin:0 0 16px}
label{display:block;font-size:13px;color:var(--muted);margin:12px 0 5px}
label.checkbox{display:flex;gap:8px;align-items:center;color:var(--text);cursor:pointer;margin:14px 0}
label.checkbox input{width:auto}
input,textarea{
  width:100%;background:var(--card2);border:1px solid var(--border);color:var(--text);
  border-radius:9px;padding:11px 13px;font-size:14px;font-family:inherit;
}
input:focus,textarea:focus{outline:none;border-color:var(--accent)}
textarea{resize:vertical}
.row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.row > div{flex:1;min-width:140px}
.row > input{flex:1}
.btn{
  border:none;border-radius:9px;padding:11px 20px;font-size:14px;font-weight:600;
  cursor:pointer;transition:.15s;white-space:nowrap;
}
.btn.primary{background:var(--accent);color:#fff}
.btn.primary:hover{background:var(--accent2)}
.btn.danger{background:var(--danger);color:#fff;margin-top:6px}
.btn.danger:hover{filter:brightness(1.1)}
.btn:disabled{opacity:.55;cursor:not-allowed}
.login-card{max-width:360px;margin:60px auto}
.login-card input{margin-bottom:12px}
.msg{font-size:13px;margin-top:10px}
.target-list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.target-list li{
  background:var(--card2);border:1px solid var(--border);border-radius:20px;
  padding:6px 14px;font-size:13px;color:var(--accent2);
}
.target-list li.empty{color:var(--muted);background:none;border:none;padding:6px 0}
.result{margin-top:18px}
.spinner{color:var(--muted);font-size:14px;padding:10px 0}
/* Summary chips */
.summary{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.chip{border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;border:1px solid var(--border)}
.chip .n{font-size:18px;display:block}
.chip.critical{color:var(--crit)} .chip.high{color:var(--high)}
.chip.medium{color:var(--med)} .chip.low{color:var(--low)} .chip.info{color:var(--info)}
/* Findings */
.finding{
  background:var(--card2);border:1px solid var(--border);border-left-width:4px;
  border-radius:10px;padding:12px 15px;margin-bottom:10px;
}
.finding.critical{border-left-color:var(--crit)}
.finding.high{border-left-color:var(--high)}
.finding.medium{border-left-color:var(--med)}
.finding.low{border-left-color:var(--low)}
.finding.info{border-left-color:var(--info)}
.finding .head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.finding .title{font-weight:600;font-size:14px}
.finding .sev{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.5px;
  padding:2px 8px;border-radius:6px;background:#0d1220}
.finding.critical .sev{color:var(--crit)} .finding.high .sev{color:var(--high)}
.finding.medium .sev{color:var(--med)} .finding.low .sev{color:var(--low)}
.finding.info .sev{color:var(--info)}
.finding .desc{color:var(--muted);font-size:13px;margin-top:6px}
/* Table */
table{width:100%;border-collapse:collapse;margin-top:10px;font-size:13px}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}
th{color:var(--muted);font-weight:600}
.verdict{display:inline-block;padding:6px 14px;border-radius:8px;font-weight:700;font-size:14px;margin-bottom:12px}
.verdict.aprovado{background:#12291f;color:var(--ok)}
.verdict.atencao{background:#2a2416;color:var(--warn)}
.found-box{background:var(--danger-bg);border:1px solid var(--danger);border-radius:10px;padding:14px;margin-bottom:12px}
.found-box h3{margin:0 0 8px;color:var(--danger)}
.found-box code{background:#0d1220;padding:2px 7px;border-radius:5px;color:#ffd0d7}
.notes{margin-top:12px}
.notes li{color:var(--muted);font-size:13px;margin-bottom:5px}
.error-box{background:var(--danger-bg);border:1px solid var(--danger);color:#ffd0d7;
  border-radius:10px;padding:12px 15px;font-size:14px}
/* Progresso ao vivo */
.progress-box{background:var(--card2);border:1px solid var(--border);border-radius:10px;padding:16px}
.progress-status{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--accent2)}
.progress-bar{height:8px;background:#0d1220;border-radius:6px;overflow:hidden;margin-bottom:12px}
.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .2s}
.progress-log{max-height:220px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.7}
.progress-log > div{padding:2px 0;border-bottom:1px solid #212838}
.log-dim{color:var(--muted)}
.log-warn{color:var(--warn)}
.log-hit{color:#fff;background:var(--danger);padding:4px 8px !important;border-radius:6px;font-weight:700;margin:4px 0}
tr.row-warn td{color:var(--warn)}