.session-card {
    transition: all 0.2s ease-in-out;
}

    .session-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
    }

    .session-card .card-header {
        border-bottom: none;
        padding: 1rem;
    }

    .session-card .card-body {
        padding: 1rem;
    }

    .session-card .card-footer {
        padding: 1rem;
    }

.session-id {
    word-break: break-all;
    max-width: 180px;
    display: inline-block;
}

.copy-btn {
    padding: 0.2rem 0.4rem;
    line-height: 1;
}

#refresh-sessions-btn {
    transition: transform 0.3s ease;
}

    #refresh-sessions-btn:hover {
        transform: rotate(180deg);
    }

.empty-state img {
    opacity: 0.7;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

.badge.bg-success {
    animation: pulse 2s infinite;
}