.report-wrap{display:grid;grid-template-columns:1fr 320px;gap:28px;margin-top:32px;align-items:start}.report-form-card{background:var(--bg-elevated, #1e1e24);border:1px solid var(--border, #2a2a32);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:20px}.report-status{padding:12px 16px;border-radius:10px;font-size:.9rem;font-weight:500;font-family:var(--font-display, sans-serif);animation:fadeInDown .25s ease}.report-status.sukses{background:#4caf821a;border:1px solid rgba(76,175,130,.35);color:var(--success, #4caf82)}.report-status.gagal{background:#e05a5a14;border:1px solid rgba(224,90,90,.3);color:var(--danger, #e05a5a)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.report-field{display:flex;flex-direction:column;gap:6px}.report-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #9d9890);font-family:var(--font-display, sans-serif)}.report-required{color:var(--danger, #e05a5a);margin-left:3px}.report-hint{font-size:.74rem;color:var(--text-muted, #9d9890);font-family:var(--font-display, sans-serif);line-height:1.4}.report-input{background:var(--bg-surface, #16161a);border:1px solid var(--border, #2a2a32);border-radius:8px;color:var(--text-primary, #f5f3ef);font-family:var(--font-display, sans-serif);font-size:.9rem;padding:10px 14px;width:100%;transition:border-color .15s,box-shadow .15s;-moz-appearance:none;appearance:none;-webkit-appearance:none}.report-input:focus{outline:none;border-color:var(--accent, #c8a96e);box-shadow:0 0 0 3px #c8a96e1f}.report-input::placeholder{color:var(--text-muted, #9d9890)}.report-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%239a9690' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}.report-textarea{resize:vertical;min-height:120px;line-height:1.6}.report-char-count{font-size:.72rem;color:var(--text-muted, #9d9890);text-align:right;font-family:var(--font-mono, monospace)}.report-char-count.hampir-penuh{color:#e8a23a}.report-char-count.penuh{color:var(--danger, #e05a5a)}.report-upload-area{background:var(--bg-surface, #16161a);border:2px dashed var(--border, #2a2a32);border-radius:10px;padding:20px;position:relative;transition:border-color .15s,background .15s;cursor:pointer;min-height:90px}.report-upload-area:hover,.report-upload-area.dragover{border-color:var(--accent, #c8a96e);background:#c8a96e0a}.report-upload-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%;z-index:2}.report-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;pointer-events:none}.report-upload-ikon{font-size:1.6rem;opacity:.5}.report-upload-teks{font-size:.88rem;color:var(--text-secondary, #c9c5bd);font-weight:500}.report-upload-hint{font-size:.74rem;color:var(--text-muted, #9d9890)}.report-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.report-preview-item{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;border:1px solid var(--border, #2a2a32);background:var(--bg-hover, #26262e)}.report-preview-item img{width:100%;height:100%;object-fit:cover;display:block}.report-preview-hapus{position:absolute;top:5px;right:5px;width:22px;height:22px;background:#000000bf;border:none;border-radius:50%;color:#fff;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;z-index:3}.report-preview-hapus:hover{background:var(--danger, #e05a5a)}.report-preview-nama{position:absolute;bottom:0;left:0;right:0;background:#000000a6;color:#fff;font-size:.65rem;padding:3px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-actions{display:flex;gap:12px;flex-wrap:wrap}.report-btn-submit{background:var(--accent, #c8a96e);border:none;border-radius:8px;color:#0d0d0f;font-family:var(--font-display, sans-serif);font-size:.9rem;font-weight:700;padding:11px 24px;cursor:pointer;transition:background .15s,box-shadow .15s,opacity .15s}.report-btn-submit:hover:not(:disabled){background:#d9bb82;box-shadow:0 0 16px #c8a96e4d}.report-btn-submit:disabled{opacity:.45;cursor:not-allowed}.report-btn-reset{background:transparent;border:1px solid var(--border, #2a2a32);border-radius:8px;color:var(--text-muted, #9d9890);font-family:var(--font-display, sans-serif);font-size:.88rem;padding:11px 18px;cursor:pointer;transition:border-color .15s,color .15s}.report-btn-reset:hover{border-color:var(--border-accent, rgba(200,169,110,.3));color:var(--text-secondary, #c9c5bd)}.report-info-samping{display:flex;flex-direction:column;gap:16px;position:sticky;top:24px}.report-info-card{background:var(--bg-elevated, #1e1e24);border:1px solid var(--border, #2a2a32);border-radius:14px;padding:20px}.report-info-card h3{font-size:.88rem;font-weight:700;color:var(--text-primary, #f5f3ef);margin-bottom:12px;font-family:var(--font-display, sans-serif)}.report-info-list{padding-left:18px;display:flex;flex-direction:column;gap:8px}.report-info-list li{font-size:.82rem;color:var(--text-secondary, #c9c5bd);line-height:1.5}.report-info-respon p{font-size:.82rem;color:var(--text-secondary, #c9c5bd);line-height:1.6}@media(max-width:768px){.report-wrap{grid-template-columns:1fr}.report-info-samping{position:static;order:-1}.report-preview-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.report-form-card{padding:20px 16px}.report-preview-grid{grid-template-columns:1fr}}.report-info-links a{color:var(--accent, #c8a96e);text-decoration:none;font-size:.82rem;transition:color .15s;border-bottom:1px solid rgba(200,169,110,.25);padding-bottom:1px}.report-info-links a:hover{color:#e5c88f;border-color:#e5c88f}