.profile-header {
    display: flex;
    align-items: center;
    padding: 16px;
    background-color: #fff;
  
    .profile-avatar {
      --size: 80px;
      margin-right: 16px;
    }
  
    .profile-info {
      flex: 1;
  
      .profile-name {
        font-size: 20px;
        font-weight: bold;
      }
  
      .profile-id {
        font-size: 14px;
        color: #888;
      }
    }
  
    .edit-button {
      --border-radius: 50%;
    }
  }
  
  ion-card {
    margin: 0;
    padding: 16px;
  }
  
  ion-list {
    margin-top: 16px;
  }
  
  ion-segment {
    margin: 16px;
  }
  
  ion-fab {
    ion-fab-button {
      --border-radius: 50%;
      --size: 56px;
      --background: #3880ff;
    }
  }
  