.loan-calc-widget {
    background: var(--clr-dark-bg); 
    color: #fff; 
    padding: 30px; 
    border-radius: 4px;
}
.loan-calc-widget .loan-row { margin-bottom: 20px; }
.loan-calc-widget label { font-size: 13px; display: block; margin-bottom: 8px; font-weight: 600;}
.loan-calc-widget input[type="number"], .loan-calc-widget input[type="text"], .loan-calc-widget select {
    width: 100%; padding: 12px; background: transparent; border: 1px solid #444; color: #fff; font-weight: 700; border-radius: 4px;
}
.loan-calc-widget select option {
    background: #222;
    color: #fff;
}
.loan-calc-widget .year-selector {
    border: 1px solid #444; padding: 10px 15px; border-radius: 4px; cursor: pointer; transition: 0.2s;
}
.loan-calc-widget .year-selector.active {
    background: var(--clr-primary); border-color: var(--clr-primary);
}