/* ATHAR 2.0 Account v2 — compact centered identity, modal details, media cover */
#profile-view-box{padding:12px!important;overflow:hidden!important}
.pf-cover-wrap{position:relative!important;height:148px!important;margin:0 0 82px!important;border-radius:17px!important;overflow:visible!important;background:radial-gradient(ellipse at 50% 15%,rgba(168,85,247,.28),transparent 55%),linear-gradient(135deg,#17102d,#090914 65%,#24103a)!important;border:1px solid rgba(190,130,255,.25)!important;box-shadow:inset 0 0 25px rgba(124,58,237,.12)!important}
.pf-cover-wrap:before{content:"";position:absolute;inset:0;border-radius:17px;background:linear-gradient(0deg,rgba(5,4,12,.58),transparent 75%);pointer-events:none;z-index:1}
.pf-cover-image,.pf-cover-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:17px;display:none}
.pf-cover-edit{position:absolute;right:9px;top:9px;z-index:5;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(9,8,20,.72);color:#fff;padding:7px 10px;font-weight:800;font-size:10px;backdrop-filter:blur(10px)}
.pf-cover-caption{position:absolute;left:12px;bottom:10px;z-index:3;color:#fff;font-size:10px;font-weight:900;letter-spacing:1px;text-shadow:0 2px 8px #000}
.pf-header-row{position:absolute!important;left:50%!important;top:100px!important;transform:translateX(-50%)!important;margin:0!important;padding:0!important;z-index:4!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;width:100%!important;text-align:center!important}
.pf-header-row .profile-avatar{width:96px!important;height:96px!important;min-width:96px!important;border-radius:50%!important;border:4px solid #171126!important;box-shadow:0 0 0 2px #9858f5,0 7px 25px rgba(0,0,0,.5)!important;background-color:#21143a!important;object-fit:cover!important}
.pf-header-meta{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important}.pf-header-meta h3{font-size:15px!important;margin:0!important;font-weight:900!important;color:#fff!important}.pf-header-sub{font-size:9px!important;color:#e8d5ff!important;background:linear-gradient(100deg,rgba(124,58,237,.22),rgba(217,70,166,.18))!important;border:1px solid rgba(192,132,252,.22)!important;border-radius:999px!important;padding:5px 12px!important;letter-spacing:1px!important;font-weight:900!important;margin-top:4px!important}
.pf-edit-btn{position:absolute!important;right:14px!important;top:-37px!important;width:34px!important;height:34px!important;border-radius:11px!important}
.pf-details-open{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;margin:8px 0 10px;padding:11px;border:1px solid rgba(174,119,255,.3);border-radius:13px;background:linear-gradient(100deg,rgba(104,52,190,.22),rgba(211,55,164,.12));color:#eadcff;font-weight:900;font-size:11px;letter-spacing:.4px}
#pfInfoCard{display:none!important}
.pf-stats-card,.pf-zone-card,.pf-info-card{border-radius:16px!important;border-color:rgba(180,145,255,.16)!important;background:linear-gradient(145deg,rgba(28,25,42,.96),rgba(15,15,25,.98))!important;box-shadow:0 8px 20px rgba(0,0,0,.14)!important;padding:13px!important;margin:9px 0!important}
.pf-label{font-size:11px!important;color:#aaa5bd!important}.pf-balance-val{font-size:24px!important;color:#e7c4ff!important;text-shadow:0 0 14px rgba(168,85,247,.22)}
.pf-stat-box{border-radius:12px!important;background:rgba(255,255,255,.045)!important;padding:10px!important}.pf-stat-box strong{font-size:16px!important}.pf-info-row{padding:10px 0!important}.pf-value{font-size:13px!important}
.pf-country-btn{border-radius:12px!important;padding:10px!important}
.pf-transfer-card{margin:10px 0!important;padding:13px!important;border:1px solid rgba(168,85,247,.25)!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(45,25,76,.65),rgba(18,17,30,.98))!important;box-shadow:0 8px 20px rgba(0,0,0,.16)!important}
.pf-transfer-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}.pf-transfer-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:#ead6ff;background:linear-gradient(135deg,#7438d6,#bd43a4);font-size:16px}.pf-transfer-head strong{display:block;color:#fff;font-size:12px}.pf-transfer-head small{display:block;color:#aaa2bb;font-size:10px;margin-top:2px}
.pf-transfer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pf-transfer-btn{border:0;border-radius:11px;padding:10px 7px;color:#fff;font-size:10px;font-weight:900;background:linear-gradient(120deg,#7438d6,#a43bc0)}.pf-transfer-btn.secondary{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12)}
.pf-transfer-modal{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:14px;background:rgba(3,3,10,.78);backdrop-filter:blur(10px)}.pf-transfer-modal.open{display:flex}.pf-transfer-dialog{width:min(100%,410px);max-height:84vh;overflow:auto;border-radius:19px;padding:16px;background:linear-gradient(145deg,#1c1730,#10101a);border:1px solid rgba(184,137,255,.32);box-shadow:0 20px 65px rgba(0,0,0,.5);color:#fff}.pf-transfer-dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pf-transfer-dialog-head h3{font-size:15px;margin:0}.pf-transfer-close{width:32px;height:32px;border:1px solid rgba(255,255,255,.15);border-radius:9px;background:rgba(255,255,255,.07);color:#fff;font-size:19px}
.pf-transfer-field{display:block;margin:10px 0}.pf-transfer-field span{display:block;font-size:11px;color:#b9b2c9;margin-bottom:6px}.pf-transfer-field input{width:100%;box-sizing:border-box;border:1px solid rgba(190,150,255,.25);border-radius:11px;background:#0e0d18;color:#fff;padding:12px;font-size:14px;outline:none}.pf-transfer-submit{width:100%;border:0;border-radius:11px;padding:12px;background:linear-gradient(100deg,#7c3aed,#d946a6);color:#fff;font-weight:900;margin-top:7px}.pf-transfer-note{font-size:10px;line-height:1.45;color:#aaa2b8;margin:9px 0}.pf-transfer-list{display:grid;gap:8px}.pf-transfer-item{padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.04)}.pf-transfer-item-top{display:flex;justify-content:space-between;gap:7px;font-size:11px;font-weight:800}.pf-transfer-item small{display:block;color:#a9a2b6;margin-top:4px;font-size:10px;overflow-wrap:anywhere}.pf-transfer-status{color:#e9bdff}.pf-transfer-item button{margin:8px 6px 0 0;border:0;border-radius:8px;padding:7px 9px;background:linear-gradient(100deg,#7c3aed,#a43bc0);color:#fff;font-size:10px;font-weight:900}.pf-transfer-item button.cancel{background:#52202d}
.pf-details-modal{position:fixed;inset:0;z-index:1000000;display:none;align-items:center;justify-content:center;padding:15px;background:rgba(3,3,10,.78);backdrop-filter:blur(10px)}.pf-details-modal.open{display:flex}.pf-details-box{width:min(100%,390px);max-height:80vh;overflow:auto;padding:16px;border-radius:18px;background:linear-gradient(145deg,#1c1730,#10101a);border:1px solid rgba(184,137,255,.3);color:#fff}.pf-details-box .pf-info-card{display:block!important;margin:0!important}.pf-details-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pf-details-title strong{font-size:14px}.pf-details-title button{background:transparent;border:0;color:white;font-size:22px}
@media(max-width:380px){#profile-view-box{padding:9px!important}.pf-cover-wrap{height:132px!important;margin-bottom:75px!important}.pf-header-row{top:87px!important}.pf-header-row .profile-avatar{width:86px!important;height:86px!important;min-width:86px!important}.pf-transfer-actions{grid-template-columns:1fr 1fr}}
#profile-view-box{position:relative!important}
#pfInfoCard{display:none!important}
.pf-details-box #pfInfoCard{display:block!important}

/* V3 centered purple profile identity and compact mobile cards */
#profile-view-box{padding:10px!important;background:linear-gradient(155deg,rgba(15,12,26,.98),rgba(8,8,17,.99))!important}
.pf-cover-wrap{height:142px!important;margin-bottom:82px!important;border-radius:18px!important;background:radial-gradient(ellipse at 50% 0%,rgba(168,85,247,.34),transparent 65%),linear-gradient(135deg,#251344,#100d1d 58%,#30113b)!important;border:1px solid rgba(168,85,247,.38)!important}
.pf-cover-wrap:after{content:"";position:absolute;inset:0;border-radius:18px;pointer-events:none;background:linear-gradient(180deg,rgba(9,6,18,.06),rgba(9,6,18,.42));z-index:1}
.pf-cover-edit{top:9px!important;right:9px!important;padding:8px 12px!important;font-size:10px!important}
.pf-header-row{top:83px!important;gap:6px!important}
.pf-header-row .profile-avatar{width:94px!important;height:94px!important;min-width:94px!important;border-radius:50%!important;border:4px solid #171126!important;box-shadow:0 0 0 2px #9b55ed,0 8px 25px rgba(0,0,0,.55),0 0 24px rgba(147,51,234,.25)!important;object-fit:cover!important;background:#21143a!important}
.pf-header-meta{gap:3px!important}
.pf-header-meta h3{font-size:16px!important}
.pf-header-sub{font-size:9px!important;letter-spacing:.8px!important}
.pf-details-open{margin:5px 0 8px!important;padding:10px!important;font-size:10px!important}
.pf-stats-card{padding:11px!important;margin:8px 0!important}
.pf-balance-val{font-size:22px!important}
.pf-stat-box{padding:9px!important}
.pf-stat-box strong{font-size:14px!important}
.pf-transfer-card{padding:11px!important;margin:8px 0!important}
.pf-transfer-btn{min-height:38px!important;font-size:10px!important}
.pf-transfer-dialog{width:min(100%,390px)!important;padding:14px!important}
.pf-transfer-field input{background:#171326!important;color:#fff!important;border:1px solid rgba(190,150,255,.32)!important}
.pf-transfer-field input:focus{border-color:#a855f7!important;box-shadow:0 0 0 2px rgba(168,85,247,.16)!important}
.pf-info-card{background:linear-gradient(145deg,#211934,#12101d)!important}
@media(max-width:380px){.pf-cover-wrap{height:128px!important;margin-bottom:72px!important}.pf-header-row{top:75px!important}.pf-header-row .profile-avatar{width:86px!important;height:86px!important;min-width:86px!important}.pf-header-meta h3{font-size:14px!important}}


/* V4: circular main avatar, half-overlap cover, translucent cover and unified purple actions */
#profile-view-box{overflow:visible!important}
.pf-cover-wrap{height:154px!important;margin:0 0 139px!important;overflow:hidden!important;border-radius:19px!important;background:rgba(91,45,145,.18)!important;border:1px solid rgba(190,145,255,.28)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important}
.pf-cover-wrap:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(12,8,24,.12),rgba(12,8,24,.27))!important;pointer-events:none}
.pf-cover-wrap:after{content:"";position:absolute;inset:0;z-index:2;background:rgba(60,28,100,.12);pointer-events:none}
.pf-cover-image,.pf-cover-video{opacity:.78!important;filter:saturate(.9);}
.pf-header-row{top:107px!important;z-index:5!important;gap:5px!important}
.pf-header-row .profile-avatar{display:block!important;width:94px!important;height:94px!important;min-width:94px!important;border-radius:50%!important;aspect-ratio:1/1!important;border:4px solid #171126!important;outline:2px solid #9b55ed!important;box-shadow:0 8px 26px rgba(0,0,0,.55),0 0 22px rgba(147,51,234,.28)!important;background-color:#21143a!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important;overflow:hidden!important;flex:0 0 94px!important;}
.pf-header-meta{margin-top:0!important}.pf-header-meta h3{font-size:15px!important}.pf-header-sub{font-size:9px!important}
.pf-details-open,.pf-transfer-btn,.pf-transfer-submit,.pf-find-btn,.pf-edit-btn,.pf-edit-card-btn{background:linear-gradient(110deg,#7135d5,#8b3de0)!important;border:1px solid rgba(199,160,255,.24)!important;color:#fff!important;box-shadow:0 5px 15px rgba(105,45,190,.16)!important}
.pf-transfer-btn.secondary{background:linear-gradient(110deg,#7135d5,#8b3de0)!important;border:1px solid rgba(199,160,255,.24)!important}
.pf-email-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}.pf-email-search-row input{min-width:0}.pf-find-btn{border:0;border-radius:10px;padding:0 14px;min-height:42px;font-size:10px;font-weight:900;white-space:nowrap}
.pf-receiver-preview{margin:8px 0 10px;min-height:48px}.pf-receiver-empty{display:block;padding:12px;border:1px dashed rgba(190,150,255,.25);border-radius:12px;color:#aaa2bb;font-size:11px;text-align:center}.pf-receiver-empty.error{color:#ff9aaa;border-color:rgba(255,100,130,.35)}
.pf-receiver-found{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid rgba(168,85,247,.35);border-radius:13px;background:linear-gradient(120deg,rgba(105,54,170,.22),rgba(25,19,39,.8))}.pf-receiver-found img{width:48px;height:48px;flex:0 0 48px;border-radius:50%;object-fit:cover;border:2px solid #a56af2;background:#24163b}.pf-receiver-found strong,.pf-receiver-found small,.pf-receiver-found em{display:block}.pf-receiver-found strong{font-size:13px;color:#fff}.pf-receiver-found small{font-size:10px;color:#bbb2cc;margin-top:2px;overflow-wrap:anywhere}.pf-receiver-found em{font-size:9px;font-style:normal;color:#c9a3ff;margin-top:4px;font-weight:800}
#pfAmountStep[hidden]{display:none!important}.pf-transfer-submit{background:linear-gradient(110deg,#7135d5,#8b3de0)!important}
@media(max-width:380px){.pf-cover-wrap{height:145px!important;margin-bottom:130px!important}.pf-header-row{top:100px!important}.pf-header-row .profile-avatar{width:88px!important;height:88px!important;min-width:88px!important;flex-basis:88px!important}.pf-email-search-row{grid-template-columns:minmax(0,1fr) 76px}}


/* Profile logo CENTER + slightly lower + VIP animation */
#profile-view-box .pf-header-row{
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  top: 108px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: max-content !important;
  max-width: 92% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  z-index: 6 !important;
}
#profile-initials,
#profile-view-box #profile-initials,
#profile-view-box .pf-avatar,
#profile-view-box .profile-avatar,
.pf-header-row .profile-avatar{
  margin: 8px auto 0 auto !important;
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  float: none !important;
  left: auto !important;
  right: auto !important;
}
#profile-initials.pf-vip-logo,
.pf-avatar.pf-vip-logo{
  box-shadow:
    0 0 0 2px rgba(168,85,247,.55),
    0 0 0 5px rgba(124,58,237,.18),
    0 8px 24px rgba(91,33,182,.45) !important;
  animation: pfVipPulse 2.2s ease-in-out infinite !important;
}
.pf-vip-badge{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 10px;
  padding: 5px 12px 5px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .4px;
  color: #f5f3ff;
  background: linear-gradient(135deg, #4c1d95, #7c3aed 50%, #a855f7);
  border: 1px solid rgba(216,180,254,.45);
  box-shadow: 0 0 16px rgba(168,85,247,.45), inset 0 1px 0 rgba(255,255,255,.15);
  position: relative;
  overflow: hidden;
  vertical-align: middle;
}
.pf-vip-badge::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 40%, rgba(255,255,255,.28) 50%, transparent 60%);
  transform: translateX(-120%);
  animation: pfVipSweep 2.8s ease-in-out infinite;
}
.pf-vip-badge .dot{
  width: 8px; height: 8px; border-radius: 50%;
  background: #f0abfc;
  box-shadow: 0 0 8px #e879f9;
  animation: pfVipBlink 1.2s ease-in-out infinite;
}
@keyframes pfVipPulse{
  0%,100%{ box-shadow: 0 0 0 2px rgba(168,85,247,.55), 0 0 0 5px rgba(124,58,237,.15), 0 8px 24px rgba(91,33,182,.4); }
  50%{ box-shadow: 0 0 0 3px rgba(216,180,254,.75), 0 0 0 8px rgba(168,85,247,.22), 0 10px 28px rgba(168,85,247,.55); }
}
@keyframes pfVipSweep{
  0%{ transform: translateX(-120%); }
  60%,100%{ transform: translateX(120%); }
}
@keyframes pfVipBlink{
  0%,100%{ opacity:1; transform:scale(1); }
  50%{ opacity:.55; transform:scale(.85); }
}


/* FORCE center profile photo under cover */
#profile-view-box{
  position: relative !important;
}
#profile-view-box .pf-cover-wrap{
  position: relative !important;
}
#profile-view-box .pf-header-row{
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  align-items: center !important;
  text-align: center !important;
}
#profile-view-box .pf-header-meta{
  text-align: center !important;
  align-items: center !important;
  width: 100% !important;
}
#profile-view-box .pf-vip-badge{
  margin-left: 0 !important;
  margin-top: 6px !important;
}


/* Cover upload progress card */
.pf-upload-progress-card{
  position: fixed;
  left: 50%;
  bottom: 96px;
  transform: translateX(-50%) translateY(20px);
  width: min(360px, calc(100vw - 28px));
  z-index: 99999;
  opacity: 0;
  pointer-events: none;
  transition: .22s ease;
}
.pf-upload-progress-card.show{
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}
.pf-up-inner{
  background: linear-gradient(160deg, #1a0b2e 0%, #0c0618 100%);
  border: 1px solid rgba(168,85,247,.45);
  border-radius: 18px;
  padding: 14px 14px 12px;
  box-shadow: 0 18px 40px rgba(0,0,0,.5), 0 0 24px rgba(124,58,237,.2);
  display: grid;
  grid-template-columns: 40px 1fr auto;
  grid-template-areas:
    "icon meta pct"
    "bar bar bar"
    "foot foot foot";
  gap: 6px 10px;
  align-items: center;
}
.pf-up-icon{grid-area:icon;font-size:24px;line-height:1}
.pf-up-meta{grid-area:meta;min-width:0}
.pf-up-meta strong{display:block;font-size:13px;color:#f5f3ff;font-weight:900}
.pf-up-meta small{display:block;font-size:10px;color:#c4b5fd;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-up-pct{grid-area:pct;font-size:16px;font-weight:900;color:#e9d5ff}
.pf-up-bar{grid-area:bar;height:8px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}
.pf-up-bar i{display:block;height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#7c3aed,#a855f7,#f0abfc);transition:width .15s linear;box-shadow:0 0 12px rgba(168,85,247,.55)}
.pf-up-foot{grid-area:foot;font-size:10px;color:#a78bfa;font-weight:700}