/* Custom Checkbox Styling */
input[type="checkbox"].peer {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0;
}

input[type="checkbox"].peer:checked {
    background-color: #3B82F6; /* Tailwind blue-500 */
    border-color: #3B82F6;
}

input[type="checkbox"].peer:checked + i {
    opacity: 1;
}

/* Dark mode adjustments */
.dark input[type="checkbox"].peer {
    background-color: #1F2937; /* Tailwind gray-800 */
    border-color: #4B5563; /* Tailwind gray-600 */
}

.dark input[type="checkbox"].peer:checked {
    background-color: #3B82F6;
    border-color: #3B82F6;
}