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

header {
    position: sticky;
    top: 0;
    z-index: 50;
}

#mobile-menu {
    transition: all 0.3s ease-in-out;
}

input, select {
    transition: all 0.2s ease-in-out;
}

input:focus, select:focus {
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
}

button {
    transition: all 0.3s ease-in-out;
}

table {
    overflow-x: auto;
    display: block;
}

th, td {
    white-space: nowrap;
}

@media (max-width: 640px) {
    .grid-cols-2 {
        grid-template-columns: 1fr;
    }
}