Fix Paid Labor Cost filter visibility in dark mode

[Aswin20010]

Description

Fixes a Dark Mode visibility issue in the BM Dashboard → Total Construction Summary → Labor and Time Tracking tab where the Paid Labor Cost filter inputs (Tasks, Project, Dates) had insufficient contrast and appeared almost invisible.
This PR improves the Dark Mode styling of these filters to ensure clear visibility, accessibility, and consistency with other dashboard filters, without impacting Light Mode behavior.
Fixes # (bug list priority medium x.y.z)

Related PRS (if any):

N/A – frontend-only change, no backend dependency.

Main changes explained:

• Updated Dark Mode styles for Paid Labor Cost filter inputs to improve background contrast and border visibility.
• Added high-contrast text and placeholder colors for better readability in Dark Mode.
• Implemented visible hover and focus states to improve accessibility and user feedback.
• Scoped Dark Mode styles using CSS Modules to ensure correct application and avoid global styling conflicts.
• Verified consistency with existing filter components used elsewhere in the BM Dashboard.
• Ensured Light Mode styles remain unchanged and unaffected.

How to test:

1. Check out this branch locally.
2. Run npm install (if needed) and start the app using the usual development command.
3. Clear browser cache/site data.
4. Log in as an admin user.
5. Navigate to BM Dashboard → Total Construction Summary → Labor and Time Tracking.
6. Enable Dark Mode.
7. Verify that Tasks, Project, and Dates filters:
   • Are clearly visible against the Dark Mode background
   • Have readable text and borders
   • Show visible hover and focus states
8. Switch to Light Mode and confirm no visual regressions.
9. Resize the browser window to confirm no layout shifts occur.

Screenshots or videos of changes:

Note:

This PR is limited to UI/UX improvements for Dark Mode visibility and does not modify any business logic, data flow, or backend APIs.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	37b0dc3
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/695f14324b2e2f0009f80edc
😎 Deploy Preview	https://deploy-preview-4683--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[JuliaHa0902]

Hi Aswin, I have tested the pull request in dark mode, and I confirm that filters for Paid Labor Cost are visible in dark mode.

There are a few problems that I am not sure if are in the scope of this PR:

• The number on the chart cannot be seen in dark mode and light mode. The number is too dark compared to the chart color

• When resize the browser, I cannot see the Paid Labor Cost chart.

• The Date picker broke