:root{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#f6f7fb;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 20%,#e0f2f1 0,transparent 35%),radial-gradient(circle at 90% 10%,#d7e3ff 0,transparent 30%),#f6f7fb;color:inherit}a{color:inherit}#root{max-width:1200px;margin:0 auto;padding:2rem}.app-shell{display:flex;flex-direction:column;gap:1.5rem}header{display:flex;align-items:center;justify-content:space-between}header h1{margin:0;font-size:1.8rem}.subtitle{margin:.25rem 0 0;color:#6a6f7a}.card{border:1px solid #e4e7ec;border-radius:12px;padding:1.25rem;background:#fff;box-shadow:0 4px 16px #0000000a}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.stack{display:flex;flex-direction:column;gap:.75rem}label{display:flex;flex-direction:column;text-align:left;gap:.35rem;font-weight:600}input,select,button{font:inherit}input,select{padding:.65rem;border-radius:8px;border:1px solid #cdd3dd}button{padding:.65rem 1rem;border-radius:8px;border:none;cursor:pointer;background:#0f766e;color:#fff;font-weight:700;transition:background .2s ease}button:hover{background:#115e57}button.ghost{background:transparent;color:#0f766e;border:1px solid #cdd3dd}.list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;list-style:none;padding:0}.list-item{text-align:left;border:1px solid #cdd3dd;padding:.75rem;border-radius:8px;background:#f8fafc;cursor:pointer}.list-item.active{border-color:#0f766e;background:#e0f2f1}.list-item .row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.muted{color:#6a6f7a}.small{font-size:.85rem}.status{color:#115e57;font-weight:600}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #e4e7ec;padding:.75rem .5rem;text-align:left}th{color:#4a5568;font-weight:700}td input[type=text]{width:120px}.chart-container{width:100%}.filters{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:.5rem}.filters .inline{display:flex;flex-direction:column;gap:.25rem;font-weight:600}.filters .actions{display:flex;gap:.5rem;align-items:center}.compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}[class^=flag-],[class*=" flag-"]{font-weight:700}.flag-high,.flag-critical{color:#b91c1c}.flag-low{color:#2563eb}.flag-borderline{color:#d97706}