*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.app{flex-direction:column;min-height:100vh;display:flex}header{color:#fff;text-align:center;background:#1a73e8;padding:1rem 2rem}header h1{font-size:1.8rem;font-weight:600}main{flex:1;width:100%;max-width:1200px;margin:2rem auto;padding:0 1rem}.loan-form{background:#fff;border-radius:8px;grid-template-columns:1fr 1fr;gap:1rem;padding:2rem;display:grid;box-shadow:0 2px 8px #0000001a}.form-group{flex-direction:column;display:flex}.form-group label{color:#555;margin-bottom:.3rem;font-size:.85rem;font-weight:600}.form-group input{border:1px solid #ddd;border-radius:4px;padding:.6rem .8rem;font-size:1rem}.form-group input:focus{border-color:#1a73e8;outline:none;box-shadow:0 0 0 2px #1a73e833}.sondertilgungen{grid-column:1/-1}.sondertilgungen h3{color:#555;margin-bottom:.5rem;font-size:1rem}.sondertilgung-row{gap:.5rem;margin-bottom:.5rem;display:flex}.sondertilgung-row input{border:1px solid #ddd;border-radius:4px;flex:1;padding:.5rem;font-size:.9rem}.btn-remove{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:4px;padding:.5rem .8rem;font-size:.9rem}.btn-add{cursor:pointer;color:#666;background:0 0;border:1px dashed #aaa;border-radius:4px;margin-top:.3rem;padding:.5rem 1rem;font-size:.85rem}.btn-add:hover{color:#1a73e8;border-color:#1a73e8}.btn-submit{color:#fff;cursor:pointer;background:#1a73e8;border:none;border-radius:4px;grid-column:1/-1;padding:.8rem;font-size:1.1rem;font-weight:600;transition:background .2s}.btn-submit:hover:not(:disabled){background:#1557b0}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.error{color:#c0392b;background:#ffeaea;border-radius:4px;margin-top:1rem;padding:1rem;font-weight:500}.results{margin-top:2rem}.summary{background:#fff;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem 2rem;box-shadow:0 2px 8px #0000001a}.summary h2{color:#1a73e8;margin-bottom:1rem;font-size:1.2rem}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.summary-item{flex-direction:column;display:flex}.summary-item .label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.summary-item .value{color:#333;font-size:1.3rem;font-weight:700}.results h2{margin-bottom:.8rem;font-size:1.2rem}.table-wrapper{background:#fff;border-radius:8px;overflow-x:auto;box-shadow:0 2px 8px #0000001a}table{border-collapse:collapse;width:100%;font-size:.9rem}thead{background:#f0f4f8}th{text-align:right;color:#555;white-space:nowrap;padding:.7rem 1rem;font-weight:600}th:first-child,th:nth-child(2){text-align:left}td{text-align:right;border-bottom:1px solid #eee;padding:.5rem 1rem}td:first-child,td:nth-child(2){text-align:left}tbody tr:hover{background:#f8fafc}tr.sondertilgung{background:#fff8e1;font-weight:600}tr.sondertilgung:hover{background:#fff3cd}footer{text-align:center;color:#888;background:#fff;border-top:1px solid #eee;padding:1rem;font-size:.85rem}@media (width<=600px){.loan-form{grid-template-columns:1fr}}