#tab-calculator{min-height:0}.calculator-shell{display:flex;flex:1;flex-direction:column;gap:24px;width:100%;min-height:0}.calculator-summary-panel{position:relative;z-index:2;width:100%;margin-bottom:18px;overflow:visible}.calculator-layout{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:clamp(18px,3vw,18px);align-items:stretch;flex:1;min-height:0}.calculator-input-panel{position:sticky;top:16px;display:flex;align-self:stretch;flex-direction:column;gap:12px;margin:0;min-height:0}.calculator-active-loan-card{position:relative;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border-color);border-radius:14px;background:var(--primary-color);box-shadow:inset 0 1px color-mix(in srgb,var(--text-color) 3%,transparent)}.calculator-active-loan-card.is-clickable{cursor:pointer}.calculator-loan-details-panel{border-radius:14px;box-shadow:inset 0 1px color-mix(in srgb,var(--text-color) 3%,transparent)}.calculator-loan-details-header{flex:0 0 auto;border:0;border-bottom:1px solid var(--border-color);border-radius:13px 13px 0 0;background:color-mix(in srgb,var(--secondary-color) 32%,var(--primary-color));box-shadow:none}.calculator-loan-appearance-trigger{display:grid;flex:0 0 36px;width:36px;height:36px;padding:0;place-items:center;border:0;border-radius:10px;color:var(--loan-color);background:color-mix(in srgb,var(--loan-color) 15%,var(--secondary-color));font-size:14px}.calculator-loan-appearance-trigger:hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--loan-color) 35%,transparent)}.is-green{--loan-color:var(--accent-color)}.is-blue{--loan-color:var(--brand-blue)}.is-purple{--loan-color:#a855f7}.is-orange{--loan-color:#f59e0b}.is-red{--loan-color:var(--danger-color)}.is-gray{--loan-color:var(--grey-color)}.calculator-active-loan-copy{display:flex;flex:1;min-width:0;flex-direction:column}.calculator-active-loan-name{box-sizing:border-box;width:100%;min-width:0;padding:7px 9px;border:1px solid transparent;border-radius:8px;color:var(--text-color);background:transparent;font-size:13px;font-weight:700;outline:none}.calculator-active-loan-name:hover,.calculator-active-loan-name:focus{border-color:var(--border-color);background:var(--primary-color)}.calculator-active-loan-name::placeholder{color:var(--grey-color);opacity:.8}.calculator-active-loan-chevron-button{display:grid;flex:0 0 28px;width:28px;height:28px;padding:0;place-items:center;border:0;border-radius:7px;color:var(--grey-color);background:transparent}.calculator-active-loan-chevron-button:hover{color:var(--text-color);background:color-mix(in srgb,var(--grey-color) 12%,transparent)}.calculator-active-loan-chevron{flex:0 0 auto;color:var(--grey-color);font-size:9px;transition:transform .18s ease}.calculator-active-loan-chevron.is-open{transform:rotate(180deg)}.calculator-new-loan-add{flex:0 0 auto}.calculator-loan-picker-trigger{display:flex;align-items:center;gap:7px;padding:7px 9px;border:0;border-radius:8px;color:var(--grey-color);background:color-mix(in srgb,var(--secondary-color) 82%,transparent);font-size:11px;font-weight:700;white-space:nowrap}.calculator-loan-picker-trigger:hover:not(:disabled){color:var(--text-color);background:var(--secondary-color)}.calculator-loan-picker-trigger i{font-size:9px;transition:transform .18s ease}.calculator-loan-picker-trigger[aria-expanded=true] i{transform:rotate(180deg)}.calculator-loan-picker-menu{position:absolute;z-index:20;top:calc(100% + 7px);right:0;left:0;display:flex;flex-direction:column;gap:3px;padding:6px;border:1px solid var(--border-color);border-radius:11px;background:var(--primary-color);box-shadow:0 16px 40px #00000047}.calculator-loan-picker-menu>button,.calculator-loan-picker-select{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:7px;width:100%;padding:9px 10px;border:0;border-radius:8px;color:var(--text-color);background:transparent;text-align:left}.calculator-loan-picker-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;border-radius:8px;transition:background-color .18s ease}.calculator-loan-picker-menu>button:hover,.calculator-loan-picker-menu>button[aria-selected=true],.calculator-loan-picker-row:hover,.calculator-loan-picker-row[aria-selected=true]{background:color-mix(in srgb,var(--accent-color) 12%,var(--secondary-color))}.calculator-loan-picker-menu button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calculator-loan-status-icon{width:18px;height:18px;fill:none;stroke:var(--grey-color);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.calculator-loan-picker-menu>button[aria-selected=true] .calculator-loan-status-icon,.calculator-loan-picker-row[aria-selected=true] .calculator-loan-status-icon{stroke:var(--accent-color)}.calculator-loan-delete{color:var(--danger-color);opacity:.75}.calculator-input-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:auto;padding-top:0;bottom:0}.calculator-input-actions .full-width-button{width:100%}.calculator-save-actions{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:10px;width:100%}.calculator-save-actions .calculator-profile-save{width:42px;min-width:42px;padding:0;border-color:var(--border-color);color:var(--text-color);background:var(--secondary-color);aspect-ratio:1}.calculator-save-actions .calculator-profile-save:hover:not(:disabled){border-color:var(--grey-color);background:color-mix(in srgb,var(--secondary-color) 78%,var(--grey-color))}.calculator-save-actions .calculator-regular-save{width:100%}.calculator-dialog-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:#0000009e;backdrop-filter:blur(5px)}.calculator-save-dialog{width:min(440px,100%);overflow:hidden;border:1px solid var(--border-color);border-radius:14px;color:var(--text-color);background:var(--primary-color);box-shadow:0 24px 80px #00000059}.calculator-save-dialog-header,.calculator-save-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:var(--secondary-color)}.calculator-save-dialog-header span{color:var(--accent-color);font-size:11px;font-weight:700;text-transform:uppercase}.calculator-save-dialog-header h2{margin:2px 0 0;font-size:19px}.calculator-save-dialog-header button{border:0;color:var(--grey-color);background:transparent;font-size:18px}.calculator-save-dialog-body{display:flex;flex-direction:column;gap:9px;padding:20px 18px}.calculator-save-error{display:flex;align-items:flex-start;gap:7px;margin:2px 0 0;padding:9px 10px;border:1px solid var(--danger-color);border-radius:8px;color:var(--danger-color);background:var(--danger-soft);font-size:12px}.calculator-appearance-icons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.calculator-appearance-icons button{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;padding:10px;border:1px solid var(--border-color);border-radius:9px;color:var(--text-color);background:var(--secondary-color);text-align:left}.calculator-appearance-icons button:hover{border-color:var(--accent-color)}.calculator-appearance-icons button>i:first-child{color:var(--grey-color)}.calculator-appearance-icons button[aria-checked=true]{border-color:var(--loan-color)}.calculator-appearance-icons button[aria-checked=true]>i:first-child{color:var(--loan-color)}.calculator-appearance-colors{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding-top:8px}.calculator-appearance-colors button{width:28px;height:28px;padding:0;border:3px solid var(--primary-color);border-radius:50%;background:var(--loan-color);box-shadow:0 0 0 1px var(--border-color)}.calculator-appearance-colors button[aria-checked=true]{box-shadow:0 0 0 2px var(--text-color)}.calculator-custom-color{display:flex;align-items:center;gap:7px;padding:5px 10px 5px 6px;border:1px solid var(--glass-border);border-radius:999px;color:var(--text-color);background:var(--glass-bg);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);box-shadow:0 5px 16px var(--shadow-color);font-size:12px;font-weight:700;cursor:pointer}.calculator-custom-color input{width:30px;height:30px;padding:0;overflow:hidden;border:1px solid var(--border-color);border-radius:50%;background:transparent;cursor:pointer}.calculator-custom-color input::-webkit-color-swatch-wrapper{padding:3px}.calculator-custom-color input::-webkit-color-swatch{border:0;border-radius:50%}.calculator-profile-checkbox{display:flex;align-items:center;gap:9px;margin-top:8px;font-size:12px}.calculator-profile-checkbox input{accent-color:var(--accent-color)}.calculator-save-dialog-footer{justify-content:flex-end;border-top:1px solid var(--border-color)}.calculator-input-actions .calculator-save-hint{text-align:center}.calculator-field{margin:8px 0}.calculator-field-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center}.calculator-section-subheader{font-size:13px;font-weight:700;color:var(--text-color);letter-spacing:.02em;padding:0 2px}.calculator-onetime-section,.calculator-panel{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:14px;overflow:hidden;background-color:var(--primary-color);box-shadow:inset 0 1px color-mix(in srgb,var(--text-color) 3%,transparent)}.calculator-panel.has-open-menu{position:relative;z-index:10;overflow:visible}.calculator-onetime-header,.calculator-panel-header{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:10px 14px;box-sizing:border-box;border-bottom:1px solid var(--border-color);background:color-mix(in srgb,var(--secondary-color) 32%,var(--primary-color))}.calculator-onetime-title,.calculator-panel-title{font-size:13px;font-weight:700;color:var(--text-color);letter-spacing:.02em}.calculator-panel-body{padding:8px 12px;display:flex;flex-direction:column}.calculator-additional-payments-panel{border-radius:14px}.calculator-additional-payments-panel.is-expanded{flex:1 1 0;min-height:0}.calculator-additional-payments-panel>.calculator-panel-header{min-height:50px}.calculator-additional-payments-body{gap:0;padding:0 14px 14px}.calculator-additional-payments-panel.is-expanded>.calculator-additional-payments-body{flex:1 1 0;min-height:0}.calculator-additional-payments-panel.is-expanded .calculator-additional-payments-section:last-child{flex:1 1 0;min-height:0;overflow:hidden}.calculator-additional-payments-panel.is-expanded .calculator-onetime-rows{flex:1 1 0;min-height:0;max-height:none}.calculator-additional-payments-section{flex:0 0 auto;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.calculator-additional-payments-section+.calculator-additional-payments-section{border-top:1px solid var(--border-color)}.calculator-additional-payments-section-header,.calculator-additional-payments-section>.calculator-onetime-header{min-height:auto;padding:14px 2px 9px;border:0;background:transparent}.calculator-additional-payments-section>.calculator-panel-body{padding:0 2px 12px}.calculator-additional-payments-section .calculator-onetime-rows{padding:0}.calculator-additional-payments-section .calculator-onetime-row{padding:10px 2px;border-bottom:0;border-radius:8px}.calculator-recurring-payment-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) 32px}.calculator-additional-payments-section .calculator-onetime-row:hover{background:color-mix(in srgb,var(--accent-color) 5%,transparent)}.calculator-onetime-header.no-border,.calculator-panel-header.no-border{border-bottom:none}.calculator-onetime-add{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--accent-color);border-radius:6px;background:transparent;color:var(--accent-color);font-size:12px;font-weight:700;cursor:pointer;transition:background-color .18s ease,color .18s ease}.calculator-onetime-add:hover{background-color:var(--accent-color);color:var(--text-on-danger)}.calculator-onetime-add:disabled{border-color:var(--border-color);color:var(--grey-color);cursor:not-allowed;background:transparent;opacity:.6}.calculator-onetime-add:disabled:hover{background-color:transparent;color:var(--grey-color)}.calculator-onetime-add i{font-size:10px}.calculator-onetime-rows{display:flex;flex-direction:column;max-height:160px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent-color) 55%,transparent) transparent;padding:12px 0}.calculator-onetime-rows::-webkit-scrollbar{width:6px}.calculator-onetime-rows::-webkit-scrollbar-button{display:none}.calculator-onetime-rows::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--accent-color) 55%,transparent)}.calculator-onetime-rows::-webkit-scrollbar-track{background:transparent}.calculator-onetime-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px;gap:8px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border-color);transition:background-color .15s ease}.calculator-onetime-row:last-child{border-bottom:none}.calculator-onetime-row:hover{background-color:var(--secondary-color)}.calculator-onetime-row .calculator-field{margin:0}.calculator-onetime-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-color);font-size:14px;opacity:.4;cursor:pointer;transition:opacity .18s ease,color .18s ease,border-color .18s ease,background-color .18s ease}.calculator-onetime-remove:hover{border-color:var(--danger-color);background-color:var(--danger-color);color:var(--text-on-danger);opacity:1}.calculator-field-separator{color:var(--text-color);font-size:14px;font-weight:800;opacity:.65;text-align:center}.calculator-input-prefix{position:absolute;top:50%;left:12px;transform:translateY(-50%);color:var(--text-color);font-size:14px;font-weight:700;opacity:.72;pointer-events:none}.calculator-field:has(.calculator-input-prefix) input{padding-left:28px}.calculator-input-suffix{position:absolute;top:50%;right:8px;display:flex;align-items:center;justify-content:center;width:22px;height:28px;transform:translateY(-50%);color:var(--text-color);font-size:14px;font-weight:700;opacity:.72;pointer-events:none;transition:opacity .18s ease}.calculator-field:hover .calculator-input-suffix,.calculator-field:focus-within .calculator-input-suffix{opacity:0}.calculator-field:has(.calculator-input-suffix) input{padding-right:44px}.calculator-field:has(.calculator-input-stepper) input{padding-right:44px}.calculator-amount-input::-webkit-outer-spin-button,.calculator-amount-input::-webkit-inner-spin-button,.calculator-rate-input::-webkit-outer-spin-button,.calculator-rate-input::-webkit-inner-spin-button{margin:0;appearance:none}.calculator-amount-input,.calculator-rate-input{appearance:textfield}.calculator-date-input::-webkit-calendar-picker-indicator{color:var(--text-color);cursor:pointer;filter:invert(1) grayscale(1) brightness(1.6);opacity:0;transition:opacity .18s ease}.light .calculator-date-input::-webkit-calendar-picker-indicator{filter:none}.calculator-field:hover .calculator-date-input::-webkit-calendar-picker-indicator,.calculator-field:focus-within .calculator-date-input::-webkit-calendar-picker-indicator{opacity:.72}.calculator-input-stepper{position:absolute;top:50%;right:8px;display:grid;width:22px;height:28px;overflow:hidden;border:1px solid var(--border-color);border-radius:7px;opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity .18s ease}.calculator-field:hover .calculator-input-stepper,.calculator-field:focus-within .calculator-input-stepper{opacity:1;pointer-events:auto}.calculator-input-stepper button{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:13px;padding:0;border:0;background-color:var(--secondary-color);color:var(--text-color);cursor:pointer;opacity:.72}.calculator-input-stepper button:first-child{border-bottom:1px solid var(--border-color)}.calculator-input-stepper button:hover,.calculator-input-stepper button:focus{color:var(--accent-color);opacity:1;outline:none}.calculator-input-stepper i{font-size:8px;line-height:1}.calculator-select-field{z-index:4}.calculator-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:11px 12px 9px;border:1px solid var(--border-color);border-radius:10px;background-color:var(--primary-color);color:var(--text-color);cursor:pointer;font:inherit;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.calculator-select-trigger:focus,.calculator-select-field:focus-within .calculator-select-trigger{border-color:var(--accent-color)}.calculator-select-trigger i{color:var(--text-color);font-size:12px;opacity:0;transition:transform .2s ease,color .2s ease,opacity .18s ease}.calculator-select-field:hover .calculator-select-trigger i,.calculator-select-field:focus-within .calculator-select-trigger i{opacity:.72}.calculator-select-trigger[aria-expanded=true] i{transform:rotate(180deg);color:var(--accent-color);opacity:1}.calculator-select-field label{top:0;left:10px;transform:translateY(-50%);font-size:11px;opacity:1;color:var(--accent-color);background-color:var(--primary-color);padding:0 5px}.calculator-select-menu{position:absolute;z-index:20;top:calc(100% + 5px);left:0;right:0;display:flex;flex-direction:column;gap:3px;padding:4px;border:1px solid var(--border-color);border-radius:12px;background-color:var(--secondary-color);box-shadow:0 14px 34px var(--shadow-color)}.calculator-select-option{width:100%;padding:9px 10px;border:0;border-radius:8px;background-color:transparent;color:var(--text-color);cursor:pointer;font:inherit;font-size:14px;text-align:left}.calculator-select-option:hover,.calculator-select-option:focus{background-color:var(--glass-bg);outline:none}.calculator-select-option[aria-selected=true]{background-color:var(--accent-soft);color:var(--accent-color);font-weight:700}.calculator-main-panel{display:flex;flex-direction:column;align-self:stretch;min-width:0;min-height:0;overflow:hidden}.calculator-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;overflow:visible}.calculator-metric,.calculator-metric:has(.metric-value){display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:72px;min-height:72px;max-height:72px;padding:0 16px;margin:0;min-width:0;position:relative;gap:4px;box-sizing:border-box;overflow:visible!important;isolation:isolate;border-radius:14px;background:var(--primary-color);box-shadow:inset 0 1px color-mix(in srgb,var(--text-color) 4%,transparent);transition:box-shadow .2s ease}.calculator-metric:hover{border-color:var(--border-color);box-shadow:inset 0 1px color-mix(in srgb,var(--text-color) 4%,transparent);transform:none}.calculator-metric[data-tooltip]{position:relative}.calculator-metric[data-tooltip]:hover{z-index:100}.calculator-metric[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px) scale(.95);background:var(--header-bg);border:1px solid var(--border-color);color:var(--text-color);padding:6px 12px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:1000;box-shadow:0 6px 18px var(--shadow-color);backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%)}.calculator-metric[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) scale(1)}.calculator-metric .metric-value{font-size:23px;font-weight:750;align-self:flex-start}.calculator-metric .metric-toggle-switch{width:32px;height:18px}.calculator-metric .metric-toggle-thumb{width:12px;height:12px;left:2px}.calculator-metric .metric-toggle-switch.on .metric-toggle-thumb{transform:translate(16px,-50%)}.calculator-metric .metric-card-header-row{height:20px;margin-bottom:0;display:flex;align-items:center;justify-content:space-between;width:100%}.metric-pill{position:absolute;top:8px;right:12px;font-size:9px;font-weight:700;padding:2px 6px;background-color:var(--accent-ring);color:var(--accent-color);border-radius:99px;text-transform:uppercase;letter-spacing:.5px}.metric-title-with-dot{display:inline-flex;align-items:center;gap:8px}.metric-title-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%}.metric-title-dot-principal{background-color:var(--success-color)}.metric-title-dot-interest{background-color:var(--danger-color)}.metric-title-dot-balance{background-color:var(--brand-blue)}.metric-title-dot-total-cost{background-color:var(--google-yellow)}.calculator-actions-container{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px}.calculator-save-hint{font-size:11px;opacity:.6}.calculator-save-msg{margin:0;font-size:12px}.calculator-results{margin-top:26px}.calculator-chart-panel,.calculator-schedule-panel{display:flex;flex:1 1 0;flex-direction:column;min-height:460px;overflow:hidden;padding-top:0}.calculator-visualizer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;flex-wrap:wrap}.calculator-header-summary{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.calculator-header-title-group{display:flex;align-items:baseline;gap:8px}.calculator-scenario-selector{position:absolute;top:6px;left:50%;z-index:40;display:inline-flex;align-items:center;padding:2px;border:1px solid var(--border-color);border-radius:999px;background:color-mix(in srgb,var(--primary-color) 92%,transparent);box-shadow:0 5px 16px var(--shadow-color);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);transform:translate(-50%)}.calculator-scenario-selector button{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:3px 9px;border:0;border-radius:999px;color:var(--grey-color);background:transparent;font:inherit;font-size:10px;font-weight:750;white-space:nowrap;cursor:pointer}.calculator-scenario-selector button:hover{color:var(--text-color)}.calculator-scenario-selector button.active{color:var(--text-color);background:var(--primary-color);box-shadow:0 2px 7px var(--shadow-color),inset 0 0 0 1px color-mix(in srgb,var(--text-color) 7%,transparent)}.calculator-scenario-selector button:focus-visible{outline:2px solid var(--accent-color);outline-offset:1px}.calculator-scenario-line{width:16px;height:0;border-top:2px solid #fff}.calculator-scenario-line.is-original{border-top-style:dashed;opacity:.65}.calculator-scenario-lines-both{display:inline-flex;width:16px;flex-direction:column;gap:3px}.calculator-scenario-lines-both span{width:16px;border-top:2px solid #fff}.calculator-scenario-lines-both span:last-child{border-top-style:dashed;opacity:.65}.calculator-header-title{font-size:14px;font-weight:700;color:var(--text-color);letter-spacing:.02em}.calculator-header-amount{color:var(--text-color);font-size:15px;font-weight:800}.calculator-header-pills{display:flex;align-items:center;gap:8px}.calculator-header-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border:1px solid var(--border-color);border-radius:999px;background:color-mix(in srgb,var(--secondary-color) 45%,transparent);color:var(--grey-color);font-size:11px;font-weight:600;line-height:1;white-space:nowrap}.calculator-header-pill b{color:var(--text-color);font-size:11px;font-weight:750;margin-left:2px}.calculator-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.calculator-export-container{position:relative;display:inline-flex}.calculator-export-trigger{display:grid;place-items:center;width:38px;height:38px;min-width:38px;padding:0;border:1px solid var(--border-color);border-radius:10px;color:var(--text-color);background:var(--primary-color);font-size:14px;cursor:pointer;box-shadow:inset 0 1px color-mix(in srgb,var(--text-color) 3%,transparent);transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.calculator-export-trigger:hover:not(:disabled),.calculator-export-trigger[aria-expanded=true]{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 12%,var(--secondary-color));color:var(--accent-color)}.calculator-export-trigger:disabled{opacity:.45;cursor:not-allowed}.calculator-export-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:50;display:flex;flex-direction:column;gap:3px;min-width:205px;padding:6px;border:1px solid var(--border-color);border-radius:12px;background:var(--primary-color);box-shadow:0 16px 40px #00000059}.calculator-export-item{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;border-radius:8px;color:var(--text-color);background:transparent;font:inherit;font-size:12px;font-weight:600;text-align:left;cursor:pointer;transition:background-color .15s ease,color .15s ease}.calculator-export-item i{font-size:12px;color:var(--grey-color);text-align:center;transition:color .15s ease}.calculator-export-item:hover{background:color-mix(in srgb,var(--accent-color) 12%,var(--secondary-color));color:var(--text-color)}.calculator-export-item:hover i{color:var(--accent-color)}.calculator-visual-toggle{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;flex:0 0 auto;width:390px;min-width:0;height:42px;padding:4px;overflow:hidden;box-sizing:border-box;border:1px solid var(--border-color);border-radius:12px;background-color:var(--primary-color)}.calculator-visual-toggle:before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 20px) / 3);border-radius:8px;background-color:var(--glass-bg);box-shadow:0 2px 8px var(--chart-toggle-shadow);transition:transform .28s cubic-bezier(.4,0,.2,1)}.calculator-visual-toggle:has(.chart-toggle-option:nth-child(2) input:checked):before{transform:translate(calc(100% + 6px))}.calculator-visual-toggle:has(.chart-toggle-option:nth-child(3) input:checked):before{transform:translate(calc(200% + 12px))}.calculator-compare-panel{display:flex;flex:1 1 0;min-height:460px;flex-direction:column;gap:14px;overflow:visible;padding:4px}.calculator-compare-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.calculator-compare-toolbar h3{margin:0 0 4px;font-size:18px}.calculator-compare-toolbar p{margin:0;color:var(--grey-color);font-size:12px}.calculator-compare-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.2vw,16px);align-items:stretch}.calculator-compare-slot{position:relative;min-width:0;min-height:278px;box-sizing:border-box;border:1px solid var(--border-color);border-radius:14px;color:var(--text-color);background:color-mix(in srgb,var(--primary-color) 96%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--text-color) 4%,transparent);transition:min-height .22s ease,border-color .2s ease,box-shadow .2s ease}.calculator-compare-card.is-baseline{border-color:var(--loan-color);box-shadow:inset 0 1px color-mix(in srgb,var(--text-color) 4%,transparent),0 0 0 1px color-mix(in srgb,var(--loan-color) 12%,transparent)}.calculator-compare-slot-empty{display:grid;overflow:visible;padding:44px 18px 24px;border-style:dashed;place-items:center}.calculator-compare-add,.calculator-compare-menu-trigger{display:grid;width:30px;height:30px;padding:0;place-items:center;border:0;border-radius:8px;color:var(--grey-color);background:transparent}.calculator-compare-add{position:absolute;top:10px;right:10px;border:1px solid var(--border-color);color:var(--text-color);background:var(--secondary-color)}.calculator-compare-add:hover,.calculator-compare-add[aria-expanded=true],.calculator-compare-menu-trigger:hover,.calculator-compare-menu-trigger[aria-expanded=true]{color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 11%,var(--secondary-color))}.calculator-compare-empty-copy{display:flex;align-items:flex-start;gap:10px;color:var(--grey-color);font-size:12px;font-weight:650;line-height:1.5;text-align:center}.calculator-compare-empty-copy i{margin-top:-14px;color:var(--text-color);font-size:15px;opacity:.48;transform:rotate(38deg)}.calculator-compare-picker,.calculator-compare-menu{position:absolute;z-index:40;display:flex;flex-direction:column;gap:3px;padding:6px;border:1px solid var(--border-color);border-radius:11px;background:var(--primary-color);box-shadow:0 16px 40px #0000004d}.calculator-compare-picker{top:46px;right:10px;width:min(230px,calc(100% - 20px));max-height:240px;overflow-y:auto}.calculator-compare-picker>button{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center;width:100%;padding:8px 9px;border:0;border-radius:8px;color:var(--text-color);background:transparent;font:inherit;font-size:12px;font-weight:700;text-align:left}.calculator-compare-picker>button:hover{background:color-mix(in srgb,var(--accent-color) 10%,var(--secondary-color))}.calculator-compare-picker>button>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calculator-compare-picker-icon{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--border-color);border-radius:8px;color:var(--loan-color)}.calculator-compare-picker-empty{padding:10px;color:var(--grey-color);font-size:11px;line-height:1.5;text-align:center}.calculator-compare-card{padding:14px}.calculator-compare-card-header{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) 30px;gap:9px;align-items:center;margin-bottom:14px}.calculator-compare-card-header>strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.calculator-compare-card-icon{display:grid;width:32px;height:32px;place-items:center;box-sizing:border-box;border:1px solid var(--border-color);border-radius:9px;color:var(--loan-color);background:transparent}.calculator-compare-card.is-baseline .calculator-compare-card-icon{border-color:color-mix(in srgb,var(--loan-color) 38%,var(--border-color));background:color-mix(in srgb,var(--loan-color) 17%,var(--secondary-color))}.calculator-compare-menu{top:36px;right:0;min-width:142px}.calculator-compare-menu button{display:grid;grid-template-columns:17px minmax(0,1fr);gap:8px;align-items:center;width:100%;padding:8px 9px;border:0;border-radius:7px;color:var(--text-color);background:transparent;font:inherit;font-size:12px;text-align:left}.calculator-compare-menu button:hover{background:var(--secondary-color)}.calculator-compare-menu button.is-danger{color:var(--danger-color)}.calculator-compare-card-details{display:flex;flex-direction:column;gap:0}.calculator-compare-card-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;align-items:baseline;min-height:34px;padding:5px 0;box-sizing:border-box;color:var(--grey-color);font-size:11px}.calculator-compare-card-row>strong{color:var(--text-color);font-size:12px;text-align:right;white-space:nowrap}.calculator-compare-card-row>small{grid-column:1 / -1;justify-self:end;display:inline-flex;align-items:center;gap:4px;margin-top:-3px;font-size:9px;font-weight:800}.calculator-compare-card-row>small.is-positive{color:var(--success-color)}.calculator-compare-card-row>small.is-negative{color:var(--danger-color)}.calculator-compare-collapse-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin:-2px 0}.calculator-compare-collapse-row>span{height:1px;background:var(--border-color)}.calculator-compare-collapse-row button{display:grid;width:34px;height:22px;padding:0;place-items:center;border:1px solid var(--border-color);border-radius:999px;color:var(--grey-color);background:var(--primary-color)}.calculator-compare-collapse-row button:hover{border-color:var(--accent-color);color:var(--accent-color)}.calculator-compare-collapse-row button i{font-size:9px}.calculator-compare-panel.is-collapsed .calculator-compare-slot{min-height:174px}.calculator-compare-panel.is-collapsed .calculator-compare-card-row.is-optional{display:none}.calculator-compare-panel.is-collapsed .calculator-compare-slot-empty{min-height:174px;padding-top:38px}.calculator-compare-chart-frame{display:flex;flex:1 0 330px;min-height:330px;flex-direction:column;padding:clamp(14px,2vw,20px);overflow:hidden;box-sizing:border-box;border:1px solid var(--border-color);border-radius:18px}.calculator-compare-chart-frame h4{margin:0 0 12px;font-size:14px}.calculator-chart-wrapper.calculator-compare-chart{flex:1;min-height:290px;overflow:hidden}.calculator-compare-balance-line .recharts-line-curve{transition:opacity .2s ease,stroke-width .2s ease}.calculator-compare-chart-empty{display:flex;flex:1;min-height:250px;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--grey-color);font-size:12px;text-align:center}.calculator-compare-chart-empty i{font-size:24px;opacity:.45}.calculator-compare-tooltip{display:flex;min-width:190px;flex-direction:column;gap:7px;padding:10px 12px;border:1px solid var(--border-color);border-radius:11px;color:var(--text-color);background:color-mix(in srgb,var(--header-bg) 94%,transparent);backdrop-filter:blur(18px) saturate(170%);box-shadow:0 10px 28px var(--shadow-color);font-size:11px}.calculator-compare-tooltip>strong{padding-bottom:2px}.calculator-compare-tooltip>span{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:7px;align-items:center}.calculator-compare-tooltip>span i{width:7px;height:7px;border-radius:50%;background:var(--loan-color)}.calculator-compare-tooltip>span b{font-size:11px}.calculator-visual-toggle .chart-toggle-option{position:relative;z-index:1;cursor:pointer}.calculator-visual-toggle .chart-toggle-option input{position:absolute;opacity:0;pointer-events:none}.calculator-visual-toggle .chart-toggle-option span{display:flex;align-items:center;justify-content:center;gap:7px;height:32px;border-radius:8px;color:var(--text-color);font-size:11px;font-weight:600;opacity:.6;transition:background-color .2s ease,color .2s ease,opacity .2s ease}.calculator-visual-toggle .chart-toggle-option span i{width:13px;font-size:.78rem;text-align:center}.calculator-visual-toggle .chart-toggle-option:hover span{background-color:var(--glass-bg);color:var(--text-color);opacity:1}.calculator-visual-toggle .chart-toggle-option input:checked+span{color:var(--accent-color);opacity:1}.calculator-chart-content{--chart-content-padding: 0px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(240px,1fr);gap:clamp(18px,2.2vw,26px);align-items:stretch;flex:1;min-height:0;padding:var(--chart-content-padding);overflow:hidden;box-sizing:border-box;border:0;border-radius:0;background:transparent;box-shadow:none}.calculator-chart-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:240px;overflow:hidden}.calculator-chart-content>.calculator-chart-wrapper{width:calc(100% + var(--chart-content-padding));height:calc(100% + var(--chart-content-padding));margin-bottom:calc(0px - var(--chart-content-padding));margin-left:calc(0px - var(--chart-content-padding))}.calculator-chart-wrapper .recharts-wrapper,.calculator-chart-wrapper .recharts-surface{overflow:visible}.calculator-chart-wrapper .recharts-cartesian-axis-tick-value,.calculator-axis-tick-label{fill:var(--text-color);font-size:13px;opacity:.52}.calculator-chart-wrapper .recharts-cartesian-grid line{stroke:var(--border-color);opacity:.72}.calculator-chart-wrapper .recharts-line-curve{transition:opacity .25s ease,stroke-width .25s ease}.calculator-chart-active-marker{transition:opacity .25s ease}.calculator-chart-marker-halo{opacity:.14}.calculator-chart-marker-core{filter:drop-shadow(0 3px 6px var(--shadow-color))}.chart-live-tooltip-glass{position:absolute;bottom:14px;left:clamp(94px,var(--chart-x),calc(100% - 34px));z-index:30;max-width:min(160px,40vw);padding:5px 9px;border:1px solid color-mix(in srgb,var(--chart-active-color) 42%,var(--header-border));border-radius:999px;background:color-mix(in srgb,var(--header-bg) 92%,transparent);backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);box-shadow:0 6px 18px var(--shadow-color);color:var(--text-color);font-size:12px;font-weight:750;overflow:hidden;pointer-events:none;text-overflow:ellipsis;transform:translate(-50%);white-space:nowrap}.calculator-chart-legend{display:grid;grid-template-columns:minmax(0,4fr) repeat(4,minmax(0,3fr));gap:8px;align-items:stretch;order:-1;align-self:stretch;min-width:0;padding:0}.calculator-chart-legend .legend-as-of-header{grid-column:auto;min-width:0}.calculator-chart-legend>.calculator-legend-row{border-color:var(--border-color)}.calculator-chart-legend h5{margin:0 0 18px;font-size:13px;font-weight:800}.calculator-legend-row{--legend-color: var(--grey-color);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-height:48px;padding:0 10px;border:1px solid transparent;border-bottom-color:var(--border-color);border-radius:10px;font-size:14px;font-weight:700;cursor:default;transition:opacity .25s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.calculator-legend-row:has(.calculator-legend-principal){--legend-color: var(--success-color)}.calculator-legend-row:has(.calculator-legend-interest){--legend-color: var(--danger-color)}.calculator-legend-row:has(.calculator-legend-balance){--legend-color: var(--brand-blue)}.calculator-legend-row:has(.calculator-legend-total-cost){--legend-color: var(--google-yellow)}.calculator-legend-row strong{font-size:15px}.calculator-legend-progress-row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:minmax(24px,1fr) 18px;gap:4px 6px;flex:0 0 auto;min-height:58px;max-height:none;padding:7px 8px;border-bottom-color:color-mix(in srgb,var(--legend-color) 15%,var(--border-color));background:linear-gradient(90deg,color-mix(in srgb,var(--legend-color) 5%,transparent),transparent 62%)}.calculator-legend-progress-row>span{min-width:0;align-self:center;line-height:1.15;white-space:normal}.calculator-legend-progress-row>.calculator-legend-line-toggle{align-self:center;margin-top:0}.calculator-legend-progress-row>strong{grid-column:3;grid-row:1;align-self:center;justify-self:end}.calculator-legend-total-row{display:grid;grid-column:2 / -1;grid-row:2;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;padding:1px 0 0 4px;color:var(--grey-color);font-size:12px;font-weight:700;line-height:1.2}.calculator-legend-total-row strong{color:var(--grey-color);font-size:12px;font-weight:750}.calculator-legend-progress-row:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--legend-color) 9%,transparent),transparent 68%)}.calculator-legend-row.faded{opacity:.36}.calculator-legend-row.active{border-color:color-mix(in srgb,var(--legend-color) 28%,var(--border-color));background:color-mix(in srgb,var(--legend-color) 8%,var(--secondary-color));box-shadow:inset 3px 0 0 var(--legend-color),0 5px 16px var(--shadow-color);transform:translate(2px)}.calculator-legend-dot{width:12px;height:12px;border-radius:50%;background-color:var(--legend-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--legend-color) 12%,transparent)}.calculator-legend-principal{--legend-color: var(--success-color)}.calculator-legend-interest{--legend-color: var(--danger-color)}.calculator-legend-balance{--legend-color: var(--brand-blue)}.calculator-legend-total-cost{--legend-color: var(--google-yellow)}.calculator-legend-line-toggle{position:relative;width:28px;height:16px;padding:0;border:1px solid color-mix(in srgb,var(--legend-color) 55%,var(--border-color));border-radius:999px;background:color-mix(in srgb,var(--legend-color) 18%,var(--primary-color));cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.calculator-legend-line-toggle>span{position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--legend-color);box-shadow:0 1px 4px var(--shadow-color);transition:transform .2s ease,background-color .2s ease}.calculator-legend-line-toggle.on{border-color:var(--legend-color);background:var(--legend-color)}.calculator-legend-line-toggle.on>span{background:var(--primary-color);transform:translate(12px)}.calculator-legend-line-toggle:focus-visible{outline:2px solid var(--legend-color);outline-offset:3px}.legend-as-of-header{position:relative;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(30px,1fr) minmax(28px,auto);gap:4px 6px;align-items:center;margin:0;padding:10px;border:1px solid var(--border-color);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--secondary-color) 82%,#000 18%),color-mix(in srgb,var(--primary-color) 78%,#000 22%));box-shadow:inset 3px 0 color-mix(in srgb,#fff 82%,transparent),inset 0 1px color-mix(in srgb,#fff 5%,transparent)}.legend-as-of-primary{display:flex;grid-column:1;grid-row:1;align-self:center;align-items:baseline;flex-direction:row;gap:4px;min-width:0}.legend-as-of-kicker{color:var(--grey-color);font-size:10px;font-weight:750;letter-spacing:.08em;line-height:1;text-transform:uppercase;white-space:nowrap}.legend-as-of-date{min-width:0;margin:-2px -4px;padding:2px 4px;overflow:hidden;border:0;border-radius:5px;color:var(--text-color);background:transparent;font-family:inherit;font-size:15px;font-weight:800;letter-spacing:.02em;line-height:1.15;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:color .16s ease,background-color .16s ease}.legend-as-of-date:hover,.legend-as-of-date:focus-visible{color:#fff;background:color-mix(in srgb,#fff 10%,transparent);outline:none}.legend-as-of-stepper{display:grid;width:22px;height:28px;flex:0 0 auto;overflow:hidden;border:1px solid var(--border-color);border-radius:7px}.legend-as-of-stepper button{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:13px;padding:0;border:0;color:var(--grey-color);background:var(--secondary-color);cursor:pointer;transition:color .16s ease,background-color .16s ease,opacity .16s ease}.legend-as-of-stepper button:first-child{border-bottom:1px solid var(--border-color)}.legend-as-of-stepper button:hover,.legend-as-of-stepper button:focus-visible{color:#fff;background:color-mix(in srgb,#fff 10%,var(--secondary-color));outline:none}.legend-as-of-stepper button:disabled{opacity:.28;cursor:default}.legend-as-of-stepper i{font-size:8px;line-height:1}.legend-as-of-range-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:70;display:grid;width:min(300px,calc(100vw - 48px));gap:8px;padding:10px 12px;box-sizing:border-box;border:1px solid color-mix(in srgb,#fff 18%,var(--border-color));border-radius:11px;background:color-mix(in srgb,var(--primary-color) 88%,#000 12%);box-shadow:0 12px 28px var(--shadow-color)}.legend-as-of-range-popover>strong{color:#fff;font-size:12px;text-align:center}.legend-as-of-range-popover input[type=range]{width:100%;margin:0;accent-color:#fff;cursor:pointer}.legend-as-of-range-bounds{display:flex;justify-content:space-between;gap:12px;color:var(--grey-color)}.legend-as-of-range-bounds small{font-size:9px;white-space:nowrap}.legend-as-of-final-date{grid-column:1;grid-row:2;align-self:end;font-size:12px;font-weight:650;color:var(--grey-color);white-space:nowrap}.legend-as-of-duration{font-size:11px;font-weight:650;color:var(--grey-color)}.legend-as-of-bottom-controls{display:flex;grid-column:2;grid-row:2;align-items:center;justify-self:end;gap:7px;min-width:0}.calculator-legend-payment-badge{grid-column:2;grid-row:1;align-self:start;justify-self:end;padding:3px 5px;border:1px solid var(--border-color);border-radius:999px;color:var(--text-color);background:color-mix(in srgb,var(--secondary-color) 45%,transparent);font-size:10px!important;font-weight:750;letter-spacing:.02em;line-height:1;white-space:nowrap}.calculator-legend-mini-dot{width:7px;height:7px;border-radius:50%}.calculator-legend-mini-dot.is-principal{background:var(--success-color)}.calculator-legend-mini-dot.is-interest{background:var(--danger-color)}.schedule-table-container{display:flex;flex:1;flex-direction:column;width:100%;height:0;min-height:0;margin-top:0;overflow:hidden}.schedule-table-header{flex:0 0 auto;padding-right:18px;background-color:var(--secondary-color)}.schedule-table-body{flex:1 1 0;min-height:0;overflow:auto;scrollbar-gutter:stable}.schedule-table-container .finance-table{table-layout:fixed;width:100%}.calculator-schedule-table th,.calculator-schedule-table td{padding-left:18px;padding-right:18px;white-space:nowrap}.calculator-schedule-table .schedule-money-column{text-align:right}.calculator-schedule-table th.schedule-money-column .schedule-header-label{justify-content:flex-end;width:100%}.calculator-schedule-table .schedule-col-number{width:5%}.calculator-schedule-table .schedule-col-date{width:13%}.calculator-schedule-table .schedule-col-principal{width:21%}.calculator-schedule-table .schedule-col-interest{width:20%}.calculator-schedule-table .schedule-col-balance{width:21%}.calculator-schedule-table .schedule-col-total-cost{width:20%}.calculator-schedule-table.without-total-cost .schedule-col-number{width:5%}.calculator-schedule-table.without-total-cost .schedule-col-date{width:17%}.calculator-schedule-table.without-total-cost .schedule-col-principal,.calculator-schedule-table.without-total-cost .schedule-col-interest,.calculator-schedule-table.without-total-cost .schedule-col-balance{width:26%}.calculator-schedule-table tbody tr:hover td{border-bottom-color:var(--accent-color);box-shadow:inset 0 1px 0 var(--accent-color),inset 0 -1px 0 var(--accent-color)}.calculator-schedule-table tbody tr:hover td:first-child{box-shadow:inset 1px 0 0 var(--accent-color),inset 0 1px 0 var(--accent-color),inset 0 -1px 0 var(--accent-color)}.calculator-schedule-table tbody tr:hover td:last-child{box-shadow:inset -1px 0 0 var(--accent-color),inset 0 1px 0 var(--accent-color),inset 0 -1px 0 var(--accent-color)}.schedule-header-label{display:inline-flex;align-items:center;gap:8px;min-width:0}.schedule-header-dot{flex:0 0 auto;width:10px;height:10px;border-radius:50%}.schedule-header-principal{background-color:var(--success-color)}.schedule-header-interest{background-color:var(--danger-color)}.schedule-header-balance{background-color:var(--brand-blue)}.schedule-header-total-cost{background-color:var(--google-yellow)}.schedule-table-container .finance-table th{border-bottom:none}@media(min-width:981px)and (max-width:1280px){.calculator-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:981px)and (max-width:1120px){.calculator-chart-content{--chart-content-padding: 0px;grid-template-rows:auto minmax(190px,1fr);gap:14px;padding:var(--chart-content-padding)}.calculator-chart-wrapper{min-height:190px}.calculator-chart-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-chart-legend .legend-as-of-header{grid-column:1 / -1}}@media(max-width:980px){.calculator-layout{grid-template-columns:1fr}.calculator-input-panel{position:static}.calculator-additional-payments-panel.is-expanded,.calculator-additional-payments-panel.is-expanded>.calculator-additional-payments-body,.calculator-additional-payments-panel.is-expanded .calculator-additional-payments-section:last-child,.calculator-additional-payments-panel.is-expanded .calculator-onetime-rows{flex:0 0 auto}.calculator-additional-payments-panel.is-expanded .calculator-additional-payments-section:last-child{overflow:visible}.calculator-additional-payments-panel.is-expanded .calculator-onetime-rows{max-height:220px}.calculator-summary-grid,.calculator-compare-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-chart-content{grid-template-columns:1fr;grid-template-rows:auto 360px;gap:18px;flex:0 0 auto}.calculator-chart-panel{flex:0 0 auto;min-height:0;overflow:visible}.calculator-schedule-panel{min-height:560px}.calculator-chart-wrapper{height:360px;min-height:360px}.calculator-chart-legend{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.calculator-chart-legend .legend-as-of-header,.calculator-chart-legend .legend-divider{grid-column:1 / -1}.calculator-chart-legend .legend-divider{margin-bottom:4px!important}.calculator-legend-row{min-height:48px;border-color:var(--border-color)}.calculator-visual-toggle{height:48px;border-radius:14px}.calculator-visual-toggle .chart-toggle-option span{height:38px;font-size:.82rem;font-weight:700}}@media(max-width:600px){.calculator-actions-container{align-items:stretch;flex-direction:column}.calculator-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-compare-panel{gap:12px;padding:0}.calculator-compare-toolbar{padding:0 2px}.calculator-compare-cards{display:flex;gap:10px;padding:2px 2px 8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.calculator-compare-cards::-webkit-scrollbar{display:none}.calculator-compare-slot{flex:0 0 min(82vw,300px);scroll-snap-align:start}.calculator-compare-chart-frame{flex-basis:310px;min-height:310px;padding:12px 8px 8px;border-radius:14px}.calculator-chart-wrapper.calculator-compare-chart{min-height:270px}.calculator-field-row{grid-template-columns:1fr;gap:0}.calculator-recurring-payment-row{grid-template-columns:minmax(0,1fr) 32px;column-gap:8px}.calculator-recurring-payment-row .calculator-field{grid-column:1}.calculator-recurring-payment-row .calculator-recurring-reset{grid-column:2;grid-row:1 / span 2;align-self:center}.calculator-field-separator{display:none}.calculator-onetime-row{grid-template-columns:1fr 32px}.calculator-onetime-row .calculator-field:first-child{grid-column:1 / -1}.calculator-visual-toggle{width:100%;height:46px}.calculator-visual-toggle .chart-toggle-option span{height:36px;font-size:.78rem}.calculator-chart-content{--chart-content-padding: 0px;grid-template-rows:auto 320px;gap:14px;padding:var(--chart-content-padding);border-radius:14px}.calculator-chart-wrapper{height:320px;min-height:320px;overflow:hidden}.calculator-chart-panel{min-height:0}.calculator-schedule-panel{min-height:460px}.calculator-chart-legend{grid-template-columns:1fr;gap:0;padding:0}.calculator-legend-row{min-height:46px}.calculator-axis-tick-label,.calculator-chart-wrapper .recharts-cartesian-axis-tick-value{font-size:11px}}.legend-divider{margin:8px 0 6px!important}.clickable-toggle-card{cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;user-select:none}.clickable-toggle-card:hover{border-color:var(--border-color);background:var(--primary-color);box-shadow:inset 0 1px color-mix(in srgb,var(--text-color) 4%,transparent)}.metric-card-header-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px}.metric-toggle-switch{position:relative;flex:0 0 auto;width:48px;height:26px;border:1px solid var(--border-color);border-radius:999px;background-color:var(--text-on-danger);box-shadow:inset 0 1px 3px var(--shadow-color);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.metric-toggle-switch.on{border-color:var(--success-color);background-color:var(--success-color)}.metric-toggle-thumb{position:absolute;top:50%;left:3px;width:20px;height:20px;border-radius:50%;background-color:var(--primary-color);box-shadow:0 3px 8px var(--shadow-color);transform:translateY(-50%);transition:transform .2s ease,background-color .2s ease}.metric-toggle-switch.on .metric-toggle-thumb{background-color:var(--text-on-danger);transform:translate(22px,-50%)}.calculator-panel-toggle{display:grid;width:28px;height:28px;padding:0;place-items:center;border:0;border-radius:7px;color:var(--grey-color);background:transparent}.calculator-panel-toggle:hover{color:var(--text-color);background:color-mix(in srgb,var(--grey-color) 12%,transparent)}.calculator-panel-toggle i{font-size:11px;transition:transform .18s ease}.calculator-panel-toggle[aria-expanded=false] i{transform:rotate(-90deg)}
