/* Reset default styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Custom styles to complement Tailwind CSS */
body {
    font-family: 'Arial', sans-serif;
    line-height: 1.6;
}

.flash-messages li {
    border-radius: 0.375rem;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
}

table {
    border-collapse: collapse;
}

th, td {
    border: 1px solid #e5e7eb;
    text-align: left;
}

tr:nth-child(even) {
    background-color: #f9fafb;
}

@media (max-width: 640px) {
    table {
        font-size: 0.75rem;
    }

    th, td {
        padding: 0.5rem;
    }

    h1 {
        font-size: 1.5rem;
    }

    h2 {
        font-size: 1.25rem;
    }
}