@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap";.optimizer{gap:var(--space-6);flex-direction:column;width:100%;animation:.5s ease-out fadeIn;display:flex}@media (min-width:1024px){.optimizer{gap:var(--space-8)}}.optimizer-header{text-align:center;margin-bottom:var(--space-6);animation:.8s cubic-bezier(.22,1,.36,1) fadeInDown}@media (min-width:1024px){.optimizer-header{margin-bottom:var(--space-8)}}.optimizer-title{color:var(--text-main);letter-spacing:-.05em;text-shadow:var(--text-glow);text-transform:uppercase;margin:0;font-size:1.75rem;font-weight:900}@media (min-width:768px){.optimizer-title{font-size:2.5rem}}.optimizer-subtitle{color:var(--text-muted);margin-top:var(--space-2);font-size:.875rem;font-weight:500}.optimizer-form{padding:var(--space-5);gap:var(--space-4);grid-template-columns:1fr;animation:.8s cubic-bezier(.22,1,.36,1) fadeInUp;display:grid}@media (min-width:768px){.optimizer-form{padding:var(--space-8);gap:var(--space-6);grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.optimizer-form{padding:var(--space-10);grid-template-columns:repeat(4,1fr)}}.input-row .field-input{flex:1}.input-row .field-select{width:auto;min-width:110px}.form-range{align-items:center;gap:var(--space-3);display:flex}.form-range-separator{color:var(--text-muted);font-weight:700}.form-submit-btn{margin-top:var(--space-4);padding:var(--space-5);grid-column:1/-1;font-size:1.125rem}.insights{border:1px solid var(--glass-border);border-radius:var(--radius-4xl);padding:var(--space-8);background:linear-gradient(135deg,#6366f10d,#06b6d40d);animation:.8s cubic-bezier(.22,1,.36,1) .2s backwards fadeInUp}.insights-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.insights-icon-box{padding:var(--space-3);background:var(--color-primary-500);border-radius:var(--radius-2xl);color:#fff;box-shadow:0 0 20px #6366f166}.insights-icon-box.empty{background-color:var(--color-danger-500)}.insights-title{background:linear-gradient(to right, var(--color-primary-400), var(--color-accent-400));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:900}.insights-grid,.insights-grid.scenarios-present{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.insights-grid.scenarios-present{grid-template-columns:1.5fr 1fr;align-items:start}}.insights-text{color:var(--text-main);letter-spacing:.01em;opacity:.9;font-size:.875rem;line-height:1.8}.insights-text p{margin:0 0 var(--space-4) 0}.insights-text p:last-child{margin-bottom:0}@media (min-width:768px){.insights-text{font-size:1rem;line-height:1.9}}.insights-text strong{color:var(--color-primary-300);text-shadow:0 0 10px #6366f133;font-weight:800}.insights-badge-list{gap:var(--space-4);flex-direction:column;display:flex}.results{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:var(--radius-4xl);box-shadow:var(--glass-shadow);animation:.8s cubic-bezier(.22,1,.36,1) .4s backwards fadeInUp;overflow:hidden}.results-table-wrapper{scrollbar-width:thin;scrollbar-color:var(--color-primary-500) transparent;overflow-x:auto}.results-table{border-collapse:collapse;text-align:left;width:100%}.results-th{padding:var(--space-6) var(--space-4);color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;border-bottom:1px solid var(--glass-border);background:#6366f10d;font-size:11px;font-weight:900}.results-tr{border-bottom:1px solid #ffffff0d;transition:all .2s}.results-tr.recommended{background:#6366f108}.results-tr:hover{background:#6366f114}.results-td{padding:var(--space-4) var(--space-3);color:var(--text-main);white-space:nowrap;font-size:.8125rem;font-weight:600}@media (min-width:640px){.results-td{padding:var(--space-5) var(--space-4);font-size:.9375rem}}.results-td.months{color:var(--color-primary-400);font-weight:900}.results-td.quota{color:var(--color-accent-500);font-weight:800}.results-td.savings{color:var(--color-primary-400);font-weight:800}.results-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:900;display:inline-flex}.badge-savings{color:var(--color-mint-500);background:#10b98126;border:1px solid #10b9814d}.badge-balance{color:var(--color-primary-400);background:#6366f126;border:1px solid #6366f14d}.badge-budget{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.results-action-btn{padding:var(--space-2) var(--space-3);font-size:9px}.edu-note{align-items:flex-start;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-3xl);border:1px solid var(--glass-border);margin-top:var(--space-2);background:#ffffff05;display:flex}@media (min-width:640px){.edu-note{padding:var(--space-6);margin-top:var(--space-4)}}.edu-note-icon{color:var(--color-primary-400);flex-shrink:0}.edu-note-text{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.6}.sensitivity-analysis{padding:var(--root-padding-y,var(--space-6));gap:var(--space-6);flex-direction:column;min-height:500px;display:flex}.sensitivity-no-data{padding:var(--space-12);text-align:center;min-height:300px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.sensitivity-header{margin-bottom:var(--space-2)}.sensitivity-title{color:var(--text-main);text-transform:uppercase;letter-spacing:-.02em;margin:0 0 var(--space-1);text-shadow:var(--text-glow);font-size:1.5rem;font-weight:900}.sensitivity-subtitle{color:var(--text-muted);margin:0 0 var(--space-6);font-size:14px}.sensitivity-controls{gap:var(--space-2);padding:var(--space-1);border-radius:var(--radius-xl);background:#ffffff0d;width:fit-content;display:flex}.sensitivity-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:800;transition:all .2s}.sensitivity-btn:hover{color:var(--text-main);background:#ffffff0d}.sensitivity-btn.active{background:var(--vibrant-gradient);color:#fff;box-shadow:0 4px 12px #6366f14d}.heatmap-container{border-radius:var(--radius-xl);width:100%;padding:var(--space-4);overflow-x:auto}.heatmap-wrapper{min-width:600px}.heatmap-table{border-collapse:separate;width:100%;border-spacing:var(--space-2)}.heatmap-corner{color:var(--text-muted);text-align:left;padding:var(--space-2);font-size:11px}.heatmap-th{color:var(--color-primary-400);text-transform:uppercase;letter-spacing:.1em;padding:var(--space-2);text-align:center;font-size:11px;font-weight:900}.heatmap-label-y{color:var(--color-accent-400);padding:var(--space-2);width:60px;font-size:11px;font-weight:900}.heatmap-cell{border:1px solid var(--cell-border);background-color:var(--cell-bg);border-radius:var(--radius-lg);cursor:default;min-width:100px;height:60px;transition:all .3s;position:relative}.heatmap-cell:hover{z-index:10;filter:brightness(1.2);transform:scale(1.05)}.heatmap-cell.is-base{box-shadow:0 0 15px #ffffff4d;border:2px solid #fff!important}.cell-content{flex-direction:column;justify-content:center;align-items:center;gap:2px;height:100%;display:flex}.cell-value{color:var(--text-main);font-size:12px;font-weight:900}.cell-badge{color:#000;background:#fff;border-radius:4px;padding:1px 4px;font-size:8px;font-weight:900}.sensitivity-legend{gap:var(--space-6);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.legend-item{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:11px;display:flex}.legend-color{border-radius:4px;width:16px;height:16px}.legend-good{background-color:#22c35833;border:1px solid #22c35880}.legend-bad{background-color:#c3222233;border:1px solid #c3222280}.is-base-legend{border:2px solid #fff;border-radius:4px;width:16px;height:16px}@media (max-width:768px){.sensitivity-controls{flex-direction:column;width:100%}.sensitivity-btn{text-align:center;width:100%}.heatmap-cell{min-width:80px;height:50px}.cell-value{font-size:10px}}.refinance-simulator{padding-top:var(--space-8);padding-bottom:var(--space-12)}.refinance-header{text-align:center;margin-bottom:var(--space-10)}.refinance-title{color:var(--text-main);text-transform:uppercase;letter-spacing:-.02em;margin:0 0 var(--space-2);text-shadow:var(--text-glow);font-size:2.5rem;font-weight:900}.refinance-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.125rem}.refinance-grid{gap:var(--space-8);grid-template-columns:1fr 1.2fr;align-items:start;display:grid}.refinance-section{padding:var(--space-8);margin-bottom:var(--space-6)}.new-offer{border-left:4px solid var(--color-primary-500);background:#6366f108}.section-header-row .select-scenario-btn{margin-left:auto}.select-scenario-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);align-items:center;gap:var(--space-2);font-size:10px;font-weight:800;display:flex}.scenario-selector-dropdown{z-index:1001;padding:var(--space-4);background:var(--color-base-500);border:2px solid var(--color-primary-500);border-radius:var(--radius-2xl);position:absolute;top:60px;left:0;right:0;box-shadow:0 30px 60px -12px #000000f2}.selector-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;display:flex}.selector-header span{text-transform:uppercase;color:var(--color-primary-400);letter-spacing:.15em;font-size:11px;font-weight:900}.close-selector{color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;line-height:1;transition:all .2s;display:flex}.close-selector:hover{background:var(--color-danger-500);color:#fff}.selector-list{gap:var(--space-2);max-height:300px;padding-right:var(--space-2);flex-direction:column;display:flex;overflow-y:auto}.selector-item{width:100%;padding:var(--space-4);border:1px solid var(--glass-border);border-radius:var(--radius-xl);cursor:pointer;text-align:left;background:#ffffff05;justify-content:space-between;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.selector-item:hover{border-color:var(--color-primary-400);background:#6366f126;transform:translate(6px)}.item-info{flex-direction:column;gap:2px;display:flex}.item-info strong{color:var(--text-main);letter-spacing:-.01em;font-size:14px;font-weight:800}.item-info span{color:var(--color-primary-300);font-size:11px;font-weight:600}.selector-item svg{color:var(--text-muted);transition:all .3s}.selector-item:hover svg{color:var(--color-accent-400);transform:translate(4px)}.no-scenarios{text-align:center;padding:var(--space-4);color:var(--text-muted);font-size:13px}.field-input.highlight-input{border-color:var(--color-accent-400);background:#06b6d40d}.field-input.highlight-input:focus{border-color:var(--color-accent-500);box-shadow:0 0 0 4px #06b6d41a}.refinance-results{gap:var(--space-6);flex-direction:column;display:flex;position:sticky;top:100px}.convenience-badge{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-2xl);text-transform:uppercase;letter-spacing:.05em;font-size:1.25rem;font-weight:900;display:flex}.convenience-badge.success{color:var(--color-mint-500);border:2px solid var(--color-mint-500);background:#22c55e1a;box-shadow:0 10px 30px -10px #22c55e80}.convenience-badge.warning{color:var(--color-ice-500);border:2px solid var(--color-ice-500);background:#f472b61a}.convenience-badge.error-badge{color:var(--color-danger-500);border:2px solid var(--color-danger-500);text-align:left;padding:var(--space-4) var(--space-6);background:#ef44441a;flex-direction:row;align-items:flex-start;box-shadow:0 10px 30px -10px #ef44444d}.error-content{flex-direction:column;gap:2px;display:flex}.error-content strong{letter-spacing:normal;font-size:1.1rem;display:block}.error-content p{opacity:.9;text-transform:none;margin:0;font-size:.9rem;font-weight:500;line-height:1.4}.animate-shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.refinance-charts-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.refinance-charts-grid.secondary-charts{margin-bottom:var(--space-4)}.chart-card{padding:var(--space-4);gap:var(--space-3);flex-direction:column;min-height:280px;display:flex}.chart-card h4{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);text-align:center;margin:0;font-size:11px;font-weight:900}.chart-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.ref-chart-title{margin:0!important}.chart-container{width:100%;min-width:0;height:180px}.chart-container-large{width:100%;min-width:0;height:220px}.results-summary-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.result-card{padding:var(--space-5);text-align:center;gap:var(--space-2);flex-direction:column;display:flex}.result-card.highlighted{color:#fff;background:var(--vibrant-gradient)!important}.result-card.loss{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#991b1b 100%)!important}.result-card.highlighted .result-label,.result-card.highlighted .result-hint,.result-card.loss .result-label,.result-card.loss .result-hint{color:#fffc}.result-card.highlighted .result-value,.result-card.loss .result-value{color:#fff!important}.result-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:10px;font-weight:800}.result-value{font-size:1.5rem;font-weight:900}.result-hint{color:var(--text-muted);font-size:10px}.comparison-table-wrapper{overflow-x:auto}.comparison-table{border-collapse:collapse;width:100%}.comparison-table th{padding:var(--space-4);text-align:left;color:var(--text-muted);text-transform:uppercase;background:#ffffff0d;font-size:11px;font-weight:900}.comparison-table td{padding:var(--space-4);border-top:1px solid var(--glass-border);font-size:14px}.comparison-table td:first-child{color:var(--text-muted);font-weight:600}.comparison-table td:not(:first-child){color:var(--text-main);text-align:right;font-weight:800}.refinance-analysis{padding:var(--space-6)}.refinance-analysis h4{margin:0 0 var(--space-3);color:var(--color-accent-500);text-transform:uppercase;letter-spacing:.05em;font-size:14px}.refinance-analysis p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.save-offer-btn{margin-top:var(--space-4);width:100%;font-size:11px;padding:var(--space-4)!important;border-radius:var(--radius-xl)!important}.save-offer-btn.saved{color:#fff;cursor:default;background:var(--color-mint-500)!important;border-color:var(--color-mint-500)!important;opacity:1!important;box-shadow:0 10px 20px -5px #22c55e66!important}.save-offer-btn:not(.saved):hover{filter:brightness(1.1);transform:translateY(-3px)}@media (max-width:1024px){.refinance-grid{grid-template-columns:1fr}.refinance-results{position:static}}@media (max-width:768px){.refinance-charts-grid{grid-template-columns:1fr}}@media (max-width:425px){.results-summary-grid{grid-template-columns:repeat(1,1fr)}}.debt-capacity-calculator{padding-top:var(--space-8);padding-bottom:var(--space-12)}.capacity-header{text-align:center;margin-bottom:var(--space-10)}.capacity-title{color:var(--text-main);text-transform:uppercase;letter-spacing:-.02em;margin:0 0 var(--space-2);text-shadow:var(--text-glow);word-wrap:break-word;font-size:2.5rem;font-weight:900}.capacity-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.125rem}.capacity-grid{gap:var(--space-8);grid-template-columns:1fr 1.2fr;align-items:start;display:grid}.capacity-section{padding:var(--space-8);margin-bottom:var(--space-6)}.capacity-section-title{color:var(--color-primary-500)}.capacity-results{gap:var(--space-6);flex-direction:column;display:flex;position:sticky;top:100px}.health-badge{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-2xl);text-transform:uppercase;letter-spacing:.05em;text-align:center;font-size:1.25rem;font-weight:900;display:flex}.health-badge.success{color:var(--color-mint-500);border:2px solid var(--color-mint-500);background:#22c55e1a;box-shadow:0 10px 30px -10px #22c55e80}.health-badge.warning{color:#f59e0b;background:#f59e0b1a;border:2px solid #f59e0b}.health-badge.danger{color:var(--color-danger-500);border:2px solid var(--color-danger-500);background:#ef44441a;box-shadow:0 10px 30px -10px #ef44444d}.capacity-main-result{background:var(--vibrant-gradient);padding:var(--space-8);border-radius:var(--radius-3xl);color:#fff;text-align:center;gap:var(--space-2);flex-direction:column;display:flex;box-shadow:0 20px 40px -10px #6366f166}.main-result-label{text-transform:uppercase;letter-spacing:.2em;color:#fffc;font-size:12px;font-weight:800}.main-result-value{letter-spacing:-.02em;word-break:break-all;font-size:3rem;font-weight:900;line-height:1}.capacity-metrics-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.capacity-metric-card{padding:var(--space-5);gap:var(--space-1);flex-direction:column;display:flex}.metric-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.1em;font-size:10px;font-weight:800}.metric-value{color:var(--text-main);font-size:1.25rem;font-weight:800}.ratio-visualizer{margin-top:var(--space-4);padding:var(--space-6);border-radius:var(--radius-2xl);background:#ffffff08}.ratio-header{margin-bottom:var(--space-3);justify-content:space-between;display:flex}.ratio-bar-container{border-radius:var(--radius-full);background:#ffffff0d;height:12px;position:relative;overflow:hidden}.ratio-bar-fill{height:100%;width:var(--progress,0%);transition:width 1s cubic-bezier(.4,0,.2,1)}.ratio-marker{opacity:.3;background:#fff;width:2px;position:absolute;top:0;bottom:0}.field-hint{color:var(--text-muted);margin-top:var(--space-1);font-size:.75rem;font-weight:500}@media (max-width:1024px){.capacity-grid{grid-template-columns:1fr}.capacity-results{position:static}}@media (max-width:640px){.capacity-header{margin-bottom:var(--space-6)}.capacity-title{font-size:1.75rem}.capacity-subtitle{padding:0 var(--space-2);font-size:1rem}.capacity-section{padding:var(--space-5)}.field-row{gap:var(--space-4);flex-direction:column}.capacity-main-result{padding:var(--space-6)}.main-result-value{font-size:2.25rem}.capacity-metrics-grid{grid-template-columns:1fr}}.capacity-section-footer{padding:var(--space-6);text-align:center}.capacity-footer-text{color:var(--text-muted);margin:0;font-size:13px}.main-result-subtext{opacity:.9;font-size:13px}.ratio-visualizer-info{margin-top:var(--space-3);text-align:center}.text-success-vibrant{color:var(--color-mint-500)}.ratio-marker-30{left:30%}.ratio-marker-40{left:40%}.health-bg-success{background:var(--color-mint-500)!important}.health-bg-warning{background:#f59e0b!important}.health-bg-danger{background:var(--color-danger-500)!important}.investment-hub{padding-bottom:var(--space-12)}.hub-header{margin-bottom:var(--space-8)}.hub-header-main{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-1);display:flex}@media (max-width:640px){.hub-header-main{align-items:flex-start;gap:var(--space-2);flex-direction:column}}.hub-header-status{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:#ffffff08;border:1px solid #ffffff0d;display:flex}.hub-header-status.saving{background:#ffd7000d;border-color:#ffd7001a}.status-dot{background:var(--color-mint-500);width:6px;height:6px;box-shadow:0 0 10px var(--color-mint-500);border-radius:50%}.saving .status-dot{background:gold;animation:1s infinite pulse-saving;box-shadow:0 0 10px gold}@keyframes pulse-saving{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.status-text{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:800}.saving .status-text{color:gold}.hub-subtitle{color:var(--color-primary-400);text-transform:uppercase;letter-spacing:.5em;margin:0;font-size:10px;font-weight:900}.hub-title{background:var(--vibrant-gradient);-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.5rem;font-weight:900}.hub-tabs{gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;justify-content:center;display:flex}@media (max-width:480px){.hub-tabs{gap:var(--space-2)}.hub-tab{padding:var(--space-2) var(--space-3);text-align:center;flex:1;font-size:10px}}.hub-tab{color:var(--text-muted);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;padding:var(--space-2) var(--space-6);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;font-size:11px;font-weight:800;transition:all .3s}.hub-tab.active{color:var(--color-primary-400);border-bottom-color:var(--color-primary-400);text-shadow:0 0 20px #6366f166}.manage-wrapper{gap:var(--space-6);flex-direction:column;max-width:1200px;margin:0 auto;display:flex}.scenario-selector-bar{align-items:center;gap:var(--space-4);padding:0 var(--space-1) var(--space-2) var(--space-1);flex-wrap:nowrap;display:flex;overflow-x:auto}@supports (scrollbar-width:thin){.scenario-selector-bar{scrollbar-width:thin}}.scenario-selector-bar::-webkit-scrollbar{height:4px}.scenario-selector-bar::-webkit-scrollbar-track{background:0 0}.scenario-selector-bar::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a}.scenario-selector-bar::-webkit-scrollbar-thumb:hover{background:#fff3}.input-hint{color:var(--text-muted);margin:var(--space-1) 0 0;text-transform:uppercase;letter-spacing:.05em;font-size:11px}.scenario-pill{padding:var(--space-2) var(--space-4);border-radius:var(--radius-xl);color:var(--text-muted);cursor:pointer;white-space:nowrap;align-items:flex-start;gap:var(--space-1);background:#ffffff0d;border:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;min-width:140px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.scenario-pill:hover{color:var(--text-main);background:#ffffff1a}.scenario-pill:hover .pill-details{color:var(--text-main)}.scenario-pill.active{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-400);box-shadow:var(--shadow-glow-sm)}.scenario-pill.active .pill-details{color:#ffffffd9}.scenario-pill.active .pill-rate-type{color:#fff;background:#fff3}.pill-name{text-transform:uppercase;letter-spacing:.02em;font-size:12px;font-weight:800;line-height:1.2}.pill-details{align-items:center;gap:var(--space-1);color:var(--text-muted);font-size:9px;font-weight:600;transition:color .2s;display:flex}.pill-rate-type{color:var(--color-primary-400);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;background:#6366f126;padding:1px 6px;font-weight:700}.pill-separator{opacity:.5}.pill-monthly{color:var(--color-mint-400);align-items:center;gap:var(--space-1);font-weight:700;display:flex}.pill-increase{color:var(--color-accent-400);border-radius:var(--radius-sm);letter-spacing:.02em;background:#fbbf2426;padding:1px 4px;font-size:8px;font-weight:800}.scenario-pill.active .pill-increase{color:#ffffffe6;background:#fff3}.btn-add-pill{width:32px;height:32px;color:var(--color-primary-400);border:1px dashed var(--color-primary-400);cursor:pointer;background:#6366f11a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-add-pill:hover{background:var(--color-primary-500);color:#fff;border-style:solid}.investment-workspace{gap:var(--space-6);grid-template-columns:1fr;min-width:0;display:grid}@media (min-width:1024px){.investment-workspace{grid-template-columns:350px 1fr;align-items:start}}.editor-panel{padding:var(--space-6);gap:var(--space-6);flex-direction:column;display:flex}.editor-header{align-items:flex-end;gap:var(--space-4);display:flex}.editor-title-input{font-family:var(--font-heading);color:var(--text-main);width:100%;padding:var(--space-2) 0;background:0 0;border:none;border-bottom:2px solid #ffffff1a;outline:none;font-size:1.25rem;font-weight:900;transition:border-color .2s}.editor-title-input:focus{border-bottom-color:var(--color-primary-400)}@media (max-width:480px){.editor-header{align-items:flex-start;gap:var(--space-4);flex-direction:column}.editor-header-actions{justify-content:flex-end;width:100%}}.dashboard-panel{gap:var(--space-6);flex-direction:column;min-width:0;display:flex;overflow:hidden}.investments-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.editor-form-content{gap:var(--space-6);padding:var(--space-8);flex-direction:column;display:flex}.type-selector-buttons{gap:var(--space-3);margin-top:var(--space-1);grid-template-columns:1fr 1fr;display:grid}.type-btn{border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4);color:var(--text-muted);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:#ffffff08;font-size:11px;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1)}.type-btn:hover{color:var(--text-main);background:#ffffff0f;border-color:#6366f166}.type-btn.active{border-color:var(--color-primary-500);color:var(--color-primary-400);background:#6366f11a;box-shadow:0 0 20px #6366f11a}@media (max-width:480px){.type-selector-buttons{grid-template-columns:1fr}}.investment-card{padding:var(--space-6);gap:var(--space-5);background:var(--card-bg);flex-direction:column;display:flex}.card-header{justify-content:space-between;align-items:flex-start;display:flex}.card-subtitle{color:var(--color-primary-400);text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--space-1);font-size:9px;font-weight:900}.card-title-input{color:var(--text-main);text-transform:uppercase;letter-spacing:-.02em;background:0 0;border:none;outline:none;width:100%;padding:0;font-size:1.5rem;font-weight:900}.card-title-input:focus{color:var(--color-primary-400)}.btn-delete-card{color:var(--color-danger-500);border-radius:var(--radius-lg);cursor:pointer;background:#ef44441a;border:none;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-delete-card:hover{background:var(--color-danger-500);color:#fff;transform:rotate(90deg)}.editor-header-actions{gap:var(--space-2);align-items:center;display:flex}.btn-action-card{border-radius:var(--radius-lg);cursor:pointer;border:none;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-action-card.btn-duplicate{color:var(--color-primary-400);background:#6366f11a}.btn-action-card.btn-duplicate:hover{background:var(--color-primary-500);color:#fff;transform:scale(1.1)}.btn-action-card.btn-export{color:var(--color-mint-400);background:#10b9811a}.btn-action-card.btn-export:hover{background:var(--color-mint-500);color:#fff;transform:translateY(-2px)}.btn-action-card.btn-delete{color:var(--color-danger-500);background:#ef44441a}.btn-action-card.btn-delete:hover{background:var(--color-danger-500);color:#fff;transform:rotate(90deg)}.card-body-editor{gap:var(--space-4);flex-direction:column;display:flex}.card-chart-area{margin:var(--space-2) 0;padding:var(--space-2);border-radius:var(--radius-xl);background:#ffffff05;border:1px solid #ffffff08}.investment-summary-grid{gap:var(--space-4);margin-top:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.summary-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:8px;font-weight:900}@container (width>=0){.summary-card-value{font-size:clamp(.875rem,8cqw,1.5rem)}}@media (min-width:640px){.summary-card-value{text-align:left;font-size:clamp(1rem,4cqw,1.25rem)}}@media (min-width:1024px){.summary-card-value{font-size:1.5rem}}.charts-grid{gap:var(--space-6);margin-top:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.charts-grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (max-width:1200px){.charts-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.charts-grid,.charts-grid-3{grid-template-columns:1fr}}.chart-card{border-radius:var(--radius-xl);padding:var(--space-3);background:#ffffff05;border:1px solid #ffffff08;flex-direction:column;align-items:center;width:100%;min-width:0;display:flex}.chart-header{width:100%;padding:0 var(--space-2);margin-bottom:var(--space-2);justify-content:space-between;align-items:flex-start;display:flex}.chart-title-group{align-items:center;gap:var(--space-2);display:flex}.chart-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:9px;font-weight:800}.chart-subtitle-badge{color:var(--text-muted);border-radius:var(--radius-sm);text-transform:uppercase;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;padding:2px 6px;font-size:8px;font-weight:800}.chart-expand-btn{padding:var(--space-1);border-radius:var(--radius-md);width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.chart-expand-btn:hover{color:var(--text-main);background:#ffffff1a}@media (max-width:400px){.investment-summary-grid{grid-template-columns:1fr}}@media (max-width:480px){.investments-grid{grid-template-columns:1fr}}.formula-docs{border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);background:#ffffff08;border:1px solid #ffffff0d;flex-direction:column;display:flex}.formula-title{color:var(--color-primary-400);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:10px;font-weight:900}.formula-item{gap:var(--space-1);flex-direction:column;display:flex}.formula-label{color:var(--text-muted);font-size:11px}.formula-docs code{color:var(--color-mint-400);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background:#0003;border:1px solid #ffffff0d;font-family:Courier New,Courier,monospace;font-size:11px}.formula-description{color:var(--text-muted);margin:0;font-size:10px;font-style:italic}.renta-container{padding:var(--space-6);border-radius:var(--radius-2xl);margin-top:var(--space-6);background:linear-gradient(135deg,#10b9810d 0%,#05966905 100%);border:1px solid #10b9811a}.renta-header{align-items:center;gap:var(--space-6);display:flex}.renta-icon{border-radius:var(--radius-xl);width:48px;height:48px;color:var(--color-mint-400);background:#10b9811a;justify-content:center;align-items:center;display:flex}.renta-info{flex:1}.renta-title{color:#fff;margin:0;font-size:18px;font-weight:800}.renta-description{color:var(--text-muted);margin:var(--space-1) 0 0;text-transform:uppercase;letter-spacing:.05em;font-size:11px}.renta-values{gap:var(--space-8);align-items:center;display:flex}.renta-value-item{gap:var(--space-1);flex-direction:column;display:flex}.renta-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:800}.renta-value{font-size:1.25rem;font-weight:900;font-family:var(--font-heading);color:var(--text-muted)}.renta-value-item.highlight .renta-value{color:var(--color-mint-400);text-shadow:0 0 15px #10b9814d}@media (max-width:768px){.renta-header{text-align:center;gap:var(--space-4);flex-direction:column}.renta-values{justify-content:space-around;width:100%}}.occasional-section{margin-top:var(--space-6);padding-top:var(--space-6);gap:var(--space-4);border-top:1px solid #ffffff0d;flex-direction:column;display:flex}.occasional-form{gap:var(--space-2);align-items:center;display:flex}.occasional-month-dropdown{width:110px}@media (max-width:480px){.occasional-form{align-items:stretch;gap:var(--space-3);flex-direction:column}.occasional-month-dropdown{width:100%}}.btn-add-occasional{background:var(--color-primary-500);color:#fff;border-radius:var(--radius-lg);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.btn-add-occasional:hover{background:var(--color-primary-400);box-shadow:var(--shadow-glow-sm);transform:translateY(-2px)}.occasional-list{gap:var(--space-2);max-height:200px;padding-right:var(--space-1);flex-direction:column;display:flex;overflow-y:auto}.occasional-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0d;justify-content:space-between;align-items:center;font-size:11px;display:flex}.oc-month{color:var(--text-muted);width:60px;font-weight:700}.oc-amount{color:var(--color-mint-400);flex:1;font-weight:800}.btn-remove-oc{color:var(--text-muted);cursor:pointer;padding:0 var(--space-1);background:0 0;border:none;font-size:1.25rem;line-height:1;transition:color .2s}.btn-remove-oc:hover{color:var(--color-danger-500)}.chart-modal .modal-container{max-width:900px;height:80vh}.chart-modal-close{color:var(--text-muted);cursor:pointer;padding:var(--space-1);background:0 0;border:none}.chart-modal-close:hover{color:var(--text-main)}.chart-modal-chart-wrapper{flex-direction:column;width:100%;height:100%;min-height:400px;display:flex}.results-tabs-container{margin-bottom:var(--space-4);justify-content:center;display:flex}.results-tabs{gap:var(--space-2);background:var(--bg-input);padding:var(--space-1);border-radius:var(--radius-xl);border:1px solid var(--glass-border);display:flex}.results-tab{padding:var(--space-2) var(--space-5);border-radius:var(--radius-lg);color:var(--text-muted);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;align-items:center;font-size:11px;font-weight:800;transition:all .3s;display:flex}[data-theme=light] .results-tabs{background:#00000008}.results-tab:hover{color:var(--text-main);background:#ffffff0d}.results-tab.active{background:var(--vibrant-gradient);color:#fff;box-shadow:0 4px 15px #6366f14d}.table-container-wrapper{padding:0;overflow:hidden}.premium-table-container{max-height:600px;position:relative;overflow:auto}@supports (scrollbar-width:thin){.premium-table-container{scrollbar-width:thin}}.premium-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;min-width:800px;font-size:13px}.premium-table thead th{background:var(--color-base-500);padding:var(--space-4) var(--space-6);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;border-bottom:2px solid var(--glass-border);z-index:20;font-size:10px;font-weight:900;position:sticky;top:0}.premium-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-input);color:var(--text-main);font-variant-numeric:tabular-nums;white-space:nowrap}.table-row-badge{color:var(--color-primary-400);border-radius:var(--radius-sm);cursor:help;background:#6366f133;padding:1px 4px;font-size:10px;font-weight:900}.text-danger{color:var(--color-danger-400)!important}.text-ice{color:var(--color-ice-400)!important}.text-small{font-size:11px}.premium-table tr:hover td{background:#ffffff05}[data-theme=light] .premium-table tr:hover td{background:#6366f10d}[data-theme=light] .premium-table-container::-webkit-scrollbar-thumb{background:#0000001a}.premium-table td.highlight{color:var(--color-primary-400)}@media (max-width:768px){.premium-table-container{max-height:400px}}.investment-comparison{padding-top:var(--space-8);padding-bottom:var(--space-16);gap:var(--space-10);flex-direction:column;display:flex}@media (max-width:640px){.comparator-title{font-size:1.75rem}.comparator-subtitle{font-size:.95rem}}@media (min-width:640px){.comparator-selection-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.comparator-selection-grid{grid-template-columns:repeat(3,1fr)}}.comparator-scenario-card.selected .comparator-scenario-checkbox{box-shadow:0 0 10px var(--scenario-color-glow);background:linear-gradient(135deg,#10b981 0%,#06b6d4 100%);border-color:#0000}@media (min-width:1024px){.comparator-metrics-grid{grid-template-columns:repeat(3,1fr)}}.comparator-metric-card{padding:var(--space-8);gap:var(--space-6);flex-direction:column;display:flex;position:relative}@media (max-width:640px){.comparator-metric-card{padding:var(--space-5);gap:var(--space-4)}}.comparator-metric-card:after{content:"";background:var(--scenario-color,var(--vibrant-gradient));opacity:.8;width:4px;height:100%;position:absolute;top:0;left:0}.comparator-metric-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.3em;color:var(--color-mint-500);margin-bottom:var(--space-2);font-size:10px;font-weight:900}.comparator-metric-row{padding-bottom:var(--space-2);border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;display:flex}.comparator-metric-name{color:var(--text-muted);font-size:13px;font-weight:700}@media (max-width:640px){.comparator-chart-section{padding:var(--space-4)}.comparator-chart{min-height:300px}}.comparator-chart-tab.active{color:#fff;background:linear-gradient(135deg,#10b981 0%,#06b6d4 100%);box-shadow:0 4px 15px #10b9814d}.comparator-section-title:before{content:"";border-radius:var(--radius-full);background:linear-gradient(135deg,#10b981 0%,#06b6d4 100%);width:2rem;height:4px}@media (min-width:640px){.comparator-insights-grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.comparator-insights-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:640px){.comparator-insight-card{padding:var(--space-5) var(--space-6);gap:var(--space-4)}}@media (min-width:640px){.comparator-insight-icon{border-radius:var(--radius-xl);width:3rem;height:3rem}}@media (min-width:640px){.comparator-insight-value{font-size:clamp(.9rem,8cqw,1.25rem)}}@keyframes tooltipEntrance{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.comparator-empty{text-align:center;min-height:400px;padding:var(--space-10);border:2px dashed var(--glass-border);border-radius:var(--radius-3xl);background:#ffffff05;flex-direction:column;justify-content:center;align-items:center;display:flex}.comparator-empty-icon-wrapper{width:5rem;height:5rem;color:var(--color-mint-500);margin-bottom:var(--space-6);background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 30px #10b9811a}.comparator-empty-title{font-family:var(--font-heading);color:var(--text-main);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-size:1.5rem;font-weight:900}.comparator-empty-text{color:var(--text-muted);max-width:450px;font-size:1.125rem;line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.vs-debt{padding-bottom:var(--space-12)}.vs-header{text-align:center;margin-bottom:var(--space-10)}.vs-header-content{margin-bottom:var(--space-4)}@media (max-width:640px){.vs-header{text-align:center}}.vs-btn-clear{color:#ef4444;padding:0 var(--space-5);border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;background:#ef44441a;border:1px solid #ef444433;align-items:center;gap:8px;height:48px;margin-bottom:2px;font-size:.85rem;font-weight:700;transition:all .3s;display:flex}.vs-btn-clear:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:translateY(-2px)}.vs-title{font-family:var(--font-heading);background:var(--vibrant-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.02em;margin-bottom:var(--space-2);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,2.75rem);font-weight:900}.vs-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.vs-config-bar{gap:var(--space-6);padding:var(--space-6) var(--space-8);margin-bottom:var(--space-8);grid-template-columns:1fr 1fr 1fr auto;align-items:flex-end;display:grid}@media (max-width:768px){.vs-config-bar{gap:var(--space-4);grid-template-columns:1fr}}.vs-field-group{gap:var(--space-2);flex-direction:column;display:flex}.vs-field-group label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.75rem;font-weight:900}.vs-config-bar select,.vs-config-bar input{border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);color:var(--text-main);background:#ffffff0d;width:100%;font-size:.95rem;font-weight:600;transition:all .3s}.vs-config-bar select:focus,.vs-config-bar input:focus{border-color:var(--color-primary-500);background:#ffffff14;outline:none}.vs-input-with-format{position:relative}.vs-opt-smart{color:#10b981;font-weight:800}.vs-no-selection,.vs-smart-suggestion-callout{max-width:800px;margin:0 auto}.vs-hint-box{align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-8);border-left:4px solid var(--color-primary-500);display:flex}.vs-hint-icon{font-size:2.5rem}.vs-callout-card{gap:var(--space-8);padding:var(--space-8);background:linear-gradient(135deg,#10b9811a,#0000);border:2px solid #10b98122;display:flex}@media (max-width:640px){.vs-callout-card{gap:var(--space-4);padding:var(--space-6);text-align:center;flex-direction:column}}.vs-callout-icon{font-size:3rem;line-height:1}.vs-callout-content h3{font-family:var(--font-heading);margin-bottom:var(--space-2);font-size:1.5rem;font-weight:900}.vs-callout-content p{color:var(--text-muted);margin-bottom:var(--space-6);line-height:1.6}.vs-btn-primary{background:var(--vibrant-gradient);color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-xl);cursor:pointer;border:none;font-weight:800;transition:transform .3s}.vs-btn-primary:hover{transform:scale(1.05);box-shadow:0 10px 20px #6366f14d}.vs-main-content{gap:var(--space-6);flex-direction:column;display:flex}.vs-verdict-banner{gap:var(--space-6);padding:var(--space-8);border-left:6px solid #6366f1;display:flex}@media (max-width:640px){.vs-verdict-banner{padding:var(--space-5);gap:var(--space-3);flex-direction:column}}.vs-verdict-banner.better-inv{border-color:#10b981}.vs-verdict-icon{font-size:3rem;line-height:1}@media (max-width:640px){.vs-verdict-icon{font-size:2rem}}.vs-verdict-text h4{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);margin-bottom:4px;font-size:.75rem;font-weight:900}.vs-verdict-text h3{font-family:var(--font-heading);margin-bottom:var(--space-2);font-size:1.5rem;font-weight:900}.vs-verdict-text p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.vs-smart-details{color:var(--color-primary-400);margin-top:8px;font-weight:700;display:block}.vs-smart-save-btn{background:var(--vibrant-gradient);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;border:none;align-items:center;gap:8px;margin-top:12px;font-size:.85rem;font-weight:800;transition:all .3s;display:flex}.vs-smart-save-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #6366f14d}.vs-smart-save-btn svg{width:16px;height:16px}.vs-metrics-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:1024px){.vs-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.vs-metrics-grid{grid-template-columns:1fr}}.vs-metric-card{padding:var(--space-6);cursor:pointer;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;container-type:inline-size}.vs-metric-card:hover{border-color:var(--color-primary-500);background:#ffffff0d;transform:translateY(-4px)}.vs-metric-card.active{border-color:var(--color-primary-500);background:#ffffff14;box-shadow:0 0 20px #6366f11a}.vs-m-label{font-family:var(--font-heading);text-transform:uppercase;color:var(--text-muted);letter-spacing:.1em;margin-bottom:8px;font-size:.7rem;font-weight:900}.vs-m-value{font-family:var(--font-heading);color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:clamp(1rem,10cqw,1.5rem);font-weight:900;overflow:hidden}.vs-m-sub{color:var(--text-muted);font-size:.75rem;font-weight:700}.color-inv{color:#10b981!important}.color-mort{color:#6366f1!important}.vs-portal-tooltip-overlay{z-index:9998;position:fixed;inset:0}.vs-portal-tooltip{z-index:9999;background:var(--color-base-900);border:2px solid var(--color-primary-500);border-radius:var(--radius-xl);padding:var(--space-6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:280px;max-width:340px;position:fixed;box-shadow:0 30px 60px -12px #000c}.vs-tooltip-header{border-bottom:1px solid var(--glass-border);margin-bottom:12px;padding-bottom:12px}.vs-tooltip-header strong{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:900}.vs-tooltip-body p{color:var(--text-muted);margin-bottom:8px;font-size:13px;line-height:1.5}.vs-tooltip-body p:last-child{margin-bottom:0}.vs-chart-container{padding:var(--space-8)}@media (max-width:640px){.vs-chart-container{padding:var(--space-4)}.vs-chart-wrapper{height:280px}}.vs-chart-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.vs-chart-header h3{font-family:var(--font-heading);margin:0;font-size:1.25rem;font-weight:900}.btn-expand{border:1px solid var(--glass-border);color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;background:#ffffff0d;width:40px;height:40px;transition:all .2s}.btn-expand:hover{background:var(--color-primary-500);color:#fff}.vs-chart-wrapper{width:100%;min-width:0;height:350px}.vs-fullscreen-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;padding:var(--space-10);background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@media (max-width:640px){.vs-fullscreen-modal{padding:var(--space-2)}.vs-modal-content{padding:var(--space-4)}}.vs-modal-content{width:100%;max-width:1200px;padding:var(--space-8)}.vs-modal-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.vs-modal-header h2{font-family:var(--font-heading);font-weight:900}.vs-modal-header button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem}html{background-color:var(--color-base-500);margin:0;padding:0}:root{--color-primary-50:#efeeff;--color-primary-100:#dcd9ff;--color-primary-200:#beb8ff;--color-primary-300:#9489ff;--color-primary-400:#6b55ff;--color-primary-500:#6366f1;--color-primary-600:#4f46e5;--color-primary-700:#4338ca;--color-primary-800:#3730a3;--color-primary-900:#312e81;--color-accent-50:#ecfeff;--color-accent-100:#cffafe;--color-accent-200:#a5f3fc;--color-accent-300:#67e8f9;--color-accent-400:#22d3ee;--color-accent-500:#06b6d4;--color-accent-600:#0891b2;--color-accent-700:#0e7490;--color-mint-500:#22c55e;--color-ice-500:#f472b6;--color-danger-500:#ef4444;--color-base-500:#020617;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--radius-5xl:2.5rem;--radius-6xl:3.5rem;--radius-full:9999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;font-family:var(--font-body);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--glass-bg:#0f172ab3;--glass-border:#6366f133;--glass-shadow:0 8px 32px -4px #00000080, 0 4px 12px -2px #6366f11a;--vibrant-gradient:linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);--text-glow:0 0 10px #6366f14d;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-inverse:#020617;--bg-input:#02061799;--border-input:#ffffff1a;--card-bg:#0f172a66;font-weight:400;line-height:1.6}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-base-500:#f1f5f9;--glass-bg:#ffffffd9;--glass-border:#6366f126;--glass-shadow:0 10px 40px -4px #6366f114, 0 4px 12px -2px #00000008;--text-main:#0f172a;--text-muted:#64748b;--text-inverse:#fff;--bg-input:#fff;--border-input:#e2e8f0;--card-bg:#fff}*,:before,:after{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text-main);background-color:#0000;width:100%;margin:0;transition:background-color .3s,color .3s;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 80% 20%,#6366f11a 0%,#0000 50%),radial-gradient(circle at 20% 80%,#06b6d414 0%,#0000 50%),radial-gradient(circle,#f472b608 0%,#0000 60%);width:100vw;height:100vh;position:fixed;top:0;left:0}[data-theme=light] body:before{background-image:radial-gradient(circle at 80% 20%,#6366f114 0%,#0000 50%),radial-gradient(circle at 20% 80%,#06b6d40d 0%,#0000 50%),radial-gradient(circle,#f472b605 0%,#0000 60%)}#root{width:100%}.glass-card{background:var(--card-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius-3xl);transition:all .8s cubic-bezier(.165,.84,.44,1);overflow:hidden}.glass-card:hover{border-color:var(--color-primary-400);transform:translateY(-4px)}.btn-vibrant{padding:var(--space-3) var(--space-6);background:var(--vibrant-gradient);color:#fff;border-radius:var(--radius-xl);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);border:none;font-size:10px;font-weight:900;transition:all .3s cubic-bezier(.22,1,.36,1);display:inline-flex;box-shadow:0 10px 15px -3px #6366f133}.btn-vibrant:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 15px 30px -5px #6366f166}.btn-vibrant:active{transform:scale(.95)}.btn-vibrant:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5);box-shadow:none;transform:none}.btn-ghost{padding:var(--space-3) var(--space-6);color:var(--text-muted);border:1px solid var(--glass-border);border-radius:var(--radius-xl);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);background:0 0;font-size:10px;font-weight:800;transition:all .2s;display:inline-flex}.btn-ghost:hover{background:var(--glass-border);color:var(--text-main);border-color:var(--color-primary-400)}.chart-expand-btn{border-radius:var(--radius-lg);width:32px;height:32px;color:var(--text-muted);padding:0}.chart-expand-btn:hover{color:var(--color-accent-500);background:var(--glass-border);border-color:var(--color-accent-500)}.text-glow{text-shadow:var(--text-glow)}.bg-vibrant-gradient{background:var(--vibrant-gradient)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-base-500)}::-webkit-scrollbar-thumb{background:var(--vibrant-gradient);border-radius:20px}::-webkit-scrollbar-thumb:hover{filter:brightness(1.2)}.field-group{gap:var(--space-2);flex-direction:column;display:flex}.field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;margin-left:var(--space-1);margin-top:var(--space-1);font-size:10px;font-weight:800}.field-input,.field-select{border:1px solid var(--glass-border);border-radius:var(--radius-xl);width:100%;padding:var(--space-3) var(--space-5);color:var(--text-main);background:#ffffff08;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.field-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236366f1'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-5) center;background-size:1.25rem;padding-right:3.5rem!important}.field-select option{background-color:var(--color-base-500);color:var(--text-main);padding:var(--space-3);font-weight:600}.field-input::placeholder{color:var(--text-muted);opacity:.5}.field-input:hover,.field-select:hover{background:#ffffff0f;border-color:#6366f166}.field-input:focus,.field-select:focus{border-color:var(--color-primary-500);background:#ffffff14;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #6366f11a,0 10px 20px -10px #00000080}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{left:var(--space-5);color:var(--color-primary-400);pointer-events:none;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;display:flex;position:absolute}.input-with-icon{padding-left:3.25rem!important}.input-with-suffix{padding-right:4.5rem!important}.input-with-short-suffix{padding-right:2.5rem!important}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.hidden-input{display:none}.container{max-width:80rem;padding:0 var(--space-4);width:100%;min-width:320px;margin:0 auto;position:relative}@media (min-width:640px){.container{padding:0 var(--space-8)}}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;width:100%;height:100%;padding:var(--space-4);background-color:#020617d9;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-3xl);box-shadow:var(--glass-shadow);flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.3s cubic-bezier(.165,.84,.44,1) scaleIn;display:flex;position:relative;overflow-y:auto}.modal-header{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--glass-border);background:#ffffff05;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-title{font-family:var(--font-heading);color:var(--text-main);text-transform:uppercase;letter-spacing:-.02em;text-shadow:var(--text-glow);margin:0;font-size:1.5rem;font-weight:900}.modal-subtitle{color:var(--color-primary-400);text-transform:uppercase;letter-spacing:.5em;margin:0 0 var(--space-1);font-size:10px;font-weight:900}.modal-body{padding:var(--space-8);flex:1;overflow-y:auto}.modal-footer{padding:var(--space-4) var(--space-8);border-top:1px solid var(--glass-border);justify-content:flex-end;gap:var(--space-3);background:#ffffff05;flex-shrink:0;display:flex}.section-header{margin-bottom:var(--space-6)}.section-title{font-family:var(--font-heading);color:var(--text-main);margin:0 0 var(--space-1);text-shadow:var(--text-glow);text-transform:uppercase;letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.section-header-row{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}@media (max-width:640px){.section-header-row{flex-direction:column;align-items:flex-start}}.range-container{align-items:center;gap:var(--space-4);border:1px solid var(--glass-border);padding:var(--space-1) var(--space-3);border-radius:var(--radius-xl);background:#ffffff05;transition:all .2s;display:flex}.range-container:focus-within{border-color:var(--color-primary-500);background:#ffffff0d;box-shadow:0 0 20px #6366f11a}.range-input{appearance:none;background:var(--glass-border);background-image:var(--vibrant-gradient);background-repeat:no-repeat;background-size:var(--bg-size,0%) 100%;border-radius:var(--radius-full);cursor:pointer;flex:1;width:100%;height:6px}.range-input::-webkit-slider-runnable-track{border-radius:var(--radius-full);background:0 0;width:100%;height:6px}.range-input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-main);border-radius:50%;width:18px;height:18px;margin-top:-6px;transition:transform .1s;box-shadow:0 0 10px #6366f180}.range-input::-moz-range-track{background:var(--glass-border);border-radius:var(--radius-full);width:100%;height:6px}.range-input::-moz-range-thumb{background:var(--text-main);border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 0 10px #6366f180}.range-number-input{border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:72px;color:var(--text-main);text-align:center;padding:var(--space-2) var(--space-2);background:#ffffff0d;outline:none;font-family:inherit;font-size:14px;font-weight:800;transition:all .2s}.range-number-input:focus{border-color:var(--color-primary-400);background:#ffffff1a;box-shadow:0 0 15px #6366f133}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:none;appearance:textfield}.mt-sm{margin-top:var(--space-2)}.mt-md{margin-top:var(--space-4)}.mt-lg{margin-top:var(--space-6)}.mt-xl{margin-top:var(--space-8)}.mb-0{margin-bottom:0!important}.mb-sm{margin-bottom:var(--space-2)}.mb-md{margin-bottom:var(--space-4)}.mb-lg{margin-bottom:var(--space-6)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.flex-1{flex:1}.w-full{width:100%}.w-auto{width:auto}.field-row{gap:var(--space-4);width:100%;display:flex}@media (max-width:640px){.field-row{flex-direction:column}}.hidden{margin-bottom:0!important}.empty-calculator-state{text-align:center;min-height:480px;padding:var(--space-8);border:2px dashed var(--glass-border);border-radius:var(--radius-3xl);background:#ffffff05;justify-content:center;align-items:center;display:flex}.empty-state-content{align-items:center;gap:var(--space-4);flex-direction:column;max-width:280px;animation:1s ease-out fadeIn;display:flex}.empty-icon-wrapper{width:4.5rem;height:4.5rem;color:var(--color-primary-400);margin-bottom:var(--space-2);background:#6366f114;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 20px #6366f11a}.empty-state-content h3{color:var(--text-main);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:1.25rem;font-weight:800}.empty-state-content p{color:var(--text-muted);margin:0;font-size:.875rem;font-weight:500;line-height:1.6}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-fadeInUp{animation:.5s ease-out forwards fadeInUp}.animate-fadeInDown{animation:.5s ease-out forwards fadeInDown}.animate-scaleIn{animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards scaleIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-1000{animation-delay:1s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.duration-700{animation-duration:.7s}.duration-1000{animation-duration:1s}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.6s cubic-bezier(.22,1,.36,1) forwards slideUp}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.app{background-color:#0000;min-height:100vh;transition:background-color .5s}.navbar{background-color:var(--glass-bg);border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);z-index:50;box-shadow:var(--glass-shadow);position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;height:4rem;display:flex}@media (min-width:640px){.navbar-inner{height:5rem}}.navbar-brand{align-items:center;gap:var(--space-4);display:flex}.navbar-logo{background:var(--vibrant-gradient);border-radius:var(--radius-xl);justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .2s;display:flex;box-shadow:0 10px 15px -3px #6366f166}.navbar-logo:active{transform:scale(.95)}.navbar-logo svg{color:#fff}.navbar-title{font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.05em;text-shadow:var(--text-glow);margin:0;font-size:1.125rem;font-weight:800;line-height:1}.navbar-title-row{align-items:center;gap:var(--space-3);display:flex}.navbar-status{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:#6366f11a;border:1px solid #6366f133;padding:2px 8px;display:flex}.navbar-status-dot{background-color:var(--color-primary-400);width:6px;height:6px;box-shadow:0 0 10px var(--color-primary-400);border-radius:50%;animation:2s infinite pulseStatus}@media (max-width:480px){.navbar-status-text{display:none}.navbar-status{padding:var(--space-1)}}@keyframes pulseStatus{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@media (min-width:640px){.navbar-title{font-size:1.25rem}}.navbar-nav{gap:var(--space-6);flex:1;justify-content:center;display:none}@media (min-width:1024px){.navbar-nav{display:flex}}.navbar-link{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);cursor:pointer;padding:var(--space-2) 0;background:0 0;border:none;font-size:11px;font-weight:800;transition:all .3s;position:relative}.navbar-link:hover{color:var(--text-main)}.navbar-link:after{content:"";background:var(--vibrant-gradient);border-radius:var(--radius-full);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.navbar-link-active{color:var(--text-main)!important}.navbar-link-active:after{width:100%}.navbar-tagline{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.3em;color:var(--color-primary-400);margin:0;font-size:9px;font-weight:800}.navbar-actions{align-items:center;gap:var(--space-4);display:flex}.navbar-theme-btn{border-radius:var(--radius-xl);background-color:var(--bg-input);color:var(--color-primary-400);border:1px solid var(--border-input);cursor:pointer;justify-content:center;align-items:center;padding:.625rem;transition:all .2s;display:flex}.navbar-theme-btn:hover{background-color:var(--glass-border);transform:scale(1.05)}.navbar-theme-btn:active{transform:scale(.95)}.navbar-reset-btn{border-radius:var(--radius-xl);background-color:var(--bg-input);color:var(--color-danger-400);border:1px solid var(--border-input);cursor:pointer;justify-content:center;align-items:center;padding:.625rem;transition:all .2s;display:flex}.navbar-reset-btn:hover{border-color:var(--color-danger-500);background-color:#ef44441a;transform:scale(1.05)}.navbar-reset-btn:active{transform:scale(.95)}.navbar-menu-btn{border-radius:var(--radius-xl);background-color:var(--bg-input);color:var(--color-primary-400);border:1px solid var(--border-input);cursor:pointer;z-index:1001;justify-content:center;align-items:center;padding:.625rem;transition:all .2s;display:flex}.navbar-menu-btn:hover{background-color:var(--glass-border);transform:scale(1.05)}.navbar-menu-btn:active{transform:scale(.95)}@media (min-width:1024px){.navbar-menu-btn{display:none}}.navbar-mobile-menu{background:var(--glass-bg);border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);width:100%;padding:var(--space-4) 0;gap:var(--space-2);opacity:0;pointer-events:none;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:100%;left:0;transform:translateY(-20px);box-shadow:0 10px 30px -10px #00000080}.navbar-mobile-menu.active{opacity:1;pointer-events:all;transform:translateY(0)}@media (min-width:1024px){.navbar-mobile-menu{display:none}}.navbar-mobile-link{width:100%;padding:var(--space-4) var(--space-6);text-align:left;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);border-radius:var(--radius-xl);background:0 0;border:none;font-size:13px;font-weight:800;transition:all .2s}.navbar-mobile-link:hover{color:var(--text-main);background:#ffffff0d}.navbar-mobile-link.active{background:var(--vibrant-gradient);color:#fff;box-shadow:0 4px 12px #6366f14d}.navbar-btn{padding:var(--space-2) var(--space-6);background:var(--vibrant-gradient);color:#fff;border-radius:var(--radius-xl);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:var(--space-2);cursor:pointer;border:none;font-size:10px;font-weight:900;transition:all .2s;display:flex;box-shadow:0 10px 15px -3px #6366f133}.navbar-btn:hover{filter:brightness(1.1)}.navbar-btn:active{transform:scale(.95)}@media (min-width:640px){.main{padding-top:var(--space-8);padding-bottom:var(--space-10)}}@media (min-width:1024px){.main{padding-top:var(--space-12);padding-bottom:var(--space-12)}}.mortgage-simulator{gap:var(--space-8);flex-direction:column;animation:.5s ease-out fadeIn;display:flex}.mortgage-header{margin-bottom:var(--space-2);text-align:center}.mortgage-title{font-family:var(--font-heading);color:var(--text-main);margin:0 0 var(--space-1);text-shadow:var(--text-glow);text-transform:uppercase;letter-spacing:-.02em;font-size:1.5rem;font-weight:900}@media (min-width:640px){.mortgage-title{font-size:2rem}}.mortgage-subtitle{color:var(--text-muted);margin:0;font-size:.875rem;font-weight:500}.app-layout{gap:var(--space-6);flex-direction:column;width:100%;min-width:0;animation:.5s ease-out fadeIn;display:flex}@media (min-width:1024px){.app-layout{align-items:start;gap:var(--space-12);grid-template-columns:380px 1fr;display:grid}}@media (min-width:1440px){.app-layout{grid-template-columns:440px 1fr}}.app-layout-config{gap:var(--space-6);flex-direction:column;display:flex}.app-layout-results{width:100%;min-width:0}.app-layout-results-inner{gap:var(--space-8);flex-direction:column;min-width:0;display:flex}.result-tabs{gap:var(--space-1);background:var(--glass-bg);padding:var(--space-1);border-radius:var(--radius-2xl);border:1px solid var(--glass-border);scrollbar-width:none;width:100%;display:flex;overflow-x:auto}.result-tabs::-webkit-scrollbar{display:none}@media (min-width:640px){.result-tabs{gap:var(--space-2);padding:var(--space-2);width:fit-content}}.result-tab{text-align:center;white-space:nowrap;padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);background:0 0;border:none;flex:1;font-size:10px;font-weight:800;transition:all .3s;display:flex}.result-tab svg{flex-shrink:0}@media (min-width:640px){.result-tab{padding:var(--space-2) var(--space-6);flex:none}}.result-tab:hover{color:var(--text-main);background:var(--bg-input)}.result-tab-active{background:var(--vibrant-gradient);box-shadow:0 10px 15px -3px #6366f133;color:#fff!important}.result-content{min-height:400px}.main{padding-top:var(--space-4);padding-bottom:var(--space-8)}.footer{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);background:var(--glass-bg);border-top:1px solid var(--glass-border);-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);box-sizing:border-box;flex-direction:column;width:100%;display:flex}.footer-label{text-transform:uppercase;letter-spacing:.5em;color:#6366f14d;margin:0 0 var(--space-4) 0;font-size:10px;font-weight:900}.footer-text{color:#6366f180;margin:0;font-size:10px}.editor{gap:var(--space-6);padding:var(--space-2);flex-direction:column;display:flex}.editor-header{justify-content:space-between;align-items:flex-end;display:flex}.editor-title{color:var(--text-main);text-transform:uppercase;letter-spacing:-.02em;text-shadow:var(--text-glow);margin:0;font-size:1.5rem;font-weight:900}.editor-subtitle{color:var(--color-primary-400);text-transform:uppercase;letter-spacing:.5em;margin:0 0 var(--space-1);font-size:10px;font-weight:900}.info-toggle{opacity:.5}.info-toggle.active{opacity:1;color:var(--color-primary-400)}.editor-info-box{padding:var(--space-4) var(--space-6);border-left:4px solid var(--color-primary-500);background-color:#6366f10d}.editor-info-box p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.6}.editor-grid{gap:var(--space-5);flex-direction:column;display:flex}.input-suffix{right:var(--space-5);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;opacity:.5;font-size:10px;font-weight:800;position:absolute}.input-row{gap:var(--space-2);display:flex}.input-row-item{flex:1;align-items:center;display:flex;position:relative}.field-select{padding-right:3.5rem!important}.extra-payment{padding:var(--space-6);color:#fff;gap:var(--space-3);flex-direction:column;display:flex;background:var(--vibrant-gradient)!important;box-shadow:0 20px 40px -10px #6366f14d!important}.extra-payment-label{text-transform:uppercase;letter-spacing:.3em;color:#ffffffe6;font-size:10px;font-weight:900}.extra-payment-wrapper{align-items:center;display:flex;position:relative}.extra-payment-icon{left:var(--space-4);color:#fff;pointer-events:none;font-weight:900;position:absolute}.extra-payment-input{border-radius:var(--radius-xl);padding:var(--space-4) var(--space-12) var(--space-4) var(--space-12);color:#fff;background:#fff3;border:1px solid #fff3;outline:none;width:100%;font-size:1.5rem;font-weight:900}.extra-payment-round-btn{right:var(--space-2);border-radius:var(--radius-lg);color:#fff;padding:var(--space-2);cursor:pointer;z-index:2;background:#ffffff26;border:1px solid #fff3;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.extra-payment-round-btn:hover:not(:disabled){background:#ffffff4d;transform:translateY(-50%)scale(1.05)}.extra-payment-round-btn:disabled{opacity:.3;cursor:not-allowed}.extra-payment-hint{opacity:.8;margin:0;font-size:11px;line-height:1.4}.extra-payment-total-preview{margin-top:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:#ffffff1a;border:1px solid #ffffff1a;justify-content:space-between;align-items:center;font-size:10px;display:flex}.extra-payment-total-preview strong{font-size:12px;font-weight:900}.charges-section{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.charges-header{justify-content:space-between;align-items:center;display:flex}.charges-header-content{align-items:center;gap:var(--space-3);display:flex}.charges-icon-wrapper{border-radius:var(--radius-lg);width:2rem;height:2rem;color:var(--color-primary-400);background:#6366f11a;justify-content:center;align-items:center;display:flex}.charges-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-main);font-size:12px;font-weight:900;display:block}.charges-count{color:var(--color-primary-500);opacity:.8;font-size:9px;font-weight:800;display:block}.charges-body{gap:var(--space-2);flex-direction:column;display:flex}.charge-item{gap:var(--space-2);flex-direction:column;animation:.3s ease-out forwards fadeIn;display:flex}.charge-name{flex:1}.charge-amount-wrapper{gap:var(--space-2);flex:1.5;display:flex}.charge-select{flex:.8}.charge-delete{border-radius:var(--radius-lg);padding:0 var(--space-3);color:var(--color-danger-500);cursor:pointer;background:#ef44441a;border:none;justify-content:center;align-items:center;height:3.25rem;transition:all .2s;display:flex}.charge-delete:hover{background:var(--color-danger-500);color:#fff}.charge-delete-icon{width:1.125rem;height:1.125rem}.add-charge-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-xl);color:var(--color-primary-400);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;margin-top:var(--space-2);background:#6366f10d;border:1px dashed #6366f14d;font-size:11px;font-weight:800;transition:all .2s;display:flex}.add-charge-btn:hover{border-color:var(--color-primary-400);background:#6366f11a}.add-charge-icon{width:1rem;height:1rem}.summary-empty{padding:var(--space-8);text-align:center}@media (min-width:640px){.summary-empty{padding:var(--space-16)}}.summary-empty-icon-wrapper{width:4rem;height:4rem;margin:0 auto var(--space-4);background-color:#6366f11a;border-radius:50%;justify-content:center;align-items:center;display:flex}.summary-empty-icon{width:2rem;height:2rem;color:var(--color-primary-400)}.summary-error{padding:var(--space-6);border-radius:var(--radius-2xl);background-color:#ef44440d;border:1px solid #ef444433}.summary-error-title{font-family:var(--font-heading);color:var(--color-danger-500);margin:0 0 var(--space-2);font-size:1.125rem;font-weight:800}.summary-grid{gap:var(--space-4);grid-template-columns:1fr;animation:.6s cubic-bezier(.22,1,.36,1) forwards fadeInUp;display:grid}@media (min-width:640px){.summary-grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.summary-card{padding:var(--space-4) var(--space-5);justify-content:space-between;gap:var(--space-4);flex-direction:column;transition:all .3s;display:flex;position:relative;container-type:inline-size}@media (min-width:640px){.summary-card{padding:var(--space-6);align-items:flex-start;gap:var(--space-2);flex-direction:column}}.summary-card-comparison{margin-top:var(--space-1);opacity:.6;flex-direction:column;align-items:flex-end;display:flex}@media (min-width:640px){.summary-card-comparison{margin-top:var(--space-2);align-items:flex-start}}.summary-card-comparison-label{font-family:var(--font-heading);text-transform:uppercase;color:var(--color-danger-500);font-size:8px;font-weight:900}.summary-card-comparison-value{color:var(--text-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--color-danger-500);text-decoration-color:var(--color-danger-500);font-size:15px;font-weight:700}.summary-card:after{content:"";opacity:.8;width:4px;height:100%;position:absolute;top:0;left:0}.summary-card.card-primary:after{background-color:var(--color-primary-500)}.summary-card.card-accent:after{background-color:var(--color-accent-500)}.summary-card.card-mint:after{background-color:var(--color-mint-500)}.summary-card.card-ice:after{background-color:var(--color-ice-500)}.summary-card-label{font-family:var(--font-heading);color:var(--text-muted);text-transform:uppercase;letter-spacing:.2rem;margin:0;font-size:8px;font-weight:900}@media (min-width:640px){.summary-card-label{letter-spacing:.3em;margin:0 0 var(--space-1);font-size:9px}}.summary-card-value{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;text-align:right;margin:0;font-size:clamp(.875rem,5cqw,1.125rem);font-weight:900;line-height:1.1;overflow:hidden}@container (width>=0){.summary-card-value{font-size:clamp(.875rem,8cqw,1.5rem)}}@media (min-width:640px){.summary-card-value{text-align:left;font-size:clamp(1rem,4cqw,1.25rem)}}@media (min-width:1024px){.summary-card-value{font-size:1.5rem}}.savings-grid{gap:var(--space-4);margin-top:var(--space-4);flex-direction:column;display:flex}@media (min-width:640px){.savings-grid{gap:var(--space-6)}}.savings-card{padding:var(--space-5);align-items:center;gap:var(--space-4);flex-direction:row;display:flex;position:relative;container-type:inline-size}@media (min-width:640px){.savings-card{padding:var(--space-10);gap:var(--space-2)}}.savings-card-icon-wrapper{padding:var(--space-4);border-radius:var(--radius-2xl);z-index:10;flex-shrink:0;transition:transform .4s}.savings-card:hover .savings-card-icon-wrapper{transform:scale(1.1)rotate(-5deg)}.savings-card-icon-wrapper-green{background-color:var(--color-mint-500);color:#000}.savings-card-icon-wrapper-gradient{background:var(--vibrant-gradient);color:#fff}.savings-card-icon{width:1.25rem;height:1.25rem}@media (min-width:640px){.savings-card-icon{width:1.5rem;height:1.5rem}}.savings-card-label{text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);margin:0;font-size:8px;font-weight:900}@media (min-width:640px){.savings-card-label{letter-spacing:.4em;margin:0 0 var(--space-2);font-size:10px}}.savings-card-value{font-family:var(--font-heading);color:var(--text-main);text-shadow:var(--text-glow);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(1rem,10cqw,1.25rem);font-weight:900;line-height:1;overflow:hidden}@media (min-width:640px){.savings-card-value{font-size:clamp(1.25rem,8cqw,1.75rem)}}.savings-card-bg-icon{opacity:.03;transition:transform .7s;position:absolute;bottom:-1rem;right:-1rem}.savings-card-bg-icon svg{width:5rem;height:5rem}.summary-card-unit,.savings-card-unit{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-left:.25rem;font-size:.65em;font-weight:700}.savings-card-content{flex-direction:column;justify-content:center;display:flex}.scenario-list{gap:var(--space-6);flex-direction:column;display:flex}@media (min-width:1024px){.scenario-list{gap:var(--space-8)}}.scenario-list-header{padding:0 var(--space-2);justify-content:space-between;align-items:center;display:flex}.scenario-list-actions{align-items:center;gap:var(--space-2);display:flex}.scenario-list-import-btn{width:auto;padding:var(--space-3)!important}.scenario-list-title{color:var(--color-primary-400);letter-spacing:.5em;text-transform:uppercase;margin:0;font-size:10px;font-weight:900}.scenario-list-add-btn{padding:var(--space-3);background:var(--vibrant-gradient);color:#fff;border-radius:var(--radius-xl);cursor:pointer;border:none;box-shadow:0 10px 15px -3px #6366f133}.scenario-list-add-btn:hover{filter:brightness(1.1)}.scenario-list-add-btn:active{transform:scale(.95)}.scenario-list-add-btn-icon{width:1rem;height:1rem}.scenario-list-items{gap:var(--space-4);padding:var(--space-4);scroll-snap-type:x mandatory;flex-direction:row;display:flex;overflow-x:auto}.scenario-page-group{gap:var(--space-4);scroll-snap-align:start;flex-direction:column;flex:0 0 100%;min-width:100%;display:flex}.scenario-item{padding:var(--space-4);cursor:pointer;border:1px solid #0000;justify-content:space-between;align-items:center;display:flex}@media (min-width:640px){.scenario-item{padding:var(--space-6)}}.scenario-item.active{border-color:#ffffff1a;background:var(--vibrant-gradient)!important;color:#fff!important;box-shadow:0 20px 40px -10px #6366f166!important}.scenario-item.active p{color:#fff!important}.scenario-item-info{flex:1;min-width:0}.scenario-item-label{text-transform:uppercase;letter-spacing:.3em;opacity:.8;color:var(--text-muted);margin:0 0 var(--space-2);font-size:9px;font-weight:900}.scenario-item-active .scenario-item-label{color:#fffc}.scenario-item-name{white-space:nowrap;text-overflow:ellipsis;margin:0 0 var(--space-1);font-size:1rem;font-weight:900;overflow:hidden}.scenario-item-details{color:var(--text-muted);word-break:break-all;overflow-wrap:anywhere;margin:0;font-size:10px;font-weight:700;line-height:1.4}.scenario-item-actions{gap:var(--space-1);display:flex}.action-btn{border-radius:var(--radius-xl);cursor:pointer;color:var(--color-primary-400);background:0 0;border:none;padding:.625rem;transition:all .2s}.scenario-item.active .action-btn{color:#fff}.action-btn:hover{background-color:#6366f11a}.scenario-item.active .action-btn:hover{background-color:#ffffff1a}.action-btn.delete{color:var(--text-muted);opacity:.5}.action-btn.delete:hover{color:#fff;opacity:1;background-color:#f87171}.scenario-item-action-icon{width:1.125rem;height:1.125rem;color:var(--color-primary-400)}.scenario-list-empty{color:var(--text-muted);text-align:center;padding:var(--space-8) 0;border:1px dashed var(--glass-border);border-radius:var(--radius-3xl);opacity:.6;font-size:.875rem}.amort-table-container{margin-bottom:var(--space-8);animation:.6s cubic-bezier(.22,1,.36,1) .4s forwards fadeInUp}.amort-table-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--glass-border);gap:var(--space-4);background-color:#6366f105;flex-direction:column;align-items:flex-start;display:flex}@media (min-width:640px){.amort-table-header{padding:var(--space-8);flex-direction:row;justify-content:space-between;align-items:center}}.amort-table-title-group{flex-direction:column;gap:.375rem;display:flex}.amort-table-label{font-family:var(--font-heading);color:var(--color-primary-400);text-transform:uppercase;letter-spacing:.3em;margin:0;font-size:10px;font-weight:800}.amort-table-title{font-family:var(--font-heading);color:var(--text-main);text-transform:uppercase;letter-spacing:-.02em;text-shadow:var(--text-glow);margin:0;font-size:1.125rem;font-weight:900}@media (min-width:640px){.amort-table-title{font-size:1.5rem}}.amort-table-expand-btn{width:100%}@media (min-width:640px){.amort-table-expand-btn{width:auto}}.amort-table-wrapper{overflow-x:auto}.amort-table{text-align:left;border-collapse:separate;border-spacing:0;width:100%;font-size:.875rem}.amort-table-head{color:var(--text-muted);background-color:#6366f10d}.amort-table-th{padding:var(--space-4) var(--space-6);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.2em;border-bottom:1px solid var(--glass-border);font-size:9px;font-weight:800}@media (min-width:640px){.amort-table-th{padding:var(--space-5) var(--space-8)}}.amort-table-th.text-right{text-align:right}.amort-table-row{transition:all .2s}.amort-table-row:hover{background-color:#ffffff08}.amort-table-td{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--glass-border);color:var(--text-main);white-space:nowrap;font-size:.75rem;font-family:var(--font-body)}@media (min-width:640px){.amort-table-td{padding:var(--space-5) var(--space-6);font-size:.875rem}}@media (min-width:768px){.amort-table-td{padding:var(--space-5) var(--space-8)}}.amort-table-td.index{color:var(--text-muted);opacity:.4;font-weight:700}.amort-table-row:hover .amort-table-td.index{color:var(--color-primary-400);opacity:1}.amort-table-td.payment{color:var(--text-main);font-weight:800}.amort-table-td.interest{color:var(--color-ice-500);opacity:.8}.amort-table-td.principal{color:var(--color-accent-500);font-weight:800}.amort-table-td.balance{color:var(--text-main);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-weight:900}.amort-table-td.occasional{color:var(--color-mint-500);font-weight:900}.amort-table-td.highlight{background-color:#10b98108}.amort-table-note{color:var(--text-muted);padding:var(--space-4) var(--space-8);border-top:1px solid var(--glass-border);opacity:.6;background:#6366f103;margin:0;font-size:10px;font-style:italic}.modal-container.export-modal{max-width:500px}.export-container{padding:var(--space-8)}.modal-content{gap:var(--space-6);flex-direction:column;display:flex}.modal-scenario-badge{border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4);background:#6366f11a;border:1px solid #6366f133;align-self:flex-start}.modal-scenario-name{color:var(--color-primary-400);margin:0;font-size:12px;font-weight:800}.modal-format-grid{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.format-btn{padding:var(--space-3);border:1px solid var(--glass-border);border-radius:var(--radius-xl);color:var(--text-muted);cursor:pointer;background:#ffffff0d;font-size:12px;font-weight:800;transition:all .2s}.format-btn:hover{color:var(--text-main);background:#ffffff1a}.format-btn.active{background:var(--color-primary-500);border-color:var(--color-primary-400);color:#fff;box-shadow:0 0 15px #6366f166}.modal-preview{gap:var(--space-2);flex-direction:column;display:flex}.modal-preview-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800}.modal-preview-box{border:1px solid var(--glass-border);border-radius:var(--radius-2xl);min-height:180px;padding:var(--space-4);background:#0f172a80;font-family:JetBrains Mono,monospace;font-size:11px;overflow:hidden}.modal-preview-code{color:#6366f1;opacity:.8}.modal-preview-code p{white-space:nowrap;margin:0}.modal-preview-pdf{gap:var(--space-2);flex-direction:column;height:100%;display:flex}.modal-preview-pdf-title{background:#ffffff1a;border-radius:4px;width:60%;height:12px}.modal-preview-pdf-line{background:#ffffff0d;border-radius:2px;width:100%;height:8px}.modal-preview-pdf-grid{margin-top:var(--space-2);grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.modal-preview-pdf-cell{background:#ffffff08;border:1px solid #ffffff0d;border-radius:2px;height:20px}.modal-preview-pdf-footer{opacity:.3;text-align:center;margin-top:auto;font-size:8px}.modal-preview-jpg{justify-content:center;align-items:center;gap:var(--space-4);background:var(--vibrant-gradient);border-radius:var(--radius-xl);color:#fff;flex-direction:column;height:100%;display:flex}.modal-preview-jpg-brand{letter-spacing:.3em;opacity:.7;font-size:10px;font-weight:900}.modal-preview-jpg-name{font-size:18px;font-weight:800}.modal-preview-jpg-stats{gap:var(--space-6);display:flex}.modal-preview-jpg-stat{flex-direction:column;align-items:center;display:flex}.modal-preview-jpg-stat-label{text-transform:uppercase;opacity:.6;font-size:9px}.modal-preview-jpg-stat-value{font-size:16px;font-weight:900}.modal-btn{padding:var(--space-3) var(--space-6);font-size:14px;font-weight:700}.charts-phantom{z-index:-1;opacity:0;pointer-events:none;width:1200px;position:fixed;top:0;left:-5000px}.charts-container{gap:var(--space-8);margin-top:var(--space-4);flex-direction:column;display:flex}.charts-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.charts-grid{grid-template-columns:repeat(2,1fr)}}.chart-card{padding:var(--space-6);gap:var(--space-4);flex-direction:column;min-width:0;animation:.6s cubic-bezier(.22,1,.36,1) .2s forwards fadeInUp;display:flex}.chart-header{justify-content:space-between;align-items:flex-start;display:flex}.chart-title{color:var(--text-main);margin:0 0 var(--space-1);text-shadow:var(--text-glow);font-size:1.125rem;font-weight:800}.chart-subtitle{color:var(--text-muted);opacity:.7;margin:0;font-size:11px;font-weight:600}.chart-body{flex:1;width:100%;min-width:0;min-height:300px}.chart-dual-container{gap:var(--space-4);width:100%;min-width:0;height:200px;margin-bottom:var(--space-4);display:flex}.chart-legend{justify-content:center;gap:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--glass-border);display:flex}.chart-legend-item{align-items:center;gap:var(--space-2);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800;display:flex}.chart-legend-dot{border-radius:50%;width:8px;height:8px}.chart-legend-dot.capital{background-color:#06b6d4}.chart-legend-dot.interest{background-color:#f472b6}.chart-legend-dot.charges{background-color:#6366f1}.modal-container.chart-modal{flex-direction:column;max-width:1200px;height:90vh;display:flex}.chart-overlay{background-color:var(--color-base-500);opacity:1}.chart-modal-title-group{flex-direction:column;display:flex}.chart-modal-close{padding:var(--space-2);border-radius:var(--radius-xl);color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:none;transition:all .2s}.chart-modal-close:hover{color:#ef4444;background:#ef44441a}.chart-modal-chart-wrapper{width:100%;height:100%}.chart-modal-dual-body{gap:var(--space-8);height:100%;display:flex}.chart-modal-half{gap:var(--space-6);flex-direction:column;flex:1;display:flex}.chart-modal-half-title{text-transform:uppercase;letter-spacing:.2em;text-align:center;padding:var(--space-4);border-radius:var(--radius-2xl);font-size:14px;font-weight:900}.chart-modal-half-title-original{color:var(--text-muted);background:#ffffff0d}.chart-modal-half-title-current{background:var(--vibrant-gradient);color:#fff}.chart-modal-chart-container{flex:1;min-height:0}.scenario-comparator{padding-top:var(--space-8);padding-bottom:var(--space-16);gap:var(--space-10);flex-direction:column;display:flex}.comparator-header{text-align:center;margin-bottom:var(--space-4)}.comparator-title{font-family:var(--font-heading);color:var(--text-main);text-transform:uppercase;letter-spacing:-.02em;margin:0 0 var(--space-2);text-shadow:var(--text-glow);font-size:2.5rem;font-weight:900}.comparator-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.125rem}.comparator-selection-grid{gap:var(--space-4);grid-template-columns:repeat(1,1fr);display:grid}@media (min-width:640px){.comparator-selection-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.comparator-selection-grid{grid-template-columns:repeat(3,1fr)}}.comparator-scenario-card{padding:var(--space-5);cursor:pointer;align-items:center;gap:var(--space-4);border:1px solid var(--glass-border);background:var(--card-bg);transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative}.comparator-scenario-card:hover{border-color:var(--color-primary-400);background:#ffffff0d;transform:translateY(-4px);box-shadow:0 20px 40px -10px #0000004d}.comparator-scenario-card.selected{border-color:var(--scenario-color);box-shadow:0 0 20px -5px var(--scenario-color-glow);background:#6366f10d}.comparator-scenario-indicator{background-color:var(--scenario-color,var(--glass-border));border-radius:var(--radius-full) 0 0 var(--radius-full);opacity:.3;width:4px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}.comparator-scenario-card.selected .comparator-scenario-indicator{opacity:1}.comparator-scenario-checkbox{border:2px solid var(--glass-border);border-radius:var(--radius-lg);background-color:var(--bg-input);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:all .3s;display:flex}.comparator-scenario-card.selected .comparator-scenario-checkbox{background:var(--vibrant-gradient);box-shadow:0 0 10px var(--scenario-color-glow);border-color:#0000}.comparator-scenario-info{flex-direction:column;flex:1;gap:2px;display:flex}.comparator-scenario-name{font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.01em;font-size:1rem;font-weight:800}.comparator-scenario-details{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.comparator-metrics-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(1,1fr);display:grid}@media (min-width:1024px){.comparator-metrics-grid{grid-template-columns:repeat(3,1fr)}}.comparator-metric-card{padding:var(--space-6) var(--space-8);gap:var(--space-5);flex-direction:column;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative}.comparator-metric-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000040}.comparator-metric-card:after{content:"";background:var(--scenario-color,var(--vibrant-gradient));border-radius:var(--radius-full) 0 0 var(--radius-full);width:4px;height:100%;position:absolute;top:0;left:0}.comparator-metric-header{padding-bottom:var(--space-4);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;display:flex}.comparator-metric-title{font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:900}.comparator-metric-dot{background:var(--scenario-color);width:12px;height:12px;box-shadow:0 0 12px var(--scenario-color-glow);border-radius:50%;flex-shrink:0}.comparator-metric-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);font-size:10px;font-weight:900}.metric-values-list{gap:var(--space-3);flex-direction:column;display:flex}.comparator-metric-row{padding:var(--space-2) 0;border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;display:flex}.comparator-metric-row:last-child{border-bottom:none}.comparator-metric-value{font-family:var(--font-heading);color:var(--text-main);text-shadow:var(--text-glow);font-size:1rem;font-weight:900}.text-success{color:var(--color-mint-500)!important}.comparator-chart-section{padding:var(--space-8);gap:var(--space-6);flex-direction:column;display:flex}.comparator-chart-header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.comparator-chart-tabs{gap:var(--space-2);background:var(--bg-input);padding:var(--space-1);border-radius:var(--radius-2xl);border:1px solid var(--glass-border);display:flex}.comparator-chart-tab{padding:var(--space-2) var(--space-5);border-radius:var(--radius-xl);color:var(--text-muted);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:800;transition:all .3s}.comparator-chart-tab:hover{color:var(--text-main);background:#ffffff0d}.comparator-chart-tab.active{background:var(--vibrant-gradient);color:#fff;box-shadow:0 4px 15px #6366f14d}.comparator-chart{width:100%;min-width:0;min-height:400px}.fullscreen-btn{border-radius:var(--radius-xl);background:var(--bg-input);border:1px solid var(--glass-border);width:40px;height:40px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;transition:all .3s;display:flex}.fullscreen-btn:hover{background:var(--glass-border);color:var(--color-accent-400);border-color:var(--color-accent-400);transform:scale(1.05)}.comparator-section-title{font-family:var(--font-heading);color:var(--text-main);text-transform:uppercase;letter-spacing:-.01em;margin-bottom:var(--space-6);text-shadow:var(--text-glow);align-items:center;gap:var(--space-3);font-size:1.25rem;font-weight:800;display:flex}.comparator-section-title:before{content:"";background:var(--vibrant-gradient);border-radius:var(--radius-full);width:2rem;height:4px}.comparator-insights-grid{gap:var(--space-4);grid-template-columns:repeat(1,1fr);display:grid}@media (min-width:640px){.comparator-insights-grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.comparator-insights-grid{grid-template-columns:repeat(3,1fr)}}.comparator-insight-card{padding:var(--space-3);align-items:center;gap:var(--space-3);cursor:pointer;border-left:4px solid var(--scenario-color);transition:all .3s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;overflow:hidden;container-type:inline-size}@media (min-width:640px){.comparator-insight-card{padding:var(--space-5) var(--space-6);gap:var(--space-4)}}.comparator-insight-card:hover{background:var(--scenario-color-light);box-shadow:0 10px 30px -8px var(--scenario-color-glow);transform:translateY(-3px)}.comparator-insight-card.active{background:var(--scenario-color-light);border-color:var(--scenario-color);box-shadow:0 0 20px var(--scenario-color-glow)}.comparator-insight-icon{border-radius:var(--radius-lg);background-color:var(--scenario-color);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:transform .3s;display:flex}@media (min-width:640px){.comparator-insight-icon{border-radius:var(--radius-xl);width:3rem;height:3rem}}.comparator-insight-content{flex:1;min-width:0}.comparator-insight-card:hover .comparator-insight-icon{transform:scale(1.1)rotate(-5deg)}.comparator-insight-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.3em;color:var(--text-muted);margin:0 0 var(--space-1);font-size:9px;font-weight:900}.comparator-insight-value{font-family:var(--font-heading);color:var(--text-main);margin:0 0 var(--space-1);word-break:break-word;overflow-wrap:anywhere;font-size:clamp(.7rem,12cqw,1rem);font-weight:900;line-height:1.1}@media (min-width:640px){.comparator-insight-value{font-size:clamp(.9rem,8cqw,1.125rem)}}.comparator-insight-detail{color:var(--text-muted);word-break:break-word;margin:0;font-size:clamp(.65rem,10cqw,.75rem);font-weight:700;line-height:1.3}.insight-tooltip-overlay{z-index:9998;position:fixed;inset:0}.insight-tooltip{z-index:9999;background:var(--color-base-500);border:2px solid var(--scenario-color);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:0 30px 60px -12px #000000b3, 0 0 30px var(--scenario-color-glow);width:min(380px,100vw - 2rem);max-height:calc(100vh - 2rem);animation:.25s cubic-bezier(.175,.885,.32,1.275) tooltipEntrance;position:fixed;overflow-y:auto}.tooltip-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--glass-border)}.tooltip-header strong{font-family:var(--font-heading);color:var(--text-main);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:13px;font-weight:900;display:block}.tooltip-header p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.tooltip-rankings{gap:var(--space-2);flex-direction:column;display:flex}.rank-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--glass-border);border-radius:var(--radius-xl);background:#ffffff08;transition:all .2s;display:flex}.rank-item.best{background:var(--scenario-color-light);border-color:var(--scenario-color)}.rank-number{font-family:var(--font-heading);color:var(--scenario-color);width:28px;font-size:1.125rem;font-weight:900}.rank-name{color:var(--text-main);flex:1;font-size:13px;font-weight:800}.rank-value{font-family:var(--font-heading);color:var(--text-muted);font-size:12px;font-weight:900}.empty-comparator{text-align:center;min-height:400px;padding:var(--space-10);border:2px dashed var(--glass-border);border-radius:var(--radius-3xl);background:#ffffff05;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon-box{width:5rem;height:5rem;color:var(--color-primary-400);margin-bottom:var(--space-6);background:#6366f11a;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 30px #6366f11a}.empty-comparator h3{font-family:var(--font-heading);color:var(--text-main);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-size:1.5rem;font-weight:900}.empty-comparator p{color:var(--text-muted);max-width:450px;font-size:1.125rem;line-height:1.6}.color-0{--scenario-color:#6366f1;--scenario-color-light:#6366f126;--scenario-color-glow:#6366f166}.color-1{--scenario-color:#ec4899;--scenario-color-light:#ec489926;--scenario-color-glow:#ec489966}.color-2{--scenario-color:#06b6d4;--scenario-color-light:#06b6d426;--scenario-color-glow:#06b6d466}.animate-fadeIn{animation:.4s ease-out fadeIn}.animate-slide-down{animation:.6s cubic-bezier(.22,1,.36,1) slideDown}