.profile-section {
    background: var(--ion-color-primary);
    padding: 20px;
    display: flex;
    align-items: center;
    color: white;
  
    .profile-avatar {
      width: 80px;
      height: 80px;
      margin-right: 16px;
    }
  
    .profile-info {
      flex: 1;
      
      .nickname {
        margin: 0 0 8px 0;
        font-size: 18px;
        font-weight: bold;
      }
  
      .tag-container {
        position: relative;
        display: inline-block;
  
        .disease-tag {
          color: var(--ion-color-primary);
          font-size: 12px;
          padding: 4px 8px;
          border-radius: 12px;
        }
  
        .edit-icon {
          position: absolute;
          right: -8px;
          top: -8px;
          background: white;
          border-radius: 50%;
          padding: 2px;
          font-size: 16px;
          color: var(--ion-color-primary);
        }
      }
    }
  }
  
  .function-list {
    ion-item {
      --padding-start: 16px;
      --inner-padding-end: 16px;
      --min-height: 56px;
  
      ion-icon {
        font-size: 24px;
      }
    }
  }
  
  ion-list {
    margin: 16px 0;
    background: white;
  
    ion-item {
      --padding-start: 16px;
      --inner-padding-end: 16px;
      --min-height: 48px;
  
      ion-icon {
        font-size: 20px;
        margin-right: 12px;
      }
  
      ion-label {
        font-size: 16px;
        font-weight: 500;
      }
    }
  }