fix autofill background tailwindcss

app.css

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 100px transparent inset !important;
    box-shadow: 0 0 0 100px transparent inset !important;
    background-color: transparent !important;
    color: #1f2937 !important; /* Tailwind text-gray-900 */
    transition: background-color 5000s ease-in-out 0s;
}
input.dark:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px transparent inset !important;
    box-shadow: 0 0 0 100px transparent inset !important;
    background-color: transparent !important;
    color: #f3f4f6 !important; /* Tailwind text-gray-100 */
}