/* ===== SVG ICONS FOR SIDEBAR ===== */
.nav-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
margin-right: 0.75rem;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
filter: drop-shadow(0 0 4px rgba(0, 217, 255, 0.6));
transition: all 0.3s ease;
}
.nav-item:hover .nav-icon {
filter: drop-shadow(0 0 8px rgba(168, 85, 247, 0.8));
transform: scale(1.15);
}
.nav-item.active .nav-icon {
filter: drop-shadow(0 0 10px rgba(0, 217, 255, 1));
animation: iconGlow 2s ease-in-out infinite;
}
@keyframes iconGlow {
0%, 100% { filter: drop-shadow(0 0 8px rgba(0, 217, 255, 0.8)); }
50% { filter: drop-shadow(0 0 15px rgba(0, 217, 255, 1)); }
}
/* Иконка: Пользователи */
.icon-users {
background-image: url('data:image/svg+xml;utf8,');
}
/* Иконка: Реквизиты */
.icon-card {
background-image: url('data:image/svg+xml;utf8,');
}
/* Иконка: Ордера */
.icon-orders {
background-image: url('data:image/svg+xml;utf8,');
}
/* Иконка: Статистика */
.icon-stats {
background-image: url('data:image/svg+xml;utf8,');
}
/* Иконка: Аппеляции */
.icon-appeals {
background-image: url('data:image/svg+xml;utf8,');
}
/* Иконка: Мерчанты */
.icon-merchants {
background-image: url('data:image/svg+xml;utf8,');
}
/* Иконка: Трейдеры */
.icon-traders {
background-image: url('data:image/svg+xml;utf8,');
}
/* Иконка: Курс */
.icon-currency {
background-image: url('data:image/svg+xml;utf8,');
}
/* Иконка: Платежные методы */
.icon-payment-methods {
background-image: url('data:image/svg+xml;utf8,');
}
/* Иконка: Финансы */
.icon-finances {
background-image: url('data:image/svg+xml;utf8,');
}
/* Иконка: Трафик */
.icon-traffic {
background-image: url('data:image/svg+xml;utf8,');
}
/* Иконка: Уведомления */
.icon-notifications {
background-image: url('data:image/svg+xml;utf8,');
}
/* Иконка: Кошелек */
.icon-wallet {
background-image: url('data:image/svg+xml;utf8,');
}
/* Иконка: Интеграция */
.icon-integration {
background-image: url('data:image/svg+xml;utf8,');
}
/* Иконка: Платежи */
.icon-payments {
background-image: url('data:image/svg+xml;utf8,');
}
/* Иконка: Сделки */
.icon-deals {
background-image: url('data:image/svg+xml;utf8,');
}