.card {
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    transition: transform 0.2s;
}

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

.card-title {
    font-weight: bold;
    color: #333;
}

.status-badge {
    font-size: 0.8rem;
    padding: 5px 10px;
    border-radius: 20px;
}

/* Hide Logout in PWA Standalone Mode (App Mode) */
@media all and (display-mode: standalone) {
    #logout-btn {
        display: none !important;
    }
}