/* Empty State Styles - Compact */
.empty-state {
    text-align: center;
    padding: var(--spacing-xl) var(--spacing-md);
    color: var(--text-secondary);
}

.empty-icon {
    font-size: 3rem;
    margin-bottom: var(--spacing-sm);
    opacity: 0.5;
}

.empty-state h3 {
    font-size: var(--font-size-h3);
    color: var(--text-primary);
    margin-bottom: var(--spacing-xs);
}

.empty-state p {
    font-size: var(--font-size-body-sm);
    color: var(--text-secondary);
    margin: 0;
}