/* Modern Table Styling */
        .modern-table {
          width: 100%;
          border-collapse: separate;
          border-spacing: 0;
          background-color: #fff;
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
          border-radius: 8px;
          overflow: hidden;
          margin-bottom: 20px;
        }
        .modern-table thead {
          background-color: #3a88e0; /* Matches page-banner color */
          color: #fff;
        }
        .modern-table th {
          padding: 15px;
          font-size: 16px;
          font-weight: 600;
          text-align: left;
          text-transform: uppercase;
          letter-spacing: 0.5px;
        }
        .modern-table tbody tr {
          transition: background-color 0.3s ease;
        }
        .modern-table tbody tr:hover {
          background-color: #f8f9fa; /* Light hover effect */
        }
        .modern-table td {
          padding: 12px 15px;
          font-size: 14px;
          color: #333;
          border-bottom: 1px solid #eee;
        }
        .modern-table td:first-child,
        .modern-table th:first-child {
          text-align: center;
          width: 80px; /* Fixed width for Sr.No column */
        }
        .modern-table td:nth-child(2),
        .modern-table th:nth-child(2) {
          width: 60%; /* Wider column for report/year */
        }
        .modern-table td:last-child,
        .modern-table th:last-child {
          text-align: center;
        }
        /* Styling for the View Report button */
        .table-btn {
          display: inline-block;
          padding: 8px 16px;
          background-color: #3a88e0;
          color: #fff;
          text-decoration: none !important;
          border-radius: 4px;
          font-size: 14px;
          font-weight: 500;
          transition: background-color 0.3s ease, transform 0.2s ease;
        }
        .table-btn:hover {
          background-color: #0e5bb5; /* Darker shade on hover */
          transform: translateY(-2px);
        }
        /* Responsive adjustments */
        @media (max-width: 768px) {
          .modern-table th,
          .modern-table td {
            font-size: 13px;
            padding: 10px;
          }
          .modern-table td:first-child,
          .modern-table th:first-child {
            width: 60px;
          }
          .table-btn {
            padding: 6px 12px;
            font-size: 13px;
          }
        }
        @media (max-width: 575px) {
          .modern-table {
            font-size: 12px;
          }
          .modern-table th,
          .modern-table td {
            padding: 8px;
          }
          .table-btn {
            padding: 5px 10px;
            font-size: 12px;
          }
        }