.wr-card{max-width:1400px;margin:24px auto;background:#fff;border:1px solid #eef0f3;border-radius:16px;box-shadow:0 10px 30px rgba(20,20,20,.06);overflow:hidden}
.wr-card__header{padding:18px 20px;background:linear-gradient(135deg,#111827,#0b1220);color:#fff}
.wr-title{margin:0;font-size:18px}
.wr-subtitle{margin:6px 0 0;opacity:.85;font-size:13px}
.wr-card__body{padding:18px 20px}

.wr-userbar{display:flex;gap:14px;flex-wrap:wrap;background:#f7f8fb;border:1px solid #eef0f3;border-radius:12px;padding:12px;margin-bottom:14px}
.wr-userbar__item span{color:#6b7280;margin-left:6px;font-size:12px}

.wr-form{display:block}
.wr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wr-field{display:flex;flex-direction:column;gap:8px}
.wr-field--full{grid-column:1/-1}
.wr-field span{font-size:13px;color:#374151}
.wr-field input,.wr-field textarea{border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;outline:none;background:#fff}
.wr-field input:focus,.wr-field textarea:focus{border-color:#111827;box-shadow:0 0 0 4px rgba(17,24,39,.08)}

.wr-uploads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.wr-upload{border:1px solid #eef0f3;border-radius:14px;padding:12px;background:#fafbff}
.wr-upload__head{font-weight:700;font-size:13px;margin-bottom:10px;color:#111827}
.wr-upload__row{display:flex;gap:12px;align-items:center}
.wr-file{width:100%}

.wr-preview{width:140px;height:90px;border-radius:12px;border:1px dashed #d1d5db;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.wr-preview img{width:100%;height:100%;object-fit:cover;display:block}
.wr-preview span{color:#9ca3af;font-size:12px}

.wr-help{display:block;margin-top:8px;color:#6b7280;font-size:12px}

.wr-btn{margin-top:14px;width:100%;border:0;border-radius:14px;padding:12px 14px;background:#111827;color:#fff;font-weight:700;cursor:pointer}
.wr-btn:hover{filter:brightness(1.05)}
.wr-btn--ghost{background:#fff;color:#111827;border:1px solid #e5e7eb}
.wr-btn--ghost:hover{background:#f9fafb}

@media (max-width:720px){
  .wr-grid,.wr-uploads{grid-template-columns:1fr}
  .wr-preview{width:120px}
}

/* Modal */
.wr-modal{position:fixed;inset:0;display:none;z-index:99999}
.wr-modal.is-open{display:block}
.wr-modal__backdrop{position:absolute;inset:0;background:rgba(17,24,39,.55);backdrop-filter:blur(4px)}
.wr-modal__panel{
  position:relative;
  max-width:520px;
  margin:10vh auto;
  background:#fff;
  border-radius:18px;
  border:1px solid #eef0f3;
  box-shadow:0 20px 60px rgba(0,0,0,.20);
  padding:18px 18px 14px;
  text-align:center;
}
.wr-modal__badge{
  width:54px;height:54px;border-radius:18px;
  margin:-40px auto 10px;
  background:linear-gradient(135deg,#10b981,#059669);
  color:#fff;font-weight:900;font-size:22px;
  display:flex;align-items:center;justify-content:center;
  border:6px solid #fff;
  box-shadow:0 12px 30px rgba(16,185,129,.25);
}
.wr-modal__title{margin:0 0 8px;color:#111827;font-size:18px}
.wr-modal__text{margin:0 0 12px;color:#374151;font-size:13px;line-height:1.9}