:root{--primary:#2e8540;--secondary:#00a99d;--accent:#f37021;--bg:#fafafa;--card:#ffffff;--border:#dcdcdc;--text:#263238}.psb-container{background:var(--bg);padding:25px;max-width:900px;margin:auto;border-radius:10px}.psb-step{display:none}.psb-step.active{display:block}.psb-step h2{margin-bottom:18px;font-size:20px;font-weight:700;color:var(--text)}.psb-step h3{margin-top:30px;margin-bottom:10px;font-size:17px;color:var(--text);font-weight:600}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:6px}.form-control{width:100%;padding:9px 11px;font-size:14px;border:1px solid var(--border);border-radius:6px;outline:none}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgb(46 133 64 / 20%)}.row-2{display:flex;gap:14px}.row-2 .form-group{flex:1}.wilayah-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.checkbox-list label{display:block;margin-bottom:6px;cursor:pointer;font-size:14px}.checkbox-error{outline:2px solid rgb(211 47 47 / .12);padding:8px;border-radius:6px;background:#fff6f6}.checkbox-error .checkbox-list label{color:#a00}.btn-next,.btn-prev,.btn-reset,.btn-cari-reg,.submit-btn{display:inline-block;background:var(--primary);color:#fff;padding:10px 25px;border-radius:6px;border:none;cursor:pointer;font-weight:600;margin-top:20px;transition:background 0.25s ease}.btn-prev{background:#888}.btn-next:hover,.btn-reset:hover,.btn-cari-reg:hover,.submit-btn:hover{background:var(--secondary)}.input-error{border-color:#d33!important;background:#fff5f5}.input-error:focus{box-shadow:0 0 0 2px rgb(200 0 0 / .25)}.field-error{border:1.5px solid #d9534f!important;background:#fff6f6}.psb-success-wrapper{max-width:620px;margin:40px auto;padding:26px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 18px rgb(0 0 0 / .06);font-family:'Inter',sans-serif;line-height:1.55;opacity:0;transform:translateY(20px);animation:psbFadeSlideIn .7s ease forwards}@keyframes psbFadeSlideIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.psb-success-check{width:120px;margin:0 auto 18px;display:block;animation:psbPop 0.6s ease-out forwards}@keyframes psbPop{0%{transform:scale(.2);opacity:0}70%{transform:scale(1.15);opacity:1}100%{transform:scale(1)}}.psb-success-title{text-align:center;font-size:24px;font-weight:700;margin-bottom:22px}.psb-success-block{padding:12px 16px;background:#f8fafc;border-radius:10px;margin:12px 0;font-size:15px}.psb-success-bank{white-space:pre-line;font-family:'Inter',sans-serif}.psb-success-qris img{width:200px;border-radius:10px;border:1px solid #ddd;margin-top:10px}@media(max-width:520px){.psb-success-wrapper{padding:20px;margin:24px auto}.psb-success-check{width:100px}.psb-success-title{font-size:20px}}@media(max-width:768px){.row-2{flex-direction:column}.wilayah-row{grid-template-columns:1fr 1fr}}@media(max-width:480px){.wilayah-row{grid-template-columns:1fr}}.section-title{display:block;font-weight:700;margin-bottom:12px;font-size:16px}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}.upload-item{background:#f8f9fa;padding:12px;border-radius:6px;border:1px solid #e0e0e0}.upload-item label{display:block;font-weight:600;margin-bottom:6px}.upload-item small{display:block;margin-top:4px;color:#666;font-size:12px}@media (max-width:768px){.upload-grid{grid-template-columns:1fr}}.progress-bar-bg{width:100%;height:12px;background:#eee;border-radius:6px;overflow:hidden}#upload-progress-bar{width:0%;height:100%;background:#2e7d32;transition:width 0.3s}.du-back-btn{display:inline-block;padding:12px 22px;background:#16a34a;color:#fff;font-size:16px;font-weight:600;border-radius:8px;text-decoration:none;transition:0.25s}.du-back-btn:hover{background:#15803d;transform:translateY(-1px);box-shadow:0 4px 10px rgb(0 0 0 / .1)}