.wfc-wrapper{--wfc-primary: #111827; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; border:1px solid #e5e7eb; border-radius:12px; padding:16px; background:#fff; max-width: 760px;}
.wfc-form{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
.wfc-row{display:flex; flex-direction:column; gap:8px;}
.wfc-row label{font-weight:600; color:#111827;}
.wfc-input-prepend,.wfc-input-append,.wfc-deposit-group{display:flex; align-items:center; gap:8px; border:1px solid #e5e7eb; padding:8px 10px; border-radius:10px; background:#f9fafb;}
.wfc-input-prepend input,.wfc-input-append input,.wfc-deposit-group input{border:none; background:transparent; outline:none; width:100%; font-size:16px;}
.wfc-input-append .wfc-suffix,.wfc-currency{opacity:0.7; font-weight:600;}
.wfc-deposit-group select{border:none; background:#fff; padding:6px 8px; border-radius:8px;}
.wfc-range{display:flex; align-items:center; gap:10px;}
.wfc-range input[type=range]{width:100%;}
.wfc-range-value{min-width:120px; text-align:right;}
.wfc-toggle{display:flex; gap:12px; flex-wrap:wrap;}
.wfc-toggle label{display:flex; align-items:center; gap:6px; font-weight:500;}
.wfc-help{font-size:12px; color:#6b7280;}
.wfc-results{margin-top:16px; display:flex; flex-direction:column; gap:16px;}
.wfc-card{border:1px solid #e5e7eb; border-radius:12px; padding:16px; background:#f3f4f6;}
.wfc-card-title{font-weight:700; color:#374151; margin-bottom:4px;}
.wfc-monthly{font-size:32px; font-weight:800; color:var(--wfc-primary);}
.wfc-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:12px;}
.wfc-item{border:1px solid #e5e7eb; border-radius:10px; padding:12px; background:#fff;}
.wfc-item-label{font-size:12px; color:#6b7280; margin-bottom:6px;}
.wfc-item-value{font-size:16px; font-weight:700; color:#111827;}
@media (max-width: 680px){
  .wfc-form{grid-template-columns:1fr;}
  .wfc-grid{grid-template-columns:1fr 1fr;}
}