.user-dropdown{
  position:relative;
}

.user-toggle{
  display:flex;
  align-items:center;
  gap:7px;
  background:transparent;
  border:0;
  color:#d8d4e8;
  font:inherit;
  cursor:pointer;
  padding:0;
}

.user-toggle:hover{
  color:#fff;
}

.user-menu{
  display:none;
  position:absolute;
  top:30px;
  right:0;
  width:210px;
  background:rgba(23,22,31,.98);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 18px 45px rgba(0,0,0,.55);
  z-index:99999;
}

.user-menu.show{
  display:block;
}

.user-menu a,
.user-menu button{
  display:flex;
  align-items:center;
  gap:10px;
  padding:13px 16px;
  color:#d8d4e8;
  text-decoration:none;
  font-size:14px;
}

.user-menu a:hover,
.user-menu button:hover{
  background:rgba(125,87,255,.12);
  color:#fff;
}

.user-menu .logout-link{
  color:#ff7777;
}

.user-arrow{
  font-size:11px;
  opacity:.75;
}

.user-menu-head{
  padding:15px 16px 12px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.user-menu-head strong{
  display:block;
  color:#f3f0f7;
  font-size:14px;
  margin-bottom:5px;
}

.user-menu-head small{
  display:flex;
  align-items:center;
  gap:7px;
  color:#aaa5b6;
  font-size:12px;
}
.user-menu button{width:100%;border:0;background:transparent;text-align:left;font-family:inherit;cursor:pointer;}