
.profile-v3-page{max-width:1120px;margin:0 auto;padding:34px 20px 70px}
.profile-hero{overflow:hidden;border:1px solid var(--line);border-radius:26px;background:#180e13}
.profile-cover{height:240px;position:relative;background:linear-gradient(135deg,#b12657,#5b1837);background-size:cover;background-position:center}
.cover-upload{position:absolute;right:18px;bottom:18px;padding:10px 14px;border:1px solid #69354d;border-radius:999px;background:rgba(18,8,13,.86);color:#fff;font-weight:800;cursor:pointer}
.admin-badge{position:absolute;right:18px;top:18px;padding:8px 11px;border:1px solid #f29bb5;border-radius:999px;background:#a82f5a;color:white;font-size:11px;font-weight:900}
.profile-summary{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding:0 24px 26px}
.profile-avatar{width:150px;height:150px;margin-top:-74px;border-radius:50%;border:5px solid #150a10;background:#351724;overflow:hidden;display:grid;place-items:center;color:#ff5d84;font-size:48px;z-index:2}
.profile-avatar img{width:100%;height:100%;object-fit:cover}
.profile-main h1{margin:8px 0 4px;font-size:38px}
.profile-main p{margin:0;color:#e1c5cf}
.mode-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}
.mode-pills span{padding:7px 10px;border:1px solid #66314a;border-radius:999px;background:#351623;font-size:11px}
.profile-actions{display:flex;gap:10px;align-items:center}
.profile-strength{margin-top:18px;max-width:560px}
.strength-row{display:flex;justify-content:space-between;font-size:11px}
.strength-track{height:8px;margin-top:7px;border-radius:999px;background:#3d1b29;overflow:hidden}
.strength-track i{display:block;height:100%;background:linear-gradient(90deg,#ff315f,#ee76a0);border-radius:999px}
.admin-note{margin-top:17px;display:inline-block;padding:9px 12px;border:1px solid #5e3f78;border-radius:12px;background:#201429;color:#dbc8e9;font-size:11px}
.profile-grid{display:grid;grid-template-columns:1.6fr .75fr;gap:18px;margin-top:20px}
.profile-left{display:grid;gap:18px}
.profile-card{border:1px solid var(--line);border-radius:22px;background:#180e13;padding:22px}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.card-head h2{margin:0 0 16px}
.card-head button,.card-head a{border:0;background:none;color:#ff668d;text-decoration:none;font-weight:900;cursor:pointer;font-size:11px}
.profile-card p{line-height:1.6}
.info-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
.info-grid>div{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid #4d2637}
.info-grid span{color:#dc8fab}
.info-grid b{text-align:right}
.photo-grid-v3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.profile-thumb{position:relative;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:#12090e}
.profile-thumb img{width:100%;height:100%;object-fit:cover}
.profile-thumb span{position:absolute;left:7px;bottom:7px;padding:4px 6px;border-radius:999px;background:#150a10;color:#fff;font-size:8px;font-weight:800}
.muted-small{font-size:11px;color:var(--muted)}
.profile-modal{position:fixed;inset:0;z-index:400;display:none;place-items:center;padding:18px;background:rgba(0,0,0,.72)}
.profile-modal.open{display:grid}
.profile-modal-card{position:relative;width:min(760px,100%);max-height:90vh;overflow:auto;border:1px solid #633249;border-radius:24px;background:#1a0d13;padding:24px}
.modal-x{position:absolute;right:14px;top:12px;border:0;background:none;color:white;font-size:26px;cursor:pointer}
.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.edit-grid label,.bio-field{display:grid;gap:6px;color:#d8aabc;font-size:11px}
.edit-grid input,.edit-grid select,.bio-field textarea{width:100%;border:1px solid #563044;border-radius:11px;background:#10080c;color:white;padding:10px}
.check{display:flex!important;align-items:center!important;gap:8px!important}
.check input{width:auto!important}
.bio-field{margin-top:12px}
.mode-edit{display:flex;gap:14px;flex-wrap:wrap;margin:16px 0}
.mode-edit label{font-size:12px}
@media(max-width:760px){
  .profile-v3-page{padding:18px 12px 55px}
  .profile-cover{height:190px}
  .profile-summary{grid-template-columns:1fr;padding:0 16px 20px}
  .profile-avatar{width:118px;height:118px;margin-top:-58px}
  .profile-actions{width:100%}
  .profile-actions .btn{flex:1}
  .profile-grid{grid-template-columns:1fr}
  .info-grid{grid-template-columns:1fr}
  .edit-grid{grid-template-columns:1fr}
}