@tailwind base;
@tailwind components;
@tailwind utilities;

body {
    font-family: 'Roboto', sans-serif;
}

input[type="radio"] {
    accent-color: #4f46e5;
}

table {
    width: 100%;
    border-collapse: collapse;
}

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

th {
    background-color: #f3f4f6;
}

@media (max-width: 640px) {
    table {
        font-size: 14px;
    }
    th, td {
        padding: 6px;
    }
}