/* Skeleton Loading Styles */
.skeleton {
    animation: skeleton-loading 1s linear infinite alternate;
}

@keyframes skeleton-loading {
    0% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}

.skeleton-header {
    height: 24px;
    background: #e0e0e0;
    border-radius: 4px;
    margin-bottom: 16px;
    width: 70%;
}

.skeleton-stats {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}

.skeleton-stats::before,
.skeleton-stats::after {
    content: '';
    flex: 1;
    height: 60px;
    background: #e0e0e0;
    border-radius: 8px;
}

.skeleton-chart {
    height: 120px;
    background: #e0e0e0;
    border-radius: 8px;
}

.site-card.skeleton {
    pointer-events: none;
}

.site-card.skeleton .favorite-btn {
    display: none;
}