.vareoncalc-loan-dashboard{width:100%}.loan-section{gap:12px}.loan-section .vareoncalc-field-row{margin-bottom:0}.vareoncalc-loan-presets{background:var(--sc-input-bg,#f3f4f6);border:1px solid var(--sc-card-border,#e5e7eb);border-radius:999px;align-items:center;gap:4px;margin-bottom:12px;padding:4px;display:inline-flex}.vareoncalc-loan-preset{color:var(--sc-muted-text,#6b7280);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;transition:color .2s,background .2s,box-shadow .2s}.vareoncalc-loan-preset:hover,.vareoncalc-loan-preset:focus-visible{color:var(--sc-card-text,#111827)}.vareoncalc-loan-preset:focus-visible{outline:none;box-shadow:0 0 0 2px #2563eb40}.vareoncalc-loan-preset.is-active{background:var(--sc-card-bg,#fff);color:var(--sc-card-text,#111827);box-shadow:0 1px 4px #0f172a1f}.vareoncalc-field-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.vareoncalc-field-header label{margin-bottom:0}.vareoncalc-term-units{align-items:center;gap:0;display:inline-flex}.vareoncalc-term-unit{font-size:inherit;color:var(--sc-muted-text,#6b7280);cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-weight:500;line-height:1;transition:color .15s}.vareoncalc-term-unit:hover,.vareoncalc-term-unit:focus-visible{color:var(--sc-card-text,#111827)}.vareoncalc-term-unit:focus-visible{outline:2px solid var(--sc-accent,#2563eb);outline-offset:2px;border-radius:4px}.vareoncalc-term-unit.is-active{color:var(--sc-card-text,#111827);font-weight:700}.vareoncalc-term-unit-divider{color:var(--sc-muted-text,#6b7280)}.vareoncalc-term-warning{color:var(--sc-warning,#f59e0b);margin-top:6px;font-size:12px}.vareoncalc-card:has(.vareoncalc-loan-dashboard){max-width:800px}.vareoncalc-loan-result{background:var(--sc-input-bg,#f9fafb);border:1px solid var(--sc-card-border,#e5e7eb);border-radius:12px;flex-direction:column;min-height:340px;display:flex;overflow:hidden}.vareoncalc-loan-result__placeholder{text-align:center;padding:var(--sc-card-padding);color:var(--sc-muted-text,#6b7280);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.vareoncalc-loan-result__placeholder .placeholder-icon{opacity:.4;margin-bottom:12px;font-size:52px}.vareoncalc-loan-result__placeholder .placeholder-text{opacity:.7;font-size:14px}.vareoncalc-loan-result__content{flex-direction:column;flex:1;display:flex}.loan-result-headline{padding:var(--sc-card-padding);text-align:center;background:var(--sc-card-bg,#fff);border-bottom:1px solid var(--sc-card-border,#e5e7eb)}.loan-monthly-amount{color:var(--sc-card-text,#111827);font-variant-numeric:tabular-nums;font-size:48px;font-weight:800;line-height:1.1}.loan-monthly-label{text-transform:uppercase;letter-spacing:1px;color:var(--sc-muted-text,#6b7280);margin-top:8px;font-size:13px;font-weight:700}.loan-info-grid{grid-template-columns:1fr 1fr;gap:12px;padding:16px;display:grid}.loan-info-grid--solo{grid-template-columns:1fr}.loan-detail-card{padding:var(--sc-card-padding);border:1px solid var(--sc-card-border,#e5e7eb);background:var(--sc-card-bg,#fff);border-radius:10px}.loan-detail-card__title{text-transform:uppercase;letter-spacing:.06em;color:var(--sc-card-text,#111827);margin-bottom:12px;font-size:11px;font-weight:700}.loan-breakdown-row{justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.loan-breakdown-row+.loan-breakdown-row{border-top:1px solid var(--sc-card-border,#e5e7eb)}.loan-breakdown-row .breakdown-label{color:var(--sc-muted-text,#6b7280);font-size:13px}.loan-breakdown-row .breakdown-value{color:var(--sc-card-text,#111827);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;flex-shrink:0;font-size:14px;font-weight:600}.loan-breakdown-row--interest .breakdown-value--interest{color:#ea580c;font-weight:700}.loan-breakdown-row--total{margin-top:4px;padding-top:12px}.loan-breakdown-row--total .breakdown-label{color:var(--sc-card-text,#111827);font-weight:600}.loan-breakdown-row--total .breakdown-value--total{color:var(--sc-card-text,#111827);font-size:15px;font-weight:700}.loan-detail-card--impact{background:#16a34a0f;border-color:#16a34a2e;flex-direction:column;display:flex}.loan-impact__badge{margin-bottom:14px}.loan-impact__badge-value{color:#16a34a;font-size:13px;font-weight:700}.loan-impact__stats{flex-direction:column;flex:1;gap:14px;display:flex}.loan-impact__stat{align-items:center;gap:10px;display:flex}.loan-impact__stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.loan-impact__stat-icon--savings,.loan-impact__stat-icon--time{color:#16a34a;background:#16a34a1f}.loan-impact__stat-body{flex-direction:column;gap:2px;min-width:0;display:flex}.loan-impact__stat-value{color:#16a34a;font-size:18px;font-weight:800;line-height:1.2}.loan-impact__stat-label{color:var(--sc-muted-text,#6b7280);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:600}.loan-cost-metric{padding:var(--sc-card-padding);background:var(--sc-card-bg,#fff);border:1px solid var(--sc-card-border,#e5e7eb);border-radius:12px;margin:0 16px 12px}.loan-cost-metric__header{text-transform:uppercase;letter-spacing:.06em;color:var(--sc-muted-text,#6b7280);text-align:center;margin-bottom:14px;font-size:11px;font-weight:700}.loan-cost-metric__visual{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);place-items:center stretch;gap:8px 10px;display:grid}.loan-cost-metric__unit{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.loan-cost-metric__icon{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.loan-cost-metric__icon--borrow{color:#fff;background:#3b82f6}.loan-cost-metric__icon--payback{color:#fff;background:#ea580c}.loan-cost-metric__amount{text-align:center;color:var(--sc-card-text,#111827);font-variant-numeric:tabular-nums;font-size:18px;font-weight:800;line-height:1.2}.loan-cost-metric__caption{color:var(--sc-muted-text,#6b7280);text-transform:uppercase;letter-spacing:.03em;text-align:center;font-size:11px;font-weight:600}.loan-cost-metric__arrow{color:var(--sc-muted-text,#6b7280);opacity:.5;flex-shrink:0;justify-content:center;align-items:center;display:flex}.loan-donut{padding:var(--sc-card-padding);background:var(--sc-card-bg,#fff);border:1px solid var(--sc-card-border,#e5e7eb);border-radius:12px;margin:0 16px 16px;overflow:hidden}.loan-donut__header{text-transform:uppercase;letter-spacing:.06em;color:var(--sc-muted-text,#6b7280);text-align:center;margin-bottom:16px;font-size:11px;font-weight:700}.loan-donut__wrap{flex-direction:column;align-items:center;gap:16px;display:flex}.loan-donut__svg{width:180px;max-width:100%;height:auto;display:block}.loan-donut__track{stroke:var(--sc-card-border,#e5e7eb)}.loan-donut__segment{transition:stroke-dasharray .5s,stroke-dashoffset .5s}.loan-donut__segment--principal{stroke:#3b82f6}.loan-donut__segment--interest{stroke:#ea580c}.loan-donut__legend{flex-wrap:wrap;justify-content:center;gap:8px 24px;display:flex}.loan-donut__legend-item{align-items:center;gap:8px;font-size:13px;display:flex}.loan-donut__legend-color{border-radius:4px;flex-shrink:0;width:14px;height:14px}.loan-donut__legend-item--principal .loan-donut__legend-color{background:#3b82f6}.loan-donut__legend-item--interest .loan-donut__legend-color{background:#ea580c}.loan-donut__legend-label{color:var(--sc-muted-text,#6b7280);font-weight:500}.loan-donut__legend-pct{color:var(--sc-card-text,#111827);font-weight:700}[data-role=result-error]{text-align:center;padding:var(--sc-card-padding);flex-direction:column;flex:1;justify-content:center;align-items:center}[data-role=result-error] .vareoncalc-result-error{max-width:280px}.vareoncalc-root[data-theme=dark] .vareoncalc-loan-result,.vareoncalc-root.theme-dark .vareoncalc-loan-result{background:var(--sc-input-bg,#1f2937)}.vareoncalc-root[data-theme=dark] .loan-result-headline,.vareoncalc-root.theme-dark .loan-result-headline{background:var(--sc-card-bg,#111827)}.vareoncalc-root[data-theme=dark] .loan-detail-card,.vareoncalc-root.theme-dark .loan-detail-card{background:var(--sc-card-bg,#111827);border-color:var(--sc-card-border,#374151)}.vareoncalc-root[data-theme=dark] .loan-detail-card--impact,.vareoncalc-root.theme-dark .loan-detail-card--impact{background:#16a34a1f;border-color:#22c55e59}.vareoncalc-root[data-theme=dark] .loan-cost-metric,.vareoncalc-root.theme-dark .loan-cost-metric{background:var(--sc-card-bg,#111827);border-color:var(--sc-card-border,#374151)}.vareoncalc-root[data-theme=dark] .loan-breakdown-row--interest .breakdown-value--interest,.vareoncalc-root.theme-dark .loan-breakdown-row--interest .breakdown-value--interest{color:#fb923c}.vareoncalc-root[data-theme=dark] .loan-donut,.vareoncalc-root.theme-dark .loan-donut{background:var(--sc-card-bg,#111827);border-color:var(--sc-card-border,#374151)}.vareoncalc-root[data-theme=dark] .loan-donut__track,.vareoncalc-root.theme-dark .loan-donut__track{stroke:var(--sc-card-border,#374151)}.vareoncalc-root[data-theme=dark] .loan-cost-metric__icon--borrow,.vareoncalc-root.theme-dark .loan-cost-metric__icon--borrow{color:#60a5fa;background:#3b82f633}.vareoncalc-root[data-theme=dark] .loan-cost-metric__icon--payback,.vareoncalc-root.theme-dark .loan-cost-metric__icon--payback{color:#fb923c;background:#ea580c33}@media (width<=720px){.vareoncalc-loan-result{min-height:auto}.loan-monthly-amount{font-size:40px}}@media (width<=480px){.loan-monthly-amount{font-size:34px}.loan-info-grid{grid-template-columns:1fr;padding:12px}.loan-cost-metric,.loan-donut{margin:0 12px 12px}}@media (width<=410px){.vareoncalc-field-header{flex-direction:column;align-items:flex-start}.loan-info-grid{padding:12px}.loan-cost-metric{margin:0 12px 12px}.loan-cost-metric__visual{grid-template-columns:1fr;justify-items:center;gap:12px}.loan-cost-metric__arrow{transform:rotate(90deg)}.loan-breakdown-row{flex-direction:column;align-items:flex-start;gap:4px}.loan-impact__stat-value{font-size:16px}.loan-donut{margin:0 12px 12px}}@media (width<=360px){.loan-monthly-amount{font-size:30px}.loan-cost-metric,.loan-donut{margin:0 10px 10px}}@container vareoncalc (width<=480px){.loan-info-grid{grid-template-columns:1fr}}@container vareoncalc (width<=410px){.vareoncalc-field-header{flex-direction:column;align-items:flex-start}.loan-info-grid{padding:12px}.loan-cost-metric{margin:0 12px 12px}.loan-cost-metric__visual{grid-template-columns:1fr;justify-items:center;gap:12px}.loan-cost-metric__arrow{transform:rotate(90deg)}.loan-breakdown-row{flex-direction:column;align-items:flex-start;gap:4px}.loan-impact__stat-value{font-size:16px}.loan-donut{margin:0 12px 12px}}@container vareoncalc (width<=360px){.loan-monthly-amount{font-size:30px}.loan-cost-metric,.loan-donut{margin:0 10px 10px}}