.duration-wrap{
  display:flex;
  align-items:stretch;
}
.duration-wrap input{
  border-top-right-radius:0;
  border-bottom-right-radius:0;
}
.segmented{
  display:flex;
}
.actions {
  margin-top: 16px;
}
.field input {
  padding: 12px;
  font-size: 16px;
  border: 1px solid #ddd;
  border-radius: 10px;
  height: auto;
}
.segmented button{
  border-radius:0;
  background:#e5e7eb;
  color:#111;
}
.segmented button.active{
  background:#3b82f6;
  color:#fff;
}
.segmented button:last-child{
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
}
.result-total{
  background:#eef2ff;
  border:1px solid #2563eb;
}
.result-contrib{
  background:#f0f9ff;
  border:1px solid #38bdf8;
}
.result-interest{
  background:#ecfdf5;
  border:1px solid #16a34a;
}
.chart-card{margin-top:10px}
.calc-note{font-size:12px;color:#666;margin-top:10px}
canvas{width:100%;height:320px}