.tab-account .account-profile{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:24px 16px 0;
}
.tab-account .account-avatar{
  width:64px;
  height:64px;
  border-radius:50%;
  background-color:#2b2f3a;
  background-image:url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='64' height='64' rx='32' fill='%23394455'/%3E%3Cpath d='M32 34c5.523 0 10-4.477 10-10S37.523 14 32 14s-10 4.477-10 10 4.477 10 10 10zm0 4c-8.284 0-18 4.143-18 12v2h36v-2c0-7.857-9.716-12-18-12z' fill='%23FFFFFF' fill-opacity='0.9'/%3E%3C/svg%3E");
  background-size:cover;
  background-position:center;
  flex-shrink:0;
}
.tab-account .account-info__name{
  font-size:16px;
  font-weight:600;
  color:#fff;
  text-align:center;
}

.tab-account .account-group{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:20px 16px calc(32px + var(--tabbar-h) + var(--safe-bottom));
}
.tab-account .account-block{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:16px;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:18px;
  background:rgba(255,255,255,0.02);
}
.tab-account .account-plan-icon{
  width:46px;
  height:46px;
  border-radius:12px;
  background:url("../img/logo.png") center/cover no-repeat;
  flex-shrink:0;
}
.tab-account .account-plan-info{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.tab-account .account-plan-label{
  font-size:13px;
  color:var(--muted);
}
.tab-account .account-plan-title{
  font-size:18px;
  font-weight:600;
  color:#fff;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  cursor:pointer;
  transition:opacity .12s ease;
}
.tab-account .account-plan-title:active{
  opacity:0.8;
}
.tab-account .account-plan-badge{
  font-size:12px;
  padding:2px 8px;
  border-radius:999px;
  background:rgba(255,255,255,0.1);
  color:#fff;
}
.tab-account .account-plan-description{
  font-size:13px;
  color:var(--muted);
  line-height:1.35;
}
.tab-account .account-plan-arrow{
  font-size:22px;
  color:rgba(255,255,255,0.6);
  align-self:center;
}
.tab-account .account-block--storage{
  align-items:center;
}
.tab-account .account-storage-progress{
  width:56px;
  height:56px;
  border-radius:50%;
  position:relative;
  flex-shrink:0;
  background:radial-gradient(circle at center, transparent 62%, rgba(255,255,255,0.08) 64%);
}
.tab-account .account-storage-progress__fill{
  position:absolute;
  inset:0;
  border-radius:50%;
  --storage-progress: 0deg;
  background:conic-gradient(
    var(--primary, #2d7ff9) 0deg,
    var(--primary, #2d7ff9) var(--storage-progress, 0deg),
    rgba(255,255,255,0.08) var(--storage-progress, 0deg)
  );
  mask:radial-gradient(circle at center, transparent 55%, #000 70%);
}
.tab-account .account-storage-info{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.tab-account .account-storage-title{
  font-size:16px;
  font-weight:600;
  color:#fff;
}
.tab-account .account-storage-meta{
  font-size:14px;
  color:var(--muted);
  display:flex;
  align-items:center;
  gap:6px;
}
.tab-account .account-storage-current{
  color:var(--primary);
  font-weight:600;
}
.tab-account .account-storage-cta{
  border:1px solid var(--primary);
  background:var(--primary);
  color:#fff;
  border-radius:999px;
  padding:6px 14px;
  font-size:13px;
  cursor:pointer;
  transition:opacity .15s ease, transform .12s ease;
}
.tab-account .account-storage-cta:active:not(:disabled){
  transform:scale(0.97);
}
.tab-account .account-block--secure{
  align-items:center;
}
.tab-account .account-secure-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:flex-end;
}
.tab-account .account-secure-icon{
  width:52px;
  height:52px;
  border-radius:14px;
  background:rgba(66, 80, 100, 0.15);
  flex-shrink:0;
  background-image:url("../img/key.png");
  background-repeat:no-repeat;
  background-position:center;
  background-size:36px;
}
.tab-account .account-secure-info{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.tab-account .account-secure-title{
  font-size:18px;
  font-weight:700;
  color:#fff;
}
.tab-account .account-secure-description{
  font-size:14px;
  color:var(--muted);
  line-height:1.35;
}
.tab-account .account-secure-cta{
  border:1px solid var(--primary);
  background:var(--primary);
  color:#fff;
  border-radius:999px;
  padding:8px 18px;
  font-size:14px;
  cursor:pointer;
  transition:opacity .15s ease, transform .12s ease;
}
.tab-account .account-secure-secondary{
  border:1px solid rgba(255,255,255,0.2);
  background:transparent;
  color:#fff;
  border-radius:999px;
  padding:8px 18px;
  font-size:14px;
  cursor:pointer;
}
.tab-account .account-secure-secondary.hidden{
  display:none;
}
.tab-account .account-secure-cta:disabled{
  opacity:0.5;
  cursor:not-allowed;
}
.tab-account .account-secure-cta:active:not(:disabled){
  transform:scale(0.97);
}
.tab-account .account-secure-cta.is-loading,
.tab-account .account-secure-secondary.is-loading{
  opacity:0.6;
  pointer-events:none;
}
.tab-account .account-block--news{
  align-items:center;
  gap:16px;
}
.tab-account .account-news-icon{
  width:46px;
  height:46px;
  border-radius:12px;
  background:url("../img/channel.png") center/cover no-repeat;
  flex-shrink:0;
}
.tab-account .account-news-info{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.tab-account .account-news-title{
  font-size:17px;
  font-weight:600;
  color:#fff;
}
.tab-account .account-news-description{
  font-size:13px;
  color:var(--muted);
  line-height:1.4;
}
.tab-account .account-news-cta{
  border-radius:999px;
  padding:9px 18px;
  background:var(--primary,#2d7ff9);
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:600;
  white-space:nowrap;
}
.tab-account .account-news-cta:active{
  opacity:0.85;
}