I'll update the table header with the requested styling.

I've updated the table header with the requested styling. Now the header row has:

1. A teal background color (#098790)
2. White text for better contrast
3. The same teal background color on hover (preventing any hover color change)

The ! in the class names ensures these styles take precedence over any default styles from the shadcn/ui Table component.

I'll update the tabs to match the image style and add a filter for companies with pending benefits.

I've made the following changes:

1. Updated Tab Styling:

   • Styled the tabs to match the image with a light gray background
   • Aligned the tab text to the left
   • Made the tabs span the full width with equal sizing
   • Added a "Benefits" tab to match the image
   • Removed the shadow from active tabs and adjusted the active state styling

2. Added Filtering for Pending Benefits:

   • Added a checkbox to filter companies that have pending benefits
   • Implemented the filter logic using useState and useEffect
   • Added a message when no companies with pending benefits are found
   • The filter works across all tabs

The tabs now have the same appearance as in the provided image, with left-aligned text and a light gray background. The filter allows users to quickly focus on companies that need attention for pending benefits.