.target-segmented{
  display:flex;
  gap:6px;
}
.target-segmented button{
  background:#e5e7eb;
  color:#111;
}
.target-segmented button.active{
  background:#3b82f6;
  color:#fff;
}
.progress-wrap{
  width:100%;
  height:14px;
  background:#e5e7eb;
  border-radius:999px;
  overflow:hidden;
  margin-top:12px;
}
.progress-bar{
  height:100%;
  width:0;
}
.progress-good {
  background: #86efac; /* soft green */
}

.progress-warn {
  background: #fde68a; /* soft yellow */
}

.progress-bad {
  background: #fca5a5; /* soft red */
}
.status{margin-top:8px;font-size:14px}

.status.good {
  color: #166534; /* dark muted green */
}

.status.warn {
  color: #854d0e; /* muted amber */
}

.status.bad {
  color: #7f1d1d; /* muted red */
}
.result-contrib{
  background:#ecfdf5;
  border:1px solid #16a34a;
}
.result-interest{
  background:#fff1f2;
  border:1px solid #dc2626;
}
.result-total {
  background: #eef2ff;
  border: 1px solid #2563eb;
}