.hover-shadow:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15) !important;
        transition: all 0.3s ease;
    }

    .empty-state-container {
        padding: 40px 20px;
        background-color: #f8f9fa;
        border-radius: 10px;
        max-width: 500px;
        margin: 0 auto;
    }

    /* Animations for cards */
    .domain-card-item {
        transition: all 0.3s ease;
    }

    /* Improve spacing and readability */
    .card-header {
        padding: 15px;
    }

    /* Make badges more prominent */
    .badge {
        padding: 6px 10px;
        font-size: 0.85rem;
    }