:root{--primary-blue:#4a90e2;--primary-blue-light:#6ba5e8;--primary-blue-dark:#3a80d2;--secondary-blue:#2c5f95;--accent-blue:#e3f2fd;--accent-blue-light:#eaf5fe;--red-accent:#e74c3c;--red-accent-light:#eb6b5e;--red-accent-dark:#d73c2c;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-card:#fff;--text-primary:#2d3748;--text-secondary:#4a5568;--text-muted:#718096;--border-color:#e2e8f0;--border-light:#f1f5f9;--success-color:#10b981;--success-color-light:#34d399;--success-color-dark:#059669;--warning-color:#f59e0b;--error-color:#ef4444;--shadow-light:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-medium:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-large:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);margin:0;padding:0;font-family:Inter,sans-serif;line-height:1.6}.calculator-header{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);margin-bottom:2rem;padding:2.5rem 0;position:relative;overflow:hidden;display:none!important}.calculator-header:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grid\" width=\"10\" height=\"10\" patternUnits=\"userSpaceOnUse\"><path d=\"M 10 0 L 0 0 0 10\" fill=\"none\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"1\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grid)\"/></svg>");position:absolute;inset:0}.header-content{text-align:center;z-index:1;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}.header-title{color:#fff;text-shadow:0 2px 4px #0000001a;margin-bottom:.5rem;font-size:clamp(2rem,4vw,3rem);font-weight:700}.header-subtitle{color:#ffffffe6;max-width:600px;margin:0 auto;font-size:1.2rem;font-weight:400}.main-container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem 2rem;overflow-x:hidden;padding-top:0!important}.calculator-container{gap:2rem;margin-bottom:2rem;display:grid}.card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-light);border-radius:16px;padding:2rem;transition:all .3s;position:relative}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.card-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:600;display:flex}.card-title i{color:var(--primary-blue);font-size:1.2rem}.card-subtitle{color:var(--text-secondary);margin-top:.25rem;font-size:1rem}.input-section{gap:1.5rem;display:grid}.scenario-tabs{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;gap:.5rem;margin-bottom:2rem;padding:.5rem;display:flex}.scenario-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:1rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .3s;position:relative}.scenario-tab:hover{background:var(--accent-blue);color:var(--primary-blue)}.scenario-tab.active[data-scenario="2"]{background:var(--red-accent)}.scenario-content{display:none}.scenario-content.active{display:block}.input-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;padding:.5rem;display:grid}.input-group{flex-direction:column;gap:.75rem;display:flex;position:relative}.input-label{color:var(--text-primary);letter-spacing:.3px;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.input-label i{color:var(--primary-blue);font-size:.9rem}.input-wrapper{position:relative}.input-field{background:var(--bg-card);border:2px solid var(--border-color);width:100%;color:var(--text-primary);box-shadow:var(--shadow-light);border-radius:12px;padding:1rem 1.25rem;font-family:inherit;font-size:1rem;font-weight:500;transition:all .3s}.input-field:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-medium)}.input-field:focus{border-color:var(--primary-blue);background:var(--accent-blue);outline:none;box-shadow:0 0 0 3px #4a90e21a}.input-field::placeholder{color:var(--text-muted)}.scenario-content[id=scenario-2] .input-field:focus{border-color:var(--red-accent);background:#e74c3c0d;box-shadow:0 0 0 3px #e74c3c1a}.scenario-content[id=scenario-2] .input-label i{color:var(--red-accent)}.input-field.error{border-color:var(--error-color);background:#ef44440d}.input-wrapper[data-currency]:before,.input-wrapper[data-suffix]:after{color:var(--text-secondary);pointer-events:none;z-index:1;font-size:.9rem;font-weight:600;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%)}.input-wrapper[data-currency]:before{content:attr(data-currency);left:1rem}.input-wrapper[data-currency] .input-field{padding-left:2.25rem}.input-wrapper[data-suffix]:after{content:attr(data-suffix);font-size:.8rem;right:1rem}.input-wrapper[data-suffix] .input-field{padding-right:3rem}.input-wrapper:focus-within[data-currency]:before,.input-wrapper:focus-within[data-suffix]:after{color:var(--primary-blue)}.interest-only-section{margin:1.5rem 0;padding:1rem 0}.interest-only-toggle{flex-direction:column;gap:.5rem;display:flex}.toggle-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;display:flex}.toggle-input{display:none}.toggle-slider{background:var(--border-color);border:2px solid var(--border-color);border-radius:50px;width:50px;height:28px;transition:all .3s;position:relative}.toggle-slider:before{content:"";width:20px;height:20px;box-shadow:var(--shadow-light);background:#fff;border-radius:50%;transition:all .3s;position:absolute;top:2px;left:2px}.toggle-input:checked+.toggle-slider{background:var(--primary-blue);border-color:var(--primary-blue)}.scenario-content[id=scenario-2] .toggle-input:checked+.toggle-slider{background:var(--red-accent);border-color:var(--red-accent)}.toggle-text{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.toggle-text i{color:var(--primary-blue);font-size:.9rem}.scenario-content[id=scenario-2] .toggle-text i{color:var(--red-accent)}.toggle-description{color:var(--text-secondary);margin-left:65px;font-size:.8rem;font-style:italic}.frequency-selector{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;gap:.5rem;margin-top:1.5rem;padding:.5rem;display:flex}.frequency-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .3s}.frequency-btn:hover{background:var(--accent-blue);color:var(--primary-blue)}.frequency-btn.active{background:var(--primary-blue);color:#fff;box-shadow:var(--shadow-medium);transform:translateY(-1px)}.results-container{gap:2rem;display:grid}.summary-grid{gap:1.5rem;width:100%;max-width:800px;margin:0 auto;grid-template-columns:repeat(2,1fr)!important;display:grid!important}@media (width>=1200px){.summary-grid{gap:2rem;max-width:900px;grid-template-columns:repeat(2,1fr)!important}}.summary-card{background:linear-gradient(135deg,var(--bg-card) 0%,var(--accent-blue) 100%);border:1px solid var(--border-color);text-align:center;width:100%;max-width:400px;min-height:140px;box-shadow:var(--shadow-light);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:2rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.summary-card:before{content:"";opacity:0;background:radial-gradient(circle,#4a90e21a 0%,#0000 70%);width:200%;height:200%;transition:opacity .3s;position:absolute;top:-50%;left:-50%}.summary-card:hover:before{opacity:1}.summary-label{color:var(--text-secondary);margin-bottom:.75rem;font-size:.95rem;font-weight:500}.summary-value{color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1.2}.summary-value.highlight-green{color:var(--success-color)}.summary-value.highlight-blue{color:var(--primary-blue)}.comparison-section{background:linear-gradient(135deg,var(--bg-card) 0%,var(--accent-blue) 100%);border:2px solid var(--primary-blue);min-height:450px;box-shadow:var(--shadow-medium);border-radius:16px;margin-top:2rem;padding:2.5rem}.comparison-header{text-align:center;margin-bottom:2.5rem}.comparison-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.75rem;font-weight:600}.comparison-grid{grid-template-columns:1fr 3px 1fr;align-items:stretch;gap:2rem;width:100%;min-height:300px;display:grid}.comparison-divider{background:linear-gradient(to bottom,transparent,var(--border-color),transparent);align-self:stretch;width:3px;height:100%}.comparison-column{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-light);border-radius:16px;flex-direction:column;gap:1rem;padding:2rem;transition:all .3s;display:flex}.comparison-column:first-child{border-left:4px solid var(--primary-blue)}.comparison-column:last-child{border-left:4px solid var(--red-accent)}.comparison-column-header{text-align:center;color:var(--text-primary);border-bottom:2px solid var(--border-light);margin-bottom:1rem;padding-bottom:.75rem;font-size:1.25rem;font-weight:600}.comparison-item{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;width:100%;min-height:60px;padding:1rem 0;display:flex}.comparison-item:last-child{border-bottom:none}.comparison-label{color:var(--text-secondary);overflow-wrap:break-word;flex-shrink:0;width:45%;font-size:.95rem;font-weight:500}.comparison-value{color:var(--text-primary);text-align:right;overflow-wrap:break-word;width:50%;font-size:.95rem;font-weight:600;transition:all .3s}.comparison-value.highlight-green{color:var(--success-color)}.comparison-value.highlight-blue{color:var(--primary-blue)}.winner-badge{background:var(--success-color);color:#fff;box-shadow:var(--shadow-medium);border-radius:50px;margin-top:1.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;display:inline-block}.chart-container{background:var(--bg-card);width:100%;height:500px;box-shadow:var(--shadow-light);border:1px solid var(--border-color);border-radius:16px;margin-top:1rem;padding:2rem;transition:height .3s;position:relative}.table-wrapper{box-shadow:var(--shadow-light);border-radius:12px;width:100%;max-width:100%;margin-top:1rem;overflow-x:auto}.data-table{border-collapse:collapse;background:var(--bg-card);table-layout:fixed;width:100%;min-width:600px}.data-table th{background:var(--primary-blue);color:#fff;text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;padding:1.25rem 1rem;font-size:.95rem;font-weight:600;overflow:hidden}.data-table td{color:var(--text-primary);border-bottom:1px solid var(--border-light);vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;padding:1.25rem 1rem;font-size:.9rem;overflow:hidden}.data-table tr:hover{background:var(--accent-blue)}.btn{background:var(--primary-blue);color:#fff;cursor:pointer;box-shadow:var(--shadow-medium);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary{background:var(--bg-card);border:2px solid var(--primary-blue);color:var(--primary-blue);box-shadow:var(--shadow-light)}.btn-secondary:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);box-shadow:var(--shadow-medium)}.btn-secondary.comparison-active{color:#fff!important;background:#ff6b35!important;border-color:#ff6b35!important}.btn-secondary.comparison-active:hover{background:#e55a2e!important;border-color:#e55a2e!important}.btn-group{flex-wrap:wrap;gap:1rem;display:flex}.toggle-group{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:.5rem;display:flex}.toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.75rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .3s}.toggle-btn.active{background:var(--primary-blue);color:#fff;box-shadow:var(--shadow-medium)}.modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;opacity:0;visibility:hidden;background:#00000080;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:0}.modal.active{opacity:1;visibility:visible}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);width:90%;max-width:900px;max-height:90vh;box-shadow:var(--shadow-large);border-radius:16px;padding:2rem;overflow:auto}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.modal-title{color:var(--text-primary);font-size:1.5rem;font-weight:600}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem;font-size:1.5rem;transition:all .3s}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}@media (width<=1024px){.input-grid{gap:1.25rem}.chart-container{height:450px;padding:1.5rem}}@media (width<=768px){.main-container{width:100%;max-width:100vw;padding:0 .75rem 2rem;overflow-x:hidden}.data-table{min-width:400px;font-size:.7rem}.data-table th,.data-table td{white-space:nowrap;text-align:left;vertical-align:middle;padding:.35rem .15rem;font-size:.6rem}.data-table th:first-child,.data-table td:first-child{text-align:center;width:50px;max-width:50px;padding:.35rem .1rem;font-size:.55rem}.data-table th:nth-child(2),.data-table td:nth-child(2),.data-table th:nth-child(3),.data-table td:nth-child(3),.data-table th:nth-child(4),.data-table td:nth-child(4){min-width:65px;padding-left:.15rem;padding-right:.15rem}.data-table th:nth-child(5),.data-table td:nth-child(5){min-width:70px;padding-left:.15rem;padding-right:.1rem}.calculator-header{margin-bottom:1.5rem;padding:2rem 0}.header-content{padding:0 1rem}.card{border-radius:12px;padding:1rem}.card-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.input-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.input-group{gap:.3rem}.input-label{margin-bottom:.2rem;font-size:.75rem}.input-field{border-radius:8px;padding:.6rem .75rem;font-size:.8rem}.input-wrapper[data-currency] .input-field{padding-left:1.5rem}.input-wrapper[data-suffix] .input-field{padding-right:2rem}.interest-only-section{margin:1rem 0}.toggle-description{margin-left:55px;font-size:.75rem}.summary-grid{gap:1rem;max-width:600px;grid-template-columns:repeat(2,1fr)!important}.summary-card{border-radius:12px;max-width:none;min-height:80px;padding:.75rem}.summary-label{margin-bottom:.5rem;font-size:.8rem}.summary-value{font-size:1.25rem}.comparison-section{min-height:auto;padding:1rem}.comparison-grid{grid-template-columns:1fr 2px 1fr;gap:.75rem}.comparison-divider{background:linear-gradient(to bottom,transparent,var(--border-color),transparent);width:2px;display:block}.comparison-column{padding:.75rem;font-size:.75rem}.comparison-column-header{margin-bottom:.5rem;padding-bottom:.5rem;font-size:.95rem}.comparison-item{flex-direction:column;align-items:flex-start;gap:.2rem;min-height:35px;padding:.4rem 0}.comparison-label{width:100%;color:var(--text-secondary);font-size:.7rem;font-weight:600}.comparison-value{text-align:center;width:100%;font-size:.75rem;font-weight:700}.chart-container{border-radius:8px;height:400px;margin-top:.5rem;padding:.5rem}.frequency-btn{padding:.625rem .75rem;font-size:.8rem}.data-table th,.data-table td{white-space:nowrap;padding:.5rem .25rem;font-size:.7rem}}@media (width<=600px){.main-container{width:100%;max-width:100vw;overflow-x:hidden}.data-table{table-layout:fixed;min-width:350px;font-size:.6rem}.data-table th,.data-table td{white-space:nowrap;text-align:left;vertical-align:middle;padding:.3rem .1rem;font-size:.55rem}.data-table th:first-child,.data-table td:first-child{text-align:center;width:40px;max-width:40px;padding:.3rem .05rem;font-size:.5rem}.data-table th:nth-child(2),.data-table td:nth-child(2),.data-table th:nth-child(3),.data-table td:nth-child(3),.data-table th:nth-child(4),.data-table td:nth-child(4){min-width:60px;padding-left:.1rem;padding-right:.1rem}.data-table th:nth-child(5),.data-table td:nth-child(5){min-width:65px;padding-left:.1rem;padding-right:.05rem}.calculator-header{padding:1.5rem 0}.header-title{font-size:1.75rem}.header-subtitle{font-size:1rem}.card{border-radius:10px;padding:.75rem}.card-title{font-size:1.25rem}.input-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)!important}.input-field{border-radius:6px;padding:.5rem .6rem;font-size:.75rem}.interest-only-section{margin:.75rem 0}.toggle-slider{width:45px;height:25px}.toggle-slider:before{width:18px;height:18px;top:1.5px;left:1.5px}.toggle-input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-text{font-size:.85rem}.toggle-description{margin-left:50px;font-size:.7rem}.summary-card{border-radius:10px;max-width:none;min-height:70px;padding:.6rem}.summary-label{margin-bottom:.3rem;font-size:.65rem}.summary-value{font-size:.95rem;line-height:1.2}.comparison-section{border-radius:10px;min-height:auto;padding:.5rem}.comparison-title{margin-bottom:.5rem;font-size:1.25rem}.comparison-header{margin-bottom:1rem}.comparison-grid{grid-template-columns:1fr 1px 1fr;gap:.5rem;min-height:auto}.comparison-divider{background:var(--border-color);width:1px;display:block}.comparison-column{border-radius:8px;padding:.4rem;font-size:.65rem}.comparison-column-header{margin-bottom:.4rem;padding-bottom:.3rem;font-size:.85rem}.comparison-item{border-bottom:1px solid var(--border-light);flex-direction:column;align-items:flex-start;gap:.1rem;min-height:30px;padding:.25rem 0}.comparison-item:last-child{border-bottom:none}.comparison-label{width:100%;color:var(--text-muted);font-size:.65rem;font-weight:600;line-height:1.2}.comparison-value{text-align:center;width:100%;font-size:.7rem;font-weight:700;line-height:1.2}.winner-badge{margin-top:1rem;padding:.75rem 1.5rem;font-size:.85rem}.chart-container{border-radius:8px;height:350px;margin-top:.25rem;padding:.25rem}.btn{padding:.75rem 1.25rem;font-size:.85rem}}.animate-pulse{animation:2s infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.btn-glow{position:relative;overflow:hidden}.btn-glow:after{content:"";opacity:0;background:radial-gradient(circle,#fff6 0%,#0000 70%);width:200%;height:200%;transition:opacity .3s;position:absolute;top:-50%;left:-50%}.btn-glow:hover:after{opacity:1}.gradient-text{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.loading{border:2px solid var(--border-color);border-top-color:var(--primary-blue);border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.5s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:none}to{opacity:1;transform:none}}.pdf-preview-container{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:12px;width:100%;height:500px;margin-bottom:1.5rem;position:relative;overflow:hidden}.pdf-preview-container iframe{background:#fff;border:none;width:100%;height:100%}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}body #chart-container,body .chart-container#chart-container,body div#chart-container{box-sizing:border-box!important;height:600px!important;min-height:600px!important;max-height:600px!important;overflow:visible!important}body #table-container,body div#table-container{height:auto!important;min-height:auto!important;max-height:none!important;margin-bottom:0!important;padding-bottom:0!important;overflow:visible!important}body #loan-chart,body canvas#loan-chart{box-sizing:border-box!important;width:100%!important;height:100%!important;max-height:536px!important}body .chart-card,body .card.chart-card{transition:none!important}body .chart-container.comparison-mode,body #chart-container.comparison-mode{height:600px!important}body .chart-container,body div.chart-container{height:600px!important;display:block!important;position:relative!important}@media (width<=1024px){body #chart-container,body .chart-container#chart-container,body div#chart-container{height:500px!important;min-height:500px!important;max-height:500px!important}body #loan-chart,body canvas#loan-chart{max-height:436px!important}}@media (width<=768px){body #chart-container,body .chart-container#chart-container,body div#chart-container{height:420px!important;min-height:420px!important;max-height:420px!important}body #loan-chart,body canvas#loan-chart{max-height:400px!important}}@media (width<=600px){body #chart-container,body .chart-container#chart-container,body div#chart-container{height:380px!important;min-height:380px!important;max-height:380px!important}body #loan-chart,body canvas#loan-chart{max-height:360px!important}}html{background:0 0!important;height:auto!important;overflow-y:visible!important}body{background:0 0!important;height:auto!important;min-height:auto!important;margin:0!important;padding:0!important}.main-container{height:auto!important;min-height:auto!important;padding-bottom:20px!important}.chart-container{height:auto!important;min-height:400px!important;max-height:none!important}#table-container{height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important}@media (width<=768px){html,body{height:auto!important;overflow:visible!important}.main-container{min-height:auto!important;padding-bottom:30px!important;overflow:visible!important}.chart-container{min-height:350px!important}.card{padding:.75rem!important}.card-header{margin-bottom:1rem!important}.summary-grid{gap:.75rem!important}.summary-card{min-height:90px!important;padding:.75rem!important}.summary-label{font-size:12px!important}}.comparison-section{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;height:auto!important;min-height:auto!important;box-shadow:var(--shadow-light)!important;padding-bottom:30px!important}.card:hover{box-shadow:var(--shadow-medium)!important;transform:none!important}.summary-card:hover{border-color:var(--primary-blue)!important;box-shadow:var(--shadow-large)!important;transform:none!important}.comparison-column:hover{box-shadow:var(--shadow-medium)!important;transform:none!important}.btn:hover{background:var(--secondary-blue)!important;box-shadow:var(--shadow-large)!important;transform:none!important}.scenario-tab.active,.frequency-btn.active{background:var(--primary-blue)!important;color:#fff!important;box-shadow:var(--shadow-medium)!important;transform:none!important}.animate-in{opacity:0;transform:none!important}.toggle-input:checked+.toggle-slider:before{transform:translate(22px)!important}@media (width<=600px){.toggle-input:checked+.toggle-slider:before{transform:translate(20px)!important}}.input-wrapper[data-currency]:before,.input-wrapper[data-suffix]:after{position:absolute;top:50%;transform:translateY(-50%)!important}.goal-seek-btn{transition:box-shadow .3s!important}.data-table.scenario2 th{background:var(--red-accent)!important;color:#fff!important}#goal-seek-btn{transition:box-shadow .3s!important}#goal-seek-btn:hover{filter:none!important;transform:translateY(-50%)!important;box-shadow:0 2px 6px #667eea33!important}#goal-seek-btn.goal-seek-active,#goal-seek-btn.goal-seek-active:hover{transform:translateY(-50%)}.goal-seek-btn:hover{filter:none!important}#goal-seek-comp1-btn{transition:box-shadow .3s!important}#goal-seek-comp1-btn:hover{filter:none!important;transform:translate(-50%)!important;box-shadow:0 1px 3px #00000014!important}#goal-seek-comp2-btn{transition:box-shadow .3s!important}#goal-seek-comp2-btn:hover{filter:none!important;transform:translate(-50%)!important;box-shadow:0 1px 3px #00000014!important}#goal-seek-comp1-btn.goal-seek-active,#goal-seek-comp2-btn.goal-seek-active{filter:none!important;transform:translate(-50%)!important}.scenario-tab:hover:not(.active){opacity:.95!important;transform:none!important}.scenario-tab[data-scenario="2"]:hover:not(.active){color:var(--red-accent)!important;background:#e74c3c1a!important}.scenario-tab.active[data-scenario="2"]{background:var(--red-accent)!important;color:#fff!important}#scenario-2 .frequency-btn.active{background:var(--red-accent)!important;color:#fff!important;box-shadow:var(--shadow-medium)!important}.scenario-tab:hover{transform:none!important}.frequency-btn:hover{opacity:1!important;transform:none!important}#prevPage,#nextPage{background:var(--bg-card)!important;border:2px solid var(--primary-blue)!important;color:var(--primary-blue)!important}#prevPage:hover:not(:disabled),#nextPage:hover:not(:disabled){background:var(--primary-blue)!important;color:#fff!important}.scenario2-active #prevPage,.scenario2-active #nextPage{background:var(--bg-card)!important;border:2px solid var(--red-accent)!important;color:var(--red-accent)!important}.scenario2-active #prevPage:hover:not(:disabled),.scenario2-active #nextPage:hover:not(:disabled){background:var(--red-accent)!important;color:#fff!important;border-color:var(--red-accent)!important}#prevPage:disabled,#nextPage:disabled{opacity:.4!important;cursor:not-allowed!important}@media (width<=768px){.chart-container{position:relative!important}}.table-wrapper{height:auto!important;min-height:auto!important;margin:0!important;padding:0!important}.chart-card{padding-bottom:1rem!important}.chart-card .card{margin-bottom:0!important}#table-container:not([style*="display: none"]){margin-top:2rem!important;margin-bottom:0!important;padding-bottom:0!important}#table-container .table-wrapper{margin-bottom:0!important}@media (width<=768px){#table-container:not([style*="display: none"]){margin-top:1.5rem!important}}@media (width<=600px){#table-container:not([style*="display: none"]){margin-top:1rem!important}}.comparison-value.pop-green{color:var(--success-color)!important;font-size:.95rem!important;font-weight:700!important}.comparison-value.pop-red{color:var(--error-color)!important;font-size:.95rem!important;font-weight:700!important}@media (width<=768px){.comparison-value.pop-green,.comparison-value.pop-red{font-size:16px!important}}@media (width<=600px){.comparison-value.pop-green,.comparison-value.pop-red{font-size:16px!important}}.scenario-content[id=scenario-2] .frequency-btn.active{background:var(--red-accent)!important;color:#fff!important;box-shadow:var(--shadow-medium)!important}.scenario-content[id=scenario-2] .frequency-btn.active:hover{background:var(--red-accent-dark)!important}.scenario-content[id=scenario-2] .input-field:hover{border-color:var(--red-accent)!important;box-shadow:0 0 0 2px #e74c3c1a!important}.scenario-content[id=scenario-2] .frequency-btn:hover:not(.active){color:var(--red-accent)!important;background:#e74c3c1a!important}.scenario-content[id=scenario-2] .input-wrapper:focus-within[data-currency]:before,.scenario-content[id=scenario-2] .input-wrapper:focus-within[data-suffix]:after{color:var(--red-accent)!important}.comparison-label.pop-green{color:var(--success-color)!important;font-weight:700!important}.comparison-label.pop-red{color:var(--error-color)!important;font-weight:700!important}.comparison-column-header,.comparison-label{text-align:center!important}.branding-logo.table-open{z-index:100!important;position:fixed!important;bottom:20px!important;left:20px!important}.comparison-column{transition:box-shadow .3s,background .3s,border-color .3s!important}.comparison-column:hover{transform:none!important}.comparison-column:first-child{border:1px solid #4a90e21f!important;border-top:2.5px solid var(--primary-blue)!important;box-shadow:none!important;background:0 0!important}.comparison-column:last-child{border:1px solid #e74c3c1f!important;border-top:2.5px solid var(--red-accent)!important;box-shadow:none!important;background:0 0!important}.comparison-column:first-child .comparison-column-header{color:var(--primary-blue)!important;background:0 0!important;border-bottom:1px solid #4a90e226!important;border-radius:0!important;padding:.6rem .75rem!important}.comparison-column:last-child .comparison-column-header{color:var(--red-accent)!important;background:0 0!important;border-bottom:1px solid #e74c3c26!important;border-radius:0!important;padding:.6rem .75rem!important}.comparison-column:first-child .comparison-column-header i{color:var(--primary-blue)!important}.comparison-column:last-child .comparison-column-header i{color:var(--red-accent)!important}.comparison-column:first-child .comparison-item{background:#4a90e206!important;border-radius:8px!important;padding-left:.5rem!important;padding-right:.5rem!important}.comparison-column:last-child .comparison-item{background:#e74c3c06!important;border-radius:8px!important;padding-left:.5rem!important;padding-right:.5rem!important}@media (width<=768px){.comparison-column-header{text-align:center!important}.comparison-section{padding:1.25rem!important}.comparison-column{padding:1rem!important}.comparison-item{align-items:center!important;padding:.5rem 0!important}.comparison-label{text-align:center!important;margin-bottom:.3rem!important;font-size:12px!important}}@media (width<=600px){.comparison-column-header{font-size:.85rem;text-align:center!important}.comparison-section{padding:1rem!important}.comparison-column{padding:.75rem!important}.comparison-item{align-items:center!important;padding:.4rem .5rem!important}.comparison-label{text-align:center!important;margin-bottom:.2rem!important;font-size:12px!important}}#table-container [style*="display: flex"]{margin-top:1rem!important;margin-bottom:0!important}#table-container[style*="display: none"],#comparison-results[style*="display: none"],#scenario-tabs[style*="display: none"]{height:0!important;margin:0!important;padding:0!important;display:none!important}.table-wrapper{box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow:hidden!important}.data-table{table-layout:fixed!important;width:100%!important;min-width:unset!important}.chart-card,#table-container{width:100%!important;max-width:100%!important;overflow:hidden!important}@media (width<=768px){.data-table{table-layout:fixed!important;min-width:100%!important}.data-table th:first-child,.data-table td:first-child{width:18%!important;max-width:18%!important}.data-table th:nth-child(2),.data-table td:nth-child(2),.data-table th:nth-child(3),.data-table td:nth-child(3),.data-table th:nth-child(4),.data-table td:nth-child(4){width:20%!important;max-width:20%!important}.data-table th:nth-child(5),.data-table td:nth-child(5){width:22%!important;max-width:22%!important}}@media (width<=600px){.data-table{table-layout:fixed!important;min-width:100%!important}.data-table th:first-child,.data-table td:first-child{width:16%!important;max-width:16%!important}.data-table th:nth-child(2),.data-table td:nth-child(2),.data-table th:nth-child(3),.data-table td:nth-child(3),.data-table th:nth-child(4),.data-table td:nth-child(4),.data-table th:nth-child(5),.data-table td:nth-child(5){width:21%!important;max-width:21%!important}}.data-table th,.data-table td{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}.table-content-fade{opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);transform:translateY(-20px)}.table-content-visible{opacity:1;transform:translateY(0)}.data-table tbody tr{animation:.4s ease-out both slideInDown}.data-table tbody tr:first-child{animation-delay:50ms}.data-table tbody tr:nth-child(2){animation-delay:.1s}.data-table tbody tr:nth-child(3){animation-delay:.15s}.data-table tbody tr:nth-child(4){animation-delay:.2s}.data-table tbody tr:nth-child(5){animation-delay:.25s}.data-table tbody tr:nth-child(6){animation-delay:.3s}.data-table tbody tr:nth-child(7){animation-delay:.35s}.data-table tbody tr:nth-child(8){animation-delay:.4s}.data-table tbody tr:nth-child(9){animation-delay:.45s}.data-table tbody tr:nth-child(10){animation-delay:.5s}.data-table tbody tr:nth-child(11){animation-delay:.55s}.data-table tbody tr:nth-child(12){animation-delay:.6s}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media screen{body{margin-bottom:0!important}.results-container{margin-bottom:1rem!important}.card:last-child{margin-bottom:0!important}}.data-table th{text-align:center!important;padding:.65rem .5rem!important;font-size:.85rem!important;font-weight:600!important;line-height:1.2!important}.data-table td{border-bottom:1px solid var(--border-light)!important;text-align:center!important;padding:.55rem .5rem!important;font-size:.8rem!important;line-height:1.2!important}.data-table tr:nth-child(2n){background-color:#4a90e208!important}.data-table tr:hover{background-color:var(--accent-blue)!important;transition:all .2s!important;transform:scale(1.005)!important}.data-table tr{border-bottom:1px solid var(--border-light)!important}@media (width<=768px){.data-table th,.data-table td{padding:.5rem .3rem!important;font-size:.7rem!important;line-height:1.1!important}}@media (width<=600px){.data-table th,.data-table td{padding:.4rem .2rem!important;font-size:.65rem!important;line-height:1.1!important}}.branding-logo{display:none!important}.branding-logo.table-open{z-index:100;position:fixed!important;bottom:20px!important;left:20px!important;transform:none!important}.chart-card{position:relative}@media (width<=768px){.branding-logo.table-open{bottom:10px!important;left:10px!important}}.powered-text{color:#4a90e2cc;letter-spacing:.2px;text-transform:uppercase;white-space:nowrap;font-size:8px;font-weight:500;transition:all .3s}.logo-icon{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;transition:all .3s;display:flex;position:relative;box-shadow:inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0003,0 4px 12px #4a90e266}.logo-icon:before{content:"";filter:blur(2px);background:linear-gradient(#ffffff80,#0000);border-radius:50%;width:50%;height:30%;position:absolute;top:2px;left:50%;transform:translate(-50%)}.logo-text{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);-webkit-text-fill-color:transparent;letter-spacing:.2px;filter:drop-shadow(0 1px 2px #0003);white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:11px;font-weight:600;transition:all .3s}@keyframes pulse-brand{0%{box-shadow:0 4px 20px #4a90e24d}50%{box-shadow:0 4px 30px #4a90e299}to{box-shadow:0 4px 20px #4a90e24d}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.branding-logo.pulse{animation:2s ease-in-out infinite pulse-brand}.loader-container{z-index:999999;background:#fff;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s ease-out;display:flex;position:fixed;top:0;left:0}.loader-container.fade-out{opacity:0;pointer-events:none}.wheel-and-hamster{--dur:1s;width:12em;height:12em;font-size:14px;position:relative}.wheel,.hamster,.hamster div,.spoke{position:absolute}.wheel,.spoke{border-radius:50%;width:100%;height:100%;top:0;left:0}.wheel{z-index:2;background:radial-gradient(100% 100%,#9990 47.8%,#999 48%)}.hamster{animation:hamster var(--dur) ease-in-out infinite;transform-origin:50% 0;z-index:1;width:7em;height:3.75em;top:50%;left:calc(50% - 3.5em);transform:rotate(4deg)translate(-.8em,1.85em)}.hamster__head{animation:hamsterHead var(--dur) ease-in-out infinite;transform-origin:100%;background:#f48c25;border-radius:70% 30% 0 100%/40% 25% 25% 60%;width:2.75em;height:2.5em;top:0;left:-2em;box-shadow:inset 0 -.25em #facc9e,inset .75em -1.55em #fce6cf}.hamster__ear{animation:hamsterEar var(--dur) ease-in-out infinite;transform-origin:50% 75%;background:#fbb6b6;border-radius:50%;width:.75em;height:.75em;top:-.25em;right:-.25em;box-shadow:inset -.25em 0 #f48c25}.hamster__eye{animation:hamsterEye var(--dur) linear infinite;background-color:#000;border-radius:50%;width:.5em;height:.5em;top:.375em;left:1.25em}.hamster__nose{background:#f98686;border-radius:35% 65% 85% 15%/70% 50% 50% 30%;width:.2em;height:.25em;top:.75em;left:0}.hamster__body{animation:hamsterBody var(--dur) ease-in-out infinite;transform-origin:17%;width:4.5em;height:3em;transform-style:preserve-3d;background:#fce6cf;border-radius:50% 30%/15% 60% 40% 40%;top:.25em;left:2em;box-shadow:inset .1em .75em #f48c25,inset .15em -.5em #facc9e}.hamster__limb--fr,.hamster__limb--fl{clip-path:polygon(0 0,100% 0,70% 80%,60% 100%,0% 100%,40% 80%);transform-origin:50% 0;width:1em;height:1.5em;top:2em;left:.5em}.hamster__limb--fr{animation:hamsterFRLimb var(--dur) linear infinite;background:linear-gradient(#facc9e 80%,#f98686 80%);transform:rotate(15deg)translateZ(-1px)}.hamster__limb--fl{animation:hamsterFLLimb var(--dur) linear infinite;background:linear-gradient(#fce6cf 80%,#fbb6b6 80%);transform:rotate(15deg)}.hamster__limb--br,.hamster__limb--bl{clip-path:polygon(0 0,100% 0,100% 30%,70% 90%,70% 100%,30% 100%,40% 90%,0% 30%);transform-origin:50% 30%;border-radius:.75em .75em 0 0;width:1.5em;height:2.5em;top:1em;left:2.8em}.hamster__limb--br{animation:hamsterBRLimb var(--dur) linear infinite;background:linear-gradient(#facc9e 90%,#f98686 90%);transform:rotate(-25deg)translateZ(-1px)}.hamster__limb--bl{animation:hamsterBLLimb var(--dur) linear infinite;background:linear-gradient(#fce6cf 90%,#fbb6b6 90%);transform:rotate(-25deg)}.hamster__tail{animation:hamsterTail var(--dur) linear infinite;transform-origin:.25em .25em;background:#fbb6b6;border-radius:.25em 50% 50% .25em;width:1em;height:.5em;top:1.5em;right:-.5em;transform:rotate(30deg)translateZ(-1px);box-shadow:inset 0 -.2em #f98686}.spoke{animation:spoke var(--dur) linear infinite;background:radial-gradient(100% 100%,#999 4.8%,#9990 5%),linear-gradient(#8c8c8c00 46.9%,#a6a6a6 47% 52.9%,#a6a6a600 53%) 50%/99% 99% no-repeat}@keyframes hamster{0%,to{transform:rotate(4deg)translate(-.8em,1.85em)}50%{transform:rotate(0)translate(-.8em,1.85em)}}@keyframes hamsterHead{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(8deg)}}@keyframes hamsterEye{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(0)}}@keyframes hamsterEar{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(12deg)}}@keyframes hamsterBody{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-2deg)}}@keyframes hamsterFRLimb{0%,25%,50%,75%,to{transform:rotate(50deg)translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-30deg)translateZ(-1px)}}@keyframes hamsterFLLimb{0%,25%,50%,75%,to{transform:rotate(-30deg)}12.5%,37.5%,62.5%,87.5%{transform:rotate(50deg)}}@keyframes hamsterBRLimb{0%,25%,50%,75%,to{transform:rotate(-60deg)translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(20deg)translateZ(-1px)}}@keyframes hamsterBLLimb{0%,25%,50%,75%,to{transform:rotate(20deg)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-60deg)}}@keyframes hamsterTail{0%,25%,50%,75%,to{transform:rotate(30deg)translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(10deg)translateZ(-1px)}}@keyframes spoke{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}.loader-text{color:#4a90e2;text-align:center;margin-top:2rem;font-size:1.2rem;font-weight:600;animation:1.5s ease-in-out infinite pulse}@keyframes fadeInBounce{0%{opacity:0;transform:translateY(-10px)}60%{opacity:1;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.interest-only-toggle>div{align-items:center;gap:.75rem;display:flex}.interest-only-toggle .toggle-switch{cursor:pointer;display:inline-block;position:relative}.interest-only-toggle .toggle-slider{vertical-align:middle;display:inline-block}.interest-only-toggle .toggle-text{vertical-align:middle;-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}.interest-only-toggle .toggle-description{margin-top:.25rem;margin-left:58px}.goal-seek-active{background:#059669!important}.goal-seek-active:hover{background:#047857!important}#single-results.goal-seek-mode{background:#667eea05;border:1.5px solid #667eea40;border-radius:12px;padding:1rem;transition:all .4s}.comparison-item.editable-field .comparison-label{font-weight:600;transition:color .25s;position:relative}.comparison-column.goal-seek-s1-active .comparison-item.editable-field .comparison-label{color:#4a90e2;border-radius:4px;margin-bottom:2px;padding:2px 4px;transition:color .3s}.comparison-column.goal-seek-s2-active .comparison-item.editable-field .comparison-label{color:#e74c3c;border-radius:4px;margin-bottom:2px;padding:2px 4px;transition:color .3s}@media (width<=768px){.comparison-item.editable-field .comparison-label{padding:3px 6px;font-size:13px}.comparison-column.goal-seek-s1-active .comparison-item.editable-field,.comparison-column.goal-seek-s2-active .comparison-item.editable-field{border-radius:6px;margin:.2rem 0;padding:.6rem .5rem}.comparison-column.goal-seek-s1-active .comparison-item.editable-field{background:#4a90e214;border-left:3px solid #4a90e2}.comparison-column.goal-seek-s2-active .comparison-item.editable-field{background:#e74c3c14;border-left:3px solid #e74c3c}}@media (width<=600px){.comparison-item.editable-field .comparison-label{padding:2px 4px;font-size:12px}}.comparison-column.goal-seek-s1-active{transition:all .4s;background:#4a90e205!important;border:1.5px solid #4a90e24d!important;box-shadow:0 0 12px #4a90e214!important}.comparison-column.goal-seek-s2-active{transition:all .4s;background:#e74c3c05!important;border:1.5px solid #e74c3c4d!important;box-shadow:0 0 12px #e74c3c14!important}.summary-value.editable,.comparison-value.editable{background:#667eea0f;border-bottom:1.5px dashed #667eea59;border-radius:6px;padding:.25rem .5rem;transition:background .25s,box-shadow .25s;position:relative;cursor:text!important}.summary-value.editable:hover,.comparison-value.editable:hover{background:#667eea1a;box-shadow:inset 0 0 0 1.5px #667eea33}.summary-value.editing,.comparison-value.editing{outline:none;border:2px solid var(--primary-blue)!important;background:#fff!important;box-shadow:0 0 0 3px #4a90e233!important}.goal-seek-indicator{color:#fff;white-space:nowrap;opacity:0;z-index:10;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:.25rem .75rem;font-size:.7rem;font-weight:600;animation:.5s ease-out forwards fadeInBounce;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.input-field.auto-calculated{background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%)!important;border-color:#667eea!important}.input-field.goal-seek-precision{color:#667eea;letter-spacing:.5px;font-weight:600}.input-field.goal-seek-precision:focus:after{content:"Exact term for target payment";color:#fff;white-space:nowrap;z-index:1000;pointer-events:none;background:#667eea;border-radius:4px;padding:4px 8px;font-size:11px;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.goal-seek-error{border:2px solid var(--error-color);z-index:9999;background:#fff;border-radius:12px;padding:1.5rem 2rem;animation:.5s ease-out shake;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #0003}@keyframes shake{0%,to{transform:translate(-50%,-50%)translate(0)}25%{transform:translate(-50%,-50%)translate(-10px)}75%{transform:translate(-50%,-50%)translate(10px)}}.goal-seek-error h3{color:var(--error-color);margin-bottom:.5rem}.goal-seek-error button{background:var(--error-color);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:1rem;padding:.5rem 1rem}.goal-seek-toast{color:#f0f0f0;letter-spacing:.2px;white-space:nowrap;z-index:9999;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(8px);background:#1e1e28e0;border-radius:10px;padding:8px 16px;font-size:.78rem;font-weight:500;transition:opacity .3s,transform .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 4px 16px #00000026}.goal-seek-toast.visible{opacity:1;transform:translate(-50%)translateY(0)}.goal-seek-toast .toast-label{color:#ffffff8c;margin-right:6px}.goal-seek-toast .toast-arrow{color:#ffffff59;margin:0 5px}.goal-seek-toast .toast-sep{color:#fff3;margin:0 4px}@media (width<=768px){.goal-seek-toast{white-space:normal;text-align:center;max-width:88vw;padding:8px 14px;font-size:.72rem;top:12px;bottom:auto;transform:translate(-50%)translateY(-20px)}.goal-seek-toast.visible{transform:translate(-50%)translateY(0)}#goal-seek-btn{width:100%!important;margin-top:1rem!important;position:static!important;transform:none!important}.goal-seek-text{display:inline!important}}@media (width<=480px){#goal-seek-btn{padding:.6rem 1rem!important;font-size:.85rem!important}}.gradient-text{letter-spacing:-.02em;animation:6s linear infinite shimmerTitle;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 25%,#4a90e2 50%,#0f3460 75%,#1a1a2e 100%) 0 0/200%!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important;font-weight:700!important}@keyframes shimmerTitle{0%{background-position:0%}to{background-position:200%}}.card-title{padding-bottom:.6rem!important;position:relative!important}.card-title:after{content:"";background:linear-gradient(90deg,#0000,#4a90e2,#0000);border-radius:2px;width:40px;height:2.5px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.comparison-title{letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary)!important;-webkit-text-fill-color:var(--text-secondary)!important;background:0 0!important;font-size:1.1rem!important;font-weight:600!important;animation:none!important}@media (width<=768px){.gradient-text,.comparison-title{letter-spacing:-.01em}}.ll-logo-link{opacity:.7;align-items:center;text-decoration:none;transition:opacity .25s;display:inline-flex}.ll-logo-link:hover{opacity:1}.ll-logo-img{width:auto;height:48px}.ll-logo-img .ll-arrow{transform-origin:38px 14px;animation:3s ease-in-out infinite arrowPulse}@keyframes arrowPulse{0%,to{opacity:.8;transform:translate(0)}50%{opacity:1;transform:translate(1px,-2px)}}.ll-logo-img .ll-swoosh{animation:4s ease-in-out infinite swooshDraw}@keyframes swooshDraw{0%,to{stroke-dashoffset:0;opacity:.5}50%{stroke-dashoffset:0;opacity:.8}}.ll-logo-link.table-open{z-index:100!important;position:fixed!important;bottom:20px!important;left:20px!important}@media (width<=768px){.ll-logo-img{height:38px}}@media (width<=1024px){.card-header{text-align:center!important;flex-direction:column!important;gap:1rem!important;padding:1.25rem 1rem!important}.card-header>div{width:100%!important}.card-header button#compare-btn{text-align:center!important;justify-content:center!important;width:100%!important;margin:0!important;position:static!important}.card-title{text-align:center!important;margin-bottom:0!important}}@media (width<=480px){.card-title{font-size:1.4rem!important}.card-header{padding:1rem!important}#compare-btn{padding:.6rem 1rem!important;font-size:.9rem!important}}@media (width<=768px){.card-header{padding:1.25rem 1rem!important}.chart-container{padding:1rem 1rem 1.5rem!important}.input-field,.summary-value,.comparison-value,.summary-value.editable,.comparison-value.editable,.summary-value.editing,.comparison-value.editing{font-size:16px!important}}@media (width<=480px){.chart-container{padding:.75rem .75rem 1.25rem!important}.input-field,.summary-value,.comparison-value{font-size:16px!important}}html.theme-dark{--bg-primary:transparent;--bg-secondary:#242a3c;--bg-card:#1e2333;--text-primary:#e5e7ef;--text-secondary:#9aa3b5;--text-muted:#6b7289;--border-color:#2f364a;--border-light:#242a3c;--accent-blue:#4a90e224;--accent-blue-light:#4a90e21a}html.theme-dark body{color:var(--text-primary);background:0 0!important}html.theme-dark .main-container{background:0 0!important}html.theme-dark .card{background:var(--bg-card);border-color:var(--border-color);box-shadow:none}html.theme-dark .card:hover{box-shadow:0 4px 12px #0000004d}html.theme-dark .summary-card{border-color:var(--border-color);background:linear-gradient(135deg,#1e2333 0%,#242a3c 100%)}html.theme-dark .chart-container,html.theme-dark .data-table,html.theme-dark .modal-content,html.theme-dark .comparison-section,html.theme-dark .comparison-column{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}html.theme-dark .data-table td{border-bottom-color:var(--border-color);color:var(--text-primary)}html.theme-dark .data-table tr:hover{background:var(--bg-secondary)}html.theme-dark .input-field{border-color:var(--border-color);color:var(--text-primary);box-shadow:none;background:#131724}html.theme-dark .input-field::placeholder{color:var(--text-muted)}html.theme-dark .input-field:hover{border-color:var(--primary-blue)}html.theme-dark .input-field:focus{border-color:var(--primary-blue);background:#1a1f2e;box-shadow:0 0 0 3px #4a90e233}html.theme-dark .input-wrapper[data-currency]:before,html.theme-dark .input-wrapper[data-suffix]:after{color:var(--text-secondary)}html.theme-dark .scenario-tabs,html.theme-dark .frequency-selector,html.theme-dark .toggle-group{border-color:var(--border-color);background:#131724}html.theme-dark .scenario-tab,html.theme-dark .frequency-btn,html.theme-dark .toggle-btn{color:var(--text-secondary)}html.theme-dark .scenario-tab:hover,html.theme-dark .frequency-btn:hover{color:var(--primary-blue);background:#4a90e21f}html.theme-dark .scenario-tab.active,html.theme-dark .frequency-btn.active,html.theme-dark .toggle-btn.active{background:var(--primary-blue);color:#fff}html.theme-dark .code-input-bar,html.theme-dark .expense-cat,html.theme-dark .expense-cat-header,html.theme-dark .expense-breakdown,html.theme-dark .budget-summary-card{border-color:var(--border-color);color:var(--text-primary);background:#242a3c}html.theme-dark .code-input-bar input,html.theme-dark .budget-input,html.theme-dark .budget-freq{border-color:var(--border-color);color:var(--text-primary);background:#131724}html.theme-dark .budget-input.locked{color:var(--text-muted);background:#1a1f2e}html.theme-dark .budget-row{border-bottom-color:var(--border-color)}html.theme-dark .budget-section-title{color:var(--primary-blue);border-bottom-color:#4a90e266}html.theme-dark .budget-section-title.expense-title{color:var(--red-accent);border-bottom-color:#e74c3c66}html.theme-dark .btn-secondary{border-color:var(--primary-blue);color:var(--primary-blue);background:0 0}html.theme-dark .btn-secondary:hover{background:var(--primary-blue);color:#fff}html.theme-dark .save-modal-content{background:var(--bg-card);color:var(--text-primary)}html.theme-dark .save-modal-field input{border-color:var(--border-color);color:var(--text-primary);background:#131724}html.theme-dark .save-result .code-display{color:var(--text-primary);border-color:var(--primary-blue);background:#131724}.budget-card,.chart-card{margin-top:0;box-shadow:none!important;background:0 0!important;border:none!important;padding:.5rem 0!important}.budget-card .card-header,.chart-card .card-header{margin-bottom:.5rem!important;padding:0!important}.budget-body{display:none}.budget-body.open{display:block}.budget-toggle-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin:0 auto;padding:.6rem 1.2rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.budget-toggle-btn:hover{color:#334155;background:#e2e8f0}.code-input-bar{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;display:flex}.code-input-bar input{border:2px solid var(--border-color);border-radius:8px;flex:1;max-width:320px;padding:.5rem .75rem;font-family:monospace;font-size:.85rem}.code-input-bar input:focus{border-color:var(--primary-blue);outline:none}.code-input-bar button{padding:.5rem 1rem}.budget-context-bar{text-align:center;background:linear-gradient(135deg,#10b9810d,#4a90e20d);border:1px solid #10b98133;border-radius:10px;margin-top:1rem;padding:1rem;display:none}.budget-context-bar.visible{display:block}.budget-context-label{color:var(--text-muted);margin-bottom:.3rem;font-size:.8rem}.budget-context-value{font-size:1.1rem;font-weight:700}.budget-context-value.surplus{color:var(--success-color)}.budget-context-value.deficit{color:var(--error-color)}.budget-columns{display:block}.budget-row{border-bottom:1px solid var(--border-light);grid-template-columns:1fr 100px 85px 85px;align-items:center;gap:.5rem;padding:.3rem 0;display:grid}.budget-row:last-child{border-bottom:none}.budget-row-label{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.3rem;font-size:.8rem;font-weight:500;display:flex;overflow:hidden}.budget-row-label i{color:var(--primary-blue);flex-shrink:0;font-size:.7rem}.budget-row-label.expense-label i{color:var(--red-accent)}.budget-input{border:1.5px solid var(--border-color);width:100%;color:var(--text-primary);background:var(--bg-card);box-sizing:border-box;border-radius:6px;padding:.35rem .4rem;font-family:inherit;font-size:.8rem;font-weight:500;transition:border-color .2s}.budget-input:focus{border-color:var(--primary-blue);outline:none}.budget-input.locked{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed;border-style:dashed}.budget-freq{border:1.5px solid var(--border-color);width:100%;color:var(--text-primary);background:var(--bg-card);cursor:pointer;box-sizing:border-box;border-radius:6px;padding:.35rem .2rem;font-family:inherit;font-size:.7rem}.budget-fortnightly{color:var(--text-secondary);text-align:right;white-space:nowrap;min-width:0;font-size:.75rem;font-weight:600}.budget-section-title{color:var(--primary-blue);border-bottom:2px solid var(--primary-blue);align-items:center;gap:.3rem;margin-bottom:.15rem;padding:.5rem 0 .35rem;font-size:.85rem;font-weight:700;display:flex}.budget-section-title.expense-title{color:var(--red-accent);border-bottom-color:var(--red-accent)}.expense-cat{border:1px solid var(--border-light);border-radius:8px;margin-top:.5rem;overflow:hidden}.expense-cat-header{background:var(--bg-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.expense-cat-header:hover{background:var(--accent-blue)}#budget-expense-rows .expense-cat-header:hover{background:#e74c3c14}.expense-cat-name{color:var(--text-primary);align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;display:flex}.expense-cat-name i{color:var(--red-accent);font-size:.7rem}.expense-cat-total{color:var(--red-accent);align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;display:flex}.expense-cat-total .cat-chevron{font-size:.6rem;transition:transform .2s}.expense-cat-total .cat-chevron.open{transform:rotate(180deg)}.expense-cat-body{padding:0 .5rem;display:none}.expense-cat-body.open{display:block}.expense-breakdown{background:var(--bg-secondary);color:var(--text-secondary);border-radius:8px;margin-top:.5rem;padding:.5rem .75rem;font-size:.75rem}.expense-breakdown-row{border-radius:6px;justify-content:space-between;padding:.4rem .5rem;transition:background .15s;display:flex}.expense-breakdown-row:nth-child(odd){background:#4a90e20a}.expense-breakdown-row:nth-child(2n){background:#4a90e214}.expense-breakdown-row span:first-child{color:var(--text-primary);align-items:center;gap:.4rem;font-weight:500;display:flex}.expense-breakdown-row span:last-child{color:var(--red-accent);font-weight:600}.budget-summary{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem;display:grid}.budget-summary-card{background:var(--bg-secondary);border:1px solid var(--border-color);text-align:center;border-radius:10px;padding:.75rem}.budget-summary-label{color:var(--text-secondary);margin-bottom:.3rem;font-size:.75rem;font-weight:500}.budget-summary-value{color:var(--text-primary);font-size:1.2rem;font-weight:700}.budget-summary-value.surplus{color:var(--success-color)}.budget-summary-value.deficit{color:var(--error-color)}.budget-summary-sub{color:var(--text-muted);margin-top:.15rem;font-size:.65rem}.budget-header-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;grid-template-columns:1fr 100px 85px 85px;gap:.5rem;padding:.3rem 0;font-size:.6rem;font-weight:600;display:grid}.budget-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.save-modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;background:#00000080;justify-content:center;align-items:flex-start;width:100%;height:100%;padding-top:400px;display:none;position:fixed;top:0;left:0;overflow-y:auto}.save-modal.active{display:flex}.save-modal-content{background:var(--bg-card);width:90%;max-width:480px;box-shadow:var(--shadow-large);border-radius:16px;padding:2rem}.save-modal-title{text-align:center;color:var(--text-primary);margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.save-modal-field{margin-bottom:1rem}.save-modal-field label{color:var(--text-secondary);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.save-modal-field input{border:2px solid var(--border-color);border-radius:10px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.save-modal-field input:focus{border-color:var(--primary-blue);outline:none}.save-modal-actions{gap:.75rem;margin-top:1.5rem;display:flex}.save-modal-actions .btn{flex:1;justify-content:center}.save-result{text-align:center;display:none}.save-result .code-display{background:var(--bg-secondary);border:2px solid var(--primary-blue);letter-spacing:1px;word-break:break-all;border-radius:8px;margin:1rem 0;padding:1rem;font-family:monospace;font-size:1.1rem;font-weight:700}.save-result .btn{margin-top:.5rem}@media (width<=768px){.budget-columns{display:block}.budget-card{max-width:100vw!important;padding:.75rem!important;overflow:hidden!important}.budget-body{overflow:hidden!important}.budget-row{grid-template-columns:1fr 1fr;gap:.25rem .5rem;padding:.5rem 0}.budget-row-label{grid-column:1/-1;min-width:0;margin-bottom:-.1rem;font-size:.85rem}.budget-input{min-width:0;padding:.45rem .5rem;font-size:16px!important}.budget-freq{min-width:0;padding:.45rem .3rem;font-size:16px!important}.budget-fortnightly{text-align:left;color:var(--primary-blue);grid-column:1/-1;font-size:.8rem;font-weight:700}.budget-header-label{display:none}.budget-summary{grid-template-columns:1fr;gap:.5rem}.budget-summary-value{font-size:1.1rem}.budget-summary-card{padding:.75rem}.code-input-bar{flex-wrap:wrap}.code-input-bar input{flex:100%;min-width:0;max-width:100%}.budget-section-title{margin-top:.5rem;font-size:.9rem}.budget-actions .btn{flex:1;justify-content:center;min-width:120px}}@media (width<=600px){.budget-row{padding:.4rem 0}.budget-row-label{font-size:.8rem}.budget-input,.budget-freq{border-radius:6px;padding:.4rem}.budget-fortnightly{font-size:.75rem}}.goal-seek-btn:hover{background:#334155!important}.goal-seek-btn.goal-seek-active{background:var(--primary-blue)!important}