:root {
    --radius: 1.25rem;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    background: #f4f7fb;
}

.card {
    border-radius: var(--radius);
}

.card-menu {
    min-height: 180px;
    transition: transform .15s ease, box-shadow .15s ease;
}

.card-menu:hover {
    transform: translateY(-2px);
}

.form-control,
.form-select,
.btn {
    border-radius: 0.9rem !important;
}

.table td,
.table th {
    vertical-align: middle;
}

@media (max-width: 768px) {
    .card-menu {
        min-height: 140px;
    }

    .table {
        font-size: 0.92rem;
    }
}