.nav-tabs {
      border-bottom: 1px solid #ddd; /* Light separator line like Gmail */
    }
    .nav-tabs .nav-link {
      color: #5f6368; /* Neutral text color */
      font-weight: bold;
      border: none; /* Remove default border */
      text-align: center; /* Align tab content */
      padding: 10px 20px; /* Space around tabs */
      display: flex; /* Align icons and text */
      align-items: center; /* Vertically center content */
      gap: 8px; /* Space between icon and text */
    }
    .nav-tabs .nav-link.active {
      color: #1a73e8; /* Gmail blue for active tab */
      border-bottom: 3px solid #1a73e8; /* Underline active tab */
    }
    .tab-pane {
      margin-top: 20px; /* Add spacing between tabs and content */
      height: auto; /* Fixed height for content */
      overflow-y: auto; /* Enable scrolling */
    }
    .card {
      margin-bottom: 10px; /* Reduce spacing between items */
      border: none; /* Clean item appearance */
      border-bottom: 1px solid #ddd; /* Separator between items */
      box-shadow: none; /* Remove shadow */
      border-radius: 0; /* Remove rounded corners */
    }
    .card-body {
      padding: 10px 15px; /* Compact card content */
    }
    .card-title {
      font-size: 16px; /* Adjust title size for smaller appearance */
    }
    .card-text {
      color: #5f6368; /* Neutral text color */
      font-size: 14px; /* Adjust text size */
    }
    .chart-background {
      background-color: #F1F3FF; /* Neutral text color */
    }