.loan-info{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:20px auto;max-width:1200px;padding:clamp(20px,3vw,40px);width:90%}.loan-info h2{color:#2c3e50;font-size:1.8rem;margin-bottom:24px;text-align:center}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{background:#f8fafc;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:15px;transition:transform .2s ease}.info-item:hover{transform:translateY(-2px)}.info-label{color:#64748b;font-size:.9rem;font-weight:500}.info-value{color:#1e293b;font-size:1.2rem;font-weight:600}.highlight{background:#e0f2fe;border-left:4px solid #38bdf8}.achievement{background:#ecfdf5;border-left:4px solid #34d399}.total{background:#eff6ff;border-left:4px solid #3b82f6}@media (prefers-color-scheme:dark){.loan-info{background:#1e293b}.loan-info h2{color:#f1f5f9}.info-item{background:#334155}.info-label{color:#cbd5e1}.info-value{color:#f1f5f9}.highlight{background:#0c4a6e;border-left-color:#38bdf8}.achievement{background:#064e3b;border-left-color:#34d399}.total{background:#1e3a8a;border-left-color:#3b82f6}}@media screen and (max-width:768px){.loan-info{padding:15px}.info-grid{gap:15px}}.loan-inputs{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;margin:20px auto;max-width:1200px;padding:clamp(20px,3vw,40px);width:90%}.input-groups-container{display:flex;flex-direction:row;gap:15px;overflow-x:auto;padding-bottom:10px;width:100%}.input-group{display:flex;flex:1 1;flex-direction:column;max-width:300px;min-width:200px;position:relative}.input-group label{color:#2c3e50;font-size:.95rem;font-weight:600;margin-bottom:4px;white-space:nowrap}.input-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;padding:8px 12px;transition:all .3s ease;width:100%}.input-group input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33;outline:none}.readonly-input{background-color:#f8f9fa;color:#2c3e50;cursor:not-allowed}.input-hint{color:#7f8c8d;font-size:.8rem;font-style:italic;margin-top:4px}.input-groups-container::-webkit-scrollbar{height:6px}.input-groups-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.input-groups-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.input-groups-container::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@media (prefers-color-scheme:dark){.loan-inputs{background-color:#2c3e50}.input-group label{color:#ecf0f1}.input-group input{background-color:#34495e;border-color:#7f8c8d;color:#ecf0f1}.readonly-input{background-color:#2c3e50}.input-hint{color:#bdc3c7}.input-groups-container::-webkit-scrollbar-track{background:#34495e}.input-groups-container::-webkit-scrollbar-thumb{background:#7f8c8d}.input-groups-container::-webkit-scrollbar-thumb:hover{background:#95a5a6}}@media screen and (max-width:1200px){.input-groups-container{flex-wrap:nowrap;justify-content:flex-start}}@media screen and (max-width:768px){.loan-inputs{padding:15px}.input-group{min-width:180px}.input-group input{padding:6px 10px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.loan-inputs{box-shadow:0 2px 4px #0000001a}}.term-input-container{align-items:center;display:flex;gap:10px;width:100%}.term-input-container input{flex:1 1}.update-term-btn{background:#60a5fa;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.update-term-btn:hover{background:#3b82f6;box-shadow:0 3px 6px #00000026;transform:translateY(-1px)}.update-term-btn:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}@media (prefers-color-scheme:dark){.update-term-btn{background:#3b82f6}.update-term-btn:hover{background:#2563eb}}.chart-container{border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:20px auto;max-width:1200px;padding:clamp(20px,3vw,40px);transition:background-color .3s ease;width:90%}.chart-container h3{border-bottom:2px solid #3498db;color:#2c3e50;font-size:clamp(1.2rem,2vw,1.5rem);margin-bottom:30px;padding-bottom:10px;text-align:center}.chart-grid{display:flex;flex-direction:column;gap:30px}.chart-item{width:100%}.chart-item h4{margin-bottom:20px;text-align:center;transition:color .3s ease}.recharts-wrapper{margin:0 auto;max-width:100%}.recharts-tooltip-wrapper{z-index:10}@media (prefers-color-scheme:dark){.chart-container{background-color:#2c3e50}.chart-container h3,.chart-item h4{color:#ecf0f1}.chart-item{background-color:#34495e}.recharts-cartesian-grid line{stroke:#ffffff1a}.recharts-text{fill:#ecf0f1}}@media screen and (max-width:768px){.chart-container{padding:15px}}*,:after,:before{box-sizing:border-box}.custom-tooltip{border-radius:8px;box-shadow:0 2px 4px #0003;padding:12px;transition:all .3s ease}.tooltip-header{border-bottom:1px solid #eee;color:#2c3e50;font-weight:700;margin-bottom:8px;padding-bottom:8px}.tooltip-content{display:flex;flex-direction:column;gap:6px}.tooltip-item{align-items:center;display:flex;gap:12px;justify-content:space-between}.tooltip-label{font-weight:700;margin-bottom:8px}.tooltip-value{font-weight:600}@media (prefers-color-scheme:dark){.custom-tooltip{background-color:#2c3e50f2;border-color:#34495e}.tooltip-header{border-bottom-color:#34495e;color:#ecf0f1}.tooltip-item{color:#ecf0f1}}.principal{fill:#4ecdc4}.interest{fill:#ffd384}.app{background:linear-gradient(135deg,#93c5fd,#60a5fa);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.app h1{animation:floatTitle 3s ease-in-out infinite;color:#fff;font-size:clamp(2rem,5vw,3.5rem);margin-bottom:30px;text-align:center;text-shadow:2px 2px 4px #0003}@keyframes floatTitle{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (prefers-color-scheme:dark){.app{background:linear-gradient(135deg,#0f172a,#1e293b)}.app h1{color:#e2e8f0;text-shadow:2px 2px 4px #0006}}@media screen and (max-width:768px){.app{padding:15px}}.calculator-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin-top:20px;width:100%}*{box-sizing:border-box;margin:0;padding:0}@media screen and (max-width:480px){.app{padding:10px}}@media screen and (min-width:481px) and (max-width:768px){.app{padding:15px}}@media screen and (min-width:769px) and (max-width:1024px){.app{padding:20px}}@media screen and (min-width:1025px){.app{padding:30px}}.card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:20px;transition:transform .2s ease-in-out}.card:hover{transform:translateY(-5px)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.e032caa6.css.map*/