*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh;padding:20px}#root{max-width:800px}#root,.App{width:100%}.calculator-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:40px}h1{color:#333;font-size:32px;font-weight:700;margin-bottom:40px;text-align:center}.input-group{margin-bottom:30px}.input-group label{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.label-text{color:#555;font-size:16px;font-weight:500}.text-input,.value{color:#667eea;font-size:18px;font-weight:700}.text-input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;min-width:150px;padding:8px 12px;text-align:right;transition:all .2s ease}.text-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.text-input.small{font-size:16px;min-width:80px}.text-input.monthly-input{color:#764ba2;font-size:20px;min-width:180px}.value-with-unit{align-items:center;display:flex;gap:8px}.unit{color:#667eea;font-size:16px;font-weight:600}.slider-container{gap:12px}.slider-btn,.slider-container{align-items:center;display:flex}.slider-btn{background:#fff;border:2px solid #667eea;border-radius:10px;color:#667eea;cursor:pointer;flex-shrink:0;font-size:24px;font-weight:700;height:40px;justify-content:center;touch-action:manipulation;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:40px}.slider-btn:hover{background:#667eea;color:#fff;transform:scale(1.05)}.slider-btn:active{transform:scale(.95)}.slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:5px;cursor:pointer;height:8px;outline:none;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#667eea;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:24px;-webkit-transition:all .2s ease;transition:all .2s ease;width:24px}.slider::-webkit-slider-thumb:hover{background:#5568d3;transform:scale(1.2)}.slider::-moz-range-thumb{background:#667eea;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:24px;-moz-transition:all .2s ease;transition:all .2s ease;width:24px}.slider::-moz-range-thumb:hover{background:#5568d3;transform:scale(1.2)}.divider{background:linear-gradient(90deg,#0000,#667eea,#0000);height:2px;margin:40px 0}.monthly-group{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:15px;margin-bottom:20px;padding:25px}.monthly-value{color:#764ba2;font-size:24px}.monthly-slider{background:linear-gradient(90deg,#764ba2,#667eea)}.lock-container{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:15px}.checkbox-label{align-items:center;color:#555;cursor:pointer;display:flex;font-size:15px;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:20px;margin-right:10px;width:20px}.checkbox-label span{font-weight:500}.info-icon-container{position:relative}.info-icon,.info-icon-container{align-items:center;display:inline-flex}.info-icon{background:#667eea;border-radius:50%;color:#fff;cursor:help;font-size:14px;font-weight:700;height:20px;justify-content:center;-webkit-user-select:none;user-select:none;width:20px}.tooltip{background:#333;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:13px;line-height:1.4;margin-bottom:5px;opacity:0;padding:12px 16px;pointer-events:none;text-align:left;transform:translateX(-50%) translateY(-8px);transition:opacity .2s ease,visibility .2s ease;visibility:hidden;white-space:normal;width:280px;z-index:1000}.tooltip,.tooltip:after{left:50%;position:absolute}.tooltip:after{border:6px solid #0000;border-top-color:#333;content:"";top:100%;transform:translateX(-50%)}.info-icon-container:active .tooltip,.info-icon-container:hover .tooltip{opacity:1;visibility:visible}.extra-payment-toggle{margin:20px 0;text-align:center}.toggle-btn{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea;border-radius:10px;color:#667eea;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease;width:100%}.toggle-btn:hover{background:linear-gradient(135deg,#667eea33,#764ba233);transform:translateY(-2px)}.extra-payment-group{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid #667eea33;border-radius:15px;margin-bottom:20px;padding:25px}.payoff-info{background:#fff;border-left:4px solid #667eea;border-radius:12px;margin-top:20px;padding:20px}.payoff-label{color:#666;font-size:14px;margin-bottom:5px}.payoff-value{color:#667eea;font-size:24px;font-weight:700;margin-bottom:10px}.payoff-savings{color:#28a745;font-size:14px;font-weight:600}.info-section{background:#f8f9ff;border-radius:12px;margin-top:30px;padding:20px}.info-row{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 0}.info-row:last-child{border-bottom:none}.info-row span:first-child{color:#666;font-size:15px}.info-value{color:#333;font-size:16px;font-weight:700}@media (max-width:768px){.calculator-container{border-radius:15px;padding:25px}h1{font-size:24px;margin-bottom:30px}.label-text{font-size:14px}.text-input,.value{font-size:16px}.text-input{min-width:120px}.text-input.small{font-size:15px;min-width:70px}.text-input.monthly-input{font-size:18px;min-width:140px}.monthly-value{font-size:20px}.input-group{margin-bottom:25px}.slider-btn{font-size:20px;height:36px;width:36px}.slider-container{gap:10px}.toggle-btn{font-size:15px;padding:10px 20px}.payoff-value{font-size:20px}.monthly-group{padding:20px}.info-section{padding:15px}.info-row{align-items:flex-start;flex-direction:column;gap:5px}.info-value{font-size:18px}.tooltip{font-size:12px;width:240px}}@media (max-width:480px){.calculator-container{padding:20px}h1{font-size:20px;margin-bottom:25px}.label-text{font-size:13px}.text-input,.value{font-size:14px}.text-input{min-width:100px;padding:6px 10px}.text-input.small{font-size:14px;min-width:60px}.text-input.monthly-input{font-size:16px;min-width:120px}.monthly-value{font-size:18px}.checkbox-label,.toggle-btn{font-size:14px}.toggle-btn{padding:10px 16px}.payoff-value{font-size:18px}.payoff-info{padding:15px}.slider-btn{font-size:18px;height:32px;width:32px}.slider-container{gap:8px}.slider::-webkit-slider-thumb{height:20px;width:20px}.slider::-moz-range-thumb{height:20px;width:20px}.tooltip{font-size:11px;padding:10px 12px;width:200px}}
/*# sourceMappingURL=main.0834dc20.css.map*/