body{background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}:root{--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#818cf8;--primary-bg:#eef2ff;--primary-border:#c7d2fe;--success:#059669;--success-hover:#047857;--success-light:#34d399;--success-bg:#ecfdf5;--success-border:#a7f3d0;--danger:#dc2626;--danger-light:#fca5a5;--danger-bg:#fef2f2;--warning:#d97706;--warning-bg:#fffbeb;--purple:#7c3aed;--purple-bg:#f5f3ff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg:#f0f4ff;--surface:#fff;--border:var(--gray-200);--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #00000014,0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #00000008;--shadow-xl:0 20px 25px -5px #00000014,0 10px 10px -5px #00000008;--r-sm:6px;--r:10px;--r-lg:14px;--r-xl:18px;--t:0.18s ease}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f0f4ff;background:var(--bg);color:#1f2937;color:var(--gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:15px;line-height:1.5;margin:0}.calculator-container{margin:0 auto;max-width:1360px;min-height:100vh;padding:clamp(16px,4vw,40px)}.two-col-grid{grid-gap:clamp(16px,3vw,32px);display:grid;gap:clamp(16px,3vw,32px);grid-template-columns:1fr 1fr;margin-bottom:clamp(20px,3vw,32px)}@media (max-width:1024px){.two-col-grid{grid-template-columns:1fr}}.app-header{animation:fadeUp .5s ease both;margin-bottom:clamp(24px,4vw,48px);text-align:center}.app-header-badge{align-items:center;background:#eef2ff;background:var(--primary-bg);border:1px solid #c7d2fe;border:1px solid var(--primary-border);border-radius:999px;color:#4f46e5;color:var(--primary);display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.06em;margin-bottom:14px;padding:5px 14px;text-transform:uppercase}.title{color:#111827;color:var(--gray-900);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;letter-spacing:-.03em;margin:0 0 10px}.title span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#818cf8);background:linear-gradient(135deg,var(--primary),#818cf8);-webkit-background-clip:text;background-clip:text}.app-subtitle{color:#6b7280;color:var(--gray-500);font-size:15px;margin:0}.tab-nav{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:14px;border-radius:var(--r-lg);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow);display:flex;gap:6px;margin-bottom:28px;padding:6px}.tab-btn{background:#0000;border:none;border-radius:10px;border-radius:var(--r);color:#6b7280;color:var(--gray-500);cursor:pointer;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:14px;font-weight:600;letter-spacing:-.01em;padding:12px 20px;transition:.18s ease;transition:var(--t)}.tab-btn:hover:not(.active-loan):not(.active-sip){background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700)}.tab-btn.active-loan{background:#4f46e5;background:var(--primary);box-shadow:0 2px 8px #4f46e559;color:#fff}.tab-btn.active-sip{background:#059669;background:var(--success);box-shadow:0 2px 8px #05966959;color:#fff}.card{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:14px;border-radius:var(--r-lg);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow);overflow:hidden;padding:clamp(20px,3vw,28px);position:relative;transition:box-shadow .18s ease,transform .18s ease;transition:box-shadow var(--t),transform var(--t)}.card:hover{box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-accent-bar{background:linear-gradient(90deg,#4f46e5,#818cf8);background:linear-gradient(90deg,var(--primary),#818cf8)}.card-accent-bar,.card-accent-bar-green{border-radius:14px 14px 0 0;border-radius:var(--r-lg) var(--r-lg) 0 0;height:3px;left:0;position:absolute;right:0;top:0}.card-accent-bar-green{background:linear-gradient(90deg,#059669,#34d399);background:linear-gradient(90deg,var(--success),var(--success-light))}.section-title{margin:0 0 20px}.section-heading,.section-title{color:#111827;color:var(--gray-900);font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.section-heading{margin:0 0 16px}.gradient-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4338ca,#4f46e5);background:linear-gradient(135deg,var(--primary-hover),var(--primary));-webkit-background-clip:text;background-clip:text}.gradient-title-green{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#047857,#059669);background:linear-gradient(135deg,var(--success-hover),var(--success));-webkit-background-clip:text;background-clip:text}.input-group{margin-bottom:18px}.input-group label{color:#4b5563;color:var(--gray-600);display:block;font-size:13px;font-weight:600;letter-spacing:.01em;margin-bottom:7px}.input-field{appearance:none;-moz-appearance:textfield;background:#fff;background:var(--surface);border:1.5px solid #e5e7eb;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--r);color:#111827;color:var(--gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:15px;font-weight:500;outline:none;padding:10px 14px;transition:border-color .18s ease,box-shadow .18s ease;transition:border-color var(--t),box-shadow var(--t);width:100%}.input-field::-webkit-inner-spin-button,.input-field::-webkit-outer-spin-button{opacity:.4}.input-field:hover{border-color:#9ca3af;border-color:var(--gray-400)}.input-field:focus{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f}.input-field.error{border-color:#dc2626;border-color:var(--danger);box-shadow:0 0 0 3px #dc26261a}.input-error{align-items:center;color:#dc2626;color:var(--danger);display:flex;font-weight:500;gap:4px}.input-error,.input-hint{font-size:12px;margin-top:5px}.input-hint{color:#9ca3af;color:var(--gray-400)}.rate-type-toggle{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:6px}.rate-toggle-btn{align-items:center;background:#f9fafb;background:var(--gray-50);border:1.5px solid #e5e7eb;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--r);cursor:pointer;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);min-height:80px;overflow:hidden;padding:14px 12px;position:relative;text-align:center;transition:.18s ease;transition:var(--t)}.rate-toggle-btn:hover{border-color:#818cf8;border-color:var(--primary-light);transform:translateY(-1px)}.rate-toggle-btn.active,.rate-toggle-btn:hover{background:#eef2ff;background:var(--primary-bg)}.rate-toggle-btn.active{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f}.rate-toggle-btn.active:after{background:#4f46e5;background:var(--primary);border-radius:10px 10px 0 0;border-radius:var(--r) var(--r) 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.rate-toggle-icon{display:block;font-size:22px;margin-bottom:6px;transition:transform .18s ease;transition:transform var(--t)}.rate-toggle-btn:hover .rate-toggle-icon{transform:scale(1.1)}.rate-toggle-text{color:#374151;color:var(--gray-700);display:block;font-size:13px;font-weight:600;margin-bottom:3px}.rate-toggle-btn.active .rate-toggle-text{color:#4f46e5;color:var(--primary)}.rate-toggle-desc{color:#9ca3af;color:var(--gray-400);display:block;font-size:11px;line-height:1.3}.rate-toggle-btn.active .rate-toggle-desc{color:#818cf8;color:var(--primary-light)}@media (max-width:640px){.rate-type-toggle{grid-template-columns:1fr}.rate-toggle-btn{flex-direction:row;gap:12px;min-height:60px;padding:12px 14px;text-align:left}.rate-toggle-icon{font-size:20px;margin-bottom:0}}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--r);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:14px;font-weight:600;gap:8px;justify-content:center;outline:none;padding:11px 16px;transition:.18s ease;transition:var(--t);width:100%}.btn-primary{background:#4f46e5;background:var(--primary);box-shadow:0 1px 3px #4f46e54d;color:#fff}.btn-primary:hover{background:#4338ca;background:var(--primary-hover);box-shadow:0 4px 12px #4f46e559;transform:translateY(-1px)}.btn-success{background:#059669;background:var(--success);box-shadow:0 1px 3px #0596694d;color:#fff}.btn-success:hover{background:#047857;background:var(--success-hover);box-shadow:0 4px 12px #05966959;transform:translateY(-1px)}.prepayment-header{color:#9ca3af;color:var(--gray-400);font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:10px;text-transform:uppercase}.prepayment-header,.prepayment-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 48px}.prepayment-row{animation:fadeUp .25s ease both;margin-bottom:8px}.prepayment-row input{background:#fff;background:var(--surface);border:1.5px solid #e5e7eb;border:1.5px solid var(--border);border-radius:6px;border-radius:var(--r-sm);color:#1f2937;color:var(--gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:14px;outline:none;padding:9px 12px;transition:border-color .18s ease;transition:border-color var(--t)}.prepayment-row input:focus{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.add-btn,.remove-btn{align-items:center;border:none;border-radius:6px;border-radius:var(--r-sm);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:18px;font-weight:700;justify-content:center;min-height:40px;outline:none;transition:.18s ease;transition:var(--t)}.remove-btn{background:#fef2f2;background:var(--danger-bg);border:1px solid #fca5a5;border:1px solid var(--danger-light);color:#dc2626;color:var(--danger)}.remove-btn:hover{background:#dc2626;background:var(--danger);color:#fff;transform:scale(1.05)}.add-btn{background:#ecfdf5;background:var(--success-bg);border:1px solid #a7f3d0;border:1px solid var(--success-border);color:#059669;color:var(--success)}.add-btn:hover{background:#059669;background:var(--success);color:#fff;transform:scale(1.05)}@media (max-width:640px){.prepayment-header,.prepayment-row{grid-template-columns:1fr 1fr}.add-btn,.remove-btn{grid-column:span 2}}.summary-section{animation:fadeUp .4s ease .2s both;background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:18px;border-radius:var(--r-xl);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow);margin-bottom:clamp(20px,3vw,32px);overflow:hidden;padding:clamp(20px,3vw,32px);position:relative}.summary-section:before{background:linear-gradient(90deg,#d97706,#dc2626,#059669);background:linear-gradient(90deg,var(--warning),var(--danger),var(--success));border-radius:18px 18px 0 0;border-radius:var(--r-xl) var(--r-xl) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.summary-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.summary-card{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:14px;border-radius:var(--r-lg);overflow:hidden;padding:16px 18px;position:relative;transition:box-shadow .18s ease,transform .18s ease;transition:box-shadow var(--t),transform var(--t)}.summary-card:hover{box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-3px)}.summary-card-icon{display:block;font-size:22px;line-height:1;margin-bottom:8px}.summary-label{color:#9ca3af;color:var(--gray-400);font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:5px;text-transform:uppercase}.summary-value{font-size:clamp(1rem,2.5vw,1.3rem);font-weight:800;letter-spacing:-.02em;line-height:1.15}.summary-card-badge{border-radius:999px;display:inline-block;font-size:10px;font-weight:600;margin-top:5px;padding:2px 7px}.chart-section{animation:fadeUp .4s ease .3s both;margin-bottom:clamp(20px,3vw,32px)}.chart-wrapper{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:18px;border-radius:var(--r-xl);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow);padding:clamp(16px,3vw,28px);transition:box-shadow .18s ease;transition:box-shadow var(--t)}.chart-wrapper:hover{box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md)}.table-section{animation:fadeUp .4s ease .4s both;margin-bottom:clamp(20px,3vw,32px)}.table-container{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:18px;border-radius:var(--r-xl);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow);overflow:hidden;overflow-x:auto}.schedule-table{border-collapse:collapse;font-size:clamp(12px,1.8vw,13.5px);width:100%}.schedule-table th{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);color:#6b7280;color:var(--gray-500);font-size:11px;font-weight:700;letter-spacing:.06em;padding:12px 14px;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}.schedule-table td{font-feature-settings:"tnum";border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);color:#374151;color:var(--gray-700);font-variant-numeric:tabular-nums;padding:11px 14px;white-space:nowrap}.schedule-table tr:last-child td{border-bottom:none}.schedule-table tbody tr:hover{background:#eef2ff;background:var(--primary-bg)}.schedule-table tr.highlight{background:#ecfdf5;background:var(--success-bg);border-left:3px solid #059669;border-left:3px solid var(--success)}.schedule-table tr.rate-changed{background:#fffbeb;background:var(--warning-bg);border-left:3px solid #d97706;border-left:3px solid var(--warning)}.extra-payment{color:#7c3aed!important;color:var(--purple)!important;font-weight:600}.lumpsum-payment{color:#059669!important;color:var(--success)!important;font-weight:600}.table-container::-webkit-scrollbar{height:6px}.table-container::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100)}.table-container::-webkit-scrollbar-thumb{background:#818cf8;background:var(--primary-light);border-radius:3px}.info-box{background:#ecfdf5;background:var(--success-bg);border:1px solid #a7f3d0;border:1px solid var(--success-border);border-radius:10px;border-radius:var(--r);margin-top:20px;padding:14px 16px}.info-box h4{color:#059669;color:var(--success);font-size:13px;font-weight:700;margin:0 0 6px}.info-box p{color:#047857;color:var(--success-hover);font-size:13px;line-height:1.5;margin:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.card{animation:fadeUp .35s ease both}.pagination{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:16px;padding:8px 0}.pagination-btn{background:#fff;background:var(--surface);border:1.5px solid #e5e7eb;border:1.5px solid var(--border);border-radius:6px;border-radius:var(--r-sm);color:#374151;color:var(--gray-700);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;padding:7px 16px;transition:.18s ease;transition:var(--t)}.pagination-btn:hover:not(:disabled){background:#eef2ff;background:var(--primary-bg);border-color:#4f46e5;border-color:var(--primary);color:#4f46e5;color:var(--primary)}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-info{font-feature-settings:"tnum";color:#9ca3af;color:var(--gray-400);font-size:13px;font-variant-numeric:tabular-nums}.rate-panel{background:#eef2ff;background:var(--primary-bg);border:1px solid #c7d2fe;border:1px solid var(--primary-border);border-radius:10px;border-radius:var(--r);margin-bottom:20px;padding:16px}.rate-panel h3{color:#4338ca;color:var(--primary-hover);font-size:14px;font-weight:700;margin:0 0 12px}.rate-period-row{align-items:center;background:#fff;background:var(--surface);border:1px solid #c7d2fe;border:1px solid var(--primary-border);border-radius:6px;border-radius:var(--r-sm);display:flex;font-size:13px;justify-content:space-between;margin-bottom:6px;padding:8px 10px}.rate-period-row .rate-value{color:#4f46e5;color:var(--primary);font-weight:700}.rate-period-remove{background:none;border:none;color:#dc2626;color:var(--danger);cursor:pointer;font-size:18px;line-height:1;padding:0 4px;transition:.18s ease;transition:var(--t)}.rate-period-remove:hover{background:#dc2626;background:var(--danger);border-radius:4px;color:#fff}.rate-add-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:8px}.rate-add-input{background:#fff;background:var(--surface);border:1.5px solid #c7d2fe;border:1.5px solid var(--primary-border);border-radius:6px;border-radius:var(--r-sm);color:#1f2937;color:var(--gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:13px;outline:none;padding:8px 10px;transition:border-color .18s ease;transition:border-color var(--t)}.rate-add-input:focus{border-color:#4f46e5;border-color:var(--primary)}.rate-add-btn{background:#4f46e5;background:var(--primary);border:none;border-radius:6px;border-radius:var(--r-sm);color:#fff;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;padding:9px;transition:.18s ease;transition:var(--t);width:100%}.rate-add-btn:hover{background:#4338ca;background:var(--primary-hover)}.reset-btn{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--r-sm);color:#4b5563;color:var(--gray-600);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:12px;font-weight:600;padding:5px 10px;transition:.18s ease;transition:var(--t)}.reset-btn:hover{border-color:#9ca3af;border-color:var(--gray-400);color:#1f2937;color:var(--gray-800)}.sip-target-banner{border:1px solid;border-radius:10px;border-radius:var(--r);margin-bottom:20px;padding:12px 14px}.sip-target-banner.blue{background:#eef2ff;background:var(--primary-bg);border-color:#c7d2fe;border-color:var(--primary-border);color:#4338ca;color:var(--primary-hover)}.sip-target-banner.green{background:#ecfdf5;background:var(--success-bg);border-color:#a7f3d0;border-color:var(--success-border);color:#047857;color:var(--success-hover)}.sip-target-banner .label{font-size:13px;font-weight:600}.sip-target-banner .amount{font-size:16px;font-weight:800;margin-top:3px}.wealth-box{background:#ecfdf5;background:var(--success-bg);border:1.5px solid #a7f3d0;border:1.5px solid var(--success-border);border-radius:10px;border-radius:var(--r);margin-top:20px;padding:16px}.wealth-box .wealth-label{color:#059669;color:var(--success);font-size:13px;font-weight:700;margin-bottom:4px}.wealth-box .wealth-value{color:#059669;color:var(--success);font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.wealth-box .wealth-note{color:#047857;color:var(--success-hover);font-size:12px;line-height:1.4;margin-top:5px}@media (max-width:768px){.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.summary-grid{gap:10px;grid-template-columns:1fr 1fr}.summary-card{padding:12px 14px}}
/*# sourceMappingURL=main.b41d5646.css.map*/