/* ====================
   Empty State
   ==================== */
.empty-state {
    grid-column: 1 / -1;
    text-align: center;
    padding: 80px 0;
    color: var(--text-muted);
}

.empty-state i {
    font-size: 64px;
    margin-bottom: 20px;
    opacity: 0.2;
    color: var(--accent-color);
}

.empty-state p {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.6);
}