.pjf-wrap{max-width:1050px;margin:30px auto;padding:25px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.06);font-family:Arial,sans-serif;color:#172033}.pjf-header{display:flex;gap:15px;align-items:center;border-bottom:2px solid #17365d;padding-bottom:15px;margin-bottom:18px}.pjf-logo{width:55px;height:55px;border-radius:12px;background:#17365d;color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px}.pjf-header h2{margin:0}.pjf-header p{margin:4px 0;color:#5f6b7a}.pjf-job-desc,.pjf-note{background:#f6f8fb;padding:12px;border-radius:10px;font-size:14px}.pjf-steps{display:flex;gap:6px;margin:20px 0}.pjf-steps span{flex:1;text-align:center;padding:10px;background:#edf0f4;border-radius:8px;font-weight:700;font-size:13px}.pjf-steps span.active{background:#17365d;color:#fff}.pjf-step{display:none}.pjf-step.active{display:block}.pjf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.pjf-grid label{display:block;font-weight:700;font-size:14px}.pjf-grid input,.pjf-grid select{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:11px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.pjf-grid small{display:block;color:#6b7280;font-weight:400;margin-top:4px}.pjf-qual{border:1px solid #d8dee8;padding:15px;border-radius:12px;margin:15px 0}.pjf-qual legend{font-weight:800;padding:0 8px}.optional{font-weight:400;color:#64748b}.pjf-actions{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.pjf-actions button,.pjf-next,.pjf-pay{border:0;border-radius:8px;padding:12px 20px;background:#17365d;color:#fff;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block}.pjf-pay{background:#0b7a45}.pjf-invalid{border-color:#d93025!important;outline:2px solid rgba(217,48,37,.12)}.pjf-fee-box{display:flex;justify-content:space-between;align-items:center;background:#eef7f1;padding:16px;border-radius:10px;font-size:18px}.pjf-preview-head{display:grid;grid-template-columns:1fr 240px;gap:20px}.pjf-preview-images{display:flex;gap:10px;align-items:flex-start}.pjf-preview-images img:first-child{width:110px;height:135px;object-fit:cover;border:1px solid #999}.pjf-preview-images img:last-child{width:120px;height:65px;object-fit:contain;border-bottom:1px solid #999}.pjf-preview-table{overflow:auto}.pjf-preview-table table{border-collapse:collapse;width:100%;font-size:12px}.pjf-preview-table th,.pjf-preview-table td{border:1px solid #ccc;padding:6px}.pjf-success{margin-top:20px;padding:20px;border-radius:12px;background:#ecfdf3;border:1px solid #86efac}.pjf-error{margin-top:20px;padding:15px;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px}.pjf-result{margin-top:15px;padding:15px;border:1px solid #dbe2ea;border-radius:10px}.pjf-search-wrap .pjf-next{margin-top:15px}@media(max-width:700px){.pjf-grid,.pjf-preview-head{grid-template-columns:1fr}.pjf-steps{flex-direction:column}.pjf-wrap{margin:10px;padding:15px}.pjf-actions{flex-direction:column}.pjf-actions button,.pjf-next,.pjf-pay{width:100%;text-align:center}}