.payment-wrapper{max-width:800px;margin:40px auto;padding:0 15px}.payment-container{background:#fff;padding:40px 30px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-base)}.payment-container:hover{box-shadow:var(--shadow-lg)}.payment-header{text-align:left;margin-bottom:30px}.payment-header h2{font-size:24px;color:var(--color-primary);margin-bottom:8px;position:relative;padding-bottom:10px}.payment-header h2:after{content:"";position:absolute;left:0;bottom:0;width:60px;height:3px;background-color:#007b3d}.payment-header p{color:#666;font-size:16px;margin:0}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:16px}input,select{width:100%;padding:12px;border:2px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:16px;font-family:inherit;transition:border-color .3s,box-shadow .3s;background-color:#fff}input:focus,select:focus{outline:none;border-color:#007b3d;box-shadow:0 0 0 3px #007b3d1a}input.error,select.error{border-color:#e74c3c}.input-error{color:#e74c3c;font-size:14px;margin-top:5px;display:none}.btn-submit{display:block;width:100%;background-color:#007b3d;color:#fff;padding:14px;font-weight:600;font-size:16px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);font-family:inherit;margin-top:10px;box-shadow:var(--shadow-sm)}.btn-submit:hover{background-color:#005a2d;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-submit:disabled{background-color:#ccc;cursor:not-allowed}.payment-info{background-color:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:25px;border-left:4px solid #007b3d}.payment-info p{margin:8px 0;font-size:16px}.payment-info strong{color:#333}.reference-number{font-family:Courier New,monospace;background-color:#e8f5e8;padding:4px 8px;border-radius:4px;font-weight:700}.payment-badge{display:inline-block;padding:4px 12px;background-color:#007b3d;color:#fff;border-radius:15px;font-size:14px;font-weight:600}.payment-method{margin-bottom:30px;padding:25px;background-color:#f9f9f9;border-radius:8px;border-left:4px solid #007b3d}.payment-method h3{color:#007b3d;margin-bottom:15px;font-size:20px;margin-top:0}.steps{margin:15px 0;padding-left:0}.steps li{margin-bottom:12px;list-style:none;position:relative;padding-left:25px}.steps li:before{content:"•";color:#007b3d;font-weight:700;position:absolute;left:0}.qr-code-container{text-align:center;margin-top:20px}.qr-code-container img{max-width:220px;border-radius:10px;box-shadow:0 4px 8px #0000001a}.bank-note{color:#e74c3c;font-weight:600;margin-bottom:15px;padding:10px;background-color:#ffeaea;border-radius:5px}.receipt-upload{margin-top:30px;padding:25px;background-color:#f5f9f7;border-radius:8px;border:2px dashed #007b3d}.receipt-upload h4{margin-top:0;margin-bottom:15px;color:#007b3d;font-size:18px}input[type=file]{padding:12px;background-color:#fff;font-size:14px;border:2px solid #ddd;margin-bottom:15px}input[type=file]::file-selector-button{padding:8px 16px;background-color:#007b3d;color:#fff;border:none;border-radius:4px;margin-right:10px;cursor:pointer;transition:background-color .3s ease}input[type=file]::file-selector-button:hover{background-color:#005a2d}.success-message{display:none;text-align:center;padding:30px;background-color:#e8f5e8;border-radius:8px;margin:30px 0;border:2px solid #007b3d}.success-message h3{color:#007b3d;font-size:22px;margin-bottom:10px}.success-message p{color:#555;font-size:16px;margin:8px 0}#backButton{background-color:#6c757d;margin-top:15px}#backButton:hover{background-color:#5a6268}.loader{display:none;text-align:center;margin:20px 0}.loader-spinner{border:4px solid #f3f3f3;border-top:4px solid #007b3d;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader p{margin-top:15px;color:#666;font-size:14px}@media (max-width: 768px){.navbar{flex-direction:column;align-items:flex-start;padding:10px 20px}.navbar ul{flex-direction:column;align-items:flex-start;gap:15px}.navbar li{display:block;width:100%}.navbar a{display:block;font-size:16px;padding:8px 0;text-align:left;width:100%}.navbar a.active{color:#007b3d;border-bottom:2px solid #007b3d}.payment-wrapper{margin:20px auto;padding:0 10px}.payment-container{padding:25px 20px}.payment-header h2{font-size:22px}.payment-method,.receipt-upload{padding:20px 15px}}@media (max-width: 480px){.navbar ul{gap:10px}.navbar a{font-size:14px}.payment-container{padding:20px 15px;margin:10px;border-radius:8px}.payment-header h2{font-size:20px}.btn-submit{padding:12px;font-size:15px}.qr-code-container img{max-width:180px}}