*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f6f9;color:#1a1a2e;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.app-container{margin:0 auto;max-width:900px;padding:0 16px 40px}.app-main{display:flex;flex-direction:column;gap:20px}.app-header{border-bottom:2px solid #e63946;gap:16px;margin-bottom:24px;padding:24px 0 20px}.app-header,.header-logo{align-items:center;display:flex}.header-logo{background-color:#e63946;border-radius:8px;color:#fff;font-size:18px;font-weight:700;height:52px;justify-content:center;letter-spacing:1px;width:52px}.app-title{color:#1a1a2e;font-size:22px;font-weight:700}.app-subtitle{color:#6c757d;font-size:14px;margin-top:2px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.result-card{border-top:3px solid #e63946}.section-title{align-items:center;color:#6c757d;display:flex;font-size:13px;font-weight:600;gap:10px;letter-spacing:.06em;margin-bottom:20px;text-transform:uppercase}.section-badge{background:#f1f3f5;border-radius:4px;color:#495057;font-family:Courier New,monospace;font-size:11px;font-weight:400;letter-spacing:0;padding:2px 8px;text-transform:none}.form-grid{grid-gap:0 20px;display:grid;gap:0 20px;grid-template-columns:1fr 1fr}.field{margin-bottom:16px}.field label{color:#495057;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.field input,.field select{background:#fff;border:1px solid #ced4da;border-radius:8px;color:#1a1a2e;font-size:14px;height:38px;padding:0 12px;transition:border-color .15s,box-shadow .15s;width:100%}.field input:focus,.field select:focus{border-color:#e63946;box-shadow:0 0 0 3px #e639461f;outline:none}.field input.input-error,.field select.input-error{border-color:#dc3545}.error-msg{color:#dc3545;display:block;font-size:12px;margin-top:4px}.btn-primary{background:#e63946;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:10px 28px;transition:background .15s,transform .1s}.btn-primary:hover{background:#c1121f}.btn-primary:active{transform:scale(.98)}.metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.metric{background:#f8f9fa;border-radius:8px;padding:14px 16px}.metric-highlight{background:#fff5f5;border:1px solid #ffb3b8}.metric-label{color:#6c757d;font-size:12px;margin-bottom:4px}.metric-value{color:#1a1a2e;font-size:17px;font-weight:600}.metric-highlight .metric-value{color:#c1121f}.metric-sub{color:#adb5bd;font-size:11px;margin-top:3px}.formula-box{background:#f8f9fa;border-left:4px solid #e63946;border-radius:0 8px 8px 0;color:#495057;font-size:13px;line-height:1.6;padding:12px 16px}.table-wrapper{overflow-x:auto}.jadwal-table{border-collapse:collapse;font-size:13px;width:100%}.jadwal-table th{background:#f8f9fa;border-bottom:1px solid #e2e8f0;color:#6c757d;font-size:12px;font-weight:600;padding:10px 12px;text-align:left}.jadwal-table td{border-bottom:1px solid #f1f3f5;color:#1a1a2e;padding:10px 12px}.jadwal-table tr:last-child td{border-bottom:none}.jadwal-table tr:hover td{background:#fafafa}.total-row td{background:#f1f3f5;font-size:14px;padding:12px}.center{text-align:center}.right{text-align:right}.mono{font-family:Courier New,monospace}.angsuran-badge{background:#e9ecef;border-radius:999px;color:#495057;display:inline-block;font-weight:600;min-width:28px;padding:2px 10px}.angsuran-badge,.app-footer{font-size:12px;text-align:center}.app-footer{border-top:1px solid #e2e8f0;color:#adb5bd;margin-top:32px;padding-top:16px}@media (max-width:600px){.form-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:1fr 1fr}}.tab-nav{display:flex;flex-wrap:wrap;gap:8px}.tab-btn{background:#fff;border:1px solid #ced4da;border-radius:8px;color:#495057;cursor:pointer;font-size:14px;font-weight:500;padding:8px 18px;transition:all .15s}.tab-btn:hover:not(.active){background:#f8f9fa}.tab-btn.active{background:#e63946;border-color:#e63946;color:#fff}.info-box{background:#fff8e1;border-left:4px solid #f59e0b;border-radius:0 8px 8px 0;color:#495057;font-size:14px;line-height:1.6;margin-bottom:16px;padding:12px 16px}.info-title{color:#92400e;font-weight:600;margin-bottom:6px}.code-block{background:#1e1e2e;border-radius:8px;color:#cdd6f4;font-family:Courier New,monospace;font-size:13px;line-height:1.7;margin:0;overflow-x:auto;padding:16px;white-space:pre}.result-highlight{color:#c1121f!important;font-size:15px;font-weight:600}.row-overdue{background:#fff5f5}.badge-red{background:#fee2e2!important;color:#c1121f!important}.pill-danger{background:#fee2e2;border-radius:999px;color:#c1121f;display:inline-block;font-size:12px;font-weight:600;padding:2px 10px}.denda-value{color:#c1121f!important;font-weight:600}.denda-card{background:#fff5f5;border:1px solid #fecaca;border-radius:10px;flex:1 1;min-width:200px;padding:14px 16px}.denda-card-title{color:#c1121f;font-size:13px;font-weight:600;margin-bottom:4px}.denda-card-sub{color:#6c757d;font-size:12px;margin-bottom:10px}.denda-card-row{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:6px}.denda-op{color:#adb5bd;font-weight:400}.denda-result{color:#c1121f;font-weight:700;margin-left:4px}
/*# sourceMappingURL=main.9aad9872.css.map*/