:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:inherit}.audit-app{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#fff;border-right:1px solid #d9e0ea;height:100vh;padding:24px;position:sticky;top:0}.brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.brand-mark{color:#fff;background:#174ea6;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.brand strong,.brand span{display:block}.brand span,.sidebar-card span,.sidebar-card small,.eyebrow,.panel p,.kpi small{color:#64748b}.tabs{gap:6px;display:grid}.tabs button,.button{color:#172033;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:flex-start;align-items:center;gap:10px;min-height:40px;text-decoration:none;display:inline-flex}.tabs button{padding:10px 12px}.tabs button.active,.tabs button:hover{background:#eef4ff;border-color:#c6d3e3}.button{color:#fff;background:#174ea6;padding:10px 14px}.button.secondary{color:#172033;background:#fff;border-color:#c6d3e3}.sidebar-card{background:#f8fafc;border:1px solid #d9e0ea;border-radius:8px;margin-top:24px;padding:16px}.sidebar-card strong,.sidebar-card span,.sidebar-card small{display:block}.sidebar-card strong{margin:4px 0;font-size:1.5rem}.main{min-width:0;padding:28px}.hero{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.hero h1{letter-spacing:0;margin:0;font-size:clamp(2rem,4vw,4rem);line-height:1}.hero p{color:#475569;max-width:760px;margin:10px 0 0;font-size:1rem}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.eyebrow{letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:800}.kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.kpi,.panel{background:#fff;border:1px solid #d9e0ea;border-radius:8px;box-shadow:0 12px 30px #0f172a0f}.kpi{padding:16px}.kpi svg{width:21px;height:21px}.kpi span,.kpi strong,.kpi small{display:block}.kpi span{margin-top:10px;font-size:.82rem;font-weight:800}.kpi strong{margin:4px 0;font-size:2rem;line-height:1}.kpi.danger{background:#fff7f7;border-color:#fecaca}.kpi.success{background:#f3fff7;border-color:#bbf7d0}.toolbar{grid-template-columns:minmax(220px,1fr) 180px 190px;gap:10px;margin:0 0 16px;display:grid}.search-box{background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:0 12px;display:flex}.search-box input,.toolbar select{color:#172033;background:0 0;border:0;outline:0;width:100%;min-width:0}.toolbar select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-height:44px;padding:0 12px}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.panel{min-width:0;overflow:hidden}.panel>header{padding:18px 18px 0}.panel h2{margin:0;font-size:1.05rem}.panel p{margin:6px 0 0}.panel>:not(header){margin:18px}.callout{border-radius:8px;gap:12px;padding:14px;display:flex}.callout+.callout{margin-top:12px}.callout strong,.callout span{display:block}.callout.success{color:#14532d;background:#dcfce7}.callout.danger{color:#7f1d1d;background:#fee2e2}.download-list{gap:8px;display:grid}.download-list a{color:#174ea6;background:#f8fafc;border:1px solid #d9e0ea;border-radius:8px;align-items:center;min-height:36px;padding:8px 10px;text-decoration:none;display:flex}.download-list a:hover{background:#eef4ff}.bars{gap:12px;display:grid}.bar-row{grid-template-columns:100px minmax(0,1fr) 48px;align-items:center;gap:10px;display:grid}.bar-row span{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.bar-row div{background:#e2e8f0;border-radius:999px;height:10px;overflow:hidden}.bar-row i{border-radius:inherit;background:#174ea6;height:100%;display:block}.bar-row i.severity{background:#b42318}.table-wrap{border:1px solid #e2e8f0;border-radius:8px;max-height:68vh;overflow:auto}table{border-collapse:collapse;width:100%;font-size:.86rem}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e8f0;max-width:520px;padding:10px 12px}th{z-index:1;color:#475569;letter-spacing:.06em;text-transform:uppercase;background:#f8fafc;font-size:.72rem;position:sticky;top:0}td{color:#1e293b}.url{color:#174ea6;align-items:center;gap:6px;max-width:460px;text-decoration:none;display:inline-flex}.url:hover{text-decoration:underline}.pill{border-radius:999px;justify-content:center;min-width:46px;padding:4px 8px;font-size:.75rem;font-weight:900;display:inline-flex}.pill.ok,.pill.low{color:#166534;background:#dcfce7}.pill.warn,.pill.medium{color:#92400e;background:#fef3c7}.pill.bad,.pill.high{color:#991b1b;background:#fee2e2}.pill.neutral{color:#334155;background:#e2e8f0}@media (width<=1100px){.audit-app{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #d9e0ea;border-right:0;height:auto;position:static}.tabs,.kpi-grid,.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.main,.sidebar{padding:16px}.hero,.toolbar{grid-template-columns:1fr}.hero{display:grid}.kpi-grid,.overview-grid,.tabs{grid-template-columns:1fr}}