.user-info {
    padding: 20px;
    display: flex;
    align-items: center;
    background: #ffffff;
    margin-bottom: 10px;
  
    ion-avatar {
      width: 80px;
      height: 80px;
      margin-right: 20px;
    }
  
    .user-details {
      h2 {
        margin: 0;
        font-size: 20px;
        font-weight: bold;
      }
      p {
        margin: 5px 0 0;
        color: #666;
        font-size: 14px;
      }
    }
  }
  
  ion-list {
    margin-bottom: 20px;
    
    ion-item {
      --padding-start: 16px;
      --padding-end: 16px;
      
      ion-icon[slot="start"] {
        margin-right: 16px;
        color: #666;
      }
      
      ion-icon[slot="end"] {
        color: #999;
      }
    }
  }
  
  .logout-button {
    padding: 0 20px;
    margin-top: 30px;
    
    ion-button {
      --border-radius: 4px;
    }
  }