.pvi{display:flex;flex-direction:column;gap:1.25rem}.pvi-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:1.25rem}.pvi-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1rem 1rem 1.25rem;box-shadow:0 1px 2px rgba(16,24,40,.06);min-width:0}.pvi-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.pvi-section{margin-top:.75rem}.pvi-section-title{font-size:1rem;font-weight:800;color:#0f172a;margin:.25rem 0}.panel-actions{display:flex;gap:.5rem}.action-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .65rem;border:1px solid var(--border);background:#fff;color:var(--text);border-radius:8px;cursor:pointer}.action-btn:hover{background:#f7f8fb}.pvi-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-top:.75rem}.pvi-field label{font-weight:600;display:block;margin-bottom:.35rem}.pvi-input-prefix,.pvi-input-suffix{display:flex;align-items:center;gap:.5rem}.pvi-input-prefix span,.pvi-input-suffix span{color:var(--muted);font-weight:600}.pvi-range{width:100%;margin-top:.5rem;accent-color:var(--primary)}.pvi-range:focus-visible{outline:0}.pvi-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.5rem}.pvi-metrics.two{grid-template-columns:repeat(2,1fr)}.pvi-chart-wrap,.pvi-metric{border:1px solid var(--border);border-radius:12px}.pvi-metric{background:#f9faff;padding:.75rem .9rem}.pvi-metric .label{color:var(--muted);font-weight:600;font-size:.9rem}.pvi-metric .value{font-size:1.35rem;font-weight:800;letter-spacing:.2px;overflow-wrap:anywhere}.pvi-metric .value.accent{color:#116149}.pvi-chart-wrap{background:#fff;padding:.5rem;overflow:hidden;margin-top:.5rem}svg#cumulative-lines,svg#savings-bars,svg#yearly-bars{width:100%;height:260px;display:block}svg#savings-bars{height:220px}svg#compare-interest-bars,svg#compare-months-bars,svg#rate-gauge{width:100%;height:240px;display:block}svg#rate-gauge{height:120px}.pvi-field input#loan{max-width:220px}.pvi-field input#rate,.pvi-field input#term,.pvi-field input#year-highlight{max-width:140px}@media (max-width:980px){.pvi-grid,.pvi-metrics,.pvi-row{grid-template-columns:1fr}}.pvi-scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.5rem}.scenario-card{position:relative;border:1px solid var(--border);border-radius:12px;padding:.85rem .95rem;color:#0b1b34;background:linear-gradient(180deg,#f0f5ff,#fff);box-shadow:0 1px 2px rgba(16,24,40,.04)}.scenario-title{font-weight:800;font-size:.95rem;margin-bottom:.25rem;color:#0f172a}.scenario-metric{display:flex;align-items:center;justify-content:space-between;font-size:.95rem;margin-top:.15rem}.scenario-metric span{color:var(--muted)}.scenario-metric strong{font-weight:800;color:#0f172a}@media (max-width:980px){.pvi-scenarios{grid-template-columns:1fr}}.scn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.scn{border:1px solid var(--border);border-radius:12px;padding:.75rem;background:#fff}.scn-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.scn-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;align-items:center;margin:.35rem 0}.scn-row label{font-weight:600;color:#374151}@media (max-width:980px){.scn-grid{grid-template-columns:1fr}}.scn-range{width:100%;margin:.25rem 0 .5rem;accent-color:var(--primary)}.scn-range:focus-visible{outline:0}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.inputs-block{margin-top:.75rem}.controls-container{max-width:540px;margin:.25rem auto 0}.controls-container .ctrl-field{margin-bottom:.75rem}.controls-container label{display:block;font-weight:700;color:#374151;margin-bottom:.25rem}@media (max-width:980px){.charts-grid{grid-template-columns:1fr}}.chart-legend{display:flex;gap:14px;padding:4px 2px 2px;color:var(--muted);font-size:12px;flex-wrap:wrap}.legend-item{display:inline-flex;align-items:center;gap:6px}.legend-swatch{width:12px;height:10px;border-radius:2px;display:inline-block}