*{box-sizing:border-box;margin:0;padding:0}
body{font:14px/1.6 -apple-system,sans-serif;background:#f7f8fa;color:#1a1a1a}
main{max-width:1200px;margin:0 auto;padding:24px}
h1{font-size:28px;margin-bottom:4px}
h2{font-size:18px;margin:32px 0 12px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}
.header{padding:24px;background:#fff;border-radius:8px;margin-bottom:24px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.meta{color:#6b7280;font-size:13px;display:flex;gap:16px;margin-top:8px}
.tldr,.indexing,.findings,.top-pages,.top-queries{background:#fff;border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}
.stat{padding:16px;background:#f9fafb;border-radius:6px;text-align:center}
.stat .num{display:block;font-size:24px;font-weight:600;color:#111}
.stat .lbl{display:block;font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{padding:8px 12px;text-align:left;border-bottom:1px solid #e5e7eb}
th{background:#f9fafb;font-weight:600;color:#374151}
code{font:12px monospace;background:#f3f4f6;padding:2px 6px;border-radius:3px}
.severity-bar{display:flex;gap:8px;margin-bottom:16px}
.sev{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600}
.sev-1{background:#fee2e2;color:#991b1b}
.sev-2{background:#fed7aa;color:#9a3412}
.sev-3{background:#fef3c7;color:#92400e}
.sev-4{background:#dbeafe;color:#1e40af}
.sev-5{background:#d1fae5;color:#065f46}
.filter-bar{display:flex;gap:8px;margin-bottom:16px}
.filter-bar button{padding:6px 12px;border:1px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer;font-size:13px}
.filter-bar button.active{background:#1f2937;color:#fff;border-color:#1f2937}
.finding{padding:16px;border-left:4px solid;background:#f9fafb;margin-bottom:12px;border-radius:0 6px 6px 0}
.finding.sev-1{border-color:#dc2626}
.finding.sev-2{border-color:#ea580c}
.finding.sev-3{border-color:#ca8a04}
.finding.sev-4{border-color:#2563eb}
.finding.sev-5{border-color:#059669}
.finding-head{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}
.badge{padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600;background:#e5e7eb;color:#374151}
.badge.auto{background:#dcfce7;color:#166534}
.badge.approve{background:#fef3c7;color:#92400e}
.badge.cat{background:#f3e8ff;color:#6b21a8}
.finding-target{margin-bottom:6px;font-size:13px}
.finding-action{margin-bottom:8px;font-weight:500}
.finding-metric{font-size:12px;color:#6b7280}
.finding-actions{display:flex;gap:8px;margin-top:12px}
.btn-approve,.btn-dismiss{padding:6px 14px;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500}
.btn-approve{background:#059669;color:#fff}
.btn-dismiss{background:#fff;border:1px solid #d1d5db;color:#374151}
.btn-approve:hover{background:#047857}
.btn-dismiss:hover{background:#f3f4f6}
.login-box{max-width:480px;margin:120px auto;background:#fff;padding:40px;border-radius:8px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.login-box .hint{color:#6b7280;font-size:13px;margin-top:24px}
.alert{background:#fee2e2;color:#991b1b;padding:12px;border-radius:6px;margin:16px 0}
footer{text-align:center;color:#9ca3af;font-size:12px;padding:24px}