.empty-state {
    background: var(--color-bg-surface);
    border: 1px dashed var(--color-border-default);
    border-radius: var(--radius-md);
    padding: var(--space-6);
}

.empty-state-title {
    margin: 0 0 var(--space-3);
    font-size: var(--font-size-2xl);
}

.empty-state-description {
    margin: 0;
    color: var(--color-text-secondary);
}

.empty-actions {
    margin-top: var(--space-4);
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
    align-items: center;
}