.input-pill{background:#fff;border:1px solid #f0f3f6;border-radius:9999px;padding:16px 24px;display:flex;align-items:center;gap:8px;font-size:16px}
.input-pill .currency{color:var(--dgray,#878787)}
.input-pill .amount,.input-pill .goal-input{font-family:'Unbounded',sans-serif;color:var(--wp--preset--color--kofe-primary,#013668);border:none;outline:none;font-size:16px;background:transparent;width:100%}
.toggle-container{background:#fff;border:1px solid #f0f3f6;border-radius:24px;padding:16px;display:flex;align-items:center;gap:16px}
.toggle-switch{position:relative;width:65px;height:30px;cursor:pointer;flex-shrink:0}
.toggle-switch input{opacity:0;width:0;height:0}
.toggle-track{position:absolute;inset:0;background:var(--wp--preset--color--kofe-info,#f0f3f6);border-radius:9999px;transition:.3s}
.toggle-track::before{content:'';position:absolute;left:2px;top:2px;width:26px;height:26px;background:#fff;border-radius:50%;transition:.3s}
.toggle-switch input:checked+.toggle-track{background:var(--wp--preset--color--kofe-secondary,#01a5ca)}
.toggle-switch input:checked+.toggle-track::before{left:37px}
.toggle-text{display:flex;flex-direction:column;gap:4px}
.toggle-label{font-size:16px;text-transform:uppercase;color:var(--dgray,#878787);letter-spacing:.04em}
.toggle-sub{font-family:'Unbounded',sans-serif;font-size:16px;color:var(--wp--preset--color--kofe-primary,#013668)}

.true-cost-card{border-radius:24px;padding:16px;background: linear-gradient(153deg, var(--wp--preset--color--kofe-primary, #013668) 9.35%, var(--wp--preset--color--kofe-secondary, #01A5CA) 128.36%);display:flex;flex-direction:column;gap:8px}
.true-cost-label{font-size:16px;color:#fff;text-transform:uppercase;letter-spacing:.04em}
.true-cost-amount{font-family:'Unbounded',sans-serif;font-size:32px;color:var(--wp--preset--color--kofe-secondary,#01a5ca)}
.true-cost-sub{font-size:16px;color:#fff;text-transform:lowercase}

.legend-dot{width:12px;height:12px;border-radius:50%}
.legend-dot.principal{background:var(--wp--preset--color--kofe-primary,#013668)}
.legend-dot.interest{background:var(--wp--preset--color--kofe-danger,#e2666c)}