*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}.app{max-width:1400px;margin:0 auto;padding:20px}h1{text-align:center;color:#333;margin-bottom:30px;font-size:2.5rem}h2{color:#444;margin-bottom:20px;font-size:1.5rem}.controls{background:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px}.control-group{margin-bottom:25px}.control-group:last-child{margin-bottom:0}label{display:block;font-weight:600;color:#555;margin-bottom:10px}input[type=range]{width:100%;height:8px;border-radius:5px;background:#ddd;outline:none;margin:10px 0;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#4caf50;cursor:pointer}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#4caf50;cursor:pointer}input[type=number]{width:150px;padding:8px 12px;border:2px solid #ddd;border-radius:5px;font-size:1rem;margin-top:5px}input[type=number]:focus{outline:none;border-color:#4caf50}.split-display{display:flex;justify-content:space-between;margin-top:10px;font-size:1.1rem}.split-display span{background:#e8f5e9;padding:8px 16px;border-radius:5px;font-weight:600}.split-display span:last-child{background:#fff3e0}.summary{background:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.summary-item{display:flex;flex-direction:column;padding:15px;background:#f9f9f9;border-radius:8px;border-left:4px solid #4CAF50}.summary-item .label{font-size:.9rem;color:#666;margin-bottom:5px}.summary-item .value{font-size:1.3rem;font-weight:700;color:#333}.chart-container{background:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px}.loan-details{background:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000001a}table{width:100%;border-collapse:collapse;margin-top:20px}thead{background:#f5f5f5}th{padding:12px;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #ddd}td{padding:12px;border-bottom:1px solid #eee}tbody tr:hover{background:#f9f9f9}tfoot{font-weight:700;background:#f5f5f5}tfoot td{border-top:2px solid #ddd;padding:15px 12px}@media (max-width: 768px){.app{padding:10px}h1{font-size:1.8rem}.controls,.summary,.chart-container,.loan-details{padding:20px}.summary-grid{grid-template-columns:1fr}table{font-size:.9rem}th,td{padding:8px}}