* {
    scroll-behavior: smooth;
}

body {
    opacity: 0;
    transition: opacity 240ms ease;
}

body.loaded {
    opacity: 1;
}

.glass-card {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.task-card {
    transition: transform 200ms ease, box-shadow 200ms ease;
}

.task-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

.tasks-table tbody tr:hover {
    background: rgba(0, 0, 0, 0.02);
}

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