/* impact.css */
.impact-stats { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1.2rem; }
.impact-stats .card { text-align: center; }
.bar-chart { display: grid; gap: 1rem; }
.bar {
  display: grid; grid-template-columns: 150px minmax(0,1fr) 60px; gap: 1rem; align-items: center;
  font-size: .88rem;
}
.bar__track { height: 12px; border-radius: 999px; background: var(--kkf-grey-200); overflow: hidden; }
.bar__fill { height: 100%; width: 0; border-radius: 999px; background: var(--gradient-sky); transition: width 1.2s cubic-bezier(.22,1,.36,1); }
.bar__value { font-weight: 800; text-align: right; }
.flow { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: .8rem; text-align: center; }
.flow__node {
  padding: 1.2rem .8rem; border-radius: var(--radius); border: 1px solid var(--border); background: #fff;
  font-weight: 800; font-size: .82rem; letter-spacing: .06em; text-transform: uppercase;
}
.flow__node:nth-child(odd) { background: var(--kkf-sky-tint); border-color: var(--kkf-sky-light); color: var(--kkf-sky-dark); }
.report-row {
  display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; align-items: center;
  padding: 1.1rem 1.2rem; border: 1px solid var(--border); border-radius: var(--radius); background: #fff;
}
.report-row + .report-row { margin-top: .8rem; }
