Fixed invisible sliders in cost configuration modal by adding:
1. Explicit .slider base styles:
- height: 8px (was conflicting with Tailwind h-2)
- background: #e9d5ff (light purple)
- appearance: none for both -webkit and standard
2. Track-specific styling:
- ::-webkit-slider-track for Chrome/Safari/Edge
- ::-moz-range-track for Firefox
- Both get 8px height + purple background
3. Removed conflicting Tailwind classes:
- Changed from "w-full h-2 bg-purple-200 rounded-lg..." to just "slider"
- Custom CSS now has complete control
Issue: appearance-none removes native styling but browsers need
explicit track styles to render the slider bar visible.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
7ce444cc7f