diff --git a/.history/ADMINLTE_CSP_FIX_20251026213607.md b/.history/ADMINLTE_CSP_FIX_20251026213607.md new file mode 100644 index 0000000..2d4045c --- /dev/null +++ b/.history/ADMINLTE_CSP_FIX_20251026213607.md @@ -0,0 +1,63 @@ +# AdminLTE CSP Fix - Исправление Content Security Policy + +## Проблема +Content Security Policy (CSP) блокировал загрузку jQuery и Bootstrap из CDN, что приводило к ошибкам: + +``` +Content-Security-Policy: The page's settings blocked a script (script-src-elem) at https://code.jquery.com/jquery-3.6.0.min.js +Content-Security-Policy: The page's settings blocked a script (script-src-elem) at https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js +``` + +## Причина +В server.js в настройках helmet CSP для `scriptSrc` отсутствовали домены: +- `https://code.jquery.com` (для jQuery) +- `https://cdn.jsdelivr.net` (для Bootstrap) + +## Решение +Обновлены CSP настройки в `/server.js`: + +### ДО: +```javascript +scriptSrc: ["'self'", "'unsafe-inline'", "https://cdnjs.cloudflare.com", "https://unpkg.com", "https://cdn.tailwindcss.com"], +``` + +### ПОСЛЕ: +```javascript +scriptSrc: ["'self'", "'unsafe-inline'", "https://cdnjs.cloudflare.com", "https://unpkg.com", "https://cdn.tailwindcss.com", "https://code.jquery.com", "https://cdn.jsdelivr.net"], +``` + +## Полная CSP конфигурация +```javascript +app.use(helmet({ + contentSecurityPolicy: { + directives: { + defaultSrc: ["'self'"], + styleSrc: ["'self'", "'unsafe-inline'", "https://fonts.googleapis.com", "https://cdnjs.cloudflare.com", "https://cdn.jsdelivr.net", "https://unpkg.com", "https://cdn.tailwindcss.com"], + fontSrc: ["'self'", "https://fonts.gstatic.com", "https://cdnjs.cloudflare.com"], + scriptSrc: ["'self'", "'unsafe-inline'", "https://cdnjs.cloudflare.com", "https://unpkg.com", "https://cdn.tailwindcss.com", "https://code.jquery.com", "https://cdn.jsdelivr.net"], + imgSrc: ["'self'", "data:", "https:"], + connectSrc: ["'self'", "ws:", "wss:", "https://cdnjs.cloudflare.com", "https://cdn.jsdelivr.net", "https://unpkg.com", "https://fonts.googleapis.com", "https://fonts.gstatic.com", "https://cdn.tailwindcss.com"] + } + } +})); +``` + +## Результат +✅ AdminLTE 3 теперь работает полностью: +- ✅ CSS стили загружаются +- ✅ jQuery загружается без ошибок CSP +- ✅ Bootstrap загружается без ошибок CSP +- ✅ AdminLTE JavaScript функции работают +- ✅ Интерактивные элементы функциональны + +## Тестирование +После исправления CSP: +1. Перезапустить сервер: `npm start` +2. Открыть админку: `http://localhost:3000/admin` +3. Проверить консоль браузера - ошибки CSP исчезли +4. Проверить функциональность: навигация, выпадающие меню, модальные окна + +## Примечания +- Исправление обеспечивает безопасность через CSP при разрешении необходимых CDN +- AdminLTE теперь полностью функциональна с корейской локализацией +- Все зависимости загружаются правильно \ No newline at end of file diff --git a/.history/ADMINLTE_CSP_FIX_20251026213623.md b/.history/ADMINLTE_CSP_FIX_20251026213623.md new file mode 100644 index 0000000..2d4045c --- /dev/null +++ b/.history/ADMINLTE_CSP_FIX_20251026213623.md @@ -0,0 +1,63 @@ +# AdminLTE CSP Fix - Исправление Content Security Policy + +## Проблема +Content Security Policy (CSP) блокировал загрузку jQuery и Bootstrap из CDN, что приводило к ошибкам: + +``` +Content-Security-Policy: The page's settings blocked a script (script-src-elem) at https://code.jquery.com/jquery-3.6.0.min.js +Content-Security-Policy: The page's settings blocked a script (script-src-elem) at https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js +``` + +## Причина +В server.js в настройках helmet CSP для `scriptSrc` отсутствовали домены: +- `https://code.jquery.com` (для jQuery) +- `https://cdn.jsdelivr.net` (для Bootstrap) + +## Решение +Обновлены CSP настройки в `/server.js`: + +### ДО: +```javascript +scriptSrc: ["'self'", "'unsafe-inline'", "https://cdnjs.cloudflare.com", "https://unpkg.com", "https://cdn.tailwindcss.com"], +``` + +### ПОСЛЕ: +```javascript +scriptSrc: ["'self'", "'unsafe-inline'", "https://cdnjs.cloudflare.com", "https://unpkg.com", "https://cdn.tailwindcss.com", "https://code.jquery.com", "https://cdn.jsdelivr.net"], +``` + +## Полная CSP конфигурация +```javascript +app.use(helmet({ + contentSecurityPolicy: { + directives: { + defaultSrc: ["'self'"], + styleSrc: ["'self'", "'unsafe-inline'", "https://fonts.googleapis.com", "https://cdnjs.cloudflare.com", "https://cdn.jsdelivr.net", "https://unpkg.com", "https://cdn.tailwindcss.com"], + fontSrc: ["'self'", "https://fonts.gstatic.com", "https://cdnjs.cloudflare.com"], + scriptSrc: ["'self'", "'unsafe-inline'", "https://cdnjs.cloudflare.com", "https://unpkg.com", "https://cdn.tailwindcss.com", "https://code.jquery.com", "https://cdn.jsdelivr.net"], + imgSrc: ["'self'", "data:", "https:"], + connectSrc: ["'self'", "ws:", "wss:", "https://cdnjs.cloudflare.com", "https://cdn.jsdelivr.net", "https://unpkg.com", "https://fonts.googleapis.com", "https://fonts.gstatic.com", "https://cdn.tailwindcss.com"] + } + } +})); +``` + +## Результат +✅ AdminLTE 3 теперь работает полностью: +- ✅ CSS стили загружаются +- ✅ jQuery загружается без ошибок CSP +- ✅ Bootstrap загружается без ошибок CSP +- ✅ AdminLTE JavaScript функции работают +- ✅ Интерактивные элементы функциональны + +## Тестирование +После исправления CSP: +1. Перезапустить сервер: `npm start` +2. Открыть админку: `http://localhost:3000/admin` +3. Проверить консоль браузера - ошибки CSP исчезли +4. Проверить функциональность: навигация, выпадающие меню, модальные окна + +## Примечания +- Исправление обеспечивает безопасность через CSP при разрешении необходимых CDN +- AdminLTE теперь полностью функциональна с корейской локализацией +- Все зависимости загружаются правильно \ No newline at end of file diff --git a/.history/ADMINLTE_SETUP_COMPLETE_20251026212843.md b/.history/ADMINLTE_SETUP_COMPLETE_20251026212843.md new file mode 100644 index 0000000..2caca7a --- /dev/null +++ b/.history/ADMINLTE_SETUP_COMPLETE_20251026212843.md @@ -0,0 +1,109 @@ +# SmartSolTech AdminLTE 3 - Документация + +## ✅ Успешно настроен AdminLTE 3! + +AdminLTE 3 теперь полностью интегрирован в ваш сайт SmartSolTech как основная админ-панель. + +## 🎯 Что было сделано: + +### 1. **Полная замена старой админки** +- ❌ Удалена старая Tailwind-админка +- ❌ Удалены все демо-файлы и сравнения +- ❌ Удален Tabler и связанные файлы +- ✅ AdminLTE 3 стал основной админкой + +### 2. **Новый дизайн и функциональность** +- 🎨 **Корейская локализация** - все элементы переведены +- 📊 **Современный dashboard** с информативными карточками +- 🔢 **Статистика в sidebar** - счетчики портфолио, услуг, сообщений +- 📱 **Адаптивный дизайн** для всех устройств +- 🎭 **Профессиональная цветовая схема** + +### 3. **Интеграция с существующей системой** +- 🔗 **Полная совместимость** с текущими маршрутами +- 📊 **Middleware для статистики** на всех страницах +- 🔐 **Сохранена вся авторизация** и безопасность +- 💾 **Все данные остались** без изменений + +## 🎨 Основные возможности AdminLTE: + +### Dashboard (대시보드) +- 📈 **Статистические карточки** с progress bar +- 📋 **Последние проекты** с статусами (완료/진행중/계획) +- 📧 **Последние сообщения** с цветными статусами +- ⚡ **Быстрые действия** с градиентными кнопками +- 📊 **Системный статус** и метрики + +### Навигация +- 🎯 **Активные индикаторы** текущей страницы +- 🔢 **Счетчики в sidebar** для каждого раздела +- 🌟 **Группировка разделов** (основные + системные) +- 📱 **Складное меню** для мобильных + +### Дизайн +- 🇰🇷 **Шрифт Noto Sans KR** для корейского текста +- 🎨 **Градиентные элементы** и современные цвета +- 💎 **Закругленные карточки** с тенями +- ⚡ **Плавные анимации** и переходы + +## 🔧 Техническая информация: + +### Файлы +- `views/admin/layout.ejs` - Основной layout AdminLTE +- `views/admin/dashboard.ejs` - Новый dashboard +- `routes/admin.js` - Обновленные маршруты с middleware + +### CSS & JS +- AdminLTE 3 CSS из `node_modules/admin-lte/dist/css/` +- jQuery + Bootstrap 4 для функциональности +- Font Awesome 6 для иконок +- Custom CSS для корейских шрифтов + +### Middleware +```javascript +// Автоматически добавляет статистику на все админ-страницы +const addStats = async (req, res, next) => { + // portfolioCount, servicesCount, contactsCount +} +``` + +## 🚀 Доступные URL: + +- **Админ-панель:** http://localhost:3000/admin +- **Dashboard:** http://localhost:3000/admin/dashboard +- **Портфолио:** http://localhost:3000/admin/portfolio +- **Услуги:** http://localhost:3000/admin/services +- **Сообщения:** http://localhost:3000/admin/contacts +- **Медиа:** http://localhost:3000/admin/media +- **Настройки:** http://localhost:3000/admin/settings +- **Телеграм:** http://localhost:3000/admin/telegram +- **Баннеры:** http://localhost:3000/admin/banner-editor + +## 💡 Преимущества новой админки: + +1. **Профессиональный вид** - соответствует корейским стандартам +2. **Удобство использования** - интуитивный интерфейс +3. **Производительность** - быстрая загрузка +4. **Мобильность** - отлично работает на телефонах +5. **Стабильность** - проверенное решение +6. **Бесплатность** - никаких лицензионных ограничений + +## 🎯 Что дальше? + +AdminLTE 3 полностью готов к работе! Можете: + +1. **Войти в админку** по адресу `/admin` +2. **Управлять контентом** через новый интерфейс +3. **Добавлять проекты** и услуги +4. **Настраивать сайт** через удобные формы +5. **Следить за статистикой** в реальном времени + +## 🔑 Логин: +- **Email:** admin@smartsoltech.kr +- **Пароль:** как настроено в .env + +--- + +**🎉 AdminLTE 3 успешно настроен и готов к использованию!** + +Старая админка полностью удалена, новая AdminLTE интегрирована и работает со всеми существующими функциями сайта. \ No newline at end of file diff --git a/.history/ADMINLTE_SETUP_COMPLETE_20251026212848.md b/.history/ADMINLTE_SETUP_COMPLETE_20251026212848.md new file mode 100644 index 0000000..2caca7a --- /dev/null +++ b/.history/ADMINLTE_SETUP_COMPLETE_20251026212848.md @@ -0,0 +1,109 @@ +# SmartSolTech AdminLTE 3 - Документация + +## ✅ Успешно настроен AdminLTE 3! + +AdminLTE 3 теперь полностью интегрирован в ваш сайт SmartSolTech как основная админ-панель. + +## 🎯 Что было сделано: + +### 1. **Полная замена старой админки** +- ❌ Удалена старая Tailwind-админка +- ❌ Удалены все демо-файлы и сравнения +- ❌ Удален Tabler и связанные файлы +- ✅ AdminLTE 3 стал основной админкой + +### 2. **Новый дизайн и функциональность** +- 🎨 **Корейская локализация** - все элементы переведены +- 📊 **Современный dashboard** с информативными карточками +- 🔢 **Статистика в sidebar** - счетчики портфолио, услуг, сообщений +- 📱 **Адаптивный дизайн** для всех устройств +- 🎭 **Профессиональная цветовая схема** + +### 3. **Интеграция с существующей системой** +- 🔗 **Полная совместимость** с текущими маршрутами +- 📊 **Middleware для статистики** на всех страницах +- 🔐 **Сохранена вся авторизация** и безопасность +- 💾 **Все данные остались** без изменений + +## 🎨 Основные возможности AdminLTE: + +### Dashboard (대시보드) +- 📈 **Статистические карточки** с progress bar +- 📋 **Последние проекты** с статусами (완료/진행중/계획) +- 📧 **Последние сообщения** с цветными статусами +- ⚡ **Быстрые действия** с градиентными кнопками +- 📊 **Системный статус** и метрики + +### Навигация +- 🎯 **Активные индикаторы** текущей страницы +- 🔢 **Счетчики в sidebar** для каждого раздела +- 🌟 **Группировка разделов** (основные + системные) +- 📱 **Складное меню** для мобильных + +### Дизайн +- 🇰🇷 **Шрифт Noto Sans KR** для корейского текста +- 🎨 **Градиентные элементы** и современные цвета +- 💎 **Закругленные карточки** с тенями +- ⚡ **Плавные анимации** и переходы + +## 🔧 Техническая информация: + +### Файлы +- `views/admin/layout.ejs` - Основной layout AdminLTE +- `views/admin/dashboard.ejs` - Новый dashboard +- `routes/admin.js` - Обновленные маршруты с middleware + +### CSS & JS +- AdminLTE 3 CSS из `node_modules/admin-lte/dist/css/` +- jQuery + Bootstrap 4 для функциональности +- Font Awesome 6 для иконок +- Custom CSS для корейских шрифтов + +### Middleware +```javascript +// Автоматически добавляет статистику на все админ-страницы +const addStats = async (req, res, next) => { + // portfolioCount, servicesCount, contactsCount +} +``` + +## 🚀 Доступные URL: + +- **Админ-панель:** http://localhost:3000/admin +- **Dashboard:** http://localhost:3000/admin/dashboard +- **Портфолио:** http://localhost:3000/admin/portfolio +- **Услуги:** http://localhost:3000/admin/services +- **Сообщения:** http://localhost:3000/admin/contacts +- **Медиа:** http://localhost:3000/admin/media +- **Настройки:** http://localhost:3000/admin/settings +- **Телеграм:** http://localhost:3000/admin/telegram +- **Баннеры:** http://localhost:3000/admin/banner-editor + +## 💡 Преимущества новой админки: + +1. **Профессиональный вид** - соответствует корейским стандартам +2. **Удобство использования** - интуитивный интерфейс +3. **Производительность** - быстрая загрузка +4. **Мобильность** - отлично работает на телефонах +5. **Стабильность** - проверенное решение +6. **Бесплатность** - никаких лицензионных ограничений + +## 🎯 Что дальше? + +AdminLTE 3 полностью готов к работе! Можете: + +1. **Войти в админку** по адресу `/admin` +2. **Управлять контентом** через новый интерфейс +3. **Добавлять проекты** и услуги +4. **Настраивать сайт** через удобные формы +5. **Следить за статистикой** в реальном времени + +## 🔑 Логин: +- **Email:** admin@smartsoltech.kr +- **Пароль:** как настроено в .env + +--- + +**🎉 AdminLTE 3 успешно настроен и готов к использованию!** + +Старая админка полностью удалена, новая AdminLTE интегрирована и работает со всеми существующими функциями сайта. \ No newline at end of file diff --git a/.history/ADMIN_BUNDLE_RECOMMENDATIONS_20251026211919.md b/.history/ADMIN_BUNDLE_RECOMMENDATIONS_20251026211919.md new file mode 100644 index 0000000..e69de29 diff --git a/.history/ADMIN_BUNDLE_RECOMMENDATIONS_20251026211921.md b/.history/ADMIN_BUNDLE_RECOMMENDATIONS_20251026211921.md new file mode 100644 index 0000000..f1de9f1 --- /dev/null +++ b/.history/ADMIN_BUNDLE_RECOMMENDATIONS_20251026211921.md @@ -0,0 +1,145 @@ +# SmartSolTech Admin Bundle Рекомендации + +## 🎯 Итоговый Выбор: AdminLTE 3 + +После детального анализа и тестирования обеих админ-панелей, **AdminLTE 3** является оптимальным выбором для SmartSolTech. + +## 📊 Анализ Установленных Решений + +### 1. AdminLTE 3 ✅ (Рекомендуется) + +**Установка:** `npm install admin-lte` + +**Преимущества:** +- ✅ **Полностью бесплатен** - нет скрытых платежей +- ✅ **Отличная поддержка корейского языка** - идеально для вашей аудитории +- ✅ **Богатая экосистема компонентов** - все необходимые элементы UI +- ✅ **Стабильность** - проверенное временем решение +- ✅ **Большое сообщество** - легко найти помощь и примеры +- ✅ **jQuery совместимость** - работает с существующим кодом + +**Интеграция:** +```javascript +// Уже создано: +/views/admin/layout-adminlte.ejs // Основной layout +/views/admin/dashboard-adminlte.ejs // Dashboard с корейской локализацией +/demo/demo-adminlte // Демо URL +``` + +### 2. Tabler ⚠️ (Альтернатива) + +**Установка:** `npm install @tabler/core @tabler/icons` + +**Преимущества:** +- ✅ **Современный дизайн** - более свежий внешний вид +- ✅ **Высокая производительность** - быстрая загрузка +- ✅ **3000+ SVG иконок** - богатая иконография +- ✅ **Bootstrap 5** - современные стандарты + +**Недостатки:** +- ⚠️ **Требует Node.js 20+** (у вас 18.19.1) +- ⚠️ **Менее зрелое решение** - меньше документации на корейском +- ⚠️ **Меньше готовых компонентов** - больше кастомизации + +## 🔧 Готовые к Использованию URL + +После запуска сервера доступны: + +1. **Страница сравнения:** http://localhost:3000/demo/admin-comparison +2. **AdminLTE Demo:** http://localhost:3000/demo/demo-adminlte +3. **Tabler Demo:** http://localhost:3000/demo/demo-tabler + +## 🚀 Интеграция с Существующей Админкой + +### Вариант 1: Постепенная Миграция (Рекомендуется) + +1. **Обновить существующий layout:** +```bash +# Заменить существующий layout на AdminLTE +cp views/admin/layout-adminlte.ejs views/admin/layout.ejs +``` + +2. **Обновить dashboard:** +```bash +# Заменить dashboard на AdminLTE версию +cp views/admin/dashboard-adminlte.ejs views/admin/dashboard.ejs +``` + +### Вариант 2: Параллельная Система + +Оставить существующую админку и добавить новую через роуты: +```javascript +// В routes/admin.js добавить: +router.get('/modern', (req, res) => { + res.render('admin/dashboard-adminlte', { + layout: 'admin/layout-adminlte' + // ... остальные данные + }); +}); +``` + +## 🎨 Кастомизация под SmartSolTech + +### Цветовая Схема +```css +/* Добавлено в layout-adminlte.ejs: */ +.nav-sidebar .nav-link.active { + background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); +} + +.brand-text { + color: #007bff !important; +} +``` + +### Корейская Локализация +- ✅ Все меню переведены на корейский +- ✅ Даты в корейском формате +- ✅ Статусы и сообщения на корейском +- ✅ Шрифт Noto Sans KR для корректного отображения + +## 📋 Следующие Шаги + +1. **Тестирование:** + ```bash + # Откройте демо: + http://localhost:3000/demo/admin-comparison + ``` + +2. **Интеграция:** + ```bash + # Если решили использовать AdminLTE: + cp views/admin/layout-adminlte.ejs views/admin/layout.ejs + cp views/admin/dashboard-adminlte.ejs views/admin/dashboard.ejs + ``` + +3. **Создание дополнительных страниц:** + - Список портфолио в стиле AdminLTE + - Управление услугами + - Страница контактов + - Настройки системы + +## 💡 Дополнительные Рекомендации + +### Для Улучшения UX: +1. **Темная тема** - AdminLTE поддерживает переключение тем +2. **Мобильная оптимизация** - уже включена +3. **Уведомления** - можно добавить toast-уведомления +4. **Виджеты** - использовать info-box для статистики + +### Производительность: +- AdminLTE загружается быстро (~500KB) +- Минимальные зависимости +- Отличная совместимость с вашим стеком + +## 🎯 Финальная Рекомендация + +**Используйте AdminLTE 3** для SmartSolTech потому что: + +1. **Готов к production** - стабилен и протестирован +2. **Корейская аудитория** - отличная поддержка языка +3. **Бесплатный** - нет лицензионных ограничений +4. **Совместимость** - работает с вашей текущей архитектурой +5. **Поддержка** - большое сообщество и документация + +Начните с демо-версии по адресу `/demo/demo-adminlte` и при желании интегрируйте в основную админку! \ No newline at end of file diff --git a/.history/ADMIN_BUNDLE_RECOMMENDATIONS_20251026212002.md b/.history/ADMIN_BUNDLE_RECOMMENDATIONS_20251026212002.md new file mode 100644 index 0000000..f1de9f1 --- /dev/null +++ b/.history/ADMIN_BUNDLE_RECOMMENDATIONS_20251026212002.md @@ -0,0 +1,145 @@ +# SmartSolTech Admin Bundle Рекомендации + +## 🎯 Итоговый Выбор: AdminLTE 3 + +После детального анализа и тестирования обеих админ-панелей, **AdminLTE 3** является оптимальным выбором для SmartSolTech. + +## 📊 Анализ Установленных Решений + +### 1. AdminLTE 3 ✅ (Рекомендуется) + +**Установка:** `npm install admin-lte` + +**Преимущества:** +- ✅ **Полностью бесплатен** - нет скрытых платежей +- ✅ **Отличная поддержка корейского языка** - идеально для вашей аудитории +- ✅ **Богатая экосистема компонентов** - все необходимые элементы UI +- ✅ **Стабильность** - проверенное временем решение +- ✅ **Большое сообщество** - легко найти помощь и примеры +- ✅ **jQuery совместимость** - работает с существующим кодом + +**Интеграция:** +```javascript +// Уже создано: +/views/admin/layout-adminlte.ejs // Основной layout +/views/admin/dashboard-adminlte.ejs // Dashboard с корейской локализацией +/demo/demo-adminlte // Демо URL +``` + +### 2. Tabler ⚠️ (Альтернатива) + +**Установка:** `npm install @tabler/core @tabler/icons` + +**Преимущества:** +- ✅ **Современный дизайн** - более свежий внешний вид +- ✅ **Высокая производительность** - быстрая загрузка +- ✅ **3000+ SVG иконок** - богатая иконография +- ✅ **Bootstrap 5** - современные стандарты + +**Недостатки:** +- ⚠️ **Требует Node.js 20+** (у вас 18.19.1) +- ⚠️ **Менее зрелое решение** - меньше документации на корейском +- ⚠️ **Меньше готовых компонентов** - больше кастомизации + +## 🔧 Готовые к Использованию URL + +После запуска сервера доступны: + +1. **Страница сравнения:** http://localhost:3000/demo/admin-comparison +2. **AdminLTE Demo:** http://localhost:3000/demo/demo-adminlte +3. **Tabler Demo:** http://localhost:3000/demo/demo-tabler + +## 🚀 Интеграция с Существующей Админкой + +### Вариант 1: Постепенная Миграция (Рекомендуется) + +1. **Обновить существующий layout:** +```bash +# Заменить существующий layout на AdminLTE +cp views/admin/layout-adminlte.ejs views/admin/layout.ejs +``` + +2. **Обновить dashboard:** +```bash +# Заменить dashboard на AdminLTE версию +cp views/admin/dashboard-adminlte.ejs views/admin/dashboard.ejs +``` + +### Вариант 2: Параллельная Система + +Оставить существующую админку и добавить новую через роуты: +```javascript +// В routes/admin.js добавить: +router.get('/modern', (req, res) => { + res.render('admin/dashboard-adminlte', { + layout: 'admin/layout-adminlte' + // ... остальные данные + }); +}); +``` + +## 🎨 Кастомизация под SmartSolTech + +### Цветовая Схема +```css +/* Добавлено в layout-adminlte.ejs: */ +.nav-sidebar .nav-link.active { + background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); +} + +.brand-text { + color: #007bff !important; +} +``` + +### Корейская Локализация +- ✅ Все меню переведены на корейский +- ✅ Даты в корейском формате +- ✅ Статусы и сообщения на корейском +- ✅ Шрифт Noto Sans KR для корректного отображения + +## 📋 Следующие Шаги + +1. **Тестирование:** + ```bash + # Откройте демо: + http://localhost:3000/demo/admin-comparison + ``` + +2. **Интеграция:** + ```bash + # Если решили использовать AdminLTE: + cp views/admin/layout-adminlte.ejs views/admin/layout.ejs + cp views/admin/dashboard-adminlte.ejs views/admin/dashboard.ejs + ``` + +3. **Создание дополнительных страниц:** + - Список портфолио в стиле AdminLTE + - Управление услугами + - Страница контактов + - Настройки системы + +## 💡 Дополнительные Рекомендации + +### Для Улучшения UX: +1. **Темная тема** - AdminLTE поддерживает переключение тем +2. **Мобильная оптимизация** - уже включена +3. **Уведомления** - можно добавить toast-уведомления +4. **Виджеты** - использовать info-box для статистики + +### Производительность: +- AdminLTE загружается быстро (~500KB) +- Минимальные зависимости +- Отличная совместимость с вашим стеком + +## 🎯 Финальная Рекомендация + +**Используйте AdminLTE 3** для SmartSolTech потому что: + +1. **Готов к production** - стабилен и протестирован +2. **Корейская аудитория** - отличная поддержка языка +3. **Бесплатный** - нет лицензионных ограничений +4. **Совместимость** - работает с вашей текущей архитектурой +5. **Поддержка** - большое сообщество и документация + +Начните с демо-версии по адресу `/demo/demo-adminlte` и при желании интегрируйте в основную админку! \ No newline at end of file diff --git a/.history/models/Service_20251026221128.js b/.history/models/Service_20251026221128.js new file mode 100644 index 0000000..366500e --- /dev/null +++ b/.history/models/Service_20251026221128.js @@ -0,0 +1,103 @@ +const { DataTypes } = require('sequelize'); +const { sequelize } = require('../config/database'); + +const Service = sequelize.define('Service', { + id: { + type: DataTypes.UUID, + defaultValue: DataTypes.UUIDV4, + primaryKey: true + }, + name: { + type: DataTypes.STRING, + allowNull: false, + validate: { + len: [1, 255] + }, + set(value) { + this.setDataValue('name', value.trim()); + } + }, + description: { + type: DataTypes.TEXT, + allowNull: false + }, + shortDescription: { + type: DataTypes.STRING(150), + allowNull: false + }, + icon: { + type: DataTypes.STRING, + allowNull: false + }, + category: { + type: DataTypes.ENUM( + 'web-development', + 'mobile-development', + 'ui-ux-design', + 'consulting', + 'support', + 'other' + ), + allowNull: false + }, + features: { + type: DataTypes.JSONB, + defaultValue: [] + }, + pricing: { + type: DataTypes.JSONB, + allowNull: false, + validate: { + isValidPricing(value) { + if (!value.basePrice || value.basePrice < 0) { + throw new Error('Base price must be a positive number'); + } + } + } + }, + estimatedTime: { + type: DataTypes.JSONB, + allowNull: false, + validate: { + isValidTime(value) { + if (!value.min || !value.max || value.min > value.max) { + throw new Error('Invalid estimated time range'); + } + } + } + }, + isActive: { + type: DataTypes.BOOLEAN, + defaultValue: true + }, + featured: { + type: DataTypes.BOOLEAN, + defaultValue: false + }, + order: { + type: DataTypes.INTEGER, + defaultValue: 0 + }, + tags: { + type: DataTypes.ARRAY(DataTypes.STRING), + defaultValue: [] + }, + seo: { + type: DataTypes.JSONB, + defaultValue: {} + } +}, { + tableName: 'services', + timestamps: true, + indexes: [ + { + fields: ['category', 'featured', 'order'] + }, + { + type: 'gin', + fields: ['tags'] + } + ] +}); + +module.exports = Service; \ No newline at end of file diff --git a/.history/models/Service_20251026221134.js b/.history/models/Service_20251026221134.js new file mode 100644 index 0000000..c8baaa7 --- /dev/null +++ b/.history/models/Service_20251026221134.js @@ -0,0 +1,96 @@ +const { DataTypes } = require('sequelize'); +const { sequelize } = require('../config/database'); + +const Service = sequelize.define('Service', { + id: { + type: DataTypes.UUID, + defaultValue: DataTypes.UUIDV4, + primaryKey: true + }, + name: { + type: DataTypes.STRING, + allowNull: false, + validate: { + len: [1, 255] + }, + set(value) { + this.setDataValue('name', value.trim()); + } + }, + description: { + type: DataTypes.TEXT, + allowNull: false + }, + shortDescription: { + type: DataTypes.STRING(150), + allowNull: false + }, + icon: { + type: DataTypes.STRING, + allowNull: false + }, + category: { + type: DataTypes.ENUM( + 'web-development', + 'mobile-development', + 'ui-ux-design', + 'consulting', + 'support', + 'other' + ), + allowNull: false + }, + features: { + type: DataTypes.JSONB, + defaultValue: [] + }, + pricing: { + type: DataTypes.JSONB, + allowNull: false, + validate: { + isValidPricing(value) { + if (!value.basePrice || value.basePrice < 0) { + throw new Error('Base price must be a positive number'); + } + } + } + }, + estimatedTime: { + type: DataTypes.STRING, + allowNull: true + }, + isActive: { + type: DataTypes.BOOLEAN, + defaultValue: true + }, + featured: { + type: DataTypes.BOOLEAN, + defaultValue: false + }, + order: { + type: DataTypes.INTEGER, + defaultValue: 0 + }, + tags: { + type: DataTypes.ARRAY(DataTypes.STRING), + defaultValue: [] + }, + seo: { + type: DataTypes.JSONB, + defaultValue: {} + } +}, { + tableName: 'services', + timestamps: true, + indexes: [ + { + fields: ['category', 'featured', 'order'] + }, + { + type: 'gin', + fields: ['tags'] + } + ] +}); + +module.exports = Service; \ No newline at end of file diff --git a/.history/models/Service_20251026221140.js b/.history/models/Service_20251026221140.js new file mode 100644 index 0000000..2e29fdc --- /dev/null +++ b/.history/models/Service_20251026221140.js @@ -0,0 +1,96 @@ +const { DataTypes } = require('sequelize'); +const { sequelize } = require('../config/database'); + +const Service = sequelize.define('Service', { + id: { + type: DataTypes.UUID, + defaultValue: DataTypes.UUIDV4, + primaryKey: true + }, + name: { + type: DataTypes.STRING, + allowNull: false, + validate: { + len: [1, 255] + }, + set(value) { + this.setDataValue('name', value.trim()); + } + }, + description: { + type: DataTypes.TEXT, + allowNull: false + }, + shortDescription: { + type: DataTypes.STRING(150), + allowNull: false + }, + icon: { + type: DataTypes.STRING, + allowNull: false + }, + category: { + type: DataTypes.ENUM( + 'web-development', + 'mobile-development', + 'ui-ux-design', + 'consulting', + 'support', + 'other' + ), + allowNull: false + }, + features: { + type: DataTypes.JSONB, + defaultValue: [] + }, + pricing: { + type: DataTypes.JSONB, + allowNull: false, + validate: { + isValidPricing(value) { + if (!value.basePrice || value.basePrice < 0) { + throw new Error('Base price must be a positive number'); + } + } + } + }, + estimatedTime: { + type: DataTypes.STRING, + allowNull: true + }, + isActive: { + type: DataTypes.BOOLEAN, + defaultValue: true + }, + featured: { + type: DataTypes.BOOLEAN, + defaultValue: false + }, + order: { + type: DataTypes.INTEGER, + defaultValue: 0 + }, + tags: { + type: DataTypes.JSONB, + defaultValue: [] + }, + seo: { + type: DataTypes.JSONB, + defaultValue: {} + } +}, { + tableName: 'services', + timestamps: true, + indexes: [ + { + fields: ['category', 'featured', 'order'] + }, + { + type: 'gin', + fields: ['tags'] + } + ] +}); + +module.exports = Service; \ No newline at end of file diff --git a/.history/models/Service_20251026221146.js b/.history/models/Service_20251026221146.js new file mode 100644 index 0000000..b9a2c8d --- /dev/null +++ b/.history/models/Service_20251026221146.js @@ -0,0 +1,90 @@ +const { DataTypes } = require('sequelize'); +const { sequelize } = require('../config/database'); + +const Service = sequelize.define('Service', { + id: { + type: DataTypes.UUID, + defaultValue: DataTypes.UUIDV4, + primaryKey: true + }, + name: { + type: DataTypes.STRING, + allowNull: false, + validate: { + len: [1, 255] + }, + set(value) { + this.setDataValue('name', value.trim()); + } + }, + description: { + type: DataTypes.TEXT, + allowNull: false + }, + shortDescription: { + type: DataTypes.STRING(150), + allowNull: false + }, + icon: { + type: DataTypes.STRING, + allowNull: false + }, + category: { + type: DataTypes.ENUM( + 'web-development', + 'mobile-development', + 'ui-ux-design', + 'consulting', + 'support', + 'other' + ), + allowNull: false + }, + features: { + type: DataTypes.JSONB, + defaultValue: [] + }, + pricing: { + type: DataTypes.JSONB, + allowNull: true, + defaultValue: {} + }, + estimatedTime: { + type: DataTypes.STRING, + allowNull: true + }, + isActive: { + type: DataTypes.BOOLEAN, + defaultValue: true + }, + featured: { + type: DataTypes.BOOLEAN, + defaultValue: false + }, + order: { + type: DataTypes.INTEGER, + defaultValue: 0 + }, + tags: { + type: DataTypes.JSONB, + defaultValue: [] + }, + seo: { + type: DataTypes.JSONB, + defaultValue: {} + } +}, { + tableName: 'services', + timestamps: true, + indexes: [ + { + fields: ['category', 'featured', 'order'] + }, + { + type: 'gin', + fields: ['tags'] + } + ] +}); + +module.exports = Service; \ No newline at end of file diff --git a/.history/models/Service_20251026221152.js b/.history/models/Service_20251026221152.js new file mode 100644 index 0000000..ceed2ae --- /dev/null +++ b/.history/models/Service_20251026221152.js @@ -0,0 +1,90 @@ +const { DataTypes } = require('sequelize'); +const { sequelize } = require('../config/database'); + +const Service = sequelize.define('Service', { + id: { + type: DataTypes.UUID, + defaultValue: DataTypes.UUIDV4, + primaryKey: true + }, + name: { + type: DataTypes.STRING, + allowNull: false, + validate: { + len: [1, 255] + }, + set(value) { + this.setDataValue('name', value.trim()); + } + }, + description: { + type: DataTypes.TEXT, + allowNull: false + }, + shortDescription: { + type: DataTypes.STRING(500), + allowNull: true + }, + icon: { + type: DataTypes.STRING, + allowNull: false + }, + category: { + type: DataTypes.ENUM( + 'web-development', + 'mobile-development', + 'ui-ux-design', + 'consulting', + 'support', + 'other' + ), + allowNull: false + }, + features: { + type: DataTypes.JSONB, + defaultValue: [] + }, + pricing: { + type: DataTypes.JSONB, + allowNull: true, + defaultValue: {} + }, + estimatedTime: { + type: DataTypes.STRING, + allowNull: true + }, + isActive: { + type: DataTypes.BOOLEAN, + defaultValue: true + }, + featured: { + type: DataTypes.BOOLEAN, + defaultValue: false + }, + order: { + type: DataTypes.INTEGER, + defaultValue: 0 + }, + tags: { + type: DataTypes.JSONB, + defaultValue: [] + }, + seo: { + type: DataTypes.JSONB, + defaultValue: {} + } +}, { + tableName: 'services', + timestamps: true, + indexes: [ + { + fields: ['category', 'featured', 'order'] + }, + { + type: 'gin', + fields: ['tags'] + } + ] +}); + +module.exports = Service; \ No newline at end of file diff --git a/.history/models/Service_20251026221158.js b/.history/models/Service_20251026221158.js new file mode 100644 index 0000000..bf0cdd7 --- /dev/null +++ b/.history/models/Service_20251026221158.js @@ -0,0 +1,90 @@ +const { DataTypes } = require('sequelize'); +const { sequelize } = require('../config/database'); + +const Service = sequelize.define('Service', { + id: { + type: DataTypes.UUID, + defaultValue: DataTypes.UUIDV4, + primaryKey: true + }, + name: { + type: DataTypes.STRING, + allowNull: false, + validate: { + len: [1, 255] + }, + set(value) { + this.setDataValue('name', value.trim()); + } + }, + description: { + type: DataTypes.TEXT, + allowNull: true + }, + shortDescription: { + type: DataTypes.STRING(500), + allowNull: true + }, + icon: { + type: DataTypes.STRING, + allowNull: false + }, + category: { + type: DataTypes.ENUM( + 'web-development', + 'mobile-development', + 'ui-ux-design', + 'consulting', + 'support', + 'other' + ), + allowNull: false + }, + features: { + type: DataTypes.JSONB, + defaultValue: [] + }, + pricing: { + type: DataTypes.JSONB, + allowNull: true, + defaultValue: {} + }, + estimatedTime: { + type: DataTypes.STRING, + allowNull: true + }, + isActive: { + type: DataTypes.BOOLEAN, + defaultValue: true + }, + featured: { + type: DataTypes.BOOLEAN, + defaultValue: false + }, + order: { + type: DataTypes.INTEGER, + defaultValue: 0 + }, + tags: { + type: DataTypes.JSONB, + defaultValue: [] + }, + seo: { + type: DataTypes.JSONB, + defaultValue: {} + } +}, { + tableName: 'services', + timestamps: true, + indexes: [ + { + fields: ['category', 'featured', 'order'] + }, + { + type: 'gin', + fields: ['tags'] + } + ] +}); + +module.exports = Service; \ No newline at end of file diff --git a/.history/models/Service_20251026221203.js b/.history/models/Service_20251026221203.js new file mode 100644 index 0000000..ddf34a6 --- /dev/null +++ b/.history/models/Service_20251026221203.js @@ -0,0 +1,91 @@ +const { DataTypes } = require('sequelize'); +const { sequelize } = require('../config/database'); + +const Service = sequelize.define('Service', { + id: { + type: DataTypes.UUID, + defaultValue: DataTypes.UUIDV4, + primaryKey: true + }, + name: { + type: DataTypes.STRING, + allowNull: false, + validate: { + len: [1, 255] + }, + set(value) { + this.setDataValue('name', value.trim()); + } + }, + description: { + type: DataTypes.TEXT, + allowNull: true + }, + shortDescription: { + type: DataTypes.STRING(500), + allowNull: true + }, + icon: { + type: DataTypes.STRING, + allowNull: true, + defaultValue: 'fas fa-cog' + }, + category: { + type: DataTypes.ENUM( + 'web-development', + 'mobile-development', + 'ui-ux-design', + 'consulting', + 'support', + 'other' + ), + allowNull: false + }, + features: { + type: DataTypes.JSONB, + defaultValue: [] + }, + pricing: { + type: DataTypes.JSONB, + allowNull: true, + defaultValue: {} + }, + estimatedTime: { + type: DataTypes.STRING, + allowNull: true + }, + isActive: { + type: DataTypes.BOOLEAN, + defaultValue: true + }, + featured: { + type: DataTypes.BOOLEAN, + defaultValue: false + }, + order: { + type: DataTypes.INTEGER, + defaultValue: 0 + }, + tags: { + type: DataTypes.JSONB, + defaultValue: [] + }, + seo: { + type: DataTypes.JSONB, + defaultValue: {} + } +}, { + tableName: 'services', + timestamps: true, + indexes: [ + { + fields: ['category', 'featured', 'order'] + }, + { + type: 'gin', + fields: ['tags'] + } + ] +}); + +module.exports = Service; \ No newline at end of file diff --git a/.history/models/Service_20251026221317.js b/.history/models/Service_20251026221317.js new file mode 100644 index 0000000..ddf34a6 --- /dev/null +++ b/.history/models/Service_20251026221317.js @@ -0,0 +1,91 @@ +const { DataTypes } = require('sequelize'); +const { sequelize } = require('../config/database'); + +const Service = sequelize.define('Service', { + id: { + type: DataTypes.UUID, + defaultValue: DataTypes.UUIDV4, + primaryKey: true + }, + name: { + type: DataTypes.STRING, + allowNull: false, + validate: { + len: [1, 255] + }, + set(value) { + this.setDataValue('name', value.trim()); + } + }, + description: { + type: DataTypes.TEXT, + allowNull: true + }, + shortDescription: { + type: DataTypes.STRING(500), + allowNull: true + }, + icon: { + type: DataTypes.STRING, + allowNull: true, + defaultValue: 'fas fa-cog' + }, + category: { + type: DataTypes.ENUM( + 'web-development', + 'mobile-development', + 'ui-ux-design', + 'consulting', + 'support', + 'other' + ), + allowNull: false + }, + features: { + type: DataTypes.JSONB, + defaultValue: [] + }, + pricing: { + type: DataTypes.JSONB, + allowNull: true, + defaultValue: {} + }, + estimatedTime: { + type: DataTypes.STRING, + allowNull: true + }, + isActive: { + type: DataTypes.BOOLEAN, + defaultValue: true + }, + featured: { + type: DataTypes.BOOLEAN, + defaultValue: false + }, + order: { + type: DataTypes.INTEGER, + defaultValue: 0 + }, + tags: { + type: DataTypes.JSONB, + defaultValue: [] + }, + seo: { + type: DataTypes.JSONB, + defaultValue: {} + } +}, { + tableName: 'services', + timestamps: true, + indexes: [ + { + fields: ['category', 'featured', 'order'] + }, + { + type: 'gin', + fields: ['tags'] + } + ] +}); + +module.exports = Service; \ No newline at end of file diff --git a/.history/public/css/enhanced-animations_20251026210710.css b/.history/public/css/enhanced-animations_20251026210710.css new file mode 100644 index 0000000..e239a26 --- /dev/null +++ b/.history/public/css/enhanced-animations_20251026210710.css @@ -0,0 +1,203 @@ +/* Enhanced Animations for SmartSolTech */ + +/* Gradient Animation */ +@keyframes gradient-x { + 0%, 100% { + background-position: 0% 50%; + } + 50% { + background-position: 100% 50%; + } +} + +.animate-gradient-x { + background-size: 200% 200%; + animation: gradient-x 4s ease infinite; +} + +/* Enhanced Blob Animation */ +@keyframes blob { + 0% { + transform: translate(0px, 0px) scale(1); + } + 33% { + transform: translate(30px, -50px) scale(1.1); + } + 66% { + transform: translate(-20px, 20px) scale(0.9); + } + 100% { + transform: translate(0px, 0px) scale(1); + } +} + +.animate-blob { + animation: blob 7s infinite; +} + +.animation-delay-2000 { + animation-delay: 2s; +} + +.animation-delay-4000 { + animation-delay: 4s; +} + +.animation-delay-6000 { + animation-delay: 6s; +} + +/* Pulse Animation with Delay */ +@keyframes pulse-delayed { + 0%, 100% { + opacity: 1; + } + 50% { + opacity: 0.5; + } +} + +.animate-pulse-delayed { + animation: pulse-delayed 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; +} + +/* Floating Animation */ +@keyframes float { + 0%, 100% { + transform: translateY(0px); + } + 50% { + transform: translateY(-10px); + } +} + +.animate-float { + animation: float 3s ease-in-out infinite; +} + +/* Card Hover Effects */ +.card-hover { + transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); +} + +.card-hover:hover { + transform: translateY(-8px); + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); +} + +/* Background Pattern */ +.bg-pattern { + background-image: radial-gradient(circle at 1px 1px, rgba(59, 130, 246, 0.15) 1px, transparent 0); + background-size: 20px 20px; +} + +/* Glowing Effect */ +.glow { + box-shadow: 0 0 20px rgba(59, 130, 246, 0.5); +} + +.glow-purple { + box-shadow: 0 0 20px rgba(139, 92, 246, 0.5); +} + +.glow-green { + box-shadow: 0 0 20px rgba(16, 185, 129, 0.5); +} + +.glow-orange { + box-shadow: 0 0 20px rgba(251, 146, 60, 0.5); +} + +/* Hero Section Specific */ +.hero-section { + position: relative; + overflow: hidden; +} + +.hero-section::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: + radial-gradient(1200px 600px at 10% -10%, rgba(99, 102, 241, 0.35), transparent 60%), + radial-gradient(1000px 500px at 110% 10%, rgba(168, 85, 247, 0.35), transparent 60%); + pointer-events: none; + z-index: 1; +} + +/* Glass Effect */ +.glass-effect { + backdrop-filter: blur(16px); + -webkit-backdrop-filter: blur(16px); + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); +} + +/* Smooth Transitions */ +.smooth-transition { + transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); +} + +/* Text Shimmer Effect */ +@keyframes shimmer { + 0% { + background-position: -200% center; + } + 100% { + background-position: 200% center; + } +} + +.text-shimmer { + background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent); + background-size: 200% 100%; + animation: shimmer 2s infinite; + background-clip: text; + -webkit-background-clip: text; +} + +/* Button Hover Effects */ +.btn-enhanced { + position: relative; + overflow: hidden; + transition: all 0.3s ease; +} + +.btn-enhanced::before { + content: ''; + position: absolute; + top: 0; + left: -100%; + width: 100%; + height: 100%; + background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); + transition: left 0.5s; +} + +.btn-enhanced:hover::before { + left: 100%; +} + +/* Responsive Adjustments */ +@media (max-width: 768px) { + .animate-blob { + animation-duration: 10s; + } + + .card-hover:hover { + transform: translateY(-4px); + } +} + +/* Dark Mode Adjustments */ +.dark .glass-effect { + background: rgba(0, 0, 0, 0.1); + border: 1px solid rgba(255, 255, 255, 0.1); +} + +.dark .bg-pattern { + background-image: radial-gradient(circle at 1px 1px, rgba(59, 130, 246, 0.1) 1px, transparent 0); +} \ No newline at end of file diff --git a/.history/public/css/enhanced-animations_20251026210722.css b/.history/public/css/enhanced-animations_20251026210722.css new file mode 100644 index 0000000..e239a26 --- /dev/null +++ b/.history/public/css/enhanced-animations_20251026210722.css @@ -0,0 +1,203 @@ +/* Enhanced Animations for SmartSolTech */ + +/* Gradient Animation */ +@keyframes gradient-x { + 0%, 100% { + background-position: 0% 50%; + } + 50% { + background-position: 100% 50%; + } +} + +.animate-gradient-x { + background-size: 200% 200%; + animation: gradient-x 4s ease infinite; +} + +/* Enhanced Blob Animation */ +@keyframes blob { + 0% { + transform: translate(0px, 0px) scale(1); + } + 33% { + transform: translate(30px, -50px) scale(1.1); + } + 66% { + transform: translate(-20px, 20px) scale(0.9); + } + 100% { + transform: translate(0px, 0px) scale(1); + } +} + +.animate-blob { + animation: blob 7s infinite; +} + +.animation-delay-2000 { + animation-delay: 2s; +} + +.animation-delay-4000 { + animation-delay: 4s; +} + +.animation-delay-6000 { + animation-delay: 6s; +} + +/* Pulse Animation with Delay */ +@keyframes pulse-delayed { + 0%, 100% { + opacity: 1; + } + 50% { + opacity: 0.5; + } +} + +.animate-pulse-delayed { + animation: pulse-delayed 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; +} + +/* Floating Animation */ +@keyframes float { + 0%, 100% { + transform: translateY(0px); + } + 50% { + transform: translateY(-10px); + } +} + +.animate-float { + animation: float 3s ease-in-out infinite; +} + +/* Card Hover Effects */ +.card-hover { + transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); +} + +.card-hover:hover { + transform: translateY(-8px); + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); +} + +/* Background Pattern */ +.bg-pattern { + background-image: radial-gradient(circle at 1px 1px, rgba(59, 130, 246, 0.15) 1px, transparent 0); + background-size: 20px 20px; +} + +/* Glowing Effect */ +.glow { + box-shadow: 0 0 20px rgba(59, 130, 246, 0.5); +} + +.glow-purple { + box-shadow: 0 0 20px rgba(139, 92, 246, 0.5); +} + +.glow-green { + box-shadow: 0 0 20px rgba(16, 185, 129, 0.5); +} + +.glow-orange { + box-shadow: 0 0 20px rgba(251, 146, 60, 0.5); +} + +/* Hero Section Specific */ +.hero-section { + position: relative; + overflow: hidden; +} + +.hero-section::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: + radial-gradient(1200px 600px at 10% -10%, rgba(99, 102, 241, 0.35), transparent 60%), + radial-gradient(1000px 500px at 110% 10%, rgba(168, 85, 247, 0.35), transparent 60%); + pointer-events: none; + z-index: 1; +} + +/* Glass Effect */ +.glass-effect { + backdrop-filter: blur(16px); + -webkit-backdrop-filter: blur(16px); + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); +} + +/* Smooth Transitions */ +.smooth-transition { + transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); +} + +/* Text Shimmer Effect */ +@keyframes shimmer { + 0% { + background-position: -200% center; + } + 100% { + background-position: 200% center; + } +} + +.text-shimmer { + background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent); + background-size: 200% 100%; + animation: shimmer 2s infinite; + background-clip: text; + -webkit-background-clip: text; +} + +/* Button Hover Effects */ +.btn-enhanced { + position: relative; + overflow: hidden; + transition: all 0.3s ease; +} + +.btn-enhanced::before { + content: ''; + position: absolute; + top: 0; + left: -100%; + width: 100%; + height: 100%; + background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); + transition: left 0.5s; +} + +.btn-enhanced:hover::before { + left: 100%; +} + +/* Responsive Adjustments */ +@media (max-width: 768px) { + .animate-blob { + animation-duration: 10s; + } + + .card-hover:hover { + transform: translateY(-4px); + } +} + +/* Dark Mode Adjustments */ +.dark .glass-effect { + background: rgba(0, 0, 0, 0.1); + border: 1px solid rgba(255, 255, 255, 0.1); +} + +.dark .bg-pattern { + background-image: radial-gradient(circle at 1px 1px, rgba(59, 130, 246, 0.1) 1px, transparent 0); +} \ No newline at end of file diff --git a/.history/public/images/services/branding_20251026180829.svg b/.history/public/images/services/branding_20251026180829.svg new file mode 100644 index 0000000..1468c63 --- /dev/null +++ b/.history/public/images/services/branding_20251026180829.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Aa + Brand + 123 + + + + © + \ No newline at end of file diff --git a/.history/public/images/services/branding_20251026181004.svg b/.history/public/images/services/branding_20251026181004.svg new file mode 100644 index 0000000..1468c63 --- /dev/null +++ b/.history/public/images/services/branding_20251026181004.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Aa + Brand + 123 + + + + © + \ No newline at end of file diff --git a/.history/public/images/services/consulting_20251026180856.svg b/.history/public/images/services/consulting_20251026180856.svg new file mode 100644 index 0000000..546322d --- /dev/null +++ b/.history/public/images/services/consulting_20251026180856.svg @@ -0,0 +1,69 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/.history/public/images/services/consulting_20251026181004.svg b/.history/public/images/services/consulting_20251026181004.svg new file mode 100644 index 0000000..546322d --- /dev/null +++ b/.history/public/images/services/consulting_20251026181004.svg @@ -0,0 +1,69 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/.history/public/images/services/default_20251026180915.svg b/.history/public/images/services/default_20251026180915.svg new file mode 100644 index 0000000..1cffcbd --- /dev/null +++ b/.history/public/images/services/default_20251026180915.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/.history/public/images/services/default_20251026181004.svg b/.history/public/images/services/default_20251026181004.svg new file mode 100644 index 0000000..1cffcbd --- /dev/null +++ b/.history/public/images/services/default_20251026181004.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/.history/public/images/services/digital-marketing_20251026180806.svg b/.history/public/images/services/digital-marketing_20251026180806.svg new file mode 100644 index 0000000..d0e3861 --- /dev/null +++ b/.history/public/images/services/digital-marketing_20251026180806.svg @@ -0,0 +1,56 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + f + + + t + + + i + + + + + + + + SEO + + + + + + + + + + \ No newline at end of file diff --git a/.history/public/images/services/digital-marketing_20251026181004.svg b/.history/public/images/services/digital-marketing_20251026181004.svg new file mode 100644 index 0000000..d0e3861 --- /dev/null +++ b/.history/public/images/services/digital-marketing_20251026181004.svg @@ -0,0 +1,56 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + f + + + t + + + i + + + + + + + + SEO + + + + + + + + + + \ No newline at end of file diff --git a/.history/public/images/services/mobile-app_20251026180728.svg b/.history/public/images/services/mobile-app_20251026180728.svg new file mode 100644 index 0000000..a357dce --- /dev/null +++ b/.history/public/images/services/mobile-app_20251026180728.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/.history/public/images/services/mobile-app_20251026181004.svg b/.history/public/images/services/mobile-app_20251026181004.svg new file mode 100644 index 0000000..a357dce --- /dev/null +++ b/.history/public/images/services/mobile-app_20251026181004.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/.history/public/images/services/ui-ux-design_20251026180746.svg b/.history/public/images/services/ui-ux-design_20251026180746.svg new file mode 100644 index 0000000..899c22e --- /dev/null +++ b/.history/public/images/services/ui-ux-design_20251026180746.svg @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Aa + UI/UX + \ No newline at end of file diff --git a/.history/public/images/services/ui-ux-design_20251026181004.svg b/.history/public/images/services/ui-ux-design_20251026181004.svg new file mode 100644 index 0000000..899c22e --- /dev/null +++ b/.history/public/images/services/ui-ux-design_20251026181004.svg @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Aa + UI/UX + \ No newline at end of file diff --git a/.history/public/images/services/web-development_20251026180712.svg b/.history/public/images/services/web-development_20251026180712.svg new file mode 100644 index 0000000..da73055 --- /dev/null +++ b/.history/public/images/services/web-development_20251026180712.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + </> + {} + \ No newline at end of file diff --git a/.history/public/images/services/web-development_20251026181004.svg b/.history/public/images/services/web-development_20251026181004.svg new file mode 100644 index 0000000..da73055 --- /dev/null +++ b/.history/public/images/services/web-development_20251026181004.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + </> + {} + \ No newline at end of file diff --git a/.history/public/sw_20251026215851.js b/.history/public/sw_20251026215851.js new file mode 100644 index 0000000..f37048c --- /dev/null +++ b/.history/public/sw_20251026215851.js @@ -0,0 +1,414 @@ +// Service Worker for SmartSolTech PWA +const CACHE_NAME = 'smartsoltech-v1.0.2'; +const STATIC_CACHE_NAME = 'smartsoltech-static-v1.0.2'; +const DYNAMIC_CACHE_NAME = 'smartsoltech-dynamic-v1.0.2'; + +// Files to cache immediately +const STATIC_FILES = [ + '/', + '/css/main.css', + '/css/fixes.css', + '/css/dark-theme.css', + '/js/main.js', + '/vendor/jquery/jquery-3.6.0.min.js', + '/vendor/bootstrap/bootstrap.bundle.min.js', + '/vendor/bootstrap/bootstrap.min.css', + '/vendor/adminlte/adminlte.min.js', + '/vendor/adminlte/adminlte.min.css', + '/vendor/adminlte/fontawesome.min.css', + '/images/logo.png', + '/images/icon-192x192.png', + '/images/icon-144x144.png', + '/manifest.json', + 'https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap', + 'https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap', + 'https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css', + 'https://unpkg.com/aos@2.3.1/dist/aos.css', + 'https://unpkg.com/aos@2.3.1/dist/aos.js' +]; + +// Routes to cache dynamically +const DYNAMIC_ROUTES = [ + '/about', + '/services', + '/portfolio', + '/calculator', + '/contact' +]; + +// API endpoints to cache +const API_CACHE_PATTERNS = [ + /^\/api\/portfolio/, + /^\/api\/services/, + /^\/api\/calculator\/services/ +]; + +// Install event - cache static files +self.addEventListener('install', event => { + console.log('Service Worker: Installing...'); + + event.waitUntil( + caches.open(STATIC_CACHE_NAME) + .then(cache => { + console.log('Service Worker: Caching static files'); + return cache.addAll(STATIC_FILES); + }) + .then(() => { + console.log('Service Worker: Static files cached'); + return self.skipWaiting(); + }) + .catch(error => { + console.error('Service Worker: Error caching static files', error); + }) + ); +}); + +// Activate event - clean up old caches +self.addEventListener('activate', event => { + console.log('Service Worker: Activating...'); + + event.waitUntil( + caches.keys() + .then(cacheNames => { + return Promise.all( + cacheNames.map(cacheName => { + if (cacheName !== STATIC_CACHE_NAME && + cacheName !== DYNAMIC_CACHE_NAME) { + console.log('Service Worker: Deleting old cache', cacheName); + return caches.delete(cacheName); + } + }) + ); + }) + .then(() => { + console.log('Service Worker: Activated'); + return self.clients.claim(); + }) + ); +}); + +// Fetch event - serve cached files or fetch from network +self.addEventListener('fetch', event => { + const request = event.request; + const url = new URL(request.url); + + // Skip non-GET requests + if (request.method !== 'GET') { + return; + } + + // Skip Chrome extension requests + if (url.protocol === 'chrome-extension:') { + return; + } + + // Handle different types of requests + if (isStaticFile(request.url)) { + event.respondWith(cacheFirst(request)); + } else if (isAPIRequest(request.url)) { + event.respondWith(networkFirst(request)); + } else if (isDynamicRoute(request.url) || url.pathname === '/') { + // For main pages, always check network first to ensure language consistency + event.respondWith(networkFirst(request)); + } else { + event.respondWith(networkFirst(request)); + } +}); + +// Cache strategies +async function cacheFirst(request) { + try { + const cachedResponse = await caches.match(request); + if (cachedResponse) { + return cachedResponse; + } + + const networkResponse = await fetch(request); + const cache = await caches.open(STATIC_CACHE_NAME); + cache.put(request, networkResponse.clone()); + return networkResponse; + } catch (error) { + console.error('Cache first strategy failed:', error); + return new Response('Offline', { status: 503 }); + } +} + +async function networkFirst(request) { + try { + const networkResponse = await fetch(request); + + // Cache successful responses + if (networkResponse.ok) { + const cache = await caches.open(DYNAMIC_CACHE_NAME); + cache.put(request, networkResponse.clone()); + } + + return networkResponse; + } catch (error) { + console.log('Network first: Falling back to cache for', request.url); + + const cachedResponse = await caches.match(request); + if (cachedResponse) { + return cachedResponse; + } + + // Return offline page for navigation requests + if (request.mode === 'navigate') { + return caches.match('/offline.html') || new Response('Offline', { + status: 503, + headers: { 'Content-Type': 'text/html' } + }); + } + + return new Response('Network Error', { status: 503 }); + } +} + +async function staleWhileRevalidate(request) { + try { + const cache = await caches.open(DYNAMIC_CACHE_NAME); + const cachedResponse = await cache.match(request); + + const fetchPromise = fetch(request).then(networkResponse => { + if (networkResponse && networkResponse.ok) { + cache.put(request, networkResponse.clone()); + } + return networkResponse; + }).catch(error => { + console.log('staleWhileRevalidate fetch failed:', error); + return null; + }); + + return cachedResponse || fetchPromise || new Response('Not available', { status: 503 }); + } catch (error) { + console.error('staleWhileRevalidate error:', error); + return new Response('Service unavailable', { status: 503 }); + } +} + +// Helper functions +function isStaticFile(url) { + return url.includes('/css/') || + url.includes('/js/') || + url.includes('/images/') || + url.includes('/fonts/') || + url.includes('googleapis.com') || + url.includes('cdnjs.cloudflare.com'); +} + +function isAPIRequest(url) { + return url.includes('/api/') || + API_CACHE_PATTERNS.some(pattern => pattern.test(url)); +} + +function isDynamicRoute(url) { + const pathname = new URL(url).pathname; + return DYNAMIC_ROUTES.includes(pathname) || + pathname.startsWith('/portfolio/') || + pathname.startsWith('/services/'); +} + +// Background sync for form submissions +self.addEventListener('sync', event => { + console.log('Service Worker: Background sync triggered', event.tag); + + if (event.tag === 'contact-form-sync') { + event.waitUntil(syncContactForms()); + } +}); + +async function syncContactForms() { + try { + const cache = await caches.open(DYNAMIC_CACHE_NAME); + const requests = await cache.keys(); + + const contactRequests = requests.filter(request => + request.url.includes('/api/contact/submit') + ); + + for (const request of contactRequests) { + try { + await fetch(request); + await cache.delete(request); + console.log('Contact form synced successfully'); + } catch (error) { + console.error('Failed to sync contact form:', error); + } + } + } catch (error) { + console.error('Background sync failed:', error); + } +} + +// Push notification handling +self.addEventListener('push', event => { + console.log('Service Worker: Push received', event); + + let data = {}; + if (event.data) { + data = event.data.json(); + } + + const title = data.title || 'SmartSolTech'; + const options = { + body: data.body || 'You have a new notification', + icon: '/images/icon-192x192.png', + badge: '/images/icon-72x72.png', + tag: data.tag || 'default', + data: data.url || '/', + actions: [ + { + action: 'open', + title: '열기', + icon: '/images/icon-open.png' + }, + { + action: 'close', + title: '닫기', + icon: '/images/icon-close.png' + } + ], + requireInteraction: data.requireInteraction || false, + silent: data.silent || false, + vibrate: data.vibrate || [200, 100, 200] + }; + + event.waitUntil( + self.registration.showNotification(title, options) + ); +}); + +// Notification click handling +self.addEventListener('notificationclick', event => { + console.log('Service Worker: Notification clicked', event); + + event.notification.close(); + + if (event.action === 'close') { + return; + } + + const url = event.notification.data || '/'; + + event.waitUntil( + clients.matchAll({ type: 'window' }).then(clientList => { + // Check if window is already open + for (const client of clientList) { + if (client.url === url && 'focus' in client) { + return client.focus(); + } + } + + // Open new window + if (clients.openWindow) { + return clients.openWindow(url); + } + }) + ); +}); + +// Handle messages from main thread +self.addEventListener('message', event => { + console.log('Service Worker: Message received', event.data); + + if (event.data && event.data.type === 'SKIP_WAITING') { + self.skipWaiting(); + } + + if (event.data && event.data.type === 'CACHE_URLS') { + cacheUrls(event.data.urls); + } +}); + +async function cacheUrls(urls) { + try { + const cache = await caches.open(DYNAMIC_CACHE_NAME); + await cache.addAll(urls); + console.log('URLs cached successfully:', urls); + } catch (error) { + console.error('Failed to cache URLs:', error); + } +} + +// Periodic background sync (if supported) +self.addEventListener('periodicsync', event => { + console.log('Service Worker: Periodic sync triggered', event.tag); + + if (event.tag === 'content-sync') { + event.waitUntil(syncContent()); + } +}); + +async function syncContent() { + try { + // Fetch fresh portfolio and services data + const portfolioResponse = await fetch('/api/portfolio?featured=true'); + const servicesResponse = await fetch('/api/services?featured=true'); + + if (portfolioResponse.ok && servicesResponse.ok) { + const cache = await caches.open(DYNAMIC_CACHE_NAME); + cache.put('/api/portfolio?featured=true', portfolioResponse.clone()); + cache.put('/api/services?featured=true', servicesResponse.clone()); + console.log('Content synced successfully'); + } + } catch (error) { + console.error('Content sync failed:', error); + } +} + +// Cache management utilities +async function cleanupCaches() { + const cacheNames = await caches.keys(); + const currentCaches = [STATIC_CACHE_NAME, DYNAMIC_CACHE_NAME]; + + return Promise.all( + cacheNames.map(cacheName => { + if (!currentCaches.includes(cacheName)) { + console.log('Deleting old cache:', cacheName); + return caches.delete(cacheName); + } + }) + ); +} + +// Limit cache size +async function limitCacheSize(cacheName, maxItems) { + const cache = await caches.open(cacheName); + const keys = await cache.keys(); + + if (keys.length > maxItems) { + const keysToDelete = keys.slice(0, keys.length - maxItems); + return Promise.all(keysToDelete.map(key => cache.delete(key))); + } +} + +// Performance monitoring +self.addEventListener('fetch', event => { + if (event.request.url.includes('/api/')) { + const start = performance.now(); + + event.respondWith( + fetch(event.request).then(response => { + const duration = performance.now() - start; + + // Log slow API requests + if (duration > 2000) { + console.warn('Slow API request:', event.request.url, duration + 'ms'); + } + + return response; + }) + ); + } +}); + +// Error tracking +self.addEventListener('error', event => { + console.error('Service Worker error:', event.error); + // Could send to analytics service +}); + +self.addEventListener('unhandledrejection', event => { + console.error('Service Worker unhandled rejection:', event.reason); + // Could send to analytics service +}); \ No newline at end of file diff --git a/.history/public/sw_20251026215934.js b/.history/public/sw_20251026215934.js new file mode 100644 index 0000000..f37048c --- /dev/null +++ b/.history/public/sw_20251026215934.js @@ -0,0 +1,414 @@ +// Service Worker for SmartSolTech PWA +const CACHE_NAME = 'smartsoltech-v1.0.2'; +const STATIC_CACHE_NAME = 'smartsoltech-static-v1.0.2'; +const DYNAMIC_CACHE_NAME = 'smartsoltech-dynamic-v1.0.2'; + +// Files to cache immediately +const STATIC_FILES = [ + '/', + '/css/main.css', + '/css/fixes.css', + '/css/dark-theme.css', + '/js/main.js', + '/vendor/jquery/jquery-3.6.0.min.js', + '/vendor/bootstrap/bootstrap.bundle.min.js', + '/vendor/bootstrap/bootstrap.min.css', + '/vendor/adminlte/adminlte.min.js', + '/vendor/adminlte/adminlte.min.css', + '/vendor/adminlte/fontawesome.min.css', + '/images/logo.png', + '/images/icon-192x192.png', + '/images/icon-144x144.png', + '/manifest.json', + 'https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap', + 'https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap', + 'https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css', + 'https://unpkg.com/aos@2.3.1/dist/aos.css', + 'https://unpkg.com/aos@2.3.1/dist/aos.js' +]; + +// Routes to cache dynamically +const DYNAMIC_ROUTES = [ + '/about', + '/services', + '/portfolio', + '/calculator', + '/contact' +]; + +// API endpoints to cache +const API_CACHE_PATTERNS = [ + /^\/api\/portfolio/, + /^\/api\/services/, + /^\/api\/calculator\/services/ +]; + +// Install event - cache static files +self.addEventListener('install', event => { + console.log('Service Worker: Installing...'); + + event.waitUntil( + caches.open(STATIC_CACHE_NAME) + .then(cache => { + console.log('Service Worker: Caching static files'); + return cache.addAll(STATIC_FILES); + }) + .then(() => { + console.log('Service Worker: Static files cached'); + return self.skipWaiting(); + }) + .catch(error => { + console.error('Service Worker: Error caching static files', error); + }) + ); +}); + +// Activate event - clean up old caches +self.addEventListener('activate', event => { + console.log('Service Worker: Activating...'); + + event.waitUntil( + caches.keys() + .then(cacheNames => { + return Promise.all( + cacheNames.map(cacheName => { + if (cacheName !== STATIC_CACHE_NAME && + cacheName !== DYNAMIC_CACHE_NAME) { + console.log('Service Worker: Deleting old cache', cacheName); + return caches.delete(cacheName); + } + }) + ); + }) + .then(() => { + console.log('Service Worker: Activated'); + return self.clients.claim(); + }) + ); +}); + +// Fetch event - serve cached files or fetch from network +self.addEventListener('fetch', event => { + const request = event.request; + const url = new URL(request.url); + + // Skip non-GET requests + if (request.method !== 'GET') { + return; + } + + // Skip Chrome extension requests + if (url.protocol === 'chrome-extension:') { + return; + } + + // Handle different types of requests + if (isStaticFile(request.url)) { + event.respondWith(cacheFirst(request)); + } else if (isAPIRequest(request.url)) { + event.respondWith(networkFirst(request)); + } else if (isDynamicRoute(request.url) || url.pathname === '/') { + // For main pages, always check network first to ensure language consistency + event.respondWith(networkFirst(request)); + } else { + event.respondWith(networkFirst(request)); + } +}); + +// Cache strategies +async function cacheFirst(request) { + try { + const cachedResponse = await caches.match(request); + if (cachedResponse) { + return cachedResponse; + } + + const networkResponse = await fetch(request); + const cache = await caches.open(STATIC_CACHE_NAME); + cache.put(request, networkResponse.clone()); + return networkResponse; + } catch (error) { + console.error('Cache first strategy failed:', error); + return new Response('Offline', { status: 503 }); + } +} + +async function networkFirst(request) { + try { + const networkResponse = await fetch(request); + + // Cache successful responses + if (networkResponse.ok) { + const cache = await caches.open(DYNAMIC_CACHE_NAME); + cache.put(request, networkResponse.clone()); + } + + return networkResponse; + } catch (error) { + console.log('Network first: Falling back to cache for', request.url); + + const cachedResponse = await caches.match(request); + if (cachedResponse) { + return cachedResponse; + } + + // Return offline page for navigation requests + if (request.mode === 'navigate') { + return caches.match('/offline.html') || new Response('Offline', { + status: 503, + headers: { 'Content-Type': 'text/html' } + }); + } + + return new Response('Network Error', { status: 503 }); + } +} + +async function staleWhileRevalidate(request) { + try { + const cache = await caches.open(DYNAMIC_CACHE_NAME); + const cachedResponse = await cache.match(request); + + const fetchPromise = fetch(request).then(networkResponse => { + if (networkResponse && networkResponse.ok) { + cache.put(request, networkResponse.clone()); + } + return networkResponse; + }).catch(error => { + console.log('staleWhileRevalidate fetch failed:', error); + return null; + }); + + return cachedResponse || fetchPromise || new Response('Not available', { status: 503 }); + } catch (error) { + console.error('staleWhileRevalidate error:', error); + return new Response('Service unavailable', { status: 503 }); + } +} + +// Helper functions +function isStaticFile(url) { + return url.includes('/css/') || + url.includes('/js/') || + url.includes('/images/') || + url.includes('/fonts/') || + url.includes('googleapis.com') || + url.includes('cdnjs.cloudflare.com'); +} + +function isAPIRequest(url) { + return url.includes('/api/') || + API_CACHE_PATTERNS.some(pattern => pattern.test(url)); +} + +function isDynamicRoute(url) { + const pathname = new URL(url).pathname; + return DYNAMIC_ROUTES.includes(pathname) || + pathname.startsWith('/portfolio/') || + pathname.startsWith('/services/'); +} + +// Background sync for form submissions +self.addEventListener('sync', event => { + console.log('Service Worker: Background sync triggered', event.tag); + + if (event.tag === 'contact-form-sync') { + event.waitUntil(syncContactForms()); + } +}); + +async function syncContactForms() { + try { + const cache = await caches.open(DYNAMIC_CACHE_NAME); + const requests = await cache.keys(); + + const contactRequests = requests.filter(request => + request.url.includes('/api/contact/submit') + ); + + for (const request of contactRequests) { + try { + await fetch(request); + await cache.delete(request); + console.log('Contact form synced successfully'); + } catch (error) { + console.error('Failed to sync contact form:', error); + } + } + } catch (error) { + console.error('Background sync failed:', error); + } +} + +// Push notification handling +self.addEventListener('push', event => { + console.log('Service Worker: Push received', event); + + let data = {}; + if (event.data) { + data = event.data.json(); + } + + const title = data.title || 'SmartSolTech'; + const options = { + body: data.body || 'You have a new notification', + icon: '/images/icon-192x192.png', + badge: '/images/icon-72x72.png', + tag: data.tag || 'default', + data: data.url || '/', + actions: [ + { + action: 'open', + title: '열기', + icon: '/images/icon-open.png' + }, + { + action: 'close', + title: '닫기', + icon: '/images/icon-close.png' + } + ], + requireInteraction: data.requireInteraction || false, + silent: data.silent || false, + vibrate: data.vibrate || [200, 100, 200] + }; + + event.waitUntil( + self.registration.showNotification(title, options) + ); +}); + +// Notification click handling +self.addEventListener('notificationclick', event => { + console.log('Service Worker: Notification clicked', event); + + event.notification.close(); + + if (event.action === 'close') { + return; + } + + const url = event.notification.data || '/'; + + event.waitUntil( + clients.matchAll({ type: 'window' }).then(clientList => { + // Check if window is already open + for (const client of clientList) { + if (client.url === url && 'focus' in client) { + return client.focus(); + } + } + + // Open new window + if (clients.openWindow) { + return clients.openWindow(url); + } + }) + ); +}); + +// Handle messages from main thread +self.addEventListener('message', event => { + console.log('Service Worker: Message received', event.data); + + if (event.data && event.data.type === 'SKIP_WAITING') { + self.skipWaiting(); + } + + if (event.data && event.data.type === 'CACHE_URLS') { + cacheUrls(event.data.urls); + } +}); + +async function cacheUrls(urls) { + try { + const cache = await caches.open(DYNAMIC_CACHE_NAME); + await cache.addAll(urls); + console.log('URLs cached successfully:', urls); + } catch (error) { + console.error('Failed to cache URLs:', error); + } +} + +// Periodic background sync (if supported) +self.addEventListener('periodicsync', event => { + console.log('Service Worker: Periodic sync triggered', event.tag); + + if (event.tag === 'content-sync') { + event.waitUntil(syncContent()); + } +}); + +async function syncContent() { + try { + // Fetch fresh portfolio and services data + const portfolioResponse = await fetch('/api/portfolio?featured=true'); + const servicesResponse = await fetch('/api/services?featured=true'); + + if (portfolioResponse.ok && servicesResponse.ok) { + const cache = await caches.open(DYNAMIC_CACHE_NAME); + cache.put('/api/portfolio?featured=true', portfolioResponse.clone()); + cache.put('/api/services?featured=true', servicesResponse.clone()); + console.log('Content synced successfully'); + } + } catch (error) { + console.error('Content sync failed:', error); + } +} + +// Cache management utilities +async function cleanupCaches() { + const cacheNames = await caches.keys(); + const currentCaches = [STATIC_CACHE_NAME, DYNAMIC_CACHE_NAME]; + + return Promise.all( + cacheNames.map(cacheName => { + if (!currentCaches.includes(cacheName)) { + console.log('Deleting old cache:', cacheName); + return caches.delete(cacheName); + } + }) + ); +} + +// Limit cache size +async function limitCacheSize(cacheName, maxItems) { + const cache = await caches.open(cacheName); + const keys = await cache.keys(); + + if (keys.length > maxItems) { + const keysToDelete = keys.slice(0, keys.length - maxItems); + return Promise.all(keysToDelete.map(key => cache.delete(key))); + } +} + +// Performance monitoring +self.addEventListener('fetch', event => { + if (event.request.url.includes('/api/')) { + const start = performance.now(); + + event.respondWith( + fetch(event.request).then(response => { + const duration = performance.now() - start; + + // Log slow API requests + if (duration > 2000) { + console.warn('Slow API request:', event.request.url, duration + 'ms'); + } + + return response; + }) + ); + } +}); + +// Error tracking +self.addEventListener('error', event => { + console.error('Service Worker error:', event.error); + // Could send to analytics service +}); + +self.addEventListener('unhandledrejection', event => { + console.error('Service Worker unhandled rejection:', event.reason); + // Could send to analytics service +}); \ No newline at end of file diff --git a/.history/routes/admin_20251026212605.js b/.history/routes/admin_20251026212605.js new file mode 100644 index 0000000..ee24cac --- /dev/null +++ b/.history/routes/admin_20251026212605.js @@ -0,0 +1,1634 @@ +const express = require('express'); +const router = express.Router(); +const multer = require('multer'); +const sharp = require('sharp'); +const path = require('path'); +const fs = require('fs').promises; +const { body, validationResult } = require('express-validator'); +const { User, Portfolio, Service, Contact, SiteSettings, Banner } = require('../models'); + +// Configure multer for file uploads +const storage = multer.memoryStorage(); // Use memory storage to process with sharp +const upload = multer({ + storage, + limits: { fileSize: 10 * 1024 * 1024 }, // 10MB limit + fileFilter: (req, file, cb) => { + if (file.mimetype.startsWith('image/')) { + cb(null, true); + } else { + cb(new Error('Only image files are allowed'), false); + } + } +}); + +// Authentication middleware +const requireAuth = (req, res, next) => { + if (!req.session.user) { + return res.redirect('/admin/login'); + } + next(); +}; + +// Add stats middleware +const addStats = async (req, res, next) => { + try { + if (req.session.user) { + const [portfolioCount, servicesCount, contactsCount] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count() + ]); + + res.locals.stats = { + portfolioCount, + servicesCount, + contactsCount + }; + } + next(); + } catch (error) { + console.error('Stats middleware error:', error); + next(); + } +}; + +// Admin login page +router.get('/login', (req, res) => { + if (req.session.user) { + return res.redirect('/admin/dashboard'); + } + + res.render('admin/login', { + title: 'Admin Login', + error: null + }); +}); + +// Admin login POST +router.post('/login', async (req, res) => { + try { + const { email, password } = req.body; + + const user = await User.findOne({ + where: { + email: email, + isActive: true + } + }); + if (!user || !(await user.comparePassword(password))) { + return res.render('admin/login', { + title: 'Admin Login', + error: 'Invalid credentials' + }); + } + + await user.updateLastLogin(); + + req.session.user = { + id: user.id, + email: user.email, + name: user.name, + role: user.role + }; + + res.redirect('/admin/dashboard'); + } catch (error) { + console.error('Admin login error:', error); + res.render('admin/login', { + title: 'Admin Login', + error: 'Server error' + }); + } +}); + +// Admin logout +router.post('/logout', (req, res) => { + req.session.destroy(err => { + if (err) { + console.error('Logout error:', err); + } + res.redirect('/admin/login'); + }); +}); + +// Dashboard (default route) +router.get('/', requireAuth, async (req, res) => { + res.redirect('/admin/dashboard'); +}); + +// Dashboard +router.get('/dashboard', requireAuth, async (req, res) => { + try { + const [ + portfolioCount, + servicesCount, + contactsCount, + recentContacts, + recentPortfolio + ] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count(), + Contact.findAll({ + order: [['createdAt', 'DESC']], + limit: 5 + }), + Portfolio.findAll({ + where: { isPublished: true }, + order: [['createdAt', 'DESC']], + limit: 5 + }) + ]); + + const stats = { + portfolioCount: portfolioCount, + servicesCount: servicesCount, + contactsCount: contactsCount, + usersCount: await User.count() + }; + + res.render('admin/dashboard', { + title: 'Admin Dashboard', + layout: 'admin/layout', + user: req.session.user, + stats, + recentContacts, + recentPortfolio, + currentPage: 'dashboard' + }); + } catch (error) { + console.error('Dashboard error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading dashboard' + }); + } +}); + +// Banner management +router.get('/banners', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [banners, total] = await Promise.all([ + Banner.findAll({ + order: [['order', 'ASC'], ['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Banner.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/banners/list', { + title: 'Banner Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banners, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Banner list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banners' + }); + } +}); + +// Add banner +router.get('/banners/add', requireAuth, (req, res) => { + res.render('admin/banners/add', { + title: 'Add Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); +}); + +// Create banner +router.post('/banners/add', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive = true, + startDate, + endDate, + targetAudience = 'all', + backgroundColor, + textColor, + animation = 'none' + } = req.body; + + const banner = await Banner.create({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience, + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation + }); + + res.json({ + success: true, + message: '배너가 성공적으로 생성되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner creation error:', error); + res.status(500).json({ + success: false, + message: '배너 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit banner +router.get('/banners/edit/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Banner not found' + }); + } + + res.render('admin/banners/edit', { + title: 'Edit Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banner, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); + } catch (error) { + console.error('Banner edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banner' + }); + } +}); + +// Update banner +router.put('/banners/:id', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const banner = await Banner.findByPk(req.params.id); + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive, + startDate, + endDate, + targetAudience, + backgroundColor, + textColor, + animation + } = req.body; + + await banner.update({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience: targetAudience || 'all', + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation: animation || 'none' + }); + + res.json({ + success: true, + message: '배너가 성공적으로 업데이트되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner update error:', error); + res.status(500).json({ + success: false, + message: '배너 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete banner +router.delete('/banners/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.destroy(); + + res.json({ + success: true, + message: '배너가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Banner deletion error:', error); + res.status(500).json({ + success: false, + message: '배너 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle banner active status +router.patch('/banners/:id/toggle-active', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const newStatus = !banner.isActive; + await banner.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `배너가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Banner toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Record banner click +router.post('/banners/:id/click', async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.recordClick(); + + res.json({ + success: true, + clickCount: banner.clickCount + }); + } catch (error) { + console.error('Banner click record error:', error); + res.status(500).json({ + success: false, + message: '클릭 기록 중 오류가 발생했습니다' + }); + } +}); + +// Banner Editor (legacy route) +router.get('/banner-editor', requireAuth, async (req, res) => { + res.redirect('/admin/banners'); +}); + +// Portfolio management +router.get('/portfolio', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [portfolio, total] = await Promise.all([ + Portfolio.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Portfolio.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/portfolio/list', { + title: 'Portfolio Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Portfolio list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio' + }); + } +}); + +// Utility function for category names +const getCategoryName = (category) => { + const categoryNames = { + 'web-development': 'Веб-разработка', + 'mobile-app': 'Мобильные приложения', + 'ui-ux-design': 'UI/UX дизайн', + 'e-commerce': 'Электронная коммерция', + 'enterprise': 'Корпоративное ПО', + 'other': 'Другое' + }; + return categoryNames[category] || category; +}; + +// Add portfolio item +router.get('/portfolio/add', requireAuth, (req, res) => { + res.render('admin/portfolio/add', { + title: 'Add Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ], + getCategoryName: getCategoryName + }); +}); + +// Create portfolio item +router.post('/portfolio/add', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + if (parsedTechnologies.length === 0) { + return res.status(400).json({ + success: false, + message: 'Добавьте хотя бы одну технологию' + }); + } + + // Process uploaded images + const processedImages = []; + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + processedImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Create portfolio item + const portfolio = await Portfolio.create({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: processedImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) ? new Date() : null, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно создан!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio creation error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании проекта: ' + error.message + }); + } +}); + +// Edit portfolio item +router.get('/portfolio/edit/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Portfolio item not found' + }); + } + + res.render('admin/portfolio/edit', { + title: 'Edit Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ] + }); + } catch (error) { + console.error('Portfolio edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio item' + }); + } +}); + +// Update portfolio item +router.put('/portfolio/:id', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + if (!portfolio) { + return res.status(404).json({ + success: false, + message: 'Проект не найден' + }); + } + + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured, + existingImages + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Handle existing images + let finalImages = []; + try { + const existing = JSON.parse(existingImages || '[]'); + finalImages = Array.isArray(existing) ? existing : []; + } catch (e) { + finalImages = portfolio.images || []; + } + + // Process new uploaded images + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + finalImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = portfolio.seo || {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Update portfolio + await portfolio.update({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: finalImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно обновлен!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio update error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при обновлении проекта: ' + error.message + }); + } +}); + +// Delete portfolio item +router.delete('/portfolio/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + await portfolio.destroy(); + + res.json({ + success: true, + message: '포트폴리오가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Portfolio deletion error:', error); + res.status(500).json({ + success: false, + message: '포트폴리오 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle portfolio publish status +router.patch('/portfolio/:id/toggle-publish', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + const newStatus = !portfolio.isPublished; + await portfolio.update({ + isPublished: newStatus, + publishedAt: newStatus && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: newStatus ? 'published' : 'draft' + }); + + res.json({ + success: true, + message: `포트폴리오가 ${newStatus ? '게시' : '비공개'}되었습니다`, + isPublished: newStatus + }); + } catch (error) { + console.error('Portfolio toggle publish error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Portfolio preview +router.post('/portfolio/preview', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName + } = req.body; + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Process uploaded images for preview + const previewImages = []; + if (req.files && req.files.length > 0) { + for (const file of req.files) { + // Convert to base64 for preview + const base64 = `data:${file.mimetype};base64,${file.buffer.toString('base64')}`; + previewImages.push(base64); + } + } + + const previewData = { + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: previewImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + createdAt: new Date() + }; + + res.json({ + success: true, + preview: previewData + }); + } catch (error) { + console.error('Portfolio preview error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании предпросмотра: ' + error.message + }); + } +}); + +// Services management +router.get('/services', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [services, total] = await Promise.all([ + Service.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Service.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/services/list', { + title: 'Services Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + services, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Services list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading services' + }); + } +}); + +// Add service +router.get('/services/add', requireAuth, (req, res) => { + res.render('admin/services/add', { + title: 'Add Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); +}); + +// Create service +router.post('/services/add', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive = true, + featured = false + } = req.body; + + const service = await Service.create({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 생성되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service creation error:', error); + res.status(500).json({ + success: false, + message: '서비스 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit service +router.get('/services/edit/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Service not found' + }); + } + + const availablePortfolio = await Portfolio.findAll({ + where: { isPublished: true }, + attributes: ['id', 'title', 'category'] + }); + + res.render('admin/services/edit', { + title: 'Edit Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + service, + availablePortfolio, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); + } catch (error) { + console.error('Service edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading service' + }); + } +}); + +// Update service +router.put('/services/:id', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const service = await Service.findByPk(req.params.id); + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive, + featured + } = req.body; + + await service.update({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 업데이트되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service update error:', error); + res.status(500).json({ + success: false, + message: '서비스 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete service +router.delete('/services/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + await service.destroy(); + + res.json({ + success: true, + message: '서비스가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Service deletion error:', error); + res.status(500).json({ + success: false, + message: '서비스 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle service active status +router.patch('/services/:id/toggle-active', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const newStatus = !service.isActive; + await service.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `서비스가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Service toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Contacts management +router.get('/contacts', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + const status = req.query.status; + + let whereClause = {}; + if (status && status !== 'all') { + whereClause.status = status; + } + + const [contacts, total] = await Promise.all([ + Contact.findAll({ + where: whereClause, + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Contact.count({ where: whereClause }) + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/contacts/list', { + title: 'Contacts Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contacts, + currentStatus: status || 'all', + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Contacts list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contacts' + }); + } +}); + +// View contact details +router.get('/contacts/:id', requireAuth, async (req, res) => { + try { + const contact = await Contact.findByPk(req.params.id); + + if (!contact) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Contact not found' + }); + } + + // Mark as read + if (!contact.isRead) { + contact.isRead = true; + await contact.save(); + } + + res.render('admin/contacts/view', { + title: 'Contact Details - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contact + }); + } catch (error) { + console.error('Contact view error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contact' + }); + } +}); + +// Settings +router.get('/settings', requireAuth, async (req, res) => { + try { + const settings = await SiteSettings.findOne() || await SiteSettings.create({}); + + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + settings + }); + } catch (error) { + console.error('Settings error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading settings' + }); + } +}); + +// Media gallery +router.get('/media', requireAuth, (req, res) => { + res.render('admin/media', { + title: 'Media Gallery - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +// Telegram bot configuration and testing +router.get('/telegram', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + + // Get bot info and available chats if token is configured + let botInfo = null; + let availableChats = []; + + if (telegramService.botToken) { + const result = await telegramService.getBotInfo(); + if (result.success) { + botInfo = result.bot; + availableChats = telegramService.getAvailableChats(); + } + } + + res.render('admin/telegram', { + title: 'Telegram Bot - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + botConfigured: telegramService.isEnabled, + botToken: telegramService.botToken || '', + chatId: telegramService.chatId || '', + botInfo, + availableChats + }); + } catch (error) { + console.error('Telegram page error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading Telegram settings' + }); + } +}); + +// Update bot token +router.post('/telegram/configure', requireAuth, [ + body('botToken').notEmpty().withMessage('Bot token is required'), + body('chatId').optional().isNumeric().withMessage('Chat ID must be numeric') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { botToken, chatId } = req.body; + const telegramService = require('../services/telegram'); + + // Update bot token + const result = await telegramService.updateBotToken(botToken); + + if (result.success) { + // Update chat ID if provided + if (chatId) { + telegramService.updateChatId(parseInt(chatId)); + } + + // Update environment variables (in production, this should update a config file) + process.env.TELEGRAM_BOT_TOKEN = botToken; + if (chatId) { + process.env.TELEGRAM_CHAT_ID = chatId; + } + + res.json({ + success: true, + message: 'Telegram bot configured successfully', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to configure bot' + }); + } + } catch (error) { + console.error('Configure Telegram bot error:', error); + res.status(500).json({ + success: false, + message: 'Error configuring Telegram bot' + }); + } +}); + +// Get bot info and discover chats +router.get('/telegram/info', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + res.json({ + success: true, + botInfo: result.bot, + availableChats: result.availableChats || [], + isConfigured: telegramService.isEnabled + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to get bot info' + }); + } + } catch (error) { + console.error('Get Telegram info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting bot information' + }); + } +}); + +// Get chat information +router.get('/telegram/chat/:chatId', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.getChat(req.params.chatId); + + if (result.success) { + res.json({ + success: true, + chat: result.chat + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to get chat info' + }); + } + } catch (error) { + console.error('Get chat info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting chat information' + }); + } +}); + +// Test connection +router.post('/telegram/test', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + const testMessage = `🤖 Тест Telegram бота\n\n` + + `✅ Соединение успешно установлено!\n` + + `🤖 Бот: @${result.bot.username} (${result.bot.first_name})\n` + + `🆔 ID бота: ${result.bot.id}\n` + + `⏰ Время тестирования: ${new Date().toLocaleString('ru-RU')}\n` + + `🌐 Сайт: ${process.env.BASE_URL || 'http://localhost:3000'}\n\n` + + `Бот готов к отправке уведомлений! 🚀`; + + const sendResult = await telegramService.sendMessage(testMessage); + + if (sendResult.success) { + res.json({ + success: true, + message: 'Test message sent successfully!', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: 'Bot connection successful, but failed to send test message: ' + (sendResult.error || sendResult.message) + }); + } + } else { + res.status(400).json({ + success: false, + message: result.message || result.error || 'Failed to connect to Telegram bot' + }); + } + } catch (error) { + console.error('Telegram test error:', error); + res.status(500).json({ + success: false, + message: 'Error testing Telegram bot' + }); + } +}); + +// Send custom message +router.post('/telegram/send', requireAuth, [ + body('message').notEmpty().withMessage('Message is required'), + body('chatIds').optional().isArray().withMessage('Chat IDs must be an array'), + body('parseMode').optional().isIn(['HTML', 'Markdown', 'MarkdownV2']).withMessage('Invalid parse mode') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { + message, + chatIds = [], + parseMode = 'HTML', + disableWebPagePreview = false, + disableNotification = false + } = req.body; + + const telegramService = require('../services/telegram'); + + let result; + if (chatIds.length > 0) { + // Send to multiple chats + result = await telegramService.sendCustomMessage({ + text: message, + chatIds: chatIds.map(id => parseInt(id)), + parseMode, + disableWebPagePreview, + disableNotification + }); + + res.json({ + success: result.success, + message: result.success ? + `Message sent to ${result.totalSent} chat(s). ${result.totalFailed} failed.` : + 'Failed to send message', + results: result.results || [], + errors: result.errors || [] + }); + } else { + // Send to default chat + result = await telegramService.sendMessage(message, { + parse_mode: parseMode, + disable_web_page_preview: disableWebPagePreview, + disable_notification: disableNotification + }); + + if (result.success) { + res.json({ + success: true, + message: 'Message sent successfully!' + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to send message' + }); + } + } + } catch (error) { + console.error('Send Telegram message error:', error); + res.status(500).json({ + success: false, + message: 'Error sending message' + }); + } +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/routes/admin_20251026212607.js b/.history/routes/admin_20251026212607.js new file mode 100644 index 0000000..ee24cac --- /dev/null +++ b/.history/routes/admin_20251026212607.js @@ -0,0 +1,1634 @@ +const express = require('express'); +const router = express.Router(); +const multer = require('multer'); +const sharp = require('sharp'); +const path = require('path'); +const fs = require('fs').promises; +const { body, validationResult } = require('express-validator'); +const { User, Portfolio, Service, Contact, SiteSettings, Banner } = require('../models'); + +// Configure multer for file uploads +const storage = multer.memoryStorage(); // Use memory storage to process with sharp +const upload = multer({ + storage, + limits: { fileSize: 10 * 1024 * 1024 }, // 10MB limit + fileFilter: (req, file, cb) => { + if (file.mimetype.startsWith('image/')) { + cb(null, true); + } else { + cb(new Error('Only image files are allowed'), false); + } + } +}); + +// Authentication middleware +const requireAuth = (req, res, next) => { + if (!req.session.user) { + return res.redirect('/admin/login'); + } + next(); +}; + +// Add stats middleware +const addStats = async (req, res, next) => { + try { + if (req.session.user) { + const [portfolioCount, servicesCount, contactsCount] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count() + ]); + + res.locals.stats = { + portfolioCount, + servicesCount, + contactsCount + }; + } + next(); + } catch (error) { + console.error('Stats middleware error:', error); + next(); + } +}; + +// Admin login page +router.get('/login', (req, res) => { + if (req.session.user) { + return res.redirect('/admin/dashboard'); + } + + res.render('admin/login', { + title: 'Admin Login', + error: null + }); +}); + +// Admin login POST +router.post('/login', async (req, res) => { + try { + const { email, password } = req.body; + + const user = await User.findOne({ + where: { + email: email, + isActive: true + } + }); + if (!user || !(await user.comparePassword(password))) { + return res.render('admin/login', { + title: 'Admin Login', + error: 'Invalid credentials' + }); + } + + await user.updateLastLogin(); + + req.session.user = { + id: user.id, + email: user.email, + name: user.name, + role: user.role + }; + + res.redirect('/admin/dashboard'); + } catch (error) { + console.error('Admin login error:', error); + res.render('admin/login', { + title: 'Admin Login', + error: 'Server error' + }); + } +}); + +// Admin logout +router.post('/logout', (req, res) => { + req.session.destroy(err => { + if (err) { + console.error('Logout error:', err); + } + res.redirect('/admin/login'); + }); +}); + +// Dashboard (default route) +router.get('/', requireAuth, async (req, res) => { + res.redirect('/admin/dashboard'); +}); + +// Dashboard +router.get('/dashboard', requireAuth, async (req, res) => { + try { + const [ + portfolioCount, + servicesCount, + contactsCount, + recentContacts, + recentPortfolio + ] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count(), + Contact.findAll({ + order: [['createdAt', 'DESC']], + limit: 5 + }), + Portfolio.findAll({ + where: { isPublished: true }, + order: [['createdAt', 'DESC']], + limit: 5 + }) + ]); + + const stats = { + portfolioCount: portfolioCount, + servicesCount: servicesCount, + contactsCount: contactsCount, + usersCount: await User.count() + }; + + res.render('admin/dashboard', { + title: 'Admin Dashboard', + layout: 'admin/layout', + user: req.session.user, + stats, + recentContacts, + recentPortfolio, + currentPage: 'dashboard' + }); + } catch (error) { + console.error('Dashboard error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading dashboard' + }); + } +}); + +// Banner management +router.get('/banners', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [banners, total] = await Promise.all([ + Banner.findAll({ + order: [['order', 'ASC'], ['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Banner.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/banners/list', { + title: 'Banner Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banners, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Banner list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banners' + }); + } +}); + +// Add banner +router.get('/banners/add', requireAuth, (req, res) => { + res.render('admin/banners/add', { + title: 'Add Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); +}); + +// Create banner +router.post('/banners/add', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive = true, + startDate, + endDate, + targetAudience = 'all', + backgroundColor, + textColor, + animation = 'none' + } = req.body; + + const banner = await Banner.create({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience, + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation + }); + + res.json({ + success: true, + message: '배너가 성공적으로 생성되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner creation error:', error); + res.status(500).json({ + success: false, + message: '배너 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit banner +router.get('/banners/edit/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Banner not found' + }); + } + + res.render('admin/banners/edit', { + title: 'Edit Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banner, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); + } catch (error) { + console.error('Banner edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banner' + }); + } +}); + +// Update banner +router.put('/banners/:id', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const banner = await Banner.findByPk(req.params.id); + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive, + startDate, + endDate, + targetAudience, + backgroundColor, + textColor, + animation + } = req.body; + + await banner.update({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience: targetAudience || 'all', + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation: animation || 'none' + }); + + res.json({ + success: true, + message: '배너가 성공적으로 업데이트되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner update error:', error); + res.status(500).json({ + success: false, + message: '배너 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete banner +router.delete('/banners/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.destroy(); + + res.json({ + success: true, + message: '배너가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Banner deletion error:', error); + res.status(500).json({ + success: false, + message: '배너 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle banner active status +router.patch('/banners/:id/toggle-active', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const newStatus = !banner.isActive; + await banner.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `배너가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Banner toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Record banner click +router.post('/banners/:id/click', async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.recordClick(); + + res.json({ + success: true, + clickCount: banner.clickCount + }); + } catch (error) { + console.error('Banner click record error:', error); + res.status(500).json({ + success: false, + message: '클릭 기록 중 오류가 발생했습니다' + }); + } +}); + +// Banner Editor (legacy route) +router.get('/banner-editor', requireAuth, async (req, res) => { + res.redirect('/admin/banners'); +}); + +// Portfolio management +router.get('/portfolio', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [portfolio, total] = await Promise.all([ + Portfolio.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Portfolio.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/portfolio/list', { + title: 'Portfolio Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Portfolio list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio' + }); + } +}); + +// Utility function for category names +const getCategoryName = (category) => { + const categoryNames = { + 'web-development': 'Веб-разработка', + 'mobile-app': 'Мобильные приложения', + 'ui-ux-design': 'UI/UX дизайн', + 'e-commerce': 'Электронная коммерция', + 'enterprise': 'Корпоративное ПО', + 'other': 'Другое' + }; + return categoryNames[category] || category; +}; + +// Add portfolio item +router.get('/portfolio/add', requireAuth, (req, res) => { + res.render('admin/portfolio/add', { + title: 'Add Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ], + getCategoryName: getCategoryName + }); +}); + +// Create portfolio item +router.post('/portfolio/add', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + if (parsedTechnologies.length === 0) { + return res.status(400).json({ + success: false, + message: 'Добавьте хотя бы одну технологию' + }); + } + + // Process uploaded images + const processedImages = []; + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + processedImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Create portfolio item + const portfolio = await Portfolio.create({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: processedImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) ? new Date() : null, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно создан!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio creation error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании проекта: ' + error.message + }); + } +}); + +// Edit portfolio item +router.get('/portfolio/edit/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Portfolio item not found' + }); + } + + res.render('admin/portfolio/edit', { + title: 'Edit Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ] + }); + } catch (error) { + console.error('Portfolio edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio item' + }); + } +}); + +// Update portfolio item +router.put('/portfolio/:id', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + if (!portfolio) { + return res.status(404).json({ + success: false, + message: 'Проект не найден' + }); + } + + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured, + existingImages + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Handle existing images + let finalImages = []; + try { + const existing = JSON.parse(existingImages || '[]'); + finalImages = Array.isArray(existing) ? existing : []; + } catch (e) { + finalImages = portfolio.images || []; + } + + // Process new uploaded images + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + finalImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = portfolio.seo || {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Update portfolio + await portfolio.update({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: finalImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно обновлен!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio update error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при обновлении проекта: ' + error.message + }); + } +}); + +// Delete portfolio item +router.delete('/portfolio/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + await portfolio.destroy(); + + res.json({ + success: true, + message: '포트폴리오가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Portfolio deletion error:', error); + res.status(500).json({ + success: false, + message: '포트폴리오 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle portfolio publish status +router.patch('/portfolio/:id/toggle-publish', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + const newStatus = !portfolio.isPublished; + await portfolio.update({ + isPublished: newStatus, + publishedAt: newStatus && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: newStatus ? 'published' : 'draft' + }); + + res.json({ + success: true, + message: `포트폴리오가 ${newStatus ? '게시' : '비공개'}되었습니다`, + isPublished: newStatus + }); + } catch (error) { + console.error('Portfolio toggle publish error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Portfolio preview +router.post('/portfolio/preview', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName + } = req.body; + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Process uploaded images for preview + const previewImages = []; + if (req.files && req.files.length > 0) { + for (const file of req.files) { + // Convert to base64 for preview + const base64 = `data:${file.mimetype};base64,${file.buffer.toString('base64')}`; + previewImages.push(base64); + } + } + + const previewData = { + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: previewImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + createdAt: new Date() + }; + + res.json({ + success: true, + preview: previewData + }); + } catch (error) { + console.error('Portfolio preview error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании предпросмотра: ' + error.message + }); + } +}); + +// Services management +router.get('/services', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [services, total] = await Promise.all([ + Service.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Service.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/services/list', { + title: 'Services Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + services, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Services list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading services' + }); + } +}); + +// Add service +router.get('/services/add', requireAuth, (req, res) => { + res.render('admin/services/add', { + title: 'Add Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); +}); + +// Create service +router.post('/services/add', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive = true, + featured = false + } = req.body; + + const service = await Service.create({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 생성되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service creation error:', error); + res.status(500).json({ + success: false, + message: '서비스 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit service +router.get('/services/edit/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Service not found' + }); + } + + const availablePortfolio = await Portfolio.findAll({ + where: { isPublished: true }, + attributes: ['id', 'title', 'category'] + }); + + res.render('admin/services/edit', { + title: 'Edit Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + service, + availablePortfolio, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); + } catch (error) { + console.error('Service edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading service' + }); + } +}); + +// Update service +router.put('/services/:id', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const service = await Service.findByPk(req.params.id); + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive, + featured + } = req.body; + + await service.update({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 업데이트되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service update error:', error); + res.status(500).json({ + success: false, + message: '서비스 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete service +router.delete('/services/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + await service.destroy(); + + res.json({ + success: true, + message: '서비스가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Service deletion error:', error); + res.status(500).json({ + success: false, + message: '서비스 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle service active status +router.patch('/services/:id/toggle-active', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const newStatus = !service.isActive; + await service.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `서비스가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Service toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Contacts management +router.get('/contacts', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + const status = req.query.status; + + let whereClause = {}; + if (status && status !== 'all') { + whereClause.status = status; + } + + const [contacts, total] = await Promise.all([ + Contact.findAll({ + where: whereClause, + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Contact.count({ where: whereClause }) + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/contacts/list', { + title: 'Contacts Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contacts, + currentStatus: status || 'all', + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Contacts list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contacts' + }); + } +}); + +// View contact details +router.get('/contacts/:id', requireAuth, async (req, res) => { + try { + const contact = await Contact.findByPk(req.params.id); + + if (!contact) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Contact not found' + }); + } + + // Mark as read + if (!contact.isRead) { + contact.isRead = true; + await contact.save(); + } + + res.render('admin/contacts/view', { + title: 'Contact Details - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contact + }); + } catch (error) { + console.error('Contact view error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contact' + }); + } +}); + +// Settings +router.get('/settings', requireAuth, async (req, res) => { + try { + const settings = await SiteSettings.findOne() || await SiteSettings.create({}); + + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + settings + }); + } catch (error) { + console.error('Settings error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading settings' + }); + } +}); + +// Media gallery +router.get('/media', requireAuth, (req, res) => { + res.render('admin/media', { + title: 'Media Gallery - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +// Telegram bot configuration and testing +router.get('/telegram', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + + // Get bot info and available chats if token is configured + let botInfo = null; + let availableChats = []; + + if (telegramService.botToken) { + const result = await telegramService.getBotInfo(); + if (result.success) { + botInfo = result.bot; + availableChats = telegramService.getAvailableChats(); + } + } + + res.render('admin/telegram', { + title: 'Telegram Bot - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + botConfigured: telegramService.isEnabled, + botToken: telegramService.botToken || '', + chatId: telegramService.chatId || '', + botInfo, + availableChats + }); + } catch (error) { + console.error('Telegram page error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading Telegram settings' + }); + } +}); + +// Update bot token +router.post('/telegram/configure', requireAuth, [ + body('botToken').notEmpty().withMessage('Bot token is required'), + body('chatId').optional().isNumeric().withMessage('Chat ID must be numeric') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { botToken, chatId } = req.body; + const telegramService = require('../services/telegram'); + + // Update bot token + const result = await telegramService.updateBotToken(botToken); + + if (result.success) { + // Update chat ID if provided + if (chatId) { + telegramService.updateChatId(parseInt(chatId)); + } + + // Update environment variables (in production, this should update a config file) + process.env.TELEGRAM_BOT_TOKEN = botToken; + if (chatId) { + process.env.TELEGRAM_CHAT_ID = chatId; + } + + res.json({ + success: true, + message: 'Telegram bot configured successfully', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to configure bot' + }); + } + } catch (error) { + console.error('Configure Telegram bot error:', error); + res.status(500).json({ + success: false, + message: 'Error configuring Telegram bot' + }); + } +}); + +// Get bot info and discover chats +router.get('/telegram/info', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + res.json({ + success: true, + botInfo: result.bot, + availableChats: result.availableChats || [], + isConfigured: telegramService.isEnabled + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to get bot info' + }); + } + } catch (error) { + console.error('Get Telegram info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting bot information' + }); + } +}); + +// Get chat information +router.get('/telegram/chat/:chatId', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.getChat(req.params.chatId); + + if (result.success) { + res.json({ + success: true, + chat: result.chat + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to get chat info' + }); + } + } catch (error) { + console.error('Get chat info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting chat information' + }); + } +}); + +// Test connection +router.post('/telegram/test', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + const testMessage = `🤖 Тест Telegram бота\n\n` + + `✅ Соединение успешно установлено!\n` + + `🤖 Бот: @${result.bot.username} (${result.bot.first_name})\n` + + `🆔 ID бота: ${result.bot.id}\n` + + `⏰ Время тестирования: ${new Date().toLocaleString('ru-RU')}\n` + + `🌐 Сайт: ${process.env.BASE_URL || 'http://localhost:3000'}\n\n` + + `Бот готов к отправке уведомлений! 🚀`; + + const sendResult = await telegramService.sendMessage(testMessage); + + if (sendResult.success) { + res.json({ + success: true, + message: 'Test message sent successfully!', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: 'Bot connection successful, but failed to send test message: ' + (sendResult.error || sendResult.message) + }); + } + } else { + res.status(400).json({ + success: false, + message: result.message || result.error || 'Failed to connect to Telegram bot' + }); + } + } catch (error) { + console.error('Telegram test error:', error); + res.status(500).json({ + success: false, + message: 'Error testing Telegram bot' + }); + } +}); + +// Send custom message +router.post('/telegram/send', requireAuth, [ + body('message').notEmpty().withMessage('Message is required'), + body('chatIds').optional().isArray().withMessage('Chat IDs must be an array'), + body('parseMode').optional().isIn(['HTML', 'Markdown', 'MarkdownV2']).withMessage('Invalid parse mode') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { + message, + chatIds = [], + parseMode = 'HTML', + disableWebPagePreview = false, + disableNotification = false + } = req.body; + + const telegramService = require('../services/telegram'); + + let result; + if (chatIds.length > 0) { + // Send to multiple chats + result = await telegramService.sendCustomMessage({ + text: message, + chatIds: chatIds.map(id => parseInt(id)), + parseMode, + disableWebPagePreview, + disableNotification + }); + + res.json({ + success: result.success, + message: result.success ? + `Message sent to ${result.totalSent} chat(s). ${result.totalFailed} failed.` : + 'Failed to send message', + results: result.results || [], + errors: result.errors || [] + }); + } else { + // Send to default chat + result = await telegramService.sendMessage(message, { + parse_mode: parseMode, + disable_web_page_preview: disableWebPagePreview, + disable_notification: disableNotification + }); + + if (result.success) { + res.json({ + success: true, + message: 'Message sent successfully!' + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to send message' + }); + } + } + } catch (error) { + console.error('Send Telegram message error:', error); + res.status(500).json({ + success: false, + message: 'Error sending message' + }); + } +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/routes/admin_20251026212617.js b/.history/routes/admin_20251026212617.js new file mode 100644 index 0000000..d9303ba --- /dev/null +++ b/.history/routes/admin_20251026212617.js @@ -0,0 +1,1634 @@ +const express = require('express'); +const router = express.Router(); +const multer = require('multer'); +const sharp = require('sharp'); +const path = require('path'); +const fs = require('fs').promises; +const { body, validationResult } = require('express-validator'); +const { User, Portfolio, Service, Contact, SiteSettings, Banner } = require('../models'); + +// Configure multer for file uploads +const storage = multer.memoryStorage(); // Use memory storage to process with sharp +const upload = multer({ + storage, + limits: { fileSize: 10 * 1024 * 1024 }, // 10MB limit + fileFilter: (req, file, cb) => { + if (file.mimetype.startsWith('image/')) { + cb(null, true); + } else { + cb(new Error('Only image files are allowed'), false); + } + } +}); + +// Authentication middleware +const requireAuth = (req, res, next) => { + if (!req.session.user) { + return res.redirect('/admin/login'); + } + next(); +}; + +// Add stats middleware +const addStats = async (req, res, next) => { + try { + if (req.session.user) { + const [portfolioCount, servicesCount, contactsCount] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count() + ]); + + res.locals.stats = { + portfolioCount, + servicesCount, + contactsCount + }; + } + next(); + } catch (error) { + console.error('Stats middleware error:', error); + next(); + } +}; + +// Admin login page +router.get('/login', (req, res) => { + if (req.session.user) { + return res.redirect('/admin/dashboard'); + } + + res.render('admin/login', { + title: 'Admin Login', + error: null + }); +}); + +// Admin login POST +router.post('/login', async (req, res) => { + try { + const { email, password } = req.body; + + const user = await User.findOne({ + where: { + email: email, + isActive: true + } + }); + if (!user || !(await user.comparePassword(password))) { + return res.render('admin/login', { + title: 'Admin Login', + error: 'Invalid credentials' + }); + } + + await user.updateLastLogin(); + + req.session.user = { + id: user.id, + email: user.email, + name: user.name, + role: user.role + }; + + res.redirect('/admin/dashboard'); + } catch (error) { + console.error('Admin login error:', error); + res.render('admin/login', { + title: 'Admin Login', + error: 'Server error' + }); + } +}); + +// Admin logout +router.post('/logout', (req, res) => { + req.session.destroy(err => { + if (err) { + console.error('Logout error:', err); + } + res.redirect('/admin/login'); + }); +}); + +// Dashboard (default route) +router.get('/', requireAuth, async (req, res) => { + res.redirect('/admin/dashboard'); +}); + +// Dashboard +router.get('/dashboard', requireAuth, async (req, res) => { + try { + const [ + portfolioCount, + servicesCount, + contactsCount, + recentContacts, + recentPortfolio + ] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count(), + Contact.findAll({ + order: [['createdAt', 'DESC']], + limit: 5 + }), + Portfolio.findAll({ + where: { isPublished: true }, + order: [['createdAt', 'DESC']], + limit: 5 + }) + ]); + + const stats = { + portfolioCount: portfolioCount, + servicesCount: servicesCount, + contactsCount: contactsCount, + usersCount: await User.count() + }; + + res.render('admin/dashboard', { + title: 'Admin Dashboard', + layout: 'admin/layout', + user: req.session.user, + stats, + recentContacts, + recentPortfolio, + currentPage: 'dashboard' + }); + } catch (error) { + console.error('Dashboard error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading dashboard' + }); + } +}); + +// Banner management +router.get('/banners', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [banners, total] = await Promise.all([ + Banner.findAll({ + order: [['order', 'ASC'], ['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Banner.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/banners/list', { + title: 'Banner Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banners, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Banner list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banners' + }); + } +}); + +// Add banner +router.get('/banners/add', requireAuth, (req, res) => { + res.render('admin/banners/add', { + title: 'Add Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); +}); + +// Create banner +router.post('/banners/add', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive = true, + startDate, + endDate, + targetAudience = 'all', + backgroundColor, + textColor, + animation = 'none' + } = req.body; + + const banner = await Banner.create({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience, + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation + }); + + res.json({ + success: true, + message: '배너가 성공적으로 생성되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner creation error:', error); + res.status(500).json({ + success: false, + message: '배너 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit banner +router.get('/banners/edit/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Banner not found' + }); + } + + res.render('admin/banners/edit', { + title: 'Edit Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banner, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); + } catch (error) { + console.error('Banner edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banner' + }); + } +}); + +// Update banner +router.put('/banners/:id', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const banner = await Banner.findByPk(req.params.id); + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive, + startDate, + endDate, + targetAudience, + backgroundColor, + textColor, + animation + } = req.body; + + await banner.update({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience: targetAudience || 'all', + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation: animation || 'none' + }); + + res.json({ + success: true, + message: '배너가 성공적으로 업데이트되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner update error:', error); + res.status(500).json({ + success: false, + message: '배너 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete banner +router.delete('/banners/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.destroy(); + + res.json({ + success: true, + message: '배너가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Banner deletion error:', error); + res.status(500).json({ + success: false, + message: '배너 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle banner active status +router.patch('/banners/:id/toggle-active', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const newStatus = !banner.isActive; + await banner.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `배너가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Banner toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Record banner click +router.post('/banners/:id/click', async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.recordClick(); + + res.json({ + success: true, + clickCount: banner.clickCount + }); + } catch (error) { + console.error('Banner click record error:', error); + res.status(500).json({ + success: false, + message: '클릭 기록 중 오류가 발생했습니다' + }); + } +}); + +// Banner Editor (legacy route) +router.get('/banner-editor', requireAuth, async (req, res) => { + res.redirect('/admin/banners'); +}); + +// Portfolio management +router.get('/portfolio', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [portfolio, total] = await Promise.all([ + Portfolio.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Portfolio.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/portfolio/list', { + title: 'Portfolio Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Portfolio list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio' + }); + } +}); + +// Utility function for category names +const getCategoryName = (category) => { + const categoryNames = { + 'web-development': 'Веб-разработка', + 'mobile-app': 'Мобильные приложения', + 'ui-ux-design': 'UI/UX дизайн', + 'e-commerce': 'Электронная коммерция', + 'enterprise': 'Корпоративное ПО', + 'other': 'Другое' + }; + return categoryNames[category] || category; +}; + +// Add portfolio item +router.get('/portfolio/add', requireAuth, (req, res) => { + res.render('admin/portfolio/add', { + title: 'Add Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ], + getCategoryName: getCategoryName + }); +}); + +// Create portfolio item +router.post('/portfolio/add', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + if (parsedTechnologies.length === 0) { + return res.status(400).json({ + success: false, + message: 'Добавьте хотя бы одну технологию' + }); + } + + // Process uploaded images + const processedImages = []; + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + processedImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Create portfolio item + const portfolio = await Portfolio.create({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: processedImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) ? new Date() : null, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно создан!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio creation error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании проекта: ' + error.message + }); + } +}); + +// Edit portfolio item +router.get('/portfolio/edit/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Portfolio item not found' + }); + } + + res.render('admin/portfolio/edit', { + title: 'Edit Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ] + }); + } catch (error) { + console.error('Portfolio edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio item' + }); + } +}); + +// Update portfolio item +router.put('/portfolio/:id', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + if (!portfolio) { + return res.status(404).json({ + success: false, + message: 'Проект не найден' + }); + } + + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured, + existingImages + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Handle existing images + let finalImages = []; + try { + const existing = JSON.parse(existingImages || '[]'); + finalImages = Array.isArray(existing) ? existing : []; + } catch (e) { + finalImages = portfolio.images || []; + } + + // Process new uploaded images + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + finalImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = portfolio.seo || {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Update portfolio + await portfolio.update({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: finalImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно обновлен!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio update error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при обновлении проекта: ' + error.message + }); + } +}); + +// Delete portfolio item +router.delete('/portfolio/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + await portfolio.destroy(); + + res.json({ + success: true, + message: '포트폴리오가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Portfolio deletion error:', error); + res.status(500).json({ + success: false, + message: '포트폴리오 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle portfolio publish status +router.patch('/portfolio/:id/toggle-publish', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + const newStatus = !portfolio.isPublished; + await portfolio.update({ + isPublished: newStatus, + publishedAt: newStatus && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: newStatus ? 'published' : 'draft' + }); + + res.json({ + success: true, + message: `포트폴리오가 ${newStatus ? '게시' : '비공개'}되었습니다`, + isPublished: newStatus + }); + } catch (error) { + console.error('Portfolio toggle publish error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Portfolio preview +router.post('/portfolio/preview', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName + } = req.body; + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Process uploaded images for preview + const previewImages = []; + if (req.files && req.files.length > 0) { + for (const file of req.files) { + // Convert to base64 for preview + const base64 = `data:${file.mimetype};base64,${file.buffer.toString('base64')}`; + previewImages.push(base64); + } + } + + const previewData = { + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: previewImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + createdAt: new Date() + }; + + res.json({ + success: true, + preview: previewData + }); + } catch (error) { + console.error('Portfolio preview error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании предпросмотра: ' + error.message + }); + } +}); + +// Services management +router.get('/services', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [services, total] = await Promise.all([ + Service.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Service.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/services/list', { + title: 'Services Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + services, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Services list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading services' + }); + } +}); + +// Add service +router.get('/services/add', requireAuth, (req, res) => { + res.render('admin/services/add', { + title: 'Add Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); +}); + +// Create service +router.post('/services/add', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive = true, + featured = false + } = req.body; + + const service = await Service.create({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 생성되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service creation error:', error); + res.status(500).json({ + success: false, + message: '서비스 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit service +router.get('/services/edit/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Service not found' + }); + } + + const availablePortfolio = await Portfolio.findAll({ + where: { isPublished: true }, + attributes: ['id', 'title', 'category'] + }); + + res.render('admin/services/edit', { + title: 'Edit Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + service, + availablePortfolio, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); + } catch (error) { + console.error('Service edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading service' + }); + } +}); + +// Update service +router.put('/services/:id', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const service = await Service.findByPk(req.params.id); + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive, + featured + } = req.body; + + await service.update({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 업데이트되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service update error:', error); + res.status(500).json({ + success: false, + message: '서비스 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete service +router.delete('/services/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + await service.destroy(); + + res.json({ + success: true, + message: '서비스가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Service deletion error:', error); + res.status(500).json({ + success: false, + message: '서비스 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle service active status +router.patch('/services/:id/toggle-active', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const newStatus = !service.isActive; + await service.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `서비스가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Service toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Contacts management +router.get('/contacts', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + const status = req.query.status; + + let whereClause = {}; + if (status && status !== 'all') { + whereClause.status = status; + } + + const [contacts, total] = await Promise.all([ + Contact.findAll({ + where: whereClause, + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Contact.count({ where: whereClause }) + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/contacts/list', { + title: 'Contacts Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contacts, + currentStatus: status || 'all', + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Contacts list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contacts' + }); + } +}); + +// View contact details +router.get('/contacts/:id', requireAuth, async (req, res) => { + try { + const contact = await Contact.findByPk(req.params.id); + + if (!contact) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Contact not found' + }); + } + + // Mark as read + if (!contact.isRead) { + contact.isRead = true; + await contact.save(); + } + + res.render('admin/contacts/view', { + title: 'Contact Details - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contact + }); + } catch (error) { + console.error('Contact view error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contact' + }); + } +}); + +// Settings +router.get('/settings', requireAuth, async (req, res) => { + try { + const settings = await SiteSettings.findOne() || await SiteSettings.create({}); + + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + settings + }); + } catch (error) { + console.error('Settings error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading settings' + }); + } +}); + +// Media gallery +router.get('/media', requireAuth, (req, res) => { + res.render('admin/media', { + title: 'Media Gallery - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +// Telegram bot configuration and testing +router.get('/telegram', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + + // Get bot info and available chats if token is configured + let botInfo = null; + let availableChats = []; + + if (telegramService.botToken) { + const result = await telegramService.getBotInfo(); + if (result.success) { + botInfo = result.bot; + availableChats = telegramService.getAvailableChats(); + } + } + + res.render('admin/telegram', { + title: 'Telegram Bot - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + botConfigured: telegramService.isEnabled, + botToken: telegramService.botToken || '', + chatId: telegramService.chatId || '', + botInfo, + availableChats + }); + } catch (error) { + console.error('Telegram page error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading Telegram settings' + }); + } +}); + +// Update bot token +router.post('/telegram/configure', requireAuth, [ + body('botToken').notEmpty().withMessage('Bot token is required'), + body('chatId').optional().isNumeric().withMessage('Chat ID must be numeric') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { botToken, chatId } = req.body; + const telegramService = require('../services/telegram'); + + // Update bot token + const result = await telegramService.updateBotToken(botToken); + + if (result.success) { + // Update chat ID if provided + if (chatId) { + telegramService.updateChatId(parseInt(chatId)); + } + + // Update environment variables (in production, this should update a config file) + process.env.TELEGRAM_BOT_TOKEN = botToken; + if (chatId) { + process.env.TELEGRAM_CHAT_ID = chatId; + } + + res.json({ + success: true, + message: 'Telegram bot configured successfully', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to configure bot' + }); + } + } catch (error) { + console.error('Configure Telegram bot error:', error); + res.status(500).json({ + success: false, + message: 'Error configuring Telegram bot' + }); + } +}); + +// Get bot info and discover chats +router.get('/telegram/info', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + res.json({ + success: true, + botInfo: result.bot, + availableChats: result.availableChats || [], + isConfigured: telegramService.isEnabled + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to get bot info' + }); + } + } catch (error) { + console.error('Get Telegram info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting bot information' + }); + } +}); + +// Get chat information +router.get('/telegram/chat/:chatId', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.getChat(req.params.chatId); + + if (result.success) { + res.json({ + success: true, + chat: result.chat + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to get chat info' + }); + } + } catch (error) { + console.error('Get chat info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting chat information' + }); + } +}); + +// Test connection +router.post('/telegram/test', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + const testMessage = `🤖 Тест Telegram бота\n\n` + + `✅ Соединение успешно установлено!\n` + + `🤖 Бот: @${result.bot.username} (${result.bot.first_name})\n` + + `🆔 ID бота: ${result.bot.id}\n` + + `⏰ Время тестирования: ${new Date().toLocaleString('ru-RU')}\n` + + `🌐 Сайт: ${process.env.BASE_URL || 'http://localhost:3000'}\n\n` + + `Бот готов к отправке уведомлений! 🚀`; + + const sendResult = await telegramService.sendMessage(testMessage); + + if (sendResult.success) { + res.json({ + success: true, + message: 'Test message sent successfully!', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: 'Bot connection successful, but failed to send test message: ' + (sendResult.error || sendResult.message) + }); + } + } else { + res.status(400).json({ + success: false, + message: result.message || result.error || 'Failed to connect to Telegram bot' + }); + } + } catch (error) { + console.error('Telegram test error:', error); + res.status(500).json({ + success: false, + message: 'Error testing Telegram bot' + }); + } +}); + +// Send custom message +router.post('/telegram/send', requireAuth, [ + body('message').notEmpty().withMessage('Message is required'), + body('chatIds').optional().isArray().withMessage('Chat IDs must be an array'), + body('parseMode').optional().isIn(['HTML', 'Markdown', 'MarkdownV2']).withMessage('Invalid parse mode') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { + message, + chatIds = [], + parseMode = 'HTML', + disableWebPagePreview = false, + disableNotification = false + } = req.body; + + const telegramService = require('../services/telegram'); + + let result; + if (chatIds.length > 0) { + // Send to multiple chats + result = await telegramService.sendCustomMessage({ + text: message, + chatIds: chatIds.map(id => parseInt(id)), + parseMode, + disableWebPagePreview, + disableNotification + }); + + res.json({ + success: result.success, + message: result.success ? + `Message sent to ${result.totalSent} chat(s). ${result.totalFailed} failed.` : + 'Failed to send message', + results: result.results || [], + errors: result.errors || [] + }); + } else { + // Send to default chat + result = await telegramService.sendMessage(message, { + parse_mode: parseMode, + disable_web_page_preview: disableWebPagePreview, + disable_notification: disableNotification + }); + + if (result.success) { + res.json({ + success: true, + message: 'Message sent successfully!' + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to send message' + }); + } + } + } catch (error) { + console.error('Send Telegram message error:', error); + res.status(500).json({ + success: false, + message: 'Error sending message' + }); + } +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/routes/admin_20251026212628.js b/.history/routes/admin_20251026212628.js new file mode 100644 index 0000000..c583496 --- /dev/null +++ b/.history/routes/admin_20251026212628.js @@ -0,0 +1,1634 @@ +const express = require('express'); +const router = express.Router(); +const multer = require('multer'); +const sharp = require('sharp'); +const path = require('path'); +const fs = require('fs').promises; +const { body, validationResult } = require('express-validator'); +const { User, Portfolio, Service, Contact, SiteSettings, Banner } = require('../models'); + +// Configure multer for file uploads +const storage = multer.memoryStorage(); // Use memory storage to process with sharp +const upload = multer({ + storage, + limits: { fileSize: 10 * 1024 * 1024 }, // 10MB limit + fileFilter: (req, file, cb) => { + if (file.mimetype.startsWith('image/')) { + cb(null, true); + } else { + cb(new Error('Only image files are allowed'), false); + } + } +}); + +// Authentication middleware +const requireAuth = (req, res, next) => { + if (!req.session.user) { + return res.redirect('/admin/login'); + } + next(); +}; + +// Add stats middleware +const addStats = async (req, res, next) => { + try { + if (req.session.user) { + const [portfolioCount, servicesCount, contactsCount] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count() + ]); + + res.locals.stats = { + portfolioCount, + servicesCount, + contactsCount + }; + } + next(); + } catch (error) { + console.error('Stats middleware error:', error); + next(); + } +}; + +// Admin login page +router.get('/login', (req, res) => { + if (req.session.user) { + return res.redirect('/admin/dashboard'); + } + + res.render('admin/login', { + title: 'Admin Login', + error: null + }); +}); + +// Admin login POST +router.post('/login', async (req, res) => { + try { + const { email, password } = req.body; + + const user = await User.findOne({ + where: { + email: email, + isActive: true + } + }); + if (!user || !(await user.comparePassword(password))) { + return res.render('admin/login', { + title: 'Admin Login', + error: 'Invalid credentials' + }); + } + + await user.updateLastLogin(); + + req.session.user = { + id: user.id, + email: user.email, + name: user.name, + role: user.role + }; + + res.redirect('/admin/dashboard'); + } catch (error) { + console.error('Admin login error:', error); + res.render('admin/login', { + title: 'Admin Login', + error: 'Server error' + }); + } +}); + +// Admin logout +router.post('/logout', (req, res) => { + req.session.destroy(err => { + if (err) { + console.error('Logout error:', err); + } + res.redirect('/admin/login'); + }); +}); + +// Dashboard (default route) +router.get('/', requireAuth, async (req, res) => { + res.redirect('/admin/dashboard'); +}); + +// Dashboard +router.get('/dashboard', requireAuth, async (req, res) => { + try { + const [ + portfolioCount, + servicesCount, + contactsCount, + recentContacts, + recentPortfolio + ] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count(), + Contact.findAll({ + order: [['createdAt', 'DESC']], + limit: 5 + }), + Portfolio.findAll({ + where: { isPublished: true }, + order: [['createdAt', 'DESC']], + limit: 5 + }) + ]); + + const stats = { + portfolioCount: portfolioCount, + servicesCount: servicesCount, + contactsCount: contactsCount, + usersCount: await User.count() + }; + + res.render('admin/dashboard', { + title: 'Admin Dashboard', + layout: 'admin/layout', + user: req.session.user, + stats, + recentContacts, + recentPortfolio, + currentPage: 'dashboard' + }); + } catch (error) { + console.error('Dashboard error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading dashboard' + }); + } +}); + +// Banner management +router.get('/banners', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [banners, total] = await Promise.all([ + Banner.findAll({ + order: [['order', 'ASC'], ['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Banner.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/banners/list', { + title: 'Banner Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banners, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Banner list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banners' + }); + } +}); + +// Add banner +router.get('/banners/add', requireAuth, (req, res) => { + res.render('admin/banners/add', { + title: 'Add Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); +}); + +// Create banner +router.post('/banners/add', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive = true, + startDate, + endDate, + targetAudience = 'all', + backgroundColor, + textColor, + animation = 'none' + } = req.body; + + const banner = await Banner.create({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience, + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation + }); + + res.json({ + success: true, + message: '배너가 성공적으로 생성되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner creation error:', error); + res.status(500).json({ + success: false, + message: '배너 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit banner +router.get('/banners/edit/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Banner not found' + }); + } + + res.render('admin/banners/edit', { + title: 'Edit Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banner, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); + } catch (error) { + console.error('Banner edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banner' + }); + } +}); + +// Update banner +router.put('/banners/:id', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const banner = await Banner.findByPk(req.params.id); + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive, + startDate, + endDate, + targetAudience, + backgroundColor, + textColor, + animation + } = req.body; + + await banner.update({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience: targetAudience || 'all', + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation: animation || 'none' + }); + + res.json({ + success: true, + message: '배너가 성공적으로 업데이트되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner update error:', error); + res.status(500).json({ + success: false, + message: '배너 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete banner +router.delete('/banners/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.destroy(); + + res.json({ + success: true, + message: '배너가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Banner deletion error:', error); + res.status(500).json({ + success: false, + message: '배너 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle banner active status +router.patch('/banners/:id/toggle-active', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const newStatus = !banner.isActive; + await banner.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `배너가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Banner toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Record banner click +router.post('/banners/:id/click', async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.recordClick(); + + res.json({ + success: true, + clickCount: banner.clickCount + }); + } catch (error) { + console.error('Banner click record error:', error); + res.status(500).json({ + success: false, + message: '클릭 기록 중 오류가 발생했습니다' + }); + } +}); + +// Banner Editor (legacy route) +router.get('/banner-editor', requireAuth, async (req, res) => { + res.redirect('/admin/banners'); +}); + +// Portfolio management +router.get('/portfolio', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [portfolio, total] = await Promise.all([ + Portfolio.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Portfolio.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/portfolio/list', { + title: 'Portfolio Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Portfolio list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio' + }); + } +}); + +// Utility function for category names +const getCategoryName = (category) => { + const categoryNames = { + 'web-development': 'Веб-разработка', + 'mobile-app': 'Мобильные приложения', + 'ui-ux-design': 'UI/UX дизайн', + 'e-commerce': 'Электронная коммерция', + 'enterprise': 'Корпоративное ПО', + 'other': 'Другое' + }; + return categoryNames[category] || category; +}; + +// Add portfolio item +router.get('/portfolio/add', requireAuth, (req, res) => { + res.render('admin/portfolio/add', { + title: 'Add Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ], + getCategoryName: getCategoryName + }); +}); + +// Create portfolio item +router.post('/portfolio/add', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + if (parsedTechnologies.length === 0) { + return res.status(400).json({ + success: false, + message: 'Добавьте хотя бы одну технологию' + }); + } + + // Process uploaded images + const processedImages = []; + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + processedImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Create portfolio item + const portfolio = await Portfolio.create({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: processedImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) ? new Date() : null, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно создан!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio creation error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании проекта: ' + error.message + }); + } +}); + +// Edit portfolio item +router.get('/portfolio/edit/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Portfolio item not found' + }); + } + + res.render('admin/portfolio/edit', { + title: 'Edit Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ] + }); + } catch (error) { + console.error('Portfolio edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio item' + }); + } +}); + +// Update portfolio item +router.put('/portfolio/:id', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + if (!portfolio) { + return res.status(404).json({ + success: false, + message: 'Проект не найден' + }); + } + + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured, + existingImages + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Handle existing images + let finalImages = []; + try { + const existing = JSON.parse(existingImages || '[]'); + finalImages = Array.isArray(existing) ? existing : []; + } catch (e) { + finalImages = portfolio.images || []; + } + + // Process new uploaded images + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + finalImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = portfolio.seo || {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Update portfolio + await portfolio.update({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: finalImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно обновлен!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio update error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при обновлении проекта: ' + error.message + }); + } +}); + +// Delete portfolio item +router.delete('/portfolio/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + await portfolio.destroy(); + + res.json({ + success: true, + message: '포트폴리오가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Portfolio deletion error:', error); + res.status(500).json({ + success: false, + message: '포트폴리오 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle portfolio publish status +router.patch('/portfolio/:id/toggle-publish', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + const newStatus = !portfolio.isPublished; + await portfolio.update({ + isPublished: newStatus, + publishedAt: newStatus && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: newStatus ? 'published' : 'draft' + }); + + res.json({ + success: true, + message: `포트폴리오가 ${newStatus ? '게시' : '비공개'}되었습니다`, + isPublished: newStatus + }); + } catch (error) { + console.error('Portfolio toggle publish error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Portfolio preview +router.post('/portfolio/preview', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName + } = req.body; + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Process uploaded images for preview + const previewImages = []; + if (req.files && req.files.length > 0) { + for (const file of req.files) { + // Convert to base64 for preview + const base64 = `data:${file.mimetype};base64,${file.buffer.toString('base64')}`; + previewImages.push(base64); + } + } + + const previewData = { + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: previewImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + createdAt: new Date() + }; + + res.json({ + success: true, + preview: previewData + }); + } catch (error) { + console.error('Portfolio preview error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании предпросмотра: ' + error.message + }); + } +}); + +// Services management +router.get('/services', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [services, total] = await Promise.all([ + Service.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Service.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/services/list', { + title: 'Services Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + services, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Services list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading services' + }); + } +}); + +// Add service +router.get('/services/add', requireAuth, (req, res) => { + res.render('admin/services/add', { + title: 'Add Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); +}); + +// Create service +router.post('/services/add', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive = true, + featured = false + } = req.body; + + const service = await Service.create({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 생성되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service creation error:', error); + res.status(500).json({ + success: false, + message: '서비스 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit service +router.get('/services/edit/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Service not found' + }); + } + + const availablePortfolio = await Portfolio.findAll({ + where: { isPublished: true }, + attributes: ['id', 'title', 'category'] + }); + + res.render('admin/services/edit', { + title: 'Edit Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + service, + availablePortfolio, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); + } catch (error) { + console.error('Service edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading service' + }); + } +}); + +// Update service +router.put('/services/:id', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const service = await Service.findByPk(req.params.id); + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive, + featured + } = req.body; + + await service.update({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 업데이트되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service update error:', error); + res.status(500).json({ + success: false, + message: '서비스 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete service +router.delete('/services/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + await service.destroy(); + + res.json({ + success: true, + message: '서비스가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Service deletion error:', error); + res.status(500).json({ + success: false, + message: '서비스 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle service active status +router.patch('/services/:id/toggle-active', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const newStatus = !service.isActive; + await service.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `서비스가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Service toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Contacts management +router.get('/contacts', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + const status = req.query.status; + + let whereClause = {}; + if (status && status !== 'all') { + whereClause.status = status; + } + + const [contacts, total] = await Promise.all([ + Contact.findAll({ + where: whereClause, + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Contact.count({ where: whereClause }) + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/contacts/list', { + title: 'Contacts Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contacts, + currentStatus: status || 'all', + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Contacts list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contacts' + }); + } +}); + +// View contact details +router.get('/contacts/:id', requireAuth, async (req, res) => { + try { + const contact = await Contact.findByPk(req.params.id); + + if (!contact) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Contact not found' + }); + } + + // Mark as read + if (!contact.isRead) { + contact.isRead = true; + await contact.save(); + } + + res.render('admin/contacts/view', { + title: 'Contact Details - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contact + }); + } catch (error) { + console.error('Contact view error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contact' + }); + } +}); + +// Settings +router.get('/settings', requireAuth, async (req, res) => { + try { + const settings = await SiteSettings.findOne() || await SiteSettings.create({}); + + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + settings + }); + } catch (error) { + console.error('Settings error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading settings' + }); + } +}); + +// Media gallery +router.get('/media', requireAuth, (req, res) => { + res.render('admin/media', { + title: 'Media Gallery - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +// Telegram bot configuration and testing +router.get('/telegram', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + + // Get bot info and available chats if token is configured + let botInfo = null; + let availableChats = []; + + if (telegramService.botToken) { + const result = await telegramService.getBotInfo(); + if (result.success) { + botInfo = result.bot; + availableChats = telegramService.getAvailableChats(); + } + } + + res.render('admin/telegram', { + title: 'Telegram Bot - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + botConfigured: telegramService.isEnabled, + botToken: telegramService.botToken || '', + chatId: telegramService.chatId || '', + botInfo, + availableChats + }); + } catch (error) { + console.error('Telegram page error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading Telegram settings' + }); + } +}); + +// Update bot token +router.post('/telegram/configure', requireAuth, [ + body('botToken').notEmpty().withMessage('Bot token is required'), + body('chatId').optional().isNumeric().withMessage('Chat ID must be numeric') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { botToken, chatId } = req.body; + const telegramService = require('../services/telegram'); + + // Update bot token + const result = await telegramService.updateBotToken(botToken); + + if (result.success) { + // Update chat ID if provided + if (chatId) { + telegramService.updateChatId(parseInt(chatId)); + } + + // Update environment variables (in production, this should update a config file) + process.env.TELEGRAM_BOT_TOKEN = botToken; + if (chatId) { + process.env.TELEGRAM_CHAT_ID = chatId; + } + + res.json({ + success: true, + message: 'Telegram bot configured successfully', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to configure bot' + }); + } + } catch (error) { + console.error('Configure Telegram bot error:', error); + res.status(500).json({ + success: false, + message: 'Error configuring Telegram bot' + }); + } +}); + +// Get bot info and discover chats +router.get('/telegram/info', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + res.json({ + success: true, + botInfo: result.bot, + availableChats: result.availableChats || [], + isConfigured: telegramService.isEnabled + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to get bot info' + }); + } + } catch (error) { + console.error('Get Telegram info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting bot information' + }); + } +}); + +// Get chat information +router.get('/telegram/chat/:chatId', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.getChat(req.params.chatId); + + if (result.success) { + res.json({ + success: true, + chat: result.chat + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to get chat info' + }); + } + } catch (error) { + console.error('Get chat info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting chat information' + }); + } +}); + +// Test connection +router.post('/telegram/test', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + const testMessage = `🤖 Тест Telegram бота\n\n` + + `✅ Соединение успешно установлено!\n` + + `🤖 Бот: @${result.bot.username} (${result.bot.first_name})\n` + + `🆔 ID бота: ${result.bot.id}\n` + + `⏰ Время тестирования: ${new Date().toLocaleString('ru-RU')}\n` + + `🌐 Сайт: ${process.env.BASE_URL || 'http://localhost:3000'}\n\n` + + `Бот готов к отправке уведомлений! 🚀`; + + const sendResult = await telegramService.sendMessage(testMessage); + + if (sendResult.success) { + res.json({ + success: true, + message: 'Test message sent successfully!', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: 'Bot connection successful, but failed to send test message: ' + (sendResult.error || sendResult.message) + }); + } + } else { + res.status(400).json({ + success: false, + message: result.message || result.error || 'Failed to connect to Telegram bot' + }); + } + } catch (error) { + console.error('Telegram test error:', error); + res.status(500).json({ + success: false, + message: 'Error testing Telegram bot' + }); + } +}); + +// Send custom message +router.post('/telegram/send', requireAuth, [ + body('message').notEmpty().withMessage('Message is required'), + body('chatIds').optional().isArray().withMessage('Chat IDs must be an array'), + body('parseMode').optional().isIn(['HTML', 'Markdown', 'MarkdownV2']).withMessage('Invalid parse mode') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { + message, + chatIds = [], + parseMode = 'HTML', + disableWebPagePreview = false, + disableNotification = false + } = req.body; + + const telegramService = require('../services/telegram'); + + let result; + if (chatIds.length > 0) { + // Send to multiple chats + result = await telegramService.sendCustomMessage({ + text: message, + chatIds: chatIds.map(id => parseInt(id)), + parseMode, + disableWebPagePreview, + disableNotification + }); + + res.json({ + success: result.success, + message: result.success ? + `Message sent to ${result.totalSent} chat(s). ${result.totalFailed} failed.` : + 'Failed to send message', + results: result.results || [], + errors: result.errors || [] + }); + } else { + // Send to default chat + result = await telegramService.sendMessage(message, { + parse_mode: parseMode, + disable_web_page_preview: disableWebPagePreview, + disable_notification: disableNotification + }); + + if (result.success) { + res.json({ + success: true, + message: 'Message sent successfully!' + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to send message' + }); + } + } + } catch (error) { + console.error('Send Telegram message error:', error); + res.status(500).json({ + success: false, + message: 'Error sending message' + }); + } +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/routes/admin_20251026212638.js b/.history/routes/admin_20251026212638.js new file mode 100644 index 0000000..0b636c3 --- /dev/null +++ b/.history/routes/admin_20251026212638.js @@ -0,0 +1,1634 @@ +const express = require('express'); +const router = express.Router(); +const multer = require('multer'); +const sharp = require('sharp'); +const path = require('path'); +const fs = require('fs').promises; +const { body, validationResult } = require('express-validator'); +const { User, Portfolio, Service, Contact, SiteSettings, Banner } = require('../models'); + +// Configure multer for file uploads +const storage = multer.memoryStorage(); // Use memory storage to process with sharp +const upload = multer({ + storage, + limits: { fileSize: 10 * 1024 * 1024 }, // 10MB limit + fileFilter: (req, file, cb) => { + if (file.mimetype.startsWith('image/')) { + cb(null, true); + } else { + cb(new Error('Only image files are allowed'), false); + } + } +}); + +// Authentication middleware +const requireAuth = (req, res, next) => { + if (!req.session.user) { + return res.redirect('/admin/login'); + } + next(); +}; + +// Add stats middleware +const addStats = async (req, res, next) => { + try { + if (req.session.user) { + const [portfolioCount, servicesCount, contactsCount] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count() + ]); + + res.locals.stats = { + portfolioCount, + servicesCount, + contactsCount + }; + } + next(); + } catch (error) { + console.error('Stats middleware error:', error); + next(); + } +}; + +// Admin login page +router.get('/login', (req, res) => { + if (req.session.user) { + return res.redirect('/admin/dashboard'); + } + + res.render('admin/login', { + title: 'Admin Login', + error: null + }); +}); + +// Admin login POST +router.post('/login', async (req, res) => { + try { + const { email, password } = req.body; + + const user = await User.findOne({ + where: { + email: email, + isActive: true + } + }); + if (!user || !(await user.comparePassword(password))) { + return res.render('admin/login', { + title: 'Admin Login', + error: 'Invalid credentials' + }); + } + + await user.updateLastLogin(); + + req.session.user = { + id: user.id, + email: user.email, + name: user.name, + role: user.role + }; + + res.redirect('/admin/dashboard'); + } catch (error) { + console.error('Admin login error:', error); + res.render('admin/login', { + title: 'Admin Login', + error: 'Server error' + }); + } +}); + +// Admin logout +router.post('/logout', (req, res) => { + req.session.destroy(err => { + if (err) { + console.error('Logout error:', err); + } + res.redirect('/admin/login'); + }); +}); + +// Dashboard (default route) +router.get('/', requireAuth, async (req, res) => { + res.redirect('/admin/dashboard'); +}); + +// Dashboard +router.get('/dashboard', requireAuth, async (req, res) => { + try { + const [ + portfolioCount, + servicesCount, + contactsCount, + recentContacts, + recentPortfolio + ] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count(), + Contact.findAll({ + order: [['createdAt', 'DESC']], + limit: 5 + }), + Portfolio.findAll({ + where: { isPublished: true }, + order: [['createdAt', 'DESC']], + limit: 5 + }) + ]); + + const stats = { + portfolioCount: portfolioCount, + servicesCount: servicesCount, + contactsCount: contactsCount, + usersCount: await User.count() + }; + + res.render('admin/dashboard', { + title: 'Admin Dashboard', + layout: 'admin/layout', + user: req.session.user, + stats, + recentContacts, + recentPortfolio, + currentPage: 'dashboard' + }); + } catch (error) { + console.error('Dashboard error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading dashboard' + }); + } +}); + +// Banner management +router.get('/banners', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [banners, total] = await Promise.all([ + Banner.findAll({ + order: [['order', 'ASC'], ['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Banner.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/banners/list', { + title: 'Banner Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banners, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Banner list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banners' + }); + } +}); + +// Add banner +router.get('/banners/add', requireAuth, (req, res) => { + res.render('admin/banners/add', { + title: 'Add Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); +}); + +// Create banner +router.post('/banners/add', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive = true, + startDate, + endDate, + targetAudience = 'all', + backgroundColor, + textColor, + animation = 'none' + } = req.body; + + const banner = await Banner.create({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience, + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation + }); + + res.json({ + success: true, + message: '배너가 성공적으로 생성되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner creation error:', error); + res.status(500).json({ + success: false, + message: '배너 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit banner +router.get('/banners/edit/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Banner not found' + }); + } + + res.render('admin/banners/edit', { + title: 'Edit Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banner, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); + } catch (error) { + console.error('Banner edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banner' + }); + } +}); + +// Update banner +router.put('/banners/:id', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const banner = await Banner.findByPk(req.params.id); + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive, + startDate, + endDate, + targetAudience, + backgroundColor, + textColor, + animation + } = req.body; + + await banner.update({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience: targetAudience || 'all', + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation: animation || 'none' + }); + + res.json({ + success: true, + message: '배너가 성공적으로 업데이트되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner update error:', error); + res.status(500).json({ + success: false, + message: '배너 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete banner +router.delete('/banners/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.destroy(); + + res.json({ + success: true, + message: '배너가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Banner deletion error:', error); + res.status(500).json({ + success: false, + message: '배너 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle banner active status +router.patch('/banners/:id/toggle-active', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const newStatus = !banner.isActive; + await banner.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `배너가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Banner toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Record banner click +router.post('/banners/:id/click', async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.recordClick(); + + res.json({ + success: true, + clickCount: banner.clickCount + }); + } catch (error) { + console.error('Banner click record error:', error); + res.status(500).json({ + success: false, + message: '클릭 기록 중 오류가 발생했습니다' + }); + } +}); + +// Banner Editor (legacy route) +router.get('/banner-editor', requireAuth, async (req, res) => { + res.redirect('/admin/banners'); +}); + +// Portfolio management +router.get('/portfolio', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [portfolio, total] = await Promise.all([ + Portfolio.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Portfolio.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/portfolio/list', { + title: 'Portfolio Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Portfolio list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio' + }); + } +}); + +// Utility function for category names +const getCategoryName = (category) => { + const categoryNames = { + 'web-development': 'Веб-разработка', + 'mobile-app': 'Мобильные приложения', + 'ui-ux-design': 'UI/UX дизайн', + 'e-commerce': 'Электронная коммерция', + 'enterprise': 'Корпоративное ПО', + 'other': 'Другое' + }; + return categoryNames[category] || category; +}; + +// Add portfolio item +router.get('/portfolio/add', requireAuth, (req, res) => { + res.render('admin/portfolio/add', { + title: 'Add Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ], + getCategoryName: getCategoryName + }); +}); + +// Create portfolio item +router.post('/portfolio/add', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + if (parsedTechnologies.length === 0) { + return res.status(400).json({ + success: false, + message: 'Добавьте хотя бы одну технологию' + }); + } + + // Process uploaded images + const processedImages = []; + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + processedImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Create portfolio item + const portfolio = await Portfolio.create({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: processedImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) ? new Date() : null, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно создан!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio creation error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании проекта: ' + error.message + }); + } +}); + +// Edit portfolio item +router.get('/portfolio/edit/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Portfolio item not found' + }); + } + + res.render('admin/portfolio/edit', { + title: 'Edit Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ] + }); + } catch (error) { + console.error('Portfolio edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio item' + }); + } +}); + +// Update portfolio item +router.put('/portfolio/:id', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + if (!portfolio) { + return res.status(404).json({ + success: false, + message: 'Проект не найден' + }); + } + + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured, + existingImages + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Handle existing images + let finalImages = []; + try { + const existing = JSON.parse(existingImages || '[]'); + finalImages = Array.isArray(existing) ? existing : []; + } catch (e) { + finalImages = portfolio.images || []; + } + + // Process new uploaded images + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + finalImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = portfolio.seo || {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Update portfolio + await portfolio.update({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: finalImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно обновлен!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio update error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при обновлении проекта: ' + error.message + }); + } +}); + +// Delete portfolio item +router.delete('/portfolio/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + await portfolio.destroy(); + + res.json({ + success: true, + message: '포트폴리오가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Portfolio deletion error:', error); + res.status(500).json({ + success: false, + message: '포트폴리오 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle portfolio publish status +router.patch('/portfolio/:id/toggle-publish', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + const newStatus = !portfolio.isPublished; + await portfolio.update({ + isPublished: newStatus, + publishedAt: newStatus && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: newStatus ? 'published' : 'draft' + }); + + res.json({ + success: true, + message: `포트폴리오가 ${newStatus ? '게시' : '비공개'}되었습니다`, + isPublished: newStatus + }); + } catch (error) { + console.error('Portfolio toggle publish error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Portfolio preview +router.post('/portfolio/preview', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName + } = req.body; + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Process uploaded images for preview + const previewImages = []; + if (req.files && req.files.length > 0) { + for (const file of req.files) { + // Convert to base64 for preview + const base64 = `data:${file.mimetype};base64,${file.buffer.toString('base64')}`; + previewImages.push(base64); + } + } + + const previewData = { + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: previewImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + createdAt: new Date() + }; + + res.json({ + success: true, + preview: previewData + }); + } catch (error) { + console.error('Portfolio preview error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании предпросмотра: ' + error.message + }); + } +}); + +// Services management +router.get('/services', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [services, total] = await Promise.all([ + Service.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Service.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/services/list', { + title: 'Services Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + services, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Services list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading services' + }); + } +}); + +// Add service +router.get('/services/add', requireAuth, (req, res) => { + res.render('admin/services/add', { + title: 'Add Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); +}); + +// Create service +router.post('/services/add', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive = true, + featured = false + } = req.body; + + const service = await Service.create({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 생성되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service creation error:', error); + res.status(500).json({ + success: false, + message: '서비스 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit service +router.get('/services/edit/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Service not found' + }); + } + + const availablePortfolio = await Portfolio.findAll({ + where: { isPublished: true }, + attributes: ['id', 'title', 'category'] + }); + + res.render('admin/services/edit', { + title: 'Edit Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + service, + availablePortfolio, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); + } catch (error) { + console.error('Service edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading service' + }); + } +}); + +// Update service +router.put('/services/:id', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const service = await Service.findByPk(req.params.id); + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive, + featured + } = req.body; + + await service.update({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 업데이트되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service update error:', error); + res.status(500).json({ + success: false, + message: '서비스 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete service +router.delete('/services/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + await service.destroy(); + + res.json({ + success: true, + message: '서비스가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Service deletion error:', error); + res.status(500).json({ + success: false, + message: '서비스 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle service active status +router.patch('/services/:id/toggle-active', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const newStatus = !service.isActive; + await service.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `서비스가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Service toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Contacts management +router.get('/contacts', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + const status = req.query.status; + + let whereClause = {}; + if (status && status !== 'all') { + whereClause.status = status; + } + + const [contacts, total] = await Promise.all([ + Contact.findAll({ + where: whereClause, + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Contact.count({ where: whereClause }) + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/contacts/list', { + title: 'Contacts Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contacts, + currentStatus: status || 'all', + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Contacts list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contacts' + }); + } +}); + +// View contact details +router.get('/contacts/:id', requireAuth, async (req, res) => { + try { + const contact = await Contact.findByPk(req.params.id); + + if (!contact) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Contact not found' + }); + } + + // Mark as read + if (!contact.isRead) { + contact.isRead = true; + await contact.save(); + } + + res.render('admin/contacts/view', { + title: 'Contact Details - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contact + }); + } catch (error) { + console.error('Contact view error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contact' + }); + } +}); + +// Settings +router.get('/settings', requireAuth, async (req, res) => { + try { + const settings = await SiteSettings.findOne() || await SiteSettings.create({}); + + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + settings + }); + } catch (error) { + console.error('Settings error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading settings' + }); + } +}); + +// Media gallery +router.get('/media', requireAuth, (req, res) => { + res.render('admin/media', { + title: 'Media Gallery - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +// Telegram bot configuration and testing +router.get('/telegram', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + + // Get bot info and available chats if token is configured + let botInfo = null; + let availableChats = []; + + if (telegramService.botToken) { + const result = await telegramService.getBotInfo(); + if (result.success) { + botInfo = result.bot; + availableChats = telegramService.getAvailableChats(); + } + } + + res.render('admin/telegram', { + title: 'Telegram Bot - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + botConfigured: telegramService.isEnabled, + botToken: telegramService.botToken || '', + chatId: telegramService.chatId || '', + botInfo, + availableChats + }); + } catch (error) { + console.error('Telegram page error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading Telegram settings' + }); + } +}); + +// Update bot token +router.post('/telegram/configure', requireAuth, [ + body('botToken').notEmpty().withMessage('Bot token is required'), + body('chatId').optional().isNumeric().withMessage('Chat ID must be numeric') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { botToken, chatId } = req.body; + const telegramService = require('../services/telegram'); + + // Update bot token + const result = await telegramService.updateBotToken(botToken); + + if (result.success) { + // Update chat ID if provided + if (chatId) { + telegramService.updateChatId(parseInt(chatId)); + } + + // Update environment variables (in production, this should update a config file) + process.env.TELEGRAM_BOT_TOKEN = botToken; + if (chatId) { + process.env.TELEGRAM_CHAT_ID = chatId; + } + + res.json({ + success: true, + message: 'Telegram bot configured successfully', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to configure bot' + }); + } + } catch (error) { + console.error('Configure Telegram bot error:', error); + res.status(500).json({ + success: false, + message: 'Error configuring Telegram bot' + }); + } +}); + +// Get bot info and discover chats +router.get('/telegram/info', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + res.json({ + success: true, + botInfo: result.bot, + availableChats: result.availableChats || [], + isConfigured: telegramService.isEnabled + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to get bot info' + }); + } + } catch (error) { + console.error('Get Telegram info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting bot information' + }); + } +}); + +// Get chat information +router.get('/telegram/chat/:chatId', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.getChat(req.params.chatId); + + if (result.success) { + res.json({ + success: true, + chat: result.chat + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to get chat info' + }); + } + } catch (error) { + console.error('Get chat info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting chat information' + }); + } +}); + +// Test connection +router.post('/telegram/test', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + const testMessage = `🤖 Тест Telegram бота\n\n` + + `✅ Соединение успешно установлено!\n` + + `🤖 Бот: @${result.bot.username} (${result.bot.first_name})\n` + + `🆔 ID бота: ${result.bot.id}\n` + + `⏰ Время тестирования: ${new Date().toLocaleString('ru-RU')}\n` + + `🌐 Сайт: ${process.env.BASE_URL || 'http://localhost:3000'}\n\n` + + `Бот готов к отправке уведомлений! 🚀`; + + const sendResult = await telegramService.sendMessage(testMessage); + + if (sendResult.success) { + res.json({ + success: true, + message: 'Test message sent successfully!', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: 'Bot connection successful, but failed to send test message: ' + (sendResult.error || sendResult.message) + }); + } + } else { + res.status(400).json({ + success: false, + message: result.message || result.error || 'Failed to connect to Telegram bot' + }); + } + } catch (error) { + console.error('Telegram test error:', error); + res.status(500).json({ + success: false, + message: 'Error testing Telegram bot' + }); + } +}); + +// Send custom message +router.post('/telegram/send', requireAuth, [ + body('message').notEmpty().withMessage('Message is required'), + body('chatIds').optional().isArray().withMessage('Chat IDs must be an array'), + body('parseMode').optional().isIn(['HTML', 'Markdown', 'MarkdownV2']).withMessage('Invalid parse mode') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { + message, + chatIds = [], + parseMode = 'HTML', + disableWebPagePreview = false, + disableNotification = false + } = req.body; + + const telegramService = require('../services/telegram'); + + let result; + if (chatIds.length > 0) { + // Send to multiple chats + result = await telegramService.sendCustomMessage({ + text: message, + chatIds: chatIds.map(id => parseInt(id)), + parseMode, + disableWebPagePreview, + disableNotification + }); + + res.json({ + success: result.success, + message: result.success ? + `Message sent to ${result.totalSent} chat(s). ${result.totalFailed} failed.` : + 'Failed to send message', + results: result.results || [], + errors: result.errors || [] + }); + } else { + // Send to default chat + result = await telegramService.sendMessage(message, { + parse_mode: parseMode, + disable_web_page_preview: disableWebPagePreview, + disable_notification: disableNotification + }); + + if (result.success) { + res.json({ + success: true, + message: 'Message sent successfully!' + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to send message' + }); + } + } + } catch (error) { + console.error('Send Telegram message error:', error); + res.status(500).json({ + success: false, + message: 'Error sending message' + }); + } +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/routes/admin_20251026212647.js b/.history/routes/admin_20251026212647.js new file mode 100644 index 0000000..10c8f63 --- /dev/null +++ b/.history/routes/admin_20251026212647.js @@ -0,0 +1,1634 @@ +const express = require('express'); +const router = express.Router(); +const multer = require('multer'); +const sharp = require('sharp'); +const path = require('path'); +const fs = require('fs').promises; +const { body, validationResult } = require('express-validator'); +const { User, Portfolio, Service, Contact, SiteSettings, Banner } = require('../models'); + +// Configure multer for file uploads +const storage = multer.memoryStorage(); // Use memory storage to process with sharp +const upload = multer({ + storage, + limits: { fileSize: 10 * 1024 * 1024 }, // 10MB limit + fileFilter: (req, file, cb) => { + if (file.mimetype.startsWith('image/')) { + cb(null, true); + } else { + cb(new Error('Only image files are allowed'), false); + } + } +}); + +// Authentication middleware +const requireAuth = (req, res, next) => { + if (!req.session.user) { + return res.redirect('/admin/login'); + } + next(); +}; + +// Add stats middleware +const addStats = async (req, res, next) => { + try { + if (req.session.user) { + const [portfolioCount, servicesCount, contactsCount] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count() + ]); + + res.locals.stats = { + portfolioCount, + servicesCount, + contactsCount + }; + } + next(); + } catch (error) { + console.error('Stats middleware error:', error); + next(); + } +}; + +// Admin login page +router.get('/login', (req, res) => { + if (req.session.user) { + return res.redirect('/admin/dashboard'); + } + + res.render('admin/login', { + title: 'Admin Login', + error: null + }); +}); + +// Admin login POST +router.post('/login', async (req, res) => { + try { + const { email, password } = req.body; + + const user = await User.findOne({ + where: { + email: email, + isActive: true + } + }); + if (!user || !(await user.comparePassword(password))) { + return res.render('admin/login', { + title: 'Admin Login', + error: 'Invalid credentials' + }); + } + + await user.updateLastLogin(); + + req.session.user = { + id: user.id, + email: user.email, + name: user.name, + role: user.role + }; + + res.redirect('/admin/dashboard'); + } catch (error) { + console.error('Admin login error:', error); + res.render('admin/login', { + title: 'Admin Login', + error: 'Server error' + }); + } +}); + +// Admin logout +router.post('/logout', (req, res) => { + req.session.destroy(err => { + if (err) { + console.error('Logout error:', err); + } + res.redirect('/admin/login'); + }); +}); + +// Dashboard (default route) +router.get('/', requireAuth, async (req, res) => { + res.redirect('/admin/dashboard'); +}); + +// Dashboard +router.get('/dashboard', requireAuth, async (req, res) => { + try { + const [ + portfolioCount, + servicesCount, + contactsCount, + recentContacts, + recentPortfolio + ] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count(), + Contact.findAll({ + order: [['createdAt', 'DESC']], + limit: 5 + }), + Portfolio.findAll({ + where: { isPublished: true }, + order: [['createdAt', 'DESC']], + limit: 5 + }) + ]); + + const stats = { + portfolioCount: portfolioCount, + servicesCount: servicesCount, + contactsCount: contactsCount, + usersCount: await User.count() + }; + + res.render('admin/dashboard', { + title: 'Admin Dashboard', + layout: 'admin/layout', + user: req.session.user, + stats, + recentContacts, + recentPortfolio, + currentPage: 'dashboard' + }); + } catch (error) { + console.error('Dashboard error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading dashboard' + }); + } +}); + +// Banner management +router.get('/banners', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [banners, total] = await Promise.all([ + Banner.findAll({ + order: [['order', 'ASC'], ['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Banner.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/banners/list', { + title: 'Banner Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banners, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Banner list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banners' + }); + } +}); + +// Add banner +router.get('/banners/add', requireAuth, (req, res) => { + res.render('admin/banners/add', { + title: 'Add Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); +}); + +// Create banner +router.post('/banners/add', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive = true, + startDate, + endDate, + targetAudience = 'all', + backgroundColor, + textColor, + animation = 'none' + } = req.body; + + const banner = await Banner.create({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience, + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation + }); + + res.json({ + success: true, + message: '배너가 성공적으로 생성되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner creation error:', error); + res.status(500).json({ + success: false, + message: '배너 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit banner +router.get('/banners/edit/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Banner not found' + }); + } + + res.render('admin/banners/edit', { + title: 'Edit Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banner, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); + } catch (error) { + console.error('Banner edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banner' + }); + } +}); + +// Update banner +router.put('/banners/:id', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const banner = await Banner.findByPk(req.params.id); + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive, + startDate, + endDate, + targetAudience, + backgroundColor, + textColor, + animation + } = req.body; + + await banner.update({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience: targetAudience || 'all', + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation: animation || 'none' + }); + + res.json({ + success: true, + message: '배너가 성공적으로 업데이트되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner update error:', error); + res.status(500).json({ + success: false, + message: '배너 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete banner +router.delete('/banners/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.destroy(); + + res.json({ + success: true, + message: '배너가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Banner deletion error:', error); + res.status(500).json({ + success: false, + message: '배너 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle banner active status +router.patch('/banners/:id/toggle-active', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const newStatus = !banner.isActive; + await banner.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `배너가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Banner toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Record banner click +router.post('/banners/:id/click', async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.recordClick(); + + res.json({ + success: true, + clickCount: banner.clickCount + }); + } catch (error) { + console.error('Banner click record error:', error); + res.status(500).json({ + success: false, + message: '클릭 기록 중 오류가 발생했습니다' + }); + } +}); + +// Banner Editor (legacy route) +router.get('/banner-editor', requireAuth, async (req, res) => { + res.redirect('/admin/banners'); +}); + +// Portfolio management +router.get('/portfolio', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [portfolio, total] = await Promise.all([ + Portfolio.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Portfolio.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/portfolio/list', { + title: 'Portfolio Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Portfolio list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio' + }); + } +}); + +// Utility function for category names +const getCategoryName = (category) => { + const categoryNames = { + 'web-development': 'Веб-разработка', + 'mobile-app': 'Мобильные приложения', + 'ui-ux-design': 'UI/UX дизайн', + 'e-commerce': 'Электронная коммерция', + 'enterprise': 'Корпоративное ПО', + 'other': 'Другое' + }; + return categoryNames[category] || category; +}; + +// Add portfolio item +router.get('/portfolio/add', requireAuth, (req, res) => { + res.render('admin/portfolio/add', { + title: 'Add Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ], + getCategoryName: getCategoryName + }); +}); + +// Create portfolio item +router.post('/portfolio/add', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + if (parsedTechnologies.length === 0) { + return res.status(400).json({ + success: false, + message: 'Добавьте хотя бы одну технологию' + }); + } + + // Process uploaded images + const processedImages = []; + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + processedImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Create portfolio item + const portfolio = await Portfolio.create({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: processedImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) ? new Date() : null, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно создан!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio creation error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании проекта: ' + error.message + }); + } +}); + +// Edit portfolio item +router.get('/portfolio/edit/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Portfolio item not found' + }); + } + + res.render('admin/portfolio/edit', { + title: 'Edit Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ] + }); + } catch (error) { + console.error('Portfolio edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio item' + }); + } +}); + +// Update portfolio item +router.put('/portfolio/:id', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + if (!portfolio) { + return res.status(404).json({ + success: false, + message: 'Проект не найден' + }); + } + + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured, + existingImages + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Handle existing images + let finalImages = []; + try { + const existing = JSON.parse(existingImages || '[]'); + finalImages = Array.isArray(existing) ? existing : []; + } catch (e) { + finalImages = portfolio.images || []; + } + + // Process new uploaded images + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + finalImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = portfolio.seo || {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Update portfolio + await portfolio.update({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: finalImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно обновлен!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio update error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при обновлении проекта: ' + error.message + }); + } +}); + +// Delete portfolio item +router.delete('/portfolio/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + await portfolio.destroy(); + + res.json({ + success: true, + message: '포트폴리오가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Portfolio deletion error:', error); + res.status(500).json({ + success: false, + message: '포트폴리오 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle portfolio publish status +router.patch('/portfolio/:id/toggle-publish', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + const newStatus = !portfolio.isPublished; + await portfolio.update({ + isPublished: newStatus, + publishedAt: newStatus && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: newStatus ? 'published' : 'draft' + }); + + res.json({ + success: true, + message: `포트폴리오가 ${newStatus ? '게시' : '비공개'}되었습니다`, + isPublished: newStatus + }); + } catch (error) { + console.error('Portfolio toggle publish error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Portfolio preview +router.post('/portfolio/preview', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName + } = req.body; + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Process uploaded images for preview + const previewImages = []; + if (req.files && req.files.length > 0) { + for (const file of req.files) { + // Convert to base64 for preview + const base64 = `data:${file.mimetype};base64,${file.buffer.toString('base64')}`; + previewImages.push(base64); + } + } + + const previewData = { + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: previewImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + createdAt: new Date() + }; + + res.json({ + success: true, + preview: previewData + }); + } catch (error) { + console.error('Portfolio preview error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании предпросмотра: ' + error.message + }); + } +}); + +// Services management +router.get('/services', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [services, total] = await Promise.all([ + Service.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Service.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/services/list', { + title: 'Services Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + services, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Services list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading services' + }); + } +}); + +// Add service +router.get('/services/add', requireAuth, (req, res) => { + res.render('admin/services/add', { + title: 'Add Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); +}); + +// Create service +router.post('/services/add', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive = true, + featured = false + } = req.body; + + const service = await Service.create({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 생성되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service creation error:', error); + res.status(500).json({ + success: false, + message: '서비스 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit service +router.get('/services/edit/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Service not found' + }); + } + + const availablePortfolio = await Portfolio.findAll({ + where: { isPublished: true }, + attributes: ['id', 'title', 'category'] + }); + + res.render('admin/services/edit', { + title: 'Edit Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + service, + availablePortfolio, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); + } catch (error) { + console.error('Service edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading service' + }); + } +}); + +// Update service +router.put('/services/:id', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const service = await Service.findByPk(req.params.id); + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive, + featured + } = req.body; + + await service.update({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 업데이트되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service update error:', error); + res.status(500).json({ + success: false, + message: '서비스 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete service +router.delete('/services/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + await service.destroy(); + + res.json({ + success: true, + message: '서비스가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Service deletion error:', error); + res.status(500).json({ + success: false, + message: '서비스 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle service active status +router.patch('/services/:id/toggle-active', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const newStatus = !service.isActive; + await service.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `서비스가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Service toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Contacts management +router.get('/contacts', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + const status = req.query.status; + + let whereClause = {}; + if (status && status !== 'all') { + whereClause.status = status; + } + + const [contacts, total] = await Promise.all([ + Contact.findAll({ + where: whereClause, + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Contact.count({ where: whereClause }) + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/contacts/list', { + title: 'Contacts Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contacts, + currentStatus: status || 'all', + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Contacts list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contacts' + }); + } +}); + +// View contact details +router.get('/contacts/:id', requireAuth, async (req, res) => { + try { + const contact = await Contact.findByPk(req.params.id); + + if (!contact) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Contact not found' + }); + } + + // Mark as read + if (!contact.isRead) { + contact.isRead = true; + await contact.save(); + } + + res.render('admin/contacts/view', { + title: 'Contact Details - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contact + }); + } catch (error) { + console.error('Contact view error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contact' + }); + } +}); + +// Settings +router.get('/settings', requireAuth, async (req, res) => { + try { + const settings = await SiteSettings.findOne() || await SiteSettings.create({}); + + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + settings + }); + } catch (error) { + console.error('Settings error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading settings' + }); + } +}); + +// Media gallery +router.get('/media', requireAuth, addStats, (req, res) => { + res.render('admin/media', { + title: 'Media Gallery - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +// Telegram bot configuration and testing +router.get('/telegram', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + + // Get bot info and available chats if token is configured + let botInfo = null; + let availableChats = []; + + if (telegramService.botToken) { + const result = await telegramService.getBotInfo(); + if (result.success) { + botInfo = result.bot; + availableChats = telegramService.getAvailableChats(); + } + } + + res.render('admin/telegram', { + title: 'Telegram Bot - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + botConfigured: telegramService.isEnabled, + botToken: telegramService.botToken || '', + chatId: telegramService.chatId || '', + botInfo, + availableChats + }); + } catch (error) { + console.error('Telegram page error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading Telegram settings' + }); + } +}); + +// Update bot token +router.post('/telegram/configure', requireAuth, [ + body('botToken').notEmpty().withMessage('Bot token is required'), + body('chatId').optional().isNumeric().withMessage('Chat ID must be numeric') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { botToken, chatId } = req.body; + const telegramService = require('../services/telegram'); + + // Update bot token + const result = await telegramService.updateBotToken(botToken); + + if (result.success) { + // Update chat ID if provided + if (chatId) { + telegramService.updateChatId(parseInt(chatId)); + } + + // Update environment variables (in production, this should update a config file) + process.env.TELEGRAM_BOT_TOKEN = botToken; + if (chatId) { + process.env.TELEGRAM_CHAT_ID = chatId; + } + + res.json({ + success: true, + message: 'Telegram bot configured successfully', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to configure bot' + }); + } + } catch (error) { + console.error('Configure Telegram bot error:', error); + res.status(500).json({ + success: false, + message: 'Error configuring Telegram bot' + }); + } +}); + +// Get bot info and discover chats +router.get('/telegram/info', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + res.json({ + success: true, + botInfo: result.bot, + availableChats: result.availableChats || [], + isConfigured: telegramService.isEnabled + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to get bot info' + }); + } + } catch (error) { + console.error('Get Telegram info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting bot information' + }); + } +}); + +// Get chat information +router.get('/telegram/chat/:chatId', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.getChat(req.params.chatId); + + if (result.success) { + res.json({ + success: true, + chat: result.chat + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to get chat info' + }); + } + } catch (error) { + console.error('Get chat info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting chat information' + }); + } +}); + +// Test connection +router.post('/telegram/test', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + const testMessage = `🤖 Тест Telegram бота\n\n` + + `✅ Соединение успешно установлено!\n` + + `🤖 Бот: @${result.bot.username} (${result.bot.first_name})\n` + + `🆔 ID бота: ${result.bot.id}\n` + + `⏰ Время тестирования: ${new Date().toLocaleString('ru-RU')}\n` + + `🌐 Сайт: ${process.env.BASE_URL || 'http://localhost:3000'}\n\n` + + `Бот готов к отправке уведомлений! 🚀`; + + const sendResult = await telegramService.sendMessage(testMessage); + + if (sendResult.success) { + res.json({ + success: true, + message: 'Test message sent successfully!', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: 'Bot connection successful, but failed to send test message: ' + (sendResult.error || sendResult.message) + }); + } + } else { + res.status(400).json({ + success: false, + message: result.message || result.error || 'Failed to connect to Telegram bot' + }); + } + } catch (error) { + console.error('Telegram test error:', error); + res.status(500).json({ + success: false, + message: 'Error testing Telegram bot' + }); + } +}); + +// Send custom message +router.post('/telegram/send', requireAuth, [ + body('message').notEmpty().withMessage('Message is required'), + body('chatIds').optional().isArray().withMessage('Chat IDs must be an array'), + body('parseMode').optional().isIn(['HTML', 'Markdown', 'MarkdownV2']).withMessage('Invalid parse mode') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { + message, + chatIds = [], + parseMode = 'HTML', + disableWebPagePreview = false, + disableNotification = false + } = req.body; + + const telegramService = require('../services/telegram'); + + let result; + if (chatIds.length > 0) { + // Send to multiple chats + result = await telegramService.sendCustomMessage({ + text: message, + chatIds: chatIds.map(id => parseInt(id)), + parseMode, + disableWebPagePreview, + disableNotification + }); + + res.json({ + success: result.success, + message: result.success ? + `Message sent to ${result.totalSent} chat(s). ${result.totalFailed} failed.` : + 'Failed to send message', + results: result.results || [], + errors: result.errors || [] + }); + } else { + // Send to default chat + result = await telegramService.sendMessage(message, { + parse_mode: parseMode, + disable_web_page_preview: disableWebPagePreview, + disable_notification: disableNotification + }); + + if (result.success) { + res.json({ + success: true, + message: 'Message sent successfully!' + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to send message' + }); + } + } + } catch (error) { + console.error('Send Telegram message error:', error); + res.status(500).json({ + success: false, + message: 'Error sending message' + }); + } +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/routes/admin_20251026212658.js b/.history/routes/admin_20251026212658.js new file mode 100644 index 0000000..28f8c05 --- /dev/null +++ b/.history/routes/admin_20251026212658.js @@ -0,0 +1,1634 @@ +const express = require('express'); +const router = express.Router(); +const multer = require('multer'); +const sharp = require('sharp'); +const path = require('path'); +const fs = require('fs').promises; +const { body, validationResult } = require('express-validator'); +const { User, Portfolio, Service, Contact, SiteSettings, Banner } = require('../models'); + +// Configure multer for file uploads +const storage = multer.memoryStorage(); // Use memory storage to process with sharp +const upload = multer({ + storage, + limits: { fileSize: 10 * 1024 * 1024 }, // 10MB limit + fileFilter: (req, file, cb) => { + if (file.mimetype.startsWith('image/')) { + cb(null, true); + } else { + cb(new Error('Only image files are allowed'), false); + } + } +}); + +// Authentication middleware +const requireAuth = (req, res, next) => { + if (!req.session.user) { + return res.redirect('/admin/login'); + } + next(); +}; + +// Add stats middleware +const addStats = async (req, res, next) => { + try { + if (req.session.user) { + const [portfolioCount, servicesCount, contactsCount] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count() + ]); + + res.locals.stats = { + portfolioCount, + servicesCount, + contactsCount + }; + } + next(); + } catch (error) { + console.error('Stats middleware error:', error); + next(); + } +}; + +// Admin login page +router.get('/login', (req, res) => { + if (req.session.user) { + return res.redirect('/admin/dashboard'); + } + + res.render('admin/login', { + title: 'Admin Login', + error: null + }); +}); + +// Admin login POST +router.post('/login', async (req, res) => { + try { + const { email, password } = req.body; + + const user = await User.findOne({ + where: { + email: email, + isActive: true + } + }); + if (!user || !(await user.comparePassword(password))) { + return res.render('admin/login', { + title: 'Admin Login', + error: 'Invalid credentials' + }); + } + + await user.updateLastLogin(); + + req.session.user = { + id: user.id, + email: user.email, + name: user.name, + role: user.role + }; + + res.redirect('/admin/dashboard'); + } catch (error) { + console.error('Admin login error:', error); + res.render('admin/login', { + title: 'Admin Login', + error: 'Server error' + }); + } +}); + +// Admin logout +router.post('/logout', (req, res) => { + req.session.destroy(err => { + if (err) { + console.error('Logout error:', err); + } + res.redirect('/admin/login'); + }); +}); + +// Dashboard (default route) +router.get('/', requireAuth, async (req, res) => { + res.redirect('/admin/dashboard'); +}); + +// Dashboard +router.get('/dashboard', requireAuth, async (req, res) => { + try { + const [ + portfolioCount, + servicesCount, + contactsCount, + recentContacts, + recentPortfolio + ] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count(), + Contact.findAll({ + order: [['createdAt', 'DESC']], + limit: 5 + }), + Portfolio.findAll({ + where: { isPublished: true }, + order: [['createdAt', 'DESC']], + limit: 5 + }) + ]); + + const stats = { + portfolioCount: portfolioCount, + servicesCount: servicesCount, + contactsCount: contactsCount, + usersCount: await User.count() + }; + + res.render('admin/dashboard', { + title: 'Admin Dashboard', + layout: 'admin/layout', + user: req.session.user, + stats, + recentContacts, + recentPortfolio, + currentPage: 'dashboard' + }); + } catch (error) { + console.error('Dashboard error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading dashboard' + }); + } +}); + +// Banner management +router.get('/banners', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [banners, total] = await Promise.all([ + Banner.findAll({ + order: [['order', 'ASC'], ['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Banner.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/banners/list', { + title: 'Banner Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banners, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Banner list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banners' + }); + } +}); + +// Add banner +router.get('/banners/add', requireAuth, (req, res) => { + res.render('admin/banners/add', { + title: 'Add Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); +}); + +// Create banner +router.post('/banners/add', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive = true, + startDate, + endDate, + targetAudience = 'all', + backgroundColor, + textColor, + animation = 'none' + } = req.body; + + const banner = await Banner.create({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience, + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation + }); + + res.json({ + success: true, + message: '배너가 성공적으로 생성되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner creation error:', error); + res.status(500).json({ + success: false, + message: '배너 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit banner +router.get('/banners/edit/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Banner not found' + }); + } + + res.render('admin/banners/edit', { + title: 'Edit Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banner, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); + } catch (error) { + console.error('Banner edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banner' + }); + } +}); + +// Update banner +router.put('/banners/:id', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const banner = await Banner.findByPk(req.params.id); + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive, + startDate, + endDate, + targetAudience, + backgroundColor, + textColor, + animation + } = req.body; + + await banner.update({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience: targetAudience || 'all', + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation: animation || 'none' + }); + + res.json({ + success: true, + message: '배너가 성공적으로 업데이트되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner update error:', error); + res.status(500).json({ + success: false, + message: '배너 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete banner +router.delete('/banners/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.destroy(); + + res.json({ + success: true, + message: '배너가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Banner deletion error:', error); + res.status(500).json({ + success: false, + message: '배너 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle banner active status +router.patch('/banners/:id/toggle-active', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const newStatus = !banner.isActive; + await banner.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `배너가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Banner toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Record banner click +router.post('/banners/:id/click', async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.recordClick(); + + res.json({ + success: true, + clickCount: banner.clickCount + }); + } catch (error) { + console.error('Banner click record error:', error); + res.status(500).json({ + success: false, + message: '클릭 기록 중 오류가 발생했습니다' + }); + } +}); + +// Banner Editor (legacy route) +router.get('/banner-editor', requireAuth, async (req, res) => { + res.redirect('/admin/banners'); +}); + +// Portfolio management +router.get('/portfolio', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [portfolio, total] = await Promise.all([ + Portfolio.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Portfolio.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/portfolio/list', { + title: 'Portfolio Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Portfolio list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio' + }); + } +}); + +// Utility function for category names +const getCategoryName = (category) => { + const categoryNames = { + 'web-development': 'Веб-разработка', + 'mobile-app': 'Мобильные приложения', + 'ui-ux-design': 'UI/UX дизайн', + 'e-commerce': 'Электронная коммерция', + 'enterprise': 'Корпоративное ПО', + 'other': 'Другое' + }; + return categoryNames[category] || category; +}; + +// Add portfolio item +router.get('/portfolio/add', requireAuth, (req, res) => { + res.render('admin/portfolio/add', { + title: 'Add Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ], + getCategoryName: getCategoryName + }); +}); + +// Create portfolio item +router.post('/portfolio/add', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + if (parsedTechnologies.length === 0) { + return res.status(400).json({ + success: false, + message: 'Добавьте хотя бы одну технологию' + }); + } + + // Process uploaded images + const processedImages = []; + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + processedImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Create portfolio item + const portfolio = await Portfolio.create({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: processedImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) ? new Date() : null, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно создан!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio creation error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании проекта: ' + error.message + }); + } +}); + +// Edit portfolio item +router.get('/portfolio/edit/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Portfolio item not found' + }); + } + + res.render('admin/portfolio/edit', { + title: 'Edit Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ] + }); + } catch (error) { + console.error('Portfolio edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio item' + }); + } +}); + +// Update portfolio item +router.put('/portfolio/:id', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + if (!portfolio) { + return res.status(404).json({ + success: false, + message: 'Проект не найден' + }); + } + + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured, + existingImages + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Handle existing images + let finalImages = []; + try { + const existing = JSON.parse(existingImages || '[]'); + finalImages = Array.isArray(existing) ? existing : []; + } catch (e) { + finalImages = portfolio.images || []; + } + + // Process new uploaded images + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + finalImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = portfolio.seo || {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Update portfolio + await portfolio.update({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: finalImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно обновлен!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio update error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при обновлении проекта: ' + error.message + }); + } +}); + +// Delete portfolio item +router.delete('/portfolio/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + await portfolio.destroy(); + + res.json({ + success: true, + message: '포트폴리오가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Portfolio deletion error:', error); + res.status(500).json({ + success: false, + message: '포트폴리오 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle portfolio publish status +router.patch('/portfolio/:id/toggle-publish', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + const newStatus = !portfolio.isPublished; + await portfolio.update({ + isPublished: newStatus, + publishedAt: newStatus && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: newStatus ? 'published' : 'draft' + }); + + res.json({ + success: true, + message: `포트폴리오가 ${newStatus ? '게시' : '비공개'}되었습니다`, + isPublished: newStatus + }); + } catch (error) { + console.error('Portfolio toggle publish error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Portfolio preview +router.post('/portfolio/preview', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName + } = req.body; + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Process uploaded images for preview + const previewImages = []; + if (req.files && req.files.length > 0) { + for (const file of req.files) { + // Convert to base64 for preview + const base64 = `data:${file.mimetype};base64,${file.buffer.toString('base64')}`; + previewImages.push(base64); + } + } + + const previewData = { + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: previewImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + createdAt: new Date() + }; + + res.json({ + success: true, + preview: previewData + }); + } catch (error) { + console.error('Portfolio preview error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании предпросмотра: ' + error.message + }); + } +}); + +// Services management +router.get('/services', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [services, total] = await Promise.all([ + Service.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Service.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/services/list', { + title: 'Services Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + services, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Services list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading services' + }); + } +}); + +// Add service +router.get('/services/add', requireAuth, (req, res) => { + res.render('admin/services/add', { + title: 'Add Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); +}); + +// Create service +router.post('/services/add', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive = true, + featured = false + } = req.body; + + const service = await Service.create({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 생성되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service creation error:', error); + res.status(500).json({ + success: false, + message: '서비스 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit service +router.get('/services/edit/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Service not found' + }); + } + + const availablePortfolio = await Portfolio.findAll({ + where: { isPublished: true }, + attributes: ['id', 'title', 'category'] + }); + + res.render('admin/services/edit', { + title: 'Edit Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + service, + availablePortfolio, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); + } catch (error) { + console.error('Service edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading service' + }); + } +}); + +// Update service +router.put('/services/:id', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const service = await Service.findByPk(req.params.id); + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive, + featured + } = req.body; + + await service.update({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 업데이트되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service update error:', error); + res.status(500).json({ + success: false, + message: '서비스 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete service +router.delete('/services/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + await service.destroy(); + + res.json({ + success: true, + message: '서비스가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Service deletion error:', error); + res.status(500).json({ + success: false, + message: '서비스 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle service active status +router.patch('/services/:id/toggle-active', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const newStatus = !service.isActive; + await service.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `서비스가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Service toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Contacts management +router.get('/contacts', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + const status = req.query.status; + + let whereClause = {}; + if (status && status !== 'all') { + whereClause.status = status; + } + + const [contacts, total] = await Promise.all([ + Contact.findAll({ + where: whereClause, + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Contact.count({ where: whereClause }) + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/contacts/list', { + title: 'Contacts Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contacts, + currentStatus: status || 'all', + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Contacts list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contacts' + }); + } +}); + +// View contact details +router.get('/contacts/:id', requireAuth, async (req, res) => { + try { + const contact = await Contact.findByPk(req.params.id); + + if (!contact) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Contact not found' + }); + } + + // Mark as read + if (!contact.isRead) { + contact.isRead = true; + await contact.save(); + } + + res.render('admin/contacts/view', { + title: 'Contact Details - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contact + }); + } catch (error) { + console.error('Contact view error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contact' + }); + } +}); + +// Settings +router.get('/settings', requireAuth, addStats, async (req, res) => { + try { + const settings = await SiteSettings.findOne() || await SiteSettings.create({}); + + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + settings + }); + } catch (error) { + console.error('Settings error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading settings' + }); + } +}); + +// Media gallery +router.get('/media', requireAuth, addStats, (req, res) => { + res.render('admin/media', { + title: 'Media Gallery - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +// Telegram bot configuration and testing +router.get('/telegram', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + + // Get bot info and available chats if token is configured + let botInfo = null; + let availableChats = []; + + if (telegramService.botToken) { + const result = await telegramService.getBotInfo(); + if (result.success) { + botInfo = result.bot; + availableChats = telegramService.getAvailableChats(); + } + } + + res.render('admin/telegram', { + title: 'Telegram Bot - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + botConfigured: telegramService.isEnabled, + botToken: telegramService.botToken || '', + chatId: telegramService.chatId || '', + botInfo, + availableChats + }); + } catch (error) { + console.error('Telegram page error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading Telegram settings' + }); + } +}); + +// Update bot token +router.post('/telegram/configure', requireAuth, [ + body('botToken').notEmpty().withMessage('Bot token is required'), + body('chatId').optional().isNumeric().withMessage('Chat ID must be numeric') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { botToken, chatId } = req.body; + const telegramService = require('../services/telegram'); + + // Update bot token + const result = await telegramService.updateBotToken(botToken); + + if (result.success) { + // Update chat ID if provided + if (chatId) { + telegramService.updateChatId(parseInt(chatId)); + } + + // Update environment variables (in production, this should update a config file) + process.env.TELEGRAM_BOT_TOKEN = botToken; + if (chatId) { + process.env.TELEGRAM_CHAT_ID = chatId; + } + + res.json({ + success: true, + message: 'Telegram bot configured successfully', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to configure bot' + }); + } + } catch (error) { + console.error('Configure Telegram bot error:', error); + res.status(500).json({ + success: false, + message: 'Error configuring Telegram bot' + }); + } +}); + +// Get bot info and discover chats +router.get('/telegram/info', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + res.json({ + success: true, + botInfo: result.bot, + availableChats: result.availableChats || [], + isConfigured: telegramService.isEnabled + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to get bot info' + }); + } + } catch (error) { + console.error('Get Telegram info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting bot information' + }); + } +}); + +// Get chat information +router.get('/telegram/chat/:chatId', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.getChat(req.params.chatId); + + if (result.success) { + res.json({ + success: true, + chat: result.chat + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to get chat info' + }); + } + } catch (error) { + console.error('Get chat info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting chat information' + }); + } +}); + +// Test connection +router.post('/telegram/test', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + const testMessage = `🤖 Тест Telegram бота\n\n` + + `✅ Соединение успешно установлено!\n` + + `🤖 Бот: @${result.bot.username} (${result.bot.first_name})\n` + + `🆔 ID бота: ${result.bot.id}\n` + + `⏰ Время тестирования: ${new Date().toLocaleString('ru-RU')}\n` + + `🌐 Сайт: ${process.env.BASE_URL || 'http://localhost:3000'}\n\n` + + `Бот готов к отправке уведомлений! 🚀`; + + const sendResult = await telegramService.sendMessage(testMessage); + + if (sendResult.success) { + res.json({ + success: true, + message: 'Test message sent successfully!', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: 'Bot connection successful, but failed to send test message: ' + (sendResult.error || sendResult.message) + }); + } + } else { + res.status(400).json({ + success: false, + message: result.message || result.error || 'Failed to connect to Telegram bot' + }); + } + } catch (error) { + console.error('Telegram test error:', error); + res.status(500).json({ + success: false, + message: 'Error testing Telegram bot' + }); + } +}); + +// Send custom message +router.post('/telegram/send', requireAuth, [ + body('message').notEmpty().withMessage('Message is required'), + body('chatIds').optional().isArray().withMessage('Chat IDs must be an array'), + body('parseMode').optional().isIn(['HTML', 'Markdown', 'MarkdownV2']).withMessage('Invalid parse mode') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { + message, + chatIds = [], + parseMode = 'HTML', + disableWebPagePreview = false, + disableNotification = false + } = req.body; + + const telegramService = require('../services/telegram'); + + let result; + if (chatIds.length > 0) { + // Send to multiple chats + result = await telegramService.sendCustomMessage({ + text: message, + chatIds: chatIds.map(id => parseInt(id)), + parseMode, + disableWebPagePreview, + disableNotification + }); + + res.json({ + success: result.success, + message: result.success ? + `Message sent to ${result.totalSent} chat(s). ${result.totalFailed} failed.` : + 'Failed to send message', + results: result.results || [], + errors: result.errors || [] + }); + } else { + // Send to default chat + result = await telegramService.sendMessage(message, { + parse_mode: parseMode, + disable_web_page_preview: disableWebPagePreview, + disable_notification: disableNotification + }); + + if (result.success) { + res.json({ + success: true, + message: 'Message sent successfully!' + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to send message' + }); + } + } + } catch (error) { + console.error('Send Telegram message error:', error); + res.status(500).json({ + success: false, + message: 'Error sending message' + }); + } +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/routes/admin_20251026212708.js b/.history/routes/admin_20251026212708.js new file mode 100644 index 0000000..03db60b --- /dev/null +++ b/.history/routes/admin_20251026212708.js @@ -0,0 +1,1634 @@ +const express = require('express'); +const router = express.Router(); +const multer = require('multer'); +const sharp = require('sharp'); +const path = require('path'); +const fs = require('fs').promises; +const { body, validationResult } = require('express-validator'); +const { User, Portfolio, Service, Contact, SiteSettings, Banner } = require('../models'); + +// Configure multer for file uploads +const storage = multer.memoryStorage(); // Use memory storage to process with sharp +const upload = multer({ + storage, + limits: { fileSize: 10 * 1024 * 1024 }, // 10MB limit + fileFilter: (req, file, cb) => { + if (file.mimetype.startsWith('image/')) { + cb(null, true); + } else { + cb(new Error('Only image files are allowed'), false); + } + } +}); + +// Authentication middleware +const requireAuth = (req, res, next) => { + if (!req.session.user) { + return res.redirect('/admin/login'); + } + next(); +}; + +// Add stats middleware +const addStats = async (req, res, next) => { + try { + if (req.session.user) { + const [portfolioCount, servicesCount, contactsCount] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count() + ]); + + res.locals.stats = { + portfolioCount, + servicesCount, + contactsCount + }; + } + next(); + } catch (error) { + console.error('Stats middleware error:', error); + next(); + } +}; + +// Admin login page +router.get('/login', (req, res) => { + if (req.session.user) { + return res.redirect('/admin/dashboard'); + } + + res.render('admin/login', { + title: 'Admin Login', + error: null + }); +}); + +// Admin login POST +router.post('/login', async (req, res) => { + try { + const { email, password } = req.body; + + const user = await User.findOne({ + where: { + email: email, + isActive: true + } + }); + if (!user || !(await user.comparePassword(password))) { + return res.render('admin/login', { + title: 'Admin Login', + error: 'Invalid credentials' + }); + } + + await user.updateLastLogin(); + + req.session.user = { + id: user.id, + email: user.email, + name: user.name, + role: user.role + }; + + res.redirect('/admin/dashboard'); + } catch (error) { + console.error('Admin login error:', error); + res.render('admin/login', { + title: 'Admin Login', + error: 'Server error' + }); + } +}); + +// Admin logout +router.post('/logout', (req, res) => { + req.session.destroy(err => { + if (err) { + console.error('Logout error:', err); + } + res.redirect('/admin/login'); + }); +}); + +// Dashboard (default route) +router.get('/', requireAuth, async (req, res) => { + res.redirect('/admin/dashboard'); +}); + +// Dashboard +router.get('/dashboard', requireAuth, async (req, res) => { + try { + const [ + portfolioCount, + servicesCount, + contactsCount, + recentContacts, + recentPortfolio + ] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count(), + Contact.findAll({ + order: [['createdAt', 'DESC']], + limit: 5 + }), + Portfolio.findAll({ + where: { isPublished: true }, + order: [['createdAt', 'DESC']], + limit: 5 + }) + ]); + + const stats = { + portfolioCount: portfolioCount, + servicesCount: servicesCount, + contactsCount: contactsCount, + usersCount: await User.count() + }; + + res.render('admin/dashboard', { + title: 'Admin Dashboard', + layout: 'admin/layout', + user: req.session.user, + stats, + recentContacts, + recentPortfolio, + currentPage: 'dashboard' + }); + } catch (error) { + console.error('Dashboard error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading dashboard' + }); + } +}); + +// Banner management +router.get('/banners', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [banners, total] = await Promise.all([ + Banner.findAll({ + order: [['order', 'ASC'], ['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Banner.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/banners/list', { + title: 'Banner Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banners, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Banner list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banners' + }); + } +}); + +// Add banner +router.get('/banners/add', requireAuth, (req, res) => { + res.render('admin/banners/add', { + title: 'Add Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); +}); + +// Create banner +router.post('/banners/add', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive = true, + startDate, + endDate, + targetAudience = 'all', + backgroundColor, + textColor, + animation = 'none' + } = req.body; + + const banner = await Banner.create({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience, + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation + }); + + res.json({ + success: true, + message: '배너가 성공적으로 생성되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner creation error:', error); + res.status(500).json({ + success: false, + message: '배너 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit banner +router.get('/banners/edit/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Banner not found' + }); + } + + res.render('admin/banners/edit', { + title: 'Edit Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banner, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); + } catch (error) { + console.error('Banner edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banner' + }); + } +}); + +// Update banner +router.put('/banners/:id', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const banner = await Banner.findByPk(req.params.id); + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive, + startDate, + endDate, + targetAudience, + backgroundColor, + textColor, + animation + } = req.body; + + await banner.update({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience: targetAudience || 'all', + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation: animation || 'none' + }); + + res.json({ + success: true, + message: '배너가 성공적으로 업데이트되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner update error:', error); + res.status(500).json({ + success: false, + message: '배너 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete banner +router.delete('/banners/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.destroy(); + + res.json({ + success: true, + message: '배너가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Banner deletion error:', error); + res.status(500).json({ + success: false, + message: '배너 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle banner active status +router.patch('/banners/:id/toggle-active', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const newStatus = !banner.isActive; + await banner.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `배너가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Banner toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Record banner click +router.post('/banners/:id/click', async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.recordClick(); + + res.json({ + success: true, + clickCount: banner.clickCount + }); + } catch (error) { + console.error('Banner click record error:', error); + res.status(500).json({ + success: false, + message: '클릭 기록 중 오류가 발생했습니다' + }); + } +}); + +// Banner Editor (legacy route) +router.get('/banner-editor', requireAuth, async (req, res) => { + res.redirect('/admin/banners'); +}); + +// Portfolio management +router.get('/portfolio', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [portfolio, total] = await Promise.all([ + Portfolio.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Portfolio.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/portfolio/list', { + title: 'Portfolio Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Portfolio list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio' + }); + } +}); + +// Utility function for category names +const getCategoryName = (category) => { + const categoryNames = { + 'web-development': 'Веб-разработка', + 'mobile-app': 'Мобильные приложения', + 'ui-ux-design': 'UI/UX дизайн', + 'e-commerce': 'Электронная коммерция', + 'enterprise': 'Корпоративное ПО', + 'other': 'Другое' + }; + return categoryNames[category] || category; +}; + +// Add portfolio item +router.get('/portfolio/add', requireAuth, (req, res) => { + res.render('admin/portfolio/add', { + title: 'Add Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ], + getCategoryName: getCategoryName + }); +}); + +// Create portfolio item +router.post('/portfolio/add', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + if (parsedTechnologies.length === 0) { + return res.status(400).json({ + success: false, + message: 'Добавьте хотя бы одну технологию' + }); + } + + // Process uploaded images + const processedImages = []; + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + processedImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Create portfolio item + const portfolio = await Portfolio.create({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: processedImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) ? new Date() : null, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно создан!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio creation error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании проекта: ' + error.message + }); + } +}); + +// Edit portfolio item +router.get('/portfolio/edit/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Portfolio item not found' + }); + } + + res.render('admin/portfolio/edit', { + title: 'Edit Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ] + }); + } catch (error) { + console.error('Portfolio edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio item' + }); + } +}); + +// Update portfolio item +router.put('/portfolio/:id', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + if (!portfolio) { + return res.status(404).json({ + success: false, + message: 'Проект не найден' + }); + } + + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured, + existingImages + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Handle existing images + let finalImages = []; + try { + const existing = JSON.parse(existingImages || '[]'); + finalImages = Array.isArray(existing) ? existing : []; + } catch (e) { + finalImages = portfolio.images || []; + } + + // Process new uploaded images + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + finalImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = portfolio.seo || {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Update portfolio + await portfolio.update({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: finalImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно обновлен!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio update error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при обновлении проекта: ' + error.message + }); + } +}); + +// Delete portfolio item +router.delete('/portfolio/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + await portfolio.destroy(); + + res.json({ + success: true, + message: '포트폴리오가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Portfolio deletion error:', error); + res.status(500).json({ + success: false, + message: '포트폴리오 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle portfolio publish status +router.patch('/portfolio/:id/toggle-publish', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + const newStatus = !portfolio.isPublished; + await portfolio.update({ + isPublished: newStatus, + publishedAt: newStatus && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: newStatus ? 'published' : 'draft' + }); + + res.json({ + success: true, + message: `포트폴리오가 ${newStatus ? '게시' : '비공개'}되었습니다`, + isPublished: newStatus + }); + } catch (error) { + console.error('Portfolio toggle publish error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Portfolio preview +router.post('/portfolio/preview', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName + } = req.body; + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Process uploaded images for preview + const previewImages = []; + if (req.files && req.files.length > 0) { + for (const file of req.files) { + // Convert to base64 for preview + const base64 = `data:${file.mimetype};base64,${file.buffer.toString('base64')}`; + previewImages.push(base64); + } + } + + const previewData = { + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: previewImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + createdAt: new Date() + }; + + res.json({ + success: true, + preview: previewData + }); + } catch (error) { + console.error('Portfolio preview error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании предпросмотра: ' + error.message + }); + } +}); + +// Services management +router.get('/services', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [services, total] = await Promise.all([ + Service.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Service.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/services/list', { + title: 'Services Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + services, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Services list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading services' + }); + } +}); + +// Add service +router.get('/services/add', requireAuth, (req, res) => { + res.render('admin/services/add', { + title: 'Add Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); +}); + +// Create service +router.post('/services/add', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive = true, + featured = false + } = req.body; + + const service = await Service.create({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 생성되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service creation error:', error); + res.status(500).json({ + success: false, + message: '서비스 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit service +router.get('/services/edit/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Service not found' + }); + } + + const availablePortfolio = await Portfolio.findAll({ + where: { isPublished: true }, + attributes: ['id', 'title', 'category'] + }); + + res.render('admin/services/edit', { + title: 'Edit Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + service, + availablePortfolio, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); + } catch (error) { + console.error('Service edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading service' + }); + } +}); + +// Update service +router.put('/services/:id', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const service = await Service.findByPk(req.params.id); + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive, + featured + } = req.body; + + await service.update({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 업데이트되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service update error:', error); + res.status(500).json({ + success: false, + message: '서비스 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete service +router.delete('/services/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + await service.destroy(); + + res.json({ + success: true, + message: '서비스가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Service deletion error:', error); + res.status(500).json({ + success: false, + message: '서비스 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle service active status +router.patch('/services/:id/toggle-active', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const newStatus = !service.isActive; + await service.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `서비스가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Service toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Contacts management +router.get('/contacts', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + const status = req.query.status; + + let whereClause = {}; + if (status && status !== 'all') { + whereClause.status = status; + } + + const [contacts, total] = await Promise.all([ + Contact.findAll({ + where: whereClause, + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Contact.count({ where: whereClause }) + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/contacts/list', { + title: 'Contacts Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contacts, + currentStatus: status || 'all', + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Contacts list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contacts' + }); + } +}); + +// View contact details +router.get('/contacts/:id', requireAuth, async (req, res) => { + try { + const contact = await Contact.findByPk(req.params.id); + + if (!contact) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Contact not found' + }); + } + + // Mark as read + if (!contact.isRead) { + contact.isRead = true; + await contact.save(); + } + + res.render('admin/contacts/view', { + title: 'Contact Details - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contact + }); + } catch (error) { + console.error('Contact view error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contact' + }); + } +}); + +// Settings +router.get('/settings', requireAuth, addStats, async (req, res) => { + try { + const settings = await SiteSettings.findOne() || await SiteSettings.create({}); + + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + settings + }); + } catch (error) { + console.error('Settings error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading settings' + }); + } +}); + +// Media gallery +router.get('/media', requireAuth, addStats, (req, res) => { + res.render('admin/media', { + title: 'Media Gallery - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +// Telegram bot configuration and testing +router.get('/telegram', requireAuth, addStats, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + + // Get bot info and available chats if token is configured + let botInfo = null; + let availableChats = []; + + if (telegramService.botToken) { + const result = await telegramService.getBotInfo(); + if (result.success) { + botInfo = result.bot; + availableChats = telegramService.getAvailableChats(); + } + } + + res.render('admin/telegram', { + title: 'Telegram Bot - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + botConfigured: telegramService.isEnabled, + botToken: telegramService.botToken || '', + chatId: telegramService.chatId || '', + botInfo, + availableChats + }); + } catch (error) { + console.error('Telegram page error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading Telegram settings' + }); + } +}); + +// Update bot token +router.post('/telegram/configure', requireAuth, [ + body('botToken').notEmpty().withMessage('Bot token is required'), + body('chatId').optional().isNumeric().withMessage('Chat ID must be numeric') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { botToken, chatId } = req.body; + const telegramService = require('../services/telegram'); + + // Update bot token + const result = await telegramService.updateBotToken(botToken); + + if (result.success) { + // Update chat ID if provided + if (chatId) { + telegramService.updateChatId(parseInt(chatId)); + } + + // Update environment variables (in production, this should update a config file) + process.env.TELEGRAM_BOT_TOKEN = botToken; + if (chatId) { + process.env.TELEGRAM_CHAT_ID = chatId; + } + + res.json({ + success: true, + message: 'Telegram bot configured successfully', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to configure bot' + }); + } + } catch (error) { + console.error('Configure Telegram bot error:', error); + res.status(500).json({ + success: false, + message: 'Error configuring Telegram bot' + }); + } +}); + +// Get bot info and discover chats +router.get('/telegram/info', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + res.json({ + success: true, + botInfo: result.bot, + availableChats: result.availableChats || [], + isConfigured: telegramService.isEnabled + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to get bot info' + }); + } + } catch (error) { + console.error('Get Telegram info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting bot information' + }); + } +}); + +// Get chat information +router.get('/telegram/chat/:chatId', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.getChat(req.params.chatId); + + if (result.success) { + res.json({ + success: true, + chat: result.chat + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to get chat info' + }); + } + } catch (error) { + console.error('Get chat info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting chat information' + }); + } +}); + +// Test connection +router.post('/telegram/test', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + const testMessage = `🤖 Тест Telegram бота\n\n` + + `✅ Соединение успешно установлено!\n` + + `🤖 Бот: @${result.bot.username} (${result.bot.first_name})\n` + + `🆔 ID бота: ${result.bot.id}\n` + + `⏰ Время тестирования: ${new Date().toLocaleString('ru-RU')}\n` + + `🌐 Сайт: ${process.env.BASE_URL || 'http://localhost:3000'}\n\n` + + `Бот готов к отправке уведомлений! 🚀`; + + const sendResult = await telegramService.sendMessage(testMessage); + + if (sendResult.success) { + res.json({ + success: true, + message: 'Test message sent successfully!', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: 'Bot connection successful, but failed to send test message: ' + (sendResult.error || sendResult.message) + }); + } + } else { + res.status(400).json({ + success: false, + message: result.message || result.error || 'Failed to connect to Telegram bot' + }); + } + } catch (error) { + console.error('Telegram test error:', error); + res.status(500).json({ + success: false, + message: 'Error testing Telegram bot' + }); + } +}); + +// Send custom message +router.post('/telegram/send', requireAuth, [ + body('message').notEmpty().withMessage('Message is required'), + body('chatIds').optional().isArray().withMessage('Chat IDs must be an array'), + body('parseMode').optional().isIn(['HTML', 'Markdown', 'MarkdownV2']).withMessage('Invalid parse mode') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { + message, + chatIds = [], + parseMode = 'HTML', + disableWebPagePreview = false, + disableNotification = false + } = req.body; + + const telegramService = require('../services/telegram'); + + let result; + if (chatIds.length > 0) { + // Send to multiple chats + result = await telegramService.sendCustomMessage({ + text: message, + chatIds: chatIds.map(id => parseInt(id)), + parseMode, + disableWebPagePreview, + disableNotification + }); + + res.json({ + success: result.success, + message: result.success ? + `Message sent to ${result.totalSent} chat(s). ${result.totalFailed} failed.` : + 'Failed to send message', + results: result.results || [], + errors: result.errors || [] + }); + } else { + // Send to default chat + result = await telegramService.sendMessage(message, { + parse_mode: parseMode, + disable_web_page_preview: disableWebPagePreview, + disable_notification: disableNotification + }); + + if (result.success) { + res.json({ + success: true, + message: 'Message sent successfully!' + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to send message' + }); + } + } + } catch (error) { + console.error('Send Telegram message error:', error); + res.status(500).json({ + success: false, + message: 'Error sending message' + }); + } +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/routes/admin_20251026212718.js b/.history/routes/admin_20251026212718.js new file mode 100644 index 0000000..8b5ee41 --- /dev/null +++ b/.history/routes/admin_20251026212718.js @@ -0,0 +1,1634 @@ +const express = require('express'); +const router = express.Router(); +const multer = require('multer'); +const sharp = require('sharp'); +const path = require('path'); +const fs = require('fs').promises; +const { body, validationResult } = require('express-validator'); +const { User, Portfolio, Service, Contact, SiteSettings, Banner } = require('../models'); + +// Configure multer for file uploads +const storage = multer.memoryStorage(); // Use memory storage to process with sharp +const upload = multer({ + storage, + limits: { fileSize: 10 * 1024 * 1024 }, // 10MB limit + fileFilter: (req, file, cb) => { + if (file.mimetype.startsWith('image/')) { + cb(null, true); + } else { + cb(new Error('Only image files are allowed'), false); + } + } +}); + +// Authentication middleware +const requireAuth = (req, res, next) => { + if (!req.session.user) { + return res.redirect('/admin/login'); + } + next(); +}; + +// Add stats middleware +const addStats = async (req, res, next) => { + try { + if (req.session.user) { + const [portfolioCount, servicesCount, contactsCount] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count() + ]); + + res.locals.stats = { + portfolioCount, + servicesCount, + contactsCount + }; + } + next(); + } catch (error) { + console.error('Stats middleware error:', error); + next(); + } +}; + +// Admin login page +router.get('/login', (req, res) => { + if (req.session.user) { + return res.redirect('/admin/dashboard'); + } + + res.render('admin/login', { + title: 'Admin Login', + error: null + }); +}); + +// Admin login POST +router.post('/login', async (req, res) => { + try { + const { email, password } = req.body; + + const user = await User.findOne({ + where: { + email: email, + isActive: true + } + }); + if (!user || !(await user.comparePassword(password))) { + return res.render('admin/login', { + title: 'Admin Login', + error: 'Invalid credentials' + }); + } + + await user.updateLastLogin(); + + req.session.user = { + id: user.id, + email: user.email, + name: user.name, + role: user.role + }; + + res.redirect('/admin/dashboard'); + } catch (error) { + console.error('Admin login error:', error); + res.render('admin/login', { + title: 'Admin Login', + error: 'Server error' + }); + } +}); + +// Admin logout +router.post('/logout', (req, res) => { + req.session.destroy(err => { + if (err) { + console.error('Logout error:', err); + } + res.redirect('/admin/login'); + }); +}); + +// Dashboard (default route) +router.get('/', requireAuth, async (req, res) => { + res.redirect('/admin/dashboard'); +}); + +// Dashboard +router.get('/dashboard', requireAuth, async (req, res) => { + try { + const [ + portfolioCount, + servicesCount, + contactsCount, + recentContacts, + recentPortfolio + ] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count(), + Contact.findAll({ + order: [['createdAt', 'DESC']], + limit: 5 + }), + Portfolio.findAll({ + where: { isPublished: true }, + order: [['createdAt', 'DESC']], + limit: 5 + }) + ]); + + const stats = { + portfolioCount: portfolioCount, + servicesCount: servicesCount, + contactsCount: contactsCount, + usersCount: await User.count() + }; + + res.render('admin/dashboard', { + title: 'Admin Dashboard', + layout: 'admin/layout', + user: req.session.user, + stats, + recentContacts, + recentPortfolio, + currentPage: 'dashboard' + }); + } catch (error) { + console.error('Dashboard error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading dashboard' + }); + } +}); + +// Banner management +router.get('/banners', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [banners, total] = await Promise.all([ + Banner.findAll({ + order: [['order', 'ASC'], ['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Banner.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/banners/list', { + title: 'Banner Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banners, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Banner list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banners' + }); + } +}); + +// Add banner +router.get('/banners/add', requireAuth, (req, res) => { + res.render('admin/banners/add', { + title: 'Add Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); +}); + +// Create banner +router.post('/banners/add', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive = true, + startDate, + endDate, + targetAudience = 'all', + backgroundColor, + textColor, + animation = 'none' + } = req.body; + + const banner = await Banner.create({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience, + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation + }); + + res.json({ + success: true, + message: '배너가 성공적으로 생성되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner creation error:', error); + res.status(500).json({ + success: false, + message: '배너 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit banner +router.get('/banners/edit/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Banner not found' + }); + } + + res.render('admin/banners/edit', { + title: 'Edit Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banner, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); + } catch (error) { + console.error('Banner edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banner' + }); + } +}); + +// Update banner +router.put('/banners/:id', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const banner = await Banner.findByPk(req.params.id); + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive, + startDate, + endDate, + targetAudience, + backgroundColor, + textColor, + animation + } = req.body; + + await banner.update({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience: targetAudience || 'all', + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation: animation || 'none' + }); + + res.json({ + success: true, + message: '배너가 성공적으로 업데이트되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner update error:', error); + res.status(500).json({ + success: false, + message: '배너 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete banner +router.delete('/banners/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.destroy(); + + res.json({ + success: true, + message: '배너가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Banner deletion error:', error); + res.status(500).json({ + success: false, + message: '배너 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle banner active status +router.patch('/banners/:id/toggle-active', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const newStatus = !banner.isActive; + await banner.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `배너가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Banner toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Record banner click +router.post('/banners/:id/click', async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.recordClick(); + + res.json({ + success: true, + clickCount: banner.clickCount + }); + } catch (error) { + console.error('Banner click record error:', error); + res.status(500).json({ + success: false, + message: '클릭 기록 중 오류가 발생했습니다' + }); + } +}); + +// Banner Editor (legacy route) +router.get('/banner-editor', requireAuth, addStats, async (req, res) => { + res.redirect('/admin/banners'); +}); + +// Portfolio management +router.get('/portfolio', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [portfolio, total] = await Promise.all([ + Portfolio.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Portfolio.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/portfolio/list', { + title: 'Portfolio Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Portfolio list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio' + }); + } +}); + +// Utility function for category names +const getCategoryName = (category) => { + const categoryNames = { + 'web-development': 'Веб-разработка', + 'mobile-app': 'Мобильные приложения', + 'ui-ux-design': 'UI/UX дизайн', + 'e-commerce': 'Электронная коммерция', + 'enterprise': 'Корпоративное ПО', + 'other': 'Другое' + }; + return categoryNames[category] || category; +}; + +// Add portfolio item +router.get('/portfolio/add', requireAuth, (req, res) => { + res.render('admin/portfolio/add', { + title: 'Add Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ], + getCategoryName: getCategoryName + }); +}); + +// Create portfolio item +router.post('/portfolio/add', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + if (parsedTechnologies.length === 0) { + return res.status(400).json({ + success: false, + message: 'Добавьте хотя бы одну технологию' + }); + } + + // Process uploaded images + const processedImages = []; + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + processedImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Create portfolio item + const portfolio = await Portfolio.create({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: processedImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) ? new Date() : null, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно создан!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio creation error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании проекта: ' + error.message + }); + } +}); + +// Edit portfolio item +router.get('/portfolio/edit/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Portfolio item not found' + }); + } + + res.render('admin/portfolio/edit', { + title: 'Edit Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ] + }); + } catch (error) { + console.error('Portfolio edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio item' + }); + } +}); + +// Update portfolio item +router.put('/portfolio/:id', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + if (!portfolio) { + return res.status(404).json({ + success: false, + message: 'Проект не найден' + }); + } + + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured, + existingImages + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Handle existing images + let finalImages = []; + try { + const existing = JSON.parse(existingImages || '[]'); + finalImages = Array.isArray(existing) ? existing : []; + } catch (e) { + finalImages = portfolio.images || []; + } + + // Process new uploaded images + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + finalImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = portfolio.seo || {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Update portfolio + await portfolio.update({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: finalImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно обновлен!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio update error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при обновлении проекта: ' + error.message + }); + } +}); + +// Delete portfolio item +router.delete('/portfolio/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + await portfolio.destroy(); + + res.json({ + success: true, + message: '포트폴리오가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Portfolio deletion error:', error); + res.status(500).json({ + success: false, + message: '포트폴리오 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle portfolio publish status +router.patch('/portfolio/:id/toggle-publish', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + const newStatus = !portfolio.isPublished; + await portfolio.update({ + isPublished: newStatus, + publishedAt: newStatus && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: newStatus ? 'published' : 'draft' + }); + + res.json({ + success: true, + message: `포트폴리오가 ${newStatus ? '게시' : '비공개'}되었습니다`, + isPublished: newStatus + }); + } catch (error) { + console.error('Portfolio toggle publish error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Portfolio preview +router.post('/portfolio/preview', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName + } = req.body; + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Process uploaded images for preview + const previewImages = []; + if (req.files && req.files.length > 0) { + for (const file of req.files) { + // Convert to base64 for preview + const base64 = `data:${file.mimetype};base64,${file.buffer.toString('base64')}`; + previewImages.push(base64); + } + } + + const previewData = { + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: previewImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + createdAt: new Date() + }; + + res.json({ + success: true, + preview: previewData + }); + } catch (error) { + console.error('Portfolio preview error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании предпросмотра: ' + error.message + }); + } +}); + +// Services management +router.get('/services', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [services, total] = await Promise.all([ + Service.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Service.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/services/list', { + title: 'Services Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + services, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Services list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading services' + }); + } +}); + +// Add service +router.get('/services/add', requireAuth, (req, res) => { + res.render('admin/services/add', { + title: 'Add Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); +}); + +// Create service +router.post('/services/add', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive = true, + featured = false + } = req.body; + + const service = await Service.create({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 생성되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service creation error:', error); + res.status(500).json({ + success: false, + message: '서비스 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit service +router.get('/services/edit/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Service not found' + }); + } + + const availablePortfolio = await Portfolio.findAll({ + where: { isPublished: true }, + attributes: ['id', 'title', 'category'] + }); + + res.render('admin/services/edit', { + title: 'Edit Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + service, + availablePortfolio, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); + } catch (error) { + console.error('Service edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading service' + }); + } +}); + +// Update service +router.put('/services/:id', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const service = await Service.findByPk(req.params.id); + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive, + featured + } = req.body; + + await service.update({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 업데이트되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service update error:', error); + res.status(500).json({ + success: false, + message: '서비스 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete service +router.delete('/services/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + await service.destroy(); + + res.json({ + success: true, + message: '서비스가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Service deletion error:', error); + res.status(500).json({ + success: false, + message: '서비스 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle service active status +router.patch('/services/:id/toggle-active', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const newStatus = !service.isActive; + await service.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `서비스가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Service toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Contacts management +router.get('/contacts', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + const status = req.query.status; + + let whereClause = {}; + if (status && status !== 'all') { + whereClause.status = status; + } + + const [contacts, total] = await Promise.all([ + Contact.findAll({ + where: whereClause, + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Contact.count({ where: whereClause }) + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/contacts/list', { + title: 'Contacts Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contacts, + currentStatus: status || 'all', + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Contacts list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contacts' + }); + } +}); + +// View contact details +router.get('/contacts/:id', requireAuth, async (req, res) => { + try { + const contact = await Contact.findByPk(req.params.id); + + if (!contact) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Contact not found' + }); + } + + // Mark as read + if (!contact.isRead) { + contact.isRead = true; + await contact.save(); + } + + res.render('admin/contacts/view', { + title: 'Contact Details - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contact + }); + } catch (error) { + console.error('Contact view error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contact' + }); + } +}); + +// Settings +router.get('/settings', requireAuth, addStats, async (req, res) => { + try { + const settings = await SiteSettings.findOne() || await SiteSettings.create({}); + + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + settings + }); + } catch (error) { + console.error('Settings error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading settings' + }); + } +}); + +// Media gallery +router.get('/media', requireAuth, addStats, (req, res) => { + res.render('admin/media', { + title: 'Media Gallery - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +// Telegram bot configuration and testing +router.get('/telegram', requireAuth, addStats, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + + // Get bot info and available chats if token is configured + let botInfo = null; + let availableChats = []; + + if (telegramService.botToken) { + const result = await telegramService.getBotInfo(); + if (result.success) { + botInfo = result.bot; + availableChats = telegramService.getAvailableChats(); + } + } + + res.render('admin/telegram', { + title: 'Telegram Bot - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + botConfigured: telegramService.isEnabled, + botToken: telegramService.botToken || '', + chatId: telegramService.chatId || '', + botInfo, + availableChats + }); + } catch (error) { + console.error('Telegram page error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading Telegram settings' + }); + } +}); + +// Update bot token +router.post('/telegram/configure', requireAuth, [ + body('botToken').notEmpty().withMessage('Bot token is required'), + body('chatId').optional().isNumeric().withMessage('Chat ID must be numeric') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { botToken, chatId } = req.body; + const telegramService = require('../services/telegram'); + + // Update bot token + const result = await telegramService.updateBotToken(botToken); + + if (result.success) { + // Update chat ID if provided + if (chatId) { + telegramService.updateChatId(parseInt(chatId)); + } + + // Update environment variables (in production, this should update a config file) + process.env.TELEGRAM_BOT_TOKEN = botToken; + if (chatId) { + process.env.TELEGRAM_CHAT_ID = chatId; + } + + res.json({ + success: true, + message: 'Telegram bot configured successfully', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to configure bot' + }); + } + } catch (error) { + console.error('Configure Telegram bot error:', error); + res.status(500).json({ + success: false, + message: 'Error configuring Telegram bot' + }); + } +}); + +// Get bot info and discover chats +router.get('/telegram/info', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + res.json({ + success: true, + botInfo: result.bot, + availableChats: result.availableChats || [], + isConfigured: telegramService.isEnabled + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to get bot info' + }); + } + } catch (error) { + console.error('Get Telegram info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting bot information' + }); + } +}); + +// Get chat information +router.get('/telegram/chat/:chatId', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.getChat(req.params.chatId); + + if (result.success) { + res.json({ + success: true, + chat: result.chat + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to get chat info' + }); + } + } catch (error) { + console.error('Get chat info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting chat information' + }); + } +}); + +// Test connection +router.post('/telegram/test', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + const testMessage = `🤖 Тест Telegram бота\n\n` + + `✅ Соединение успешно установлено!\n` + + `🤖 Бот: @${result.bot.username} (${result.bot.first_name})\n` + + `🆔 ID бота: ${result.bot.id}\n` + + `⏰ Время тестирования: ${new Date().toLocaleString('ru-RU')}\n` + + `🌐 Сайт: ${process.env.BASE_URL || 'http://localhost:3000'}\n\n` + + `Бот готов к отправке уведомлений! 🚀`; + + const sendResult = await telegramService.sendMessage(testMessage); + + if (sendResult.success) { + res.json({ + success: true, + message: 'Test message sent successfully!', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: 'Bot connection successful, but failed to send test message: ' + (sendResult.error || sendResult.message) + }); + } + } else { + res.status(400).json({ + success: false, + message: result.message || result.error || 'Failed to connect to Telegram bot' + }); + } + } catch (error) { + console.error('Telegram test error:', error); + res.status(500).json({ + success: false, + message: 'Error testing Telegram bot' + }); + } +}); + +// Send custom message +router.post('/telegram/send', requireAuth, [ + body('message').notEmpty().withMessage('Message is required'), + body('chatIds').optional().isArray().withMessage('Chat IDs must be an array'), + body('parseMode').optional().isIn(['HTML', 'Markdown', 'MarkdownV2']).withMessage('Invalid parse mode') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { + message, + chatIds = [], + parseMode = 'HTML', + disableWebPagePreview = false, + disableNotification = false + } = req.body; + + const telegramService = require('../services/telegram'); + + let result; + if (chatIds.length > 0) { + // Send to multiple chats + result = await telegramService.sendCustomMessage({ + text: message, + chatIds: chatIds.map(id => parseInt(id)), + parseMode, + disableWebPagePreview, + disableNotification + }); + + res.json({ + success: result.success, + message: result.success ? + `Message sent to ${result.totalSent} chat(s). ${result.totalFailed} failed.` : + 'Failed to send message', + results: result.results || [], + errors: result.errors || [] + }); + } else { + // Send to default chat + result = await telegramService.sendMessage(message, { + parse_mode: parseMode, + disable_web_page_preview: disableWebPagePreview, + disable_notification: disableNotification + }); + + if (result.success) { + res.json({ + success: true, + message: 'Message sent successfully!' + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to send message' + }); + } + } + } catch (error) { + console.error('Send Telegram message error:', error); + res.status(500).json({ + success: false, + message: 'Error sending message' + }); + } +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/routes/admin_20251026212756.js b/.history/routes/admin_20251026212756.js new file mode 100644 index 0000000..8b5ee41 --- /dev/null +++ b/.history/routes/admin_20251026212756.js @@ -0,0 +1,1634 @@ +const express = require('express'); +const router = express.Router(); +const multer = require('multer'); +const sharp = require('sharp'); +const path = require('path'); +const fs = require('fs').promises; +const { body, validationResult } = require('express-validator'); +const { User, Portfolio, Service, Contact, SiteSettings, Banner } = require('../models'); + +// Configure multer for file uploads +const storage = multer.memoryStorage(); // Use memory storage to process with sharp +const upload = multer({ + storage, + limits: { fileSize: 10 * 1024 * 1024 }, // 10MB limit + fileFilter: (req, file, cb) => { + if (file.mimetype.startsWith('image/')) { + cb(null, true); + } else { + cb(new Error('Only image files are allowed'), false); + } + } +}); + +// Authentication middleware +const requireAuth = (req, res, next) => { + if (!req.session.user) { + return res.redirect('/admin/login'); + } + next(); +}; + +// Add stats middleware +const addStats = async (req, res, next) => { + try { + if (req.session.user) { + const [portfolioCount, servicesCount, contactsCount] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count() + ]); + + res.locals.stats = { + portfolioCount, + servicesCount, + contactsCount + }; + } + next(); + } catch (error) { + console.error('Stats middleware error:', error); + next(); + } +}; + +// Admin login page +router.get('/login', (req, res) => { + if (req.session.user) { + return res.redirect('/admin/dashboard'); + } + + res.render('admin/login', { + title: 'Admin Login', + error: null + }); +}); + +// Admin login POST +router.post('/login', async (req, res) => { + try { + const { email, password } = req.body; + + const user = await User.findOne({ + where: { + email: email, + isActive: true + } + }); + if (!user || !(await user.comparePassword(password))) { + return res.render('admin/login', { + title: 'Admin Login', + error: 'Invalid credentials' + }); + } + + await user.updateLastLogin(); + + req.session.user = { + id: user.id, + email: user.email, + name: user.name, + role: user.role + }; + + res.redirect('/admin/dashboard'); + } catch (error) { + console.error('Admin login error:', error); + res.render('admin/login', { + title: 'Admin Login', + error: 'Server error' + }); + } +}); + +// Admin logout +router.post('/logout', (req, res) => { + req.session.destroy(err => { + if (err) { + console.error('Logout error:', err); + } + res.redirect('/admin/login'); + }); +}); + +// Dashboard (default route) +router.get('/', requireAuth, async (req, res) => { + res.redirect('/admin/dashboard'); +}); + +// Dashboard +router.get('/dashboard', requireAuth, async (req, res) => { + try { + const [ + portfolioCount, + servicesCount, + contactsCount, + recentContacts, + recentPortfolio + ] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count(), + Contact.findAll({ + order: [['createdAt', 'DESC']], + limit: 5 + }), + Portfolio.findAll({ + where: { isPublished: true }, + order: [['createdAt', 'DESC']], + limit: 5 + }) + ]); + + const stats = { + portfolioCount: portfolioCount, + servicesCount: servicesCount, + contactsCount: contactsCount, + usersCount: await User.count() + }; + + res.render('admin/dashboard', { + title: 'Admin Dashboard', + layout: 'admin/layout', + user: req.session.user, + stats, + recentContacts, + recentPortfolio, + currentPage: 'dashboard' + }); + } catch (error) { + console.error('Dashboard error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading dashboard' + }); + } +}); + +// Banner management +router.get('/banners', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [banners, total] = await Promise.all([ + Banner.findAll({ + order: [['order', 'ASC'], ['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Banner.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/banners/list', { + title: 'Banner Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banners, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Banner list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banners' + }); + } +}); + +// Add banner +router.get('/banners/add', requireAuth, (req, res) => { + res.render('admin/banners/add', { + title: 'Add Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); +}); + +// Create banner +router.post('/banners/add', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive = true, + startDate, + endDate, + targetAudience = 'all', + backgroundColor, + textColor, + animation = 'none' + } = req.body; + + const banner = await Banner.create({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience, + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation + }); + + res.json({ + success: true, + message: '배너가 성공적으로 생성되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner creation error:', error); + res.status(500).json({ + success: false, + message: '배너 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit banner +router.get('/banners/edit/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Banner not found' + }); + } + + res.render('admin/banners/edit', { + title: 'Edit Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banner, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); + } catch (error) { + console.error('Banner edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banner' + }); + } +}); + +// Update banner +router.put('/banners/:id', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const banner = await Banner.findByPk(req.params.id); + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive, + startDate, + endDate, + targetAudience, + backgroundColor, + textColor, + animation + } = req.body; + + await banner.update({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience: targetAudience || 'all', + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation: animation || 'none' + }); + + res.json({ + success: true, + message: '배너가 성공적으로 업데이트되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner update error:', error); + res.status(500).json({ + success: false, + message: '배너 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete banner +router.delete('/banners/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.destroy(); + + res.json({ + success: true, + message: '배너가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Banner deletion error:', error); + res.status(500).json({ + success: false, + message: '배너 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle banner active status +router.patch('/banners/:id/toggle-active', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const newStatus = !banner.isActive; + await banner.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `배너가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Banner toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Record banner click +router.post('/banners/:id/click', async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.recordClick(); + + res.json({ + success: true, + clickCount: banner.clickCount + }); + } catch (error) { + console.error('Banner click record error:', error); + res.status(500).json({ + success: false, + message: '클릭 기록 중 오류가 발생했습니다' + }); + } +}); + +// Banner Editor (legacy route) +router.get('/banner-editor', requireAuth, addStats, async (req, res) => { + res.redirect('/admin/banners'); +}); + +// Portfolio management +router.get('/portfolio', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [portfolio, total] = await Promise.all([ + Portfolio.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Portfolio.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/portfolio/list', { + title: 'Portfolio Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Portfolio list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio' + }); + } +}); + +// Utility function for category names +const getCategoryName = (category) => { + const categoryNames = { + 'web-development': 'Веб-разработка', + 'mobile-app': 'Мобильные приложения', + 'ui-ux-design': 'UI/UX дизайн', + 'e-commerce': 'Электронная коммерция', + 'enterprise': 'Корпоративное ПО', + 'other': 'Другое' + }; + return categoryNames[category] || category; +}; + +// Add portfolio item +router.get('/portfolio/add', requireAuth, (req, res) => { + res.render('admin/portfolio/add', { + title: 'Add Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ], + getCategoryName: getCategoryName + }); +}); + +// Create portfolio item +router.post('/portfolio/add', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + if (parsedTechnologies.length === 0) { + return res.status(400).json({ + success: false, + message: 'Добавьте хотя бы одну технологию' + }); + } + + // Process uploaded images + const processedImages = []; + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + processedImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Create portfolio item + const portfolio = await Portfolio.create({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: processedImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) ? new Date() : null, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно создан!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio creation error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании проекта: ' + error.message + }); + } +}); + +// Edit portfolio item +router.get('/portfolio/edit/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Portfolio item not found' + }); + } + + res.render('admin/portfolio/edit', { + title: 'Edit Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ] + }); + } catch (error) { + console.error('Portfolio edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio item' + }); + } +}); + +// Update portfolio item +router.put('/portfolio/:id', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + if (!portfolio) { + return res.status(404).json({ + success: false, + message: 'Проект не найден' + }); + } + + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured, + existingImages + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Handle existing images + let finalImages = []; + try { + const existing = JSON.parse(existingImages || '[]'); + finalImages = Array.isArray(existing) ? existing : []; + } catch (e) { + finalImages = portfolio.images || []; + } + + // Process new uploaded images + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + finalImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = portfolio.seo || {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Update portfolio + await portfolio.update({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: finalImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно обновлен!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio update error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при обновлении проекта: ' + error.message + }); + } +}); + +// Delete portfolio item +router.delete('/portfolio/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + await portfolio.destroy(); + + res.json({ + success: true, + message: '포트폴리오가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Portfolio deletion error:', error); + res.status(500).json({ + success: false, + message: '포트폴리오 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle portfolio publish status +router.patch('/portfolio/:id/toggle-publish', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + const newStatus = !portfolio.isPublished; + await portfolio.update({ + isPublished: newStatus, + publishedAt: newStatus && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: newStatus ? 'published' : 'draft' + }); + + res.json({ + success: true, + message: `포트폴리오가 ${newStatus ? '게시' : '비공개'}되었습니다`, + isPublished: newStatus + }); + } catch (error) { + console.error('Portfolio toggle publish error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Portfolio preview +router.post('/portfolio/preview', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName + } = req.body; + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Process uploaded images for preview + const previewImages = []; + if (req.files && req.files.length > 0) { + for (const file of req.files) { + // Convert to base64 for preview + const base64 = `data:${file.mimetype};base64,${file.buffer.toString('base64')}`; + previewImages.push(base64); + } + } + + const previewData = { + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: previewImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + createdAt: new Date() + }; + + res.json({ + success: true, + preview: previewData + }); + } catch (error) { + console.error('Portfolio preview error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании предпросмотра: ' + error.message + }); + } +}); + +// Services management +router.get('/services', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [services, total] = await Promise.all([ + Service.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Service.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/services/list', { + title: 'Services Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + services, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Services list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading services' + }); + } +}); + +// Add service +router.get('/services/add', requireAuth, (req, res) => { + res.render('admin/services/add', { + title: 'Add Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); +}); + +// Create service +router.post('/services/add', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive = true, + featured = false + } = req.body; + + const service = await Service.create({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 생성되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service creation error:', error); + res.status(500).json({ + success: false, + message: '서비스 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit service +router.get('/services/edit/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Service not found' + }); + } + + const availablePortfolio = await Portfolio.findAll({ + where: { isPublished: true }, + attributes: ['id', 'title', 'category'] + }); + + res.render('admin/services/edit', { + title: 'Edit Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + service, + availablePortfolio, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); + } catch (error) { + console.error('Service edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading service' + }); + } +}); + +// Update service +router.put('/services/:id', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const service = await Service.findByPk(req.params.id); + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive, + featured + } = req.body; + + await service.update({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 업데이트되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service update error:', error); + res.status(500).json({ + success: false, + message: '서비스 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete service +router.delete('/services/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + await service.destroy(); + + res.json({ + success: true, + message: '서비스가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Service deletion error:', error); + res.status(500).json({ + success: false, + message: '서비스 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle service active status +router.patch('/services/:id/toggle-active', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const newStatus = !service.isActive; + await service.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `서비스가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Service toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Contacts management +router.get('/contacts', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + const status = req.query.status; + + let whereClause = {}; + if (status && status !== 'all') { + whereClause.status = status; + } + + const [contacts, total] = await Promise.all([ + Contact.findAll({ + where: whereClause, + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Contact.count({ where: whereClause }) + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/contacts/list', { + title: 'Contacts Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contacts, + currentStatus: status || 'all', + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Contacts list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contacts' + }); + } +}); + +// View contact details +router.get('/contacts/:id', requireAuth, async (req, res) => { + try { + const contact = await Contact.findByPk(req.params.id); + + if (!contact) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Contact not found' + }); + } + + // Mark as read + if (!contact.isRead) { + contact.isRead = true; + await contact.save(); + } + + res.render('admin/contacts/view', { + title: 'Contact Details - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contact + }); + } catch (error) { + console.error('Contact view error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contact' + }); + } +}); + +// Settings +router.get('/settings', requireAuth, addStats, async (req, res) => { + try { + const settings = await SiteSettings.findOne() || await SiteSettings.create({}); + + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + settings + }); + } catch (error) { + console.error('Settings error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading settings' + }); + } +}); + +// Media gallery +router.get('/media', requireAuth, addStats, (req, res) => { + res.render('admin/media', { + title: 'Media Gallery - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +// Telegram bot configuration and testing +router.get('/telegram', requireAuth, addStats, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + + // Get bot info and available chats if token is configured + let botInfo = null; + let availableChats = []; + + if (telegramService.botToken) { + const result = await telegramService.getBotInfo(); + if (result.success) { + botInfo = result.bot; + availableChats = telegramService.getAvailableChats(); + } + } + + res.render('admin/telegram', { + title: 'Telegram Bot - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + botConfigured: telegramService.isEnabled, + botToken: telegramService.botToken || '', + chatId: telegramService.chatId || '', + botInfo, + availableChats + }); + } catch (error) { + console.error('Telegram page error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading Telegram settings' + }); + } +}); + +// Update bot token +router.post('/telegram/configure', requireAuth, [ + body('botToken').notEmpty().withMessage('Bot token is required'), + body('chatId').optional().isNumeric().withMessage('Chat ID must be numeric') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { botToken, chatId } = req.body; + const telegramService = require('../services/telegram'); + + // Update bot token + const result = await telegramService.updateBotToken(botToken); + + if (result.success) { + // Update chat ID if provided + if (chatId) { + telegramService.updateChatId(parseInt(chatId)); + } + + // Update environment variables (in production, this should update a config file) + process.env.TELEGRAM_BOT_TOKEN = botToken; + if (chatId) { + process.env.TELEGRAM_CHAT_ID = chatId; + } + + res.json({ + success: true, + message: 'Telegram bot configured successfully', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to configure bot' + }); + } + } catch (error) { + console.error('Configure Telegram bot error:', error); + res.status(500).json({ + success: false, + message: 'Error configuring Telegram bot' + }); + } +}); + +// Get bot info and discover chats +router.get('/telegram/info', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + res.json({ + success: true, + botInfo: result.bot, + availableChats: result.availableChats || [], + isConfigured: telegramService.isEnabled + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to get bot info' + }); + } + } catch (error) { + console.error('Get Telegram info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting bot information' + }); + } +}); + +// Get chat information +router.get('/telegram/chat/:chatId', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.getChat(req.params.chatId); + + if (result.success) { + res.json({ + success: true, + chat: result.chat + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to get chat info' + }); + } + } catch (error) { + console.error('Get chat info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting chat information' + }); + } +}); + +// Test connection +router.post('/telegram/test', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + const testMessage = `🤖 Тест Telegram бота\n\n` + + `✅ Соединение успешно установлено!\n` + + `🤖 Бот: @${result.bot.username} (${result.bot.first_name})\n` + + `🆔 ID бота: ${result.bot.id}\n` + + `⏰ Время тестирования: ${new Date().toLocaleString('ru-RU')}\n` + + `🌐 Сайт: ${process.env.BASE_URL || 'http://localhost:3000'}\n\n` + + `Бот готов к отправке уведомлений! 🚀`; + + const sendResult = await telegramService.sendMessage(testMessage); + + if (sendResult.success) { + res.json({ + success: true, + message: 'Test message sent successfully!', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: 'Bot connection successful, but failed to send test message: ' + (sendResult.error || sendResult.message) + }); + } + } else { + res.status(400).json({ + success: false, + message: result.message || result.error || 'Failed to connect to Telegram bot' + }); + } + } catch (error) { + console.error('Telegram test error:', error); + res.status(500).json({ + success: false, + message: 'Error testing Telegram bot' + }); + } +}); + +// Send custom message +router.post('/telegram/send', requireAuth, [ + body('message').notEmpty().withMessage('Message is required'), + body('chatIds').optional().isArray().withMessage('Chat IDs must be an array'), + body('parseMode').optional().isIn(['HTML', 'Markdown', 'MarkdownV2']).withMessage('Invalid parse mode') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { + message, + chatIds = [], + parseMode = 'HTML', + disableWebPagePreview = false, + disableNotification = false + } = req.body; + + const telegramService = require('../services/telegram'); + + let result; + if (chatIds.length > 0) { + // Send to multiple chats + result = await telegramService.sendCustomMessage({ + text: message, + chatIds: chatIds.map(id => parseInt(id)), + parseMode, + disableWebPagePreview, + disableNotification + }); + + res.json({ + success: result.success, + message: result.success ? + `Message sent to ${result.totalSent} chat(s). ${result.totalFailed} failed.` : + 'Failed to send message', + results: result.results || [], + errors: result.errors || [] + }); + } else { + // Send to default chat + result = await telegramService.sendMessage(message, { + parse_mode: parseMode, + disable_web_page_preview: disableWebPagePreview, + disable_notification: disableNotification + }); + + if (result.success) { + res.json({ + success: true, + message: 'Message sent successfully!' + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to send message' + }); + } + } + } catch (error) { + console.error('Send Telegram message error:', error); + res.status(500).json({ + success: false, + message: 'Error sending message' + }); + } +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/routes/admin_20251026215040.js b/.history/routes/admin_20251026215040.js new file mode 100644 index 0000000..744e882 --- /dev/null +++ b/.history/routes/admin_20251026215040.js @@ -0,0 +1,1652 @@ +const express = require('express'); +const router = express.Router(); +const multer = require('multer'); +const sharp = require('sharp'); +const path = require('path'); +const fs = require('fs').promises; +const { body, validationResult } = require('express-validator'); +const { User, Portfolio, Service, Contact, SiteSettings, Banner } = require('../models'); + +// Configure multer for file uploads +const storage = multer.memoryStorage(); // Use memory storage to process with sharp +const upload = multer({ + storage, + limits: { fileSize: 10 * 1024 * 1024 }, // 10MB limit + fileFilter: (req, file, cb) => { + if (file.mimetype.startsWith('image/')) { + cb(null, true); + } else { + cb(new Error('Only image files are allowed'), false); + } + } +}); + +// Authentication middleware +const requireAuth = (req, res, next) => { + if (!req.session.user) { + return res.redirect('/admin/login'); + } + next(); +}; + +// Add stats middleware +const addStats = async (req, res, next) => { + try { + if (req.session.user) { + const [portfolioCount, servicesCount, contactsCount] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count() + ]); + + res.locals.stats = { + portfolioCount, + servicesCount, + contactsCount + }; + } + next(); + } catch (error) { + console.error('Stats middleware error:', error); + next(); + } +}; + +// Admin login page +router.get('/login', (req, res) => { + if (req.session.user) { + return res.redirect('/admin/dashboard'); + } + + res.render('admin/login', { + title: 'Admin Login', + error: null + }); +}); + +// Admin login POST +router.post('/login', async (req, res) => { + try { + const { email, password } = req.body; + + const user = await User.findOne({ + where: { + email: email, + isActive: true + } + }); + if (!user || !(await user.comparePassword(password))) { + return res.render('admin/login', { + title: 'Admin Login', + error: 'Invalid credentials' + }); + } + + await user.updateLastLogin(); + + req.session.user = { + id: user.id, + email: user.email, + name: user.name, + role: user.role + }; + + res.redirect('/admin/dashboard'); + } catch (error) { + console.error('Admin login error:', error); + res.render('admin/login', { + title: 'Admin Login', + error: 'Server error' + }); + } +}); + +// Admin logout +router.post('/logout', (req, res) => { + req.session.destroy(err => { + if (err) { + console.error('Logout error:', err); + } + res.redirect('/admin/login'); + }); +}); + +// Dashboard (default route) +router.get('/', requireAuth, async (req, res) => { + res.redirect('/admin/dashboard'); +}); + +// Dashboard +router.get('/dashboard', requireAuth, async (req, res) => { + try { + const [ + portfolioCount, + servicesCount, + contactsCount, + recentContacts, + recentPortfolio + ] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count(), + Contact.findAll({ + order: [['createdAt', 'DESC']], + limit: 5 + }), + Portfolio.findAll({ + where: { isPublished: true }, + order: [['createdAt', 'DESC']], + limit: 5 + }) + ]); + + const stats = { + portfolioCount: portfolioCount, + servicesCount: servicesCount, + contactsCount: contactsCount, + usersCount: await User.count() + }; + + res.render('admin/dashboard', { + title: 'Admin Dashboard', + layout: 'admin/layout', + user: req.session.user, + stats, + recentContacts, + recentPortfolio, + currentPage: 'dashboard' + }); + } catch (error) { + console.error('Dashboard error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading dashboard' + }); + } +}); + +// Banner management +router.get('/banners', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [banners, total] = await Promise.all([ + Banner.findAll({ + order: [['order', 'ASC'], ['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Banner.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/banners/list', { + title: 'Banner Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banners, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Banner list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banners' + }); + } +}); + +// Add banner +router.get('/banners/add', requireAuth, (req, res) => { + res.render('admin/banners/add', { + title: 'Add Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); +}); + +// Create banner +router.post('/banners/add', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive = true, + startDate, + endDate, + targetAudience = 'all', + backgroundColor, + textColor, + animation = 'none' + } = req.body; + + const banner = await Banner.create({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience, + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation + }); + + res.json({ + success: true, + message: '배너가 성공적으로 생성되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner creation error:', error); + res.status(500).json({ + success: false, + message: '배너 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit banner +router.get('/banners/edit/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Banner not found' + }); + } + + res.render('admin/banners/edit', { + title: 'Edit Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banner, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); + } catch (error) { + console.error('Banner edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banner' + }); + } +}); + +// Update banner +router.put('/banners/:id', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const banner = await Banner.findByPk(req.params.id); + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive, + startDate, + endDate, + targetAudience, + backgroundColor, + textColor, + animation + } = req.body; + + await banner.update({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience: targetAudience || 'all', + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation: animation || 'none' + }); + + res.json({ + success: true, + message: '배너가 성공적으로 업데이트되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner update error:', error); + res.status(500).json({ + success: false, + message: '배너 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete banner +router.delete('/banners/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.destroy(); + + res.json({ + success: true, + message: '배너가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Banner deletion error:', error); + res.status(500).json({ + success: false, + message: '배너 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle banner active status +router.patch('/banners/:id/toggle-active', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const newStatus = !banner.isActive; + await banner.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `배너가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Banner toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Record banner click +router.post('/banners/:id/click', async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.recordClick(); + + res.json({ + success: true, + clickCount: banner.clickCount + }); + } catch (error) { + console.error('Banner click record error:', error); + res.status(500).json({ + success: false, + message: '클릭 기록 중 오류가 발생했습니다' + }); + } +}); + +// Banner Editor (legacy route) +router.get('/banner-editor', requireAuth, addStats, async (req, res) => { + res.redirect('/admin/banners'); +}); + +// Portfolio management +router.get('/portfolio', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [portfolio, total] = await Promise.all([ + Portfolio.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Portfolio.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/portfolio/list', { + title: 'Portfolio Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Portfolio list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio' + }); + } +}); + +// Utility function for category names +const getCategoryName = (category) => { + const categoryNames = { + 'web-development': 'Веб-разработка', + 'mobile-app': 'Мобильные приложения', + 'ui-ux-design': 'UI/UX дизайн', + 'e-commerce': 'Электронная коммерция', + 'enterprise': 'Корпоративное ПО', + 'other': 'Другое' + }; + return categoryNames[category] || category; +}; + +// Add portfolio item +router.get('/portfolio/add', requireAuth, (req, res) => { + res.render('admin/portfolio/add', { + title: 'Add Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ], + getCategoryName: getCategoryName + }); +}); + +// Create portfolio item +router.post('/portfolio/add', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + if (parsedTechnologies.length === 0) { + return res.status(400).json({ + success: false, + message: 'Добавьте хотя бы одну технологию' + }); + } + + // Process uploaded images + const processedImages = []; + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + processedImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Create portfolio item + const portfolio = await Portfolio.create({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: processedImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) ? new Date() : null, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно создан!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio creation error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании проекта: ' + error.message + }); + } +}); + +// Edit portfolio item +router.get('/portfolio/edit/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Portfolio item not found' + }); + } + + res.render('admin/portfolio/edit', { + title: 'Edit Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ] + }); + } catch (error) { + console.error('Portfolio edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio item' + }); + } +}); + +// Update portfolio item +router.put('/portfolio/:id', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + if (!portfolio) { + return res.status(404).json({ + success: false, + message: 'Проект не найден' + }); + } + + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured, + existingImages + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Handle existing images + let finalImages = []; + try { + const existing = JSON.parse(existingImages || '[]'); + finalImages = Array.isArray(existing) ? existing : []; + } catch (e) { + finalImages = portfolio.images || []; + } + + // Process new uploaded images + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + finalImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = portfolio.seo || {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Update portfolio + await portfolio.update({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: finalImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно обновлен!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio update error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при обновлении проекта: ' + error.message + }); + } +}); + +// Delete portfolio item +router.delete('/portfolio/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + await portfolio.destroy(); + + res.json({ + success: true, + message: '포트폴리오가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Portfolio deletion error:', error); + res.status(500).json({ + success: false, + message: '포트폴리오 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle portfolio publish status +router.patch('/portfolio/:id/toggle-publish', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + const newStatus = !portfolio.isPublished; + await portfolio.update({ + isPublished: newStatus, + publishedAt: newStatus && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: newStatus ? 'published' : 'draft' + }); + + res.json({ + success: true, + message: `포트폴리오가 ${newStatus ? '게시' : '비공개'}되었습니다`, + isPublished: newStatus + }); + } catch (error) { + console.error('Portfolio toggle publish error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Portfolio preview +router.post('/portfolio/preview', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName + } = req.body; + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Process uploaded images for preview + const previewImages = []; + if (req.files && req.files.length > 0) { + for (const file of req.files) { + // Convert to base64 for preview + const base64 = `data:${file.mimetype};base64,${file.buffer.toString('base64')}`; + previewImages.push(base64); + } + } + + const previewData = { + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: previewImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + createdAt: new Date() + }; + + res.json({ + success: true, + preview: previewData + }); + } catch (error) { + console.error('Portfolio preview error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании предпросмотра: ' + error.message + }); + } +}); + +// Services management +router.get('/services', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [services, total] = await Promise.all([ + Service.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Service.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/services/list', { + title: 'Services Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + services, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Services list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading services' + }); + } +}); + +// Add service +router.get('/services/add', requireAuth, (req, res) => { + res.render('admin/services/add', { + title: 'Add Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); +}); + +// Create service +router.post('/services/add', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive = true, + featured = false + } = req.body; + + const service = await Service.create({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 생성되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service creation error:', error); + res.status(500).json({ + success: false, + message: '서비스 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit service +router.get('/services/edit/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Service not found' + }); + } + + const availablePortfolio = await Portfolio.findAll({ + where: { isPublished: true }, + attributes: ['id', 'title', 'category'] + }); + + res.render('admin/services/edit', { + title: 'Edit Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + service, + availablePortfolio, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); + } catch (error) { + console.error('Service edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading service' + }); + } +}); + +// Update service +router.put('/services/:id', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const service = await Service.findByPk(req.params.id); + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive, + featured + } = req.body; + + await service.update({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 업데이트되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service update error:', error); + res.status(500).json({ + success: false, + message: '서비스 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete service +router.delete('/services/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + await service.destroy(); + + res.json({ + success: true, + message: '서비스가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Service deletion error:', error); + res.status(500).json({ + success: false, + message: '서비스 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle service active status +router.patch('/services/:id/toggle-active', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const newStatus = !service.isActive; + await service.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `서비스가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Service toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Contacts management +router.get('/contacts', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + const status = req.query.status; + + let whereClause = {}; + if (status && status !== 'all') { + whereClause.status = status; + } + + const [contacts, total] = await Promise.all([ + Contact.findAll({ + where: whereClause, + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Contact.count({ where: whereClause }) + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/contacts/list', { + title: 'Contacts Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contacts, + currentStatus: status || 'all', + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Contacts list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contacts' + }); + } +}); + +// View contact details +router.get('/contacts/:id', requireAuth, async (req, res) => { + try { + const contact = await Contact.findByPk(req.params.id); + + if (!contact) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Contact not found' + }); + } + + // Mark as read + if (!contact.isRead) { + contact.isRead = true; + await contact.save(); + } + + res.render('admin/contacts/view', { + title: 'Contact Details - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contact + }); + } catch (error) { + console.error('Contact view error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contact' + }); + } +}); + +// Settings +router.get('/settings', requireAuth, addStats, async (req, res) => { + try { + const settings = await SiteSettings.findOne() || await SiteSettings.create({}); + + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + settings + }); + } catch (error) { + console.error('Settings error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading settings' + }); + } +}); + +// Media gallery +router.get('/media', requireAuth, addStats, (req, res) => { + res.render('admin/media', { + title: 'Media Gallery - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +// Telegram bot configuration and testing +router.get('/telegram', requireAuth, addStats, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + + // Get bot info and available chats if token is configured + let botInfo = null; + let availableChats = []; + + if (telegramService.botToken) { + const result = await telegramService.getBotInfo(); + if (result.success) { + botInfo = result.bot; + availableChats = telegramService.getAvailableChats(); + } + } + + res.render('admin/telegram', { + title: 'Telegram Bot - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + botConfigured: telegramService.isEnabled, + botToken: telegramService.botToken || '', + chatId: telegramService.chatId || '', + botInfo, + availableChats + }); + } catch (error) { + console.error('Telegram page error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading Telegram settings' + }); + } +}); + +// Update bot token +router.post('/telegram/configure', requireAuth, [ + body('botToken').notEmpty().withMessage('Bot token is required'), + body('chatId').optional().isNumeric().withMessage('Chat ID must be numeric') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { botToken, chatId } = req.body; + const telegramService = require('../services/telegram'); + + // Update bot token + const result = await telegramService.updateBotToken(botToken); + + if (result.success) { + // Update chat ID if provided + if (chatId) { + telegramService.updateChatId(parseInt(chatId)); + } + + // Update environment variables (in production, this should update a config file) + process.env.TELEGRAM_BOT_TOKEN = botToken; + if (chatId) { + process.env.TELEGRAM_CHAT_ID = chatId; + } + + res.json({ + success: true, + message: 'Telegram bot configured successfully', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to configure bot' + }); + } + } catch (error) { + console.error('Configure Telegram bot error:', error); + res.status(500).json({ + success: false, + message: 'Error configuring Telegram bot' + }); + } +}); + +// Get bot info and discover chats +router.get('/telegram/info', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + res.json({ + success: true, + botInfo: result.bot, + availableChats: result.availableChats || [], + isConfigured: telegramService.isEnabled + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to get bot info' + }); + } + } catch (error) { + console.error('Get Telegram info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting bot information' + }); + } +}); + +// Get chat information +router.get('/telegram/chat/:chatId', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.getChat(req.params.chatId); + + if (result.success) { + res.json({ + success: true, + chat: result.chat + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to get chat info' + }); + } + } catch (error) { + console.error('Get chat info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting chat information' + }); + } +}); + +// Test connection +router.post('/telegram/test', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + const testMessage = `🤖 Тест Telegram бота\n\n` + + `✅ Соединение успешно установлено!\n` + + `🤖 Бот: @${result.bot.username} (${result.bot.first_name})\n` + + `🆔 ID бота: ${result.bot.id}\n` + + `⏰ Время тестирования: ${new Date().toLocaleString('ru-RU')}\n` + + `🌐 Сайт: ${process.env.BASE_URL || 'http://localhost:3000'}\n\n` + + `Бот готов к отправке уведомлений! 🚀`; + + const sendResult = await telegramService.sendMessage(testMessage); + + if (sendResult.success) { + res.json({ + success: true, + message: 'Test message sent successfully!', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: 'Bot connection successful, but failed to send test message: ' + (sendResult.error || sendResult.message) + }); + } + } else { + res.status(400).json({ + success: false, + message: result.message || result.error || 'Failed to connect to Telegram bot' + }); + } + } catch (error) { + console.error('Telegram test error:', error); + res.status(500).json({ + success: false, + message: 'Error testing Telegram bot' + }); + } +}); + +// Send custom message +router.post('/telegram/send', requireAuth, [ + body('message').notEmpty().withMessage('Message is required'), + body('chatIds').optional().isArray().withMessage('Chat IDs must be an array'), + body('parseMode').optional().isIn(['HTML', 'Markdown', 'MarkdownV2']).withMessage('Invalid parse mode') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { + message, + chatIds = [], + parseMode = 'HTML', + disableWebPagePreview = false, + disableNotification = false + } = req.body; + + const telegramService = require('../services/telegram'); + + let result; + if (chatIds.length > 0) { + // Send to multiple chats + result = await telegramService.sendCustomMessage({ + text: message, + chatIds: chatIds.map(id => parseInt(id)), + parseMode, + disableWebPagePreview, + disableNotification + }); + + res.json({ + success: result.success, + message: result.success ? + `Message sent to ${result.totalSent} chat(s). ${result.totalFailed} failed.` : + 'Failed to send message', + results: result.results || [], + errors: result.errors || [] + }); + } else { + // Send to default chat + result = await telegramService.sendMessage(message, { + parse_mode: parseMode, + disable_web_page_preview: disableWebPagePreview, + disable_notification: disableNotification + }); + + if (result.success) { + res.json({ + success: true, + message: 'Message sent successfully!' + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to send message' + }); + } + } + } catch (error) { + console.error('Send Telegram message error:', error); + res.status(500).json({ + success: false, + message: 'Error sending message' + }); + } +}); + +// Settings page +router.get('/settings', requireAuth, addStats, (req, res) => { + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +// Banner editor page +router.get('/banner-editor', requireAuth, addStats, (req, res) => { + res.render('admin/banner-editor', { + title: 'Banner Editor - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/routes/admin_20251026215051.js b/.history/routes/admin_20251026215051.js new file mode 100644 index 0000000..744e882 --- /dev/null +++ b/.history/routes/admin_20251026215051.js @@ -0,0 +1,1652 @@ +const express = require('express'); +const router = express.Router(); +const multer = require('multer'); +const sharp = require('sharp'); +const path = require('path'); +const fs = require('fs').promises; +const { body, validationResult } = require('express-validator'); +const { User, Portfolio, Service, Contact, SiteSettings, Banner } = require('../models'); + +// Configure multer for file uploads +const storage = multer.memoryStorage(); // Use memory storage to process with sharp +const upload = multer({ + storage, + limits: { fileSize: 10 * 1024 * 1024 }, // 10MB limit + fileFilter: (req, file, cb) => { + if (file.mimetype.startsWith('image/')) { + cb(null, true); + } else { + cb(new Error('Only image files are allowed'), false); + } + } +}); + +// Authentication middleware +const requireAuth = (req, res, next) => { + if (!req.session.user) { + return res.redirect('/admin/login'); + } + next(); +}; + +// Add stats middleware +const addStats = async (req, res, next) => { + try { + if (req.session.user) { + const [portfolioCount, servicesCount, contactsCount] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count() + ]); + + res.locals.stats = { + portfolioCount, + servicesCount, + contactsCount + }; + } + next(); + } catch (error) { + console.error('Stats middleware error:', error); + next(); + } +}; + +// Admin login page +router.get('/login', (req, res) => { + if (req.session.user) { + return res.redirect('/admin/dashboard'); + } + + res.render('admin/login', { + title: 'Admin Login', + error: null + }); +}); + +// Admin login POST +router.post('/login', async (req, res) => { + try { + const { email, password } = req.body; + + const user = await User.findOne({ + where: { + email: email, + isActive: true + } + }); + if (!user || !(await user.comparePassword(password))) { + return res.render('admin/login', { + title: 'Admin Login', + error: 'Invalid credentials' + }); + } + + await user.updateLastLogin(); + + req.session.user = { + id: user.id, + email: user.email, + name: user.name, + role: user.role + }; + + res.redirect('/admin/dashboard'); + } catch (error) { + console.error('Admin login error:', error); + res.render('admin/login', { + title: 'Admin Login', + error: 'Server error' + }); + } +}); + +// Admin logout +router.post('/logout', (req, res) => { + req.session.destroy(err => { + if (err) { + console.error('Logout error:', err); + } + res.redirect('/admin/login'); + }); +}); + +// Dashboard (default route) +router.get('/', requireAuth, async (req, res) => { + res.redirect('/admin/dashboard'); +}); + +// Dashboard +router.get('/dashboard', requireAuth, async (req, res) => { + try { + const [ + portfolioCount, + servicesCount, + contactsCount, + recentContacts, + recentPortfolio + ] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count(), + Contact.findAll({ + order: [['createdAt', 'DESC']], + limit: 5 + }), + Portfolio.findAll({ + where: { isPublished: true }, + order: [['createdAt', 'DESC']], + limit: 5 + }) + ]); + + const stats = { + portfolioCount: portfolioCount, + servicesCount: servicesCount, + contactsCount: contactsCount, + usersCount: await User.count() + }; + + res.render('admin/dashboard', { + title: 'Admin Dashboard', + layout: 'admin/layout', + user: req.session.user, + stats, + recentContacts, + recentPortfolio, + currentPage: 'dashboard' + }); + } catch (error) { + console.error('Dashboard error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading dashboard' + }); + } +}); + +// Banner management +router.get('/banners', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [banners, total] = await Promise.all([ + Banner.findAll({ + order: [['order', 'ASC'], ['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Banner.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/banners/list', { + title: 'Banner Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banners, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Banner list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banners' + }); + } +}); + +// Add banner +router.get('/banners/add', requireAuth, (req, res) => { + res.render('admin/banners/add', { + title: 'Add Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); +}); + +// Create banner +router.post('/banners/add', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive = true, + startDate, + endDate, + targetAudience = 'all', + backgroundColor, + textColor, + animation = 'none' + } = req.body; + + const banner = await Banner.create({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience, + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation + }); + + res.json({ + success: true, + message: '배너가 성공적으로 생성되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner creation error:', error); + res.status(500).json({ + success: false, + message: '배너 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit banner +router.get('/banners/edit/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Banner not found' + }); + } + + res.render('admin/banners/edit', { + title: 'Edit Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banner, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); + } catch (error) { + console.error('Banner edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banner' + }); + } +}); + +// Update banner +router.put('/banners/:id', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const banner = await Banner.findByPk(req.params.id); + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive, + startDate, + endDate, + targetAudience, + backgroundColor, + textColor, + animation + } = req.body; + + await banner.update({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience: targetAudience || 'all', + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation: animation || 'none' + }); + + res.json({ + success: true, + message: '배너가 성공적으로 업데이트되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner update error:', error); + res.status(500).json({ + success: false, + message: '배너 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete banner +router.delete('/banners/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.destroy(); + + res.json({ + success: true, + message: '배너가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Banner deletion error:', error); + res.status(500).json({ + success: false, + message: '배너 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle banner active status +router.patch('/banners/:id/toggle-active', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const newStatus = !banner.isActive; + await banner.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `배너가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Banner toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Record banner click +router.post('/banners/:id/click', async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.recordClick(); + + res.json({ + success: true, + clickCount: banner.clickCount + }); + } catch (error) { + console.error('Banner click record error:', error); + res.status(500).json({ + success: false, + message: '클릭 기록 중 오류가 발생했습니다' + }); + } +}); + +// Banner Editor (legacy route) +router.get('/banner-editor', requireAuth, addStats, async (req, res) => { + res.redirect('/admin/banners'); +}); + +// Portfolio management +router.get('/portfolio', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [portfolio, total] = await Promise.all([ + Portfolio.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Portfolio.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/portfolio/list', { + title: 'Portfolio Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Portfolio list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio' + }); + } +}); + +// Utility function for category names +const getCategoryName = (category) => { + const categoryNames = { + 'web-development': 'Веб-разработка', + 'mobile-app': 'Мобильные приложения', + 'ui-ux-design': 'UI/UX дизайн', + 'e-commerce': 'Электронная коммерция', + 'enterprise': 'Корпоративное ПО', + 'other': 'Другое' + }; + return categoryNames[category] || category; +}; + +// Add portfolio item +router.get('/portfolio/add', requireAuth, (req, res) => { + res.render('admin/portfolio/add', { + title: 'Add Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ], + getCategoryName: getCategoryName + }); +}); + +// Create portfolio item +router.post('/portfolio/add', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + if (parsedTechnologies.length === 0) { + return res.status(400).json({ + success: false, + message: 'Добавьте хотя бы одну технологию' + }); + } + + // Process uploaded images + const processedImages = []; + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + processedImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Create portfolio item + const portfolio = await Portfolio.create({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: processedImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) ? new Date() : null, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно создан!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio creation error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании проекта: ' + error.message + }); + } +}); + +// Edit portfolio item +router.get('/portfolio/edit/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Portfolio item not found' + }); + } + + res.render('admin/portfolio/edit', { + title: 'Edit Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ] + }); + } catch (error) { + console.error('Portfolio edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio item' + }); + } +}); + +// Update portfolio item +router.put('/portfolio/:id', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + if (!portfolio) { + return res.status(404).json({ + success: false, + message: 'Проект не найден' + }); + } + + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured, + existingImages + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Handle existing images + let finalImages = []; + try { + const existing = JSON.parse(existingImages || '[]'); + finalImages = Array.isArray(existing) ? existing : []; + } catch (e) { + finalImages = portfolio.images || []; + } + + // Process new uploaded images + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + finalImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = portfolio.seo || {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Update portfolio + await portfolio.update({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: finalImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно обновлен!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio update error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при обновлении проекта: ' + error.message + }); + } +}); + +// Delete portfolio item +router.delete('/portfolio/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + await portfolio.destroy(); + + res.json({ + success: true, + message: '포트폴리오가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Portfolio deletion error:', error); + res.status(500).json({ + success: false, + message: '포트폴리오 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle portfolio publish status +router.patch('/portfolio/:id/toggle-publish', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + const newStatus = !portfolio.isPublished; + await portfolio.update({ + isPublished: newStatus, + publishedAt: newStatus && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: newStatus ? 'published' : 'draft' + }); + + res.json({ + success: true, + message: `포트폴리오가 ${newStatus ? '게시' : '비공개'}되었습니다`, + isPublished: newStatus + }); + } catch (error) { + console.error('Portfolio toggle publish error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Portfolio preview +router.post('/portfolio/preview', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName + } = req.body; + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Process uploaded images for preview + const previewImages = []; + if (req.files && req.files.length > 0) { + for (const file of req.files) { + // Convert to base64 for preview + const base64 = `data:${file.mimetype};base64,${file.buffer.toString('base64')}`; + previewImages.push(base64); + } + } + + const previewData = { + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: previewImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + createdAt: new Date() + }; + + res.json({ + success: true, + preview: previewData + }); + } catch (error) { + console.error('Portfolio preview error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании предпросмотра: ' + error.message + }); + } +}); + +// Services management +router.get('/services', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [services, total] = await Promise.all([ + Service.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Service.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/services/list', { + title: 'Services Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + services, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Services list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading services' + }); + } +}); + +// Add service +router.get('/services/add', requireAuth, (req, res) => { + res.render('admin/services/add', { + title: 'Add Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); +}); + +// Create service +router.post('/services/add', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive = true, + featured = false + } = req.body; + + const service = await Service.create({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 생성되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service creation error:', error); + res.status(500).json({ + success: false, + message: '서비스 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit service +router.get('/services/edit/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Service not found' + }); + } + + const availablePortfolio = await Portfolio.findAll({ + where: { isPublished: true }, + attributes: ['id', 'title', 'category'] + }); + + res.render('admin/services/edit', { + title: 'Edit Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + service, + availablePortfolio, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); + } catch (error) { + console.error('Service edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading service' + }); + } +}); + +// Update service +router.put('/services/:id', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const service = await Service.findByPk(req.params.id); + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive, + featured + } = req.body; + + await service.update({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 업데이트되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service update error:', error); + res.status(500).json({ + success: false, + message: '서비스 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete service +router.delete('/services/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + await service.destroy(); + + res.json({ + success: true, + message: '서비스가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Service deletion error:', error); + res.status(500).json({ + success: false, + message: '서비스 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle service active status +router.patch('/services/:id/toggle-active', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const newStatus = !service.isActive; + await service.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `서비스가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Service toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Contacts management +router.get('/contacts', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + const status = req.query.status; + + let whereClause = {}; + if (status && status !== 'all') { + whereClause.status = status; + } + + const [contacts, total] = await Promise.all([ + Contact.findAll({ + where: whereClause, + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Contact.count({ where: whereClause }) + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/contacts/list', { + title: 'Contacts Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contacts, + currentStatus: status || 'all', + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Contacts list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contacts' + }); + } +}); + +// View contact details +router.get('/contacts/:id', requireAuth, async (req, res) => { + try { + const contact = await Contact.findByPk(req.params.id); + + if (!contact) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Contact not found' + }); + } + + // Mark as read + if (!contact.isRead) { + contact.isRead = true; + await contact.save(); + } + + res.render('admin/contacts/view', { + title: 'Contact Details - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contact + }); + } catch (error) { + console.error('Contact view error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contact' + }); + } +}); + +// Settings +router.get('/settings', requireAuth, addStats, async (req, res) => { + try { + const settings = await SiteSettings.findOne() || await SiteSettings.create({}); + + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + settings + }); + } catch (error) { + console.error('Settings error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading settings' + }); + } +}); + +// Media gallery +router.get('/media', requireAuth, addStats, (req, res) => { + res.render('admin/media', { + title: 'Media Gallery - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +// Telegram bot configuration and testing +router.get('/telegram', requireAuth, addStats, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + + // Get bot info and available chats if token is configured + let botInfo = null; + let availableChats = []; + + if (telegramService.botToken) { + const result = await telegramService.getBotInfo(); + if (result.success) { + botInfo = result.bot; + availableChats = telegramService.getAvailableChats(); + } + } + + res.render('admin/telegram', { + title: 'Telegram Bot - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + botConfigured: telegramService.isEnabled, + botToken: telegramService.botToken || '', + chatId: telegramService.chatId || '', + botInfo, + availableChats + }); + } catch (error) { + console.error('Telegram page error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading Telegram settings' + }); + } +}); + +// Update bot token +router.post('/telegram/configure', requireAuth, [ + body('botToken').notEmpty().withMessage('Bot token is required'), + body('chatId').optional().isNumeric().withMessage('Chat ID must be numeric') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { botToken, chatId } = req.body; + const telegramService = require('../services/telegram'); + + // Update bot token + const result = await telegramService.updateBotToken(botToken); + + if (result.success) { + // Update chat ID if provided + if (chatId) { + telegramService.updateChatId(parseInt(chatId)); + } + + // Update environment variables (in production, this should update a config file) + process.env.TELEGRAM_BOT_TOKEN = botToken; + if (chatId) { + process.env.TELEGRAM_CHAT_ID = chatId; + } + + res.json({ + success: true, + message: 'Telegram bot configured successfully', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to configure bot' + }); + } + } catch (error) { + console.error('Configure Telegram bot error:', error); + res.status(500).json({ + success: false, + message: 'Error configuring Telegram bot' + }); + } +}); + +// Get bot info and discover chats +router.get('/telegram/info', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + res.json({ + success: true, + botInfo: result.bot, + availableChats: result.availableChats || [], + isConfigured: telegramService.isEnabled + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to get bot info' + }); + } + } catch (error) { + console.error('Get Telegram info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting bot information' + }); + } +}); + +// Get chat information +router.get('/telegram/chat/:chatId', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.getChat(req.params.chatId); + + if (result.success) { + res.json({ + success: true, + chat: result.chat + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to get chat info' + }); + } + } catch (error) { + console.error('Get chat info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting chat information' + }); + } +}); + +// Test connection +router.post('/telegram/test', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + const testMessage = `🤖 Тест Telegram бота\n\n` + + `✅ Соединение успешно установлено!\n` + + `🤖 Бот: @${result.bot.username} (${result.bot.first_name})\n` + + `🆔 ID бота: ${result.bot.id}\n` + + `⏰ Время тестирования: ${new Date().toLocaleString('ru-RU')}\n` + + `🌐 Сайт: ${process.env.BASE_URL || 'http://localhost:3000'}\n\n` + + `Бот готов к отправке уведомлений! 🚀`; + + const sendResult = await telegramService.sendMessage(testMessage); + + if (sendResult.success) { + res.json({ + success: true, + message: 'Test message sent successfully!', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: 'Bot connection successful, but failed to send test message: ' + (sendResult.error || sendResult.message) + }); + } + } else { + res.status(400).json({ + success: false, + message: result.message || result.error || 'Failed to connect to Telegram bot' + }); + } + } catch (error) { + console.error('Telegram test error:', error); + res.status(500).json({ + success: false, + message: 'Error testing Telegram bot' + }); + } +}); + +// Send custom message +router.post('/telegram/send', requireAuth, [ + body('message').notEmpty().withMessage('Message is required'), + body('chatIds').optional().isArray().withMessage('Chat IDs must be an array'), + body('parseMode').optional().isIn(['HTML', 'Markdown', 'MarkdownV2']).withMessage('Invalid parse mode') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { + message, + chatIds = [], + parseMode = 'HTML', + disableWebPagePreview = false, + disableNotification = false + } = req.body; + + const telegramService = require('../services/telegram'); + + let result; + if (chatIds.length > 0) { + // Send to multiple chats + result = await telegramService.sendCustomMessage({ + text: message, + chatIds: chatIds.map(id => parseInt(id)), + parseMode, + disableWebPagePreview, + disableNotification + }); + + res.json({ + success: result.success, + message: result.success ? + `Message sent to ${result.totalSent} chat(s). ${result.totalFailed} failed.` : + 'Failed to send message', + results: result.results || [], + errors: result.errors || [] + }); + } else { + // Send to default chat + result = await telegramService.sendMessage(message, { + parse_mode: parseMode, + disable_web_page_preview: disableWebPagePreview, + disable_notification: disableNotification + }); + + if (result.success) { + res.json({ + success: true, + message: 'Message sent successfully!' + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to send message' + }); + } + } + } catch (error) { + console.error('Send Telegram message error:', error); + res.status(500).json({ + success: false, + message: 'Error sending message' + }); + } +}); + +// Settings page +router.get('/settings', requireAuth, addStats, (req, res) => { + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +// Banner editor page +router.get('/banner-editor', requireAuth, addStats, (req, res) => { + res.render('admin/banner-editor', { + title: 'Banner Editor - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/routes/admin_20251026220319.js b/.history/routes/admin_20251026220319.js new file mode 100644 index 0000000..70ea60c --- /dev/null +++ b/.history/routes/admin_20251026220319.js @@ -0,0 +1,1653 @@ +const express = require('express'); +const router = express.Router(); +const multer = require('multer'); +const sharp = require('sharp'); +const path = require('path'); +const fs = require('fs').promises; +const { body, validationResult } = require('express-validator'); +const { User, Portfolio, Service, Contact, SiteSettings, Banner } = require('../models'); + +// Configure multer for file uploads +const storage = multer.memoryStorage(); // Use memory storage to process with sharp +const upload = multer({ + storage, + limits: { fileSize: 10 * 1024 * 1024 }, // 10MB limit + fileFilter: (req, file, cb) => { + if (file.mimetype.startsWith('image/')) { + cb(null, true); + } else { + cb(new Error('Only image files are allowed'), false); + } + } +}); + +// Authentication middleware +const requireAuth = (req, res, next) => { + if (!req.session.user) { + return res.redirect('/admin/login'); + } + next(); +}; + +// Add stats middleware +const addStats = async (req, res, next) => { + try { + if (req.session.user) { + const [portfolioCount, servicesCount, contactsCount] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count() + ]); + + res.locals.stats = { + portfolioCount, + servicesCount, + contactsCount + }; + } + next(); + } catch (error) { + console.error('Stats middleware error:', error); + next(); + } +}; + +// Admin login page +router.get('/login', (req, res) => { + if (req.session.user) { + return res.redirect('/admin/dashboard'); + } + + res.render('admin/login', { + title: 'Admin Login', + error: null + }); +}); + +// Admin login POST +router.post('/login', async (req, res) => { + try { + const { email, password } = req.body; + + const user = await User.findOne({ + where: { + email: email, + isActive: true + } + }); + if (!user || !(await user.comparePassword(password))) { + return res.render('admin/login', { + title: 'Admin Login', + error: 'Invalid credentials' + }); + } + + await user.updateLastLogin(); + + req.session.user = { + id: user.id, + email: user.email, + name: user.name, + role: user.role + }; + + res.redirect('/admin/dashboard'); + } catch (error) { + console.error('Admin login error:', error); + res.render('admin/login', { + title: 'Admin Login', + error: 'Server error' + }); + } +}); + +// Admin logout +router.post('/logout', (req, res) => { + req.session.destroy(err => { + if (err) { + console.error('Logout error:', err); + } + res.redirect('/admin/login'); + }); +}); + +// Dashboard (default route) +router.get('/', requireAuth, async (req, res) => { + res.redirect('/admin/dashboard'); +}); + +// Dashboard +router.get('/dashboard', requireAuth, async (req, res) => { + try { + const [ + portfolioCount, + servicesCount, + contactsCount, + recentContacts, + recentPortfolio + ] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count(), + Contact.findAll({ + order: [['createdAt', 'DESC']], + limit: 5 + }), + Portfolio.findAll({ + where: { isPublished: true }, + order: [['createdAt', 'DESC']], + limit: 5 + }) + ]); + + const stats = { + portfolioCount: portfolioCount, + servicesCount: servicesCount, + contactsCount: contactsCount, + usersCount: await User.count() + }; + + res.render('admin/dashboard', { + title: 'Admin Dashboard', + layout: 'admin/layout', + user: req.session.user, + stats, + recentContacts, + recentPortfolio, + currentPage: 'dashboard' + }); + } catch (error) { + console.error('Dashboard error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading dashboard' + }); + } +}); + +// Banner management +router.get('/banners', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [banners, total] = await Promise.all([ + Banner.findAll({ + order: [['order', 'ASC'], ['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Banner.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/banners/list', { + title: 'Banner Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banners, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Banner list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banners' + }); + } +}); + +// Add banner +router.get('/banners/add', requireAuth, (req, res) => { + res.render('admin/banners/add', { + title: 'Add Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); +}); + +// Create banner +router.post('/banners/add', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive = true, + startDate, + endDate, + targetAudience = 'all', + backgroundColor, + textColor, + animation = 'none' + } = req.body; + + const banner = await Banner.create({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience, + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation + }); + + res.json({ + success: true, + message: '배너가 성공적으로 생성되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner creation error:', error); + res.status(500).json({ + success: false, + message: '배너 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit banner +router.get('/banners/edit/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Banner not found' + }); + } + + res.render('admin/banners/edit', { + title: 'Edit Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banner, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); + } catch (error) { + console.error('Banner edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banner' + }); + } +}); + +// Update banner +router.put('/banners/:id', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const banner = await Banner.findByPk(req.params.id); + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive, + startDate, + endDate, + targetAudience, + backgroundColor, + textColor, + animation + } = req.body; + + await banner.update({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience: targetAudience || 'all', + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation: animation || 'none' + }); + + res.json({ + success: true, + message: '배너가 성공적으로 업데이트되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner update error:', error); + res.status(500).json({ + success: false, + message: '배너 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete banner +router.delete('/banners/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.destroy(); + + res.json({ + success: true, + message: '배너가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Banner deletion error:', error); + res.status(500).json({ + success: false, + message: '배너 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle banner active status +router.patch('/banners/:id/toggle-active', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const newStatus = !banner.isActive; + await banner.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `배너가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Banner toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Record banner click +router.post('/banners/:id/click', async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.recordClick(); + + res.json({ + success: true, + clickCount: banner.clickCount + }); + } catch (error) { + console.error('Banner click record error:', error); + res.status(500).json({ + success: false, + message: '클릭 기록 중 오류가 발생했습니다' + }); + } +}); + +// Banner Editor (legacy route) +router.get('/banner-editor', requireAuth, addStats, async (req, res) => { + res.redirect('/admin/banners'); +}); + +// Portfolio management +router.get('/portfolio', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [portfolio, total] = await Promise.all([ + Portfolio.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Portfolio.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/portfolio/list', { + title: 'Portfolio Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Portfolio list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio' + }); + } +}); + +// Utility function for category names +const getCategoryName = (category) => { + const categoryNames = { + 'web-development': 'Веб-разработка', + 'mobile-app': 'Мобильные приложения', + 'ui-ux-design': 'UI/UX дизайн', + 'e-commerce': 'Электронная коммерция', + 'enterprise': 'Корпоративное ПО', + 'other': 'Другое' + }; + return categoryNames[category] || category; +}; + +// Add portfolio item +router.get('/portfolio/add', requireAuth, (req, res) => { + res.render('admin/portfolio/add', { + title: 'Add Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ], + getCategoryName: getCategoryName + }); +}); + +// Create portfolio item +router.post('/portfolio/add', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + if (parsedTechnologies.length === 0) { + return res.status(400).json({ + success: false, + message: 'Добавьте хотя бы одну технологию' + }); + } + + // Process uploaded images + const processedImages = []; + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + processedImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Create portfolio item + const portfolio = await Portfolio.create({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: processedImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) ? new Date() : null, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно создан!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio creation error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании проекта: ' + error.message + }); + } +}); + +// Edit portfolio item +router.get('/portfolio/edit/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Portfolio item not found' + }); + } + + res.render('admin/portfolio/edit', { + title: 'Edit Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ] + }); + } catch (error) { + console.error('Portfolio edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio item' + }); + } +}); + +// Update portfolio item +router.put('/portfolio/:id', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + if (!portfolio) { + return res.status(404).json({ + success: false, + message: 'Проект не найден' + }); + } + + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured, + existingImages + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Handle existing images + let finalImages = []; + try { + const existing = JSON.parse(existingImages || '[]'); + finalImages = Array.isArray(existing) ? existing : []; + } catch (e) { + finalImages = portfolio.images || []; + } + + // Process new uploaded images + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + finalImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = portfolio.seo || {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Update portfolio + await portfolio.update({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: finalImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно обновлен!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio update error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при обновлении проекта: ' + error.message + }); + } +}); + +// Delete portfolio item +router.delete('/portfolio/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + await portfolio.destroy(); + + res.json({ + success: true, + message: '포트폴리오가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Portfolio deletion error:', error); + res.status(500).json({ + success: false, + message: '포트폴리오 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle portfolio publish status +router.patch('/portfolio/:id/toggle-publish', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + const newStatus = !portfolio.isPublished; + await portfolio.update({ + isPublished: newStatus, + publishedAt: newStatus && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: newStatus ? 'published' : 'draft' + }); + + res.json({ + success: true, + message: `포트폴리오가 ${newStatus ? '게시' : '비공개'}되었습니다`, + isPublished: newStatus + }); + } catch (error) { + console.error('Portfolio toggle publish error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Portfolio preview +router.post('/portfolio/preview', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName + } = req.body; + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Process uploaded images for preview + const previewImages = []; + if (req.files && req.files.length > 0) { + for (const file of req.files) { + // Convert to base64 for preview + const base64 = `data:${file.mimetype};base64,${file.buffer.toString('base64')}`; + previewImages.push(base64); + } + } + + const previewData = { + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: previewImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + createdAt: new Date() + }; + + res.json({ + success: true, + preview: previewData + }); + } catch (error) { + console.error('Portfolio preview error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании предпросмотра: ' + error.message + }); + } +}); + +// Services management +router.get('/services', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [services, total] = await Promise.all([ + Service.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Service.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/services/list', { + title: 'Services Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + services, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Services list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading services' + }); + } +}); + +// Add service +router.get('/services/add', requireAuth, (req, res) => { + res.render('admin/services/add', { + title: 'Add Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); +}); + +// Create service +router.post('/services/add', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive = true, + featured = false + } = req.body; + + const service = await Service.create({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 생성되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service creation error:', error); + res.status(500).json({ + success: false, + message: '서비스 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit service +router.get('/services/edit/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Service not found' + }); + } + + const availablePortfolio = await Portfolio.findAll({ + where: { isPublished: true }, + attributes: ['id', 'title', 'category'] + }); + + res.render('admin/services/edit', { + title: 'Edit Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + service, + availablePortfolio, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); + } catch (error) { + console.error('Service edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading service' + }); + } +}); + +// Update service +router.put('/services/:id', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const service = await Service.findByPk(req.params.id); + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive, + featured + } = req.body; + + await service.update({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 업데이트되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service update error:', error); + res.status(500).json({ + success: false, + message: '서비스 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete service +router.delete('/services/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + await service.destroy(); + + res.json({ + success: true, + message: '서비스가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Service deletion error:', error); + res.status(500).json({ + success: false, + message: '서비스 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle service active status +router.patch('/services/:id/toggle-active', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const newStatus = !service.isActive; + await service.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `서비스가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Service toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Contacts management +router.get('/contacts', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + const status = req.query.status; + + let whereClause = {}; + if (status && status !== 'all') { + whereClause.status = status; + } + + const [contacts, total] = await Promise.all([ + Contact.findAll({ + where: whereClause, + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Contact.count({ where: whereClause }) + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/contacts/list', { + title: 'Contacts Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contacts, + currentStatus: status || 'all', + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Contacts list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contacts' + }); + } +}); + +// View contact details +router.get('/contacts/:id', requireAuth, async (req, res) => { + try { + const contact = await Contact.findByPk(req.params.id); + + if (!contact) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Contact not found' + }); + } + + // Mark as read + if (!contact.isRead) { + contact.isRead = true; + await contact.save(); + } + + res.render('admin/contacts/view', { + title: 'Contact Details - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contact + }); + } catch (error) { + console.error('Contact view error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contact' + }); + } +}); + +// Settings +router.get('/settings', requireAuth, addStats, async (req, res) => { + try { + const settings = await SiteSettings.findOne() || await SiteSettings.create({}); + + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + settings + }); + } catch (error) { + console.error('Settings error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading settings' + }); + } +}); + +// Media gallery +router.get('/media', requireAuth, addStats, (req, res) => { + res.render('admin/media', { + title: 'Media Gallery - Admin Panel', + layout: 'admin/layout', + currentPage: 'media', + user: req.session.user + }); +}); + +// Telegram bot configuration and testing +router.get('/telegram', requireAuth, addStats, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + + // Get bot info and available chats if token is configured + let botInfo = null; + let availableChats = []; + + if (telegramService.botToken) { + const result = await telegramService.getBotInfo(); + if (result.success) { + botInfo = result.bot; + availableChats = telegramService.getAvailableChats(); + } + } + + res.render('admin/telegram', { + title: 'Telegram Bot - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + botConfigured: telegramService.isEnabled, + botToken: telegramService.botToken || '', + chatId: telegramService.chatId || '', + botInfo, + availableChats + }); + } catch (error) { + console.error('Telegram page error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading Telegram settings' + }); + } +}); + +// Update bot token +router.post('/telegram/configure', requireAuth, [ + body('botToken').notEmpty().withMessage('Bot token is required'), + body('chatId').optional().isNumeric().withMessage('Chat ID must be numeric') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { botToken, chatId } = req.body; + const telegramService = require('../services/telegram'); + + // Update bot token + const result = await telegramService.updateBotToken(botToken); + + if (result.success) { + // Update chat ID if provided + if (chatId) { + telegramService.updateChatId(parseInt(chatId)); + } + + // Update environment variables (in production, this should update a config file) + process.env.TELEGRAM_BOT_TOKEN = botToken; + if (chatId) { + process.env.TELEGRAM_CHAT_ID = chatId; + } + + res.json({ + success: true, + message: 'Telegram bot configured successfully', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to configure bot' + }); + } + } catch (error) { + console.error('Configure Telegram bot error:', error); + res.status(500).json({ + success: false, + message: 'Error configuring Telegram bot' + }); + } +}); + +// Get bot info and discover chats +router.get('/telegram/info', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + res.json({ + success: true, + botInfo: result.bot, + availableChats: result.availableChats || [], + isConfigured: telegramService.isEnabled + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to get bot info' + }); + } + } catch (error) { + console.error('Get Telegram info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting bot information' + }); + } +}); + +// Get chat information +router.get('/telegram/chat/:chatId', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.getChat(req.params.chatId); + + if (result.success) { + res.json({ + success: true, + chat: result.chat + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to get chat info' + }); + } + } catch (error) { + console.error('Get chat info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting chat information' + }); + } +}); + +// Test connection +router.post('/telegram/test', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + const testMessage = `🤖 Тест Telegram бота\n\n` + + `✅ Соединение успешно установлено!\n` + + `🤖 Бот: @${result.bot.username} (${result.bot.first_name})\n` + + `🆔 ID бота: ${result.bot.id}\n` + + `⏰ Время тестирования: ${new Date().toLocaleString('ru-RU')}\n` + + `🌐 Сайт: ${process.env.BASE_URL || 'http://localhost:3000'}\n\n` + + `Бот готов к отправке уведомлений! 🚀`; + + const sendResult = await telegramService.sendMessage(testMessage); + + if (sendResult.success) { + res.json({ + success: true, + message: 'Test message sent successfully!', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: 'Bot connection successful, but failed to send test message: ' + (sendResult.error || sendResult.message) + }); + } + } else { + res.status(400).json({ + success: false, + message: result.message || result.error || 'Failed to connect to Telegram bot' + }); + } + } catch (error) { + console.error('Telegram test error:', error); + res.status(500).json({ + success: false, + message: 'Error testing Telegram bot' + }); + } +}); + +// Send custom message +router.post('/telegram/send', requireAuth, [ + body('message').notEmpty().withMessage('Message is required'), + body('chatIds').optional().isArray().withMessage('Chat IDs must be an array'), + body('parseMode').optional().isIn(['HTML', 'Markdown', 'MarkdownV2']).withMessage('Invalid parse mode') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { + message, + chatIds = [], + parseMode = 'HTML', + disableWebPagePreview = false, + disableNotification = false + } = req.body; + + const telegramService = require('../services/telegram'); + + let result; + if (chatIds.length > 0) { + // Send to multiple chats + result = await telegramService.sendCustomMessage({ + text: message, + chatIds: chatIds.map(id => parseInt(id)), + parseMode, + disableWebPagePreview, + disableNotification + }); + + res.json({ + success: result.success, + message: result.success ? + `Message sent to ${result.totalSent} chat(s). ${result.totalFailed} failed.` : + 'Failed to send message', + results: result.results || [], + errors: result.errors || [] + }); + } else { + // Send to default chat + result = await telegramService.sendMessage(message, { + parse_mode: parseMode, + disable_web_page_preview: disableWebPagePreview, + disable_notification: disableNotification + }); + + if (result.success) { + res.json({ + success: true, + message: 'Message sent successfully!' + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to send message' + }); + } + } + } catch (error) { + console.error('Send Telegram message error:', error); + res.status(500).json({ + success: false, + message: 'Error sending message' + }); + } +}); + +// Settings page +router.get('/settings', requireAuth, addStats, (req, res) => { + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +// Banner editor page +router.get('/banner-editor', requireAuth, addStats, (req, res) => { + res.render('admin/banner-editor', { + title: 'Banner Editor - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/routes/admin_20251026220340.js b/.history/routes/admin_20251026220340.js new file mode 100644 index 0000000..76a9a5b --- /dev/null +++ b/.history/routes/admin_20251026220340.js @@ -0,0 +1,1654 @@ +const express = require('express'); +const router = express.Router(); +const multer = require('multer'); +const sharp = require('sharp'); +const path = require('path'); +const fs = require('fs').promises; +const { body, validationResult } = require('express-validator'); +const { User, Portfolio, Service, Contact, SiteSettings, Banner } = require('../models'); + +// Configure multer for file uploads +const storage = multer.memoryStorage(); // Use memory storage to process with sharp +const upload = multer({ + storage, + limits: { fileSize: 10 * 1024 * 1024 }, // 10MB limit + fileFilter: (req, file, cb) => { + if (file.mimetype.startsWith('image/')) { + cb(null, true); + } else { + cb(new Error('Only image files are allowed'), false); + } + } +}); + +// Authentication middleware +const requireAuth = (req, res, next) => { + if (!req.session.user) { + return res.redirect('/admin/login'); + } + next(); +}; + +// Add stats middleware +const addStats = async (req, res, next) => { + try { + if (req.session.user) { + const [portfolioCount, servicesCount, contactsCount] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count() + ]); + + res.locals.stats = { + portfolioCount, + servicesCount, + contactsCount + }; + } + next(); + } catch (error) { + console.error('Stats middleware error:', error); + next(); + } +}; + +// Admin login page +router.get('/login', (req, res) => { + if (req.session.user) { + return res.redirect('/admin/dashboard'); + } + + res.render('admin/login', { + title: 'Admin Login', + error: null + }); +}); + +// Admin login POST +router.post('/login', async (req, res) => { + try { + const { email, password } = req.body; + + const user = await User.findOne({ + where: { + email: email, + isActive: true + } + }); + if (!user || !(await user.comparePassword(password))) { + return res.render('admin/login', { + title: 'Admin Login', + error: 'Invalid credentials' + }); + } + + await user.updateLastLogin(); + + req.session.user = { + id: user.id, + email: user.email, + name: user.name, + role: user.role + }; + + res.redirect('/admin/dashboard'); + } catch (error) { + console.error('Admin login error:', error); + res.render('admin/login', { + title: 'Admin Login', + error: 'Server error' + }); + } +}); + +// Admin logout +router.post('/logout', (req, res) => { + req.session.destroy(err => { + if (err) { + console.error('Logout error:', err); + } + res.redirect('/admin/login'); + }); +}); + +// Dashboard (default route) +router.get('/', requireAuth, async (req, res) => { + res.redirect('/admin/dashboard'); +}); + +// Dashboard +router.get('/dashboard', requireAuth, async (req, res) => { + try { + const [ + portfolioCount, + servicesCount, + contactsCount, + recentContacts, + recentPortfolio + ] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count(), + Contact.findAll({ + order: [['createdAt', 'DESC']], + limit: 5 + }), + Portfolio.findAll({ + where: { isPublished: true }, + order: [['createdAt', 'DESC']], + limit: 5 + }) + ]); + + const stats = { + portfolioCount: portfolioCount, + servicesCount: servicesCount, + contactsCount: contactsCount, + usersCount: await User.count() + }; + + res.render('admin/dashboard', { + title: 'Admin Dashboard', + layout: 'admin/layout', + user: req.session.user, + stats, + recentContacts, + recentPortfolio, + currentPage: 'dashboard' + }); + } catch (error) { + console.error('Dashboard error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading dashboard' + }); + } +}); + +// Banner management +router.get('/banners', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [banners, total] = await Promise.all([ + Banner.findAll({ + order: [['order', 'ASC'], ['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Banner.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/banners/list', { + title: 'Banner Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banners, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Banner list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banners' + }); + } +}); + +// Add banner +router.get('/banners/add', requireAuth, (req, res) => { + res.render('admin/banners/add', { + title: 'Add Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); +}); + +// Create banner +router.post('/banners/add', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive = true, + startDate, + endDate, + targetAudience = 'all', + backgroundColor, + textColor, + animation = 'none' + } = req.body; + + const banner = await Banner.create({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience, + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation + }); + + res.json({ + success: true, + message: '배너가 성공적으로 생성되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner creation error:', error); + res.status(500).json({ + success: false, + message: '배너 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit banner +router.get('/banners/edit/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Banner not found' + }); + } + + res.render('admin/banners/edit', { + title: 'Edit Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banner, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); + } catch (error) { + console.error('Banner edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banner' + }); + } +}); + +// Update banner +router.put('/banners/:id', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const banner = await Banner.findByPk(req.params.id); + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive, + startDate, + endDate, + targetAudience, + backgroundColor, + textColor, + animation + } = req.body; + + await banner.update({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience: targetAudience || 'all', + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation: animation || 'none' + }); + + res.json({ + success: true, + message: '배너가 성공적으로 업데이트되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner update error:', error); + res.status(500).json({ + success: false, + message: '배너 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete banner +router.delete('/banners/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.destroy(); + + res.json({ + success: true, + message: '배너가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Banner deletion error:', error); + res.status(500).json({ + success: false, + message: '배너 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle banner active status +router.patch('/banners/:id/toggle-active', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const newStatus = !banner.isActive; + await banner.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `배너가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Banner toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Record banner click +router.post('/banners/:id/click', async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.recordClick(); + + res.json({ + success: true, + clickCount: banner.clickCount + }); + } catch (error) { + console.error('Banner click record error:', error); + res.status(500).json({ + success: false, + message: '클릭 기록 중 오류가 발생했습니다' + }); + } +}); + +// Banner Editor (legacy route) +router.get('/banner-editor', requireAuth, addStats, async (req, res) => { + res.redirect('/admin/banners'); +}); + +// Portfolio management +router.get('/portfolio', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [portfolio, total] = await Promise.all([ + Portfolio.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Portfolio.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/portfolio/list', { + title: 'Portfolio Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Portfolio list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio' + }); + } +}); + +// Utility function for category names +const getCategoryName = (category) => { + const categoryNames = { + 'web-development': 'Веб-разработка', + 'mobile-app': 'Мобильные приложения', + 'ui-ux-design': 'UI/UX дизайн', + 'e-commerce': 'Электронная коммерция', + 'enterprise': 'Корпоративное ПО', + 'other': 'Другое' + }; + return categoryNames[category] || category; +}; + +// Add portfolio item +router.get('/portfolio/add', requireAuth, (req, res) => { + res.render('admin/portfolio/add', { + title: 'Add Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ], + getCategoryName: getCategoryName + }); +}); + +// Create portfolio item +router.post('/portfolio/add', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + if (parsedTechnologies.length === 0) { + return res.status(400).json({ + success: false, + message: 'Добавьте хотя бы одну технологию' + }); + } + + // Process uploaded images + const processedImages = []; + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + processedImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Create portfolio item + const portfolio = await Portfolio.create({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: processedImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) ? new Date() : null, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно создан!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio creation error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании проекта: ' + error.message + }); + } +}); + +// Edit portfolio item +router.get('/portfolio/edit/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Portfolio item not found' + }); + } + + res.render('admin/portfolio/edit', { + title: 'Edit Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ] + }); + } catch (error) { + console.error('Portfolio edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio item' + }); + } +}); + +// Update portfolio item +router.put('/portfolio/:id', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + if (!portfolio) { + return res.status(404).json({ + success: false, + message: 'Проект не найден' + }); + } + + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured, + existingImages + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Handle existing images + let finalImages = []; + try { + const existing = JSON.parse(existingImages || '[]'); + finalImages = Array.isArray(existing) ? existing : []; + } catch (e) { + finalImages = portfolio.images || []; + } + + // Process new uploaded images + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + finalImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = portfolio.seo || {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Update portfolio + await portfolio.update({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: finalImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно обновлен!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio update error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при обновлении проекта: ' + error.message + }); + } +}); + +// Delete portfolio item +router.delete('/portfolio/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + await portfolio.destroy(); + + res.json({ + success: true, + message: '포트폴리오가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Portfolio deletion error:', error); + res.status(500).json({ + success: false, + message: '포트폴리오 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle portfolio publish status +router.patch('/portfolio/:id/toggle-publish', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + const newStatus = !portfolio.isPublished; + await portfolio.update({ + isPublished: newStatus, + publishedAt: newStatus && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: newStatus ? 'published' : 'draft' + }); + + res.json({ + success: true, + message: `포트폴리오가 ${newStatus ? '게시' : '비공개'}되었습니다`, + isPublished: newStatus + }); + } catch (error) { + console.error('Portfolio toggle publish error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Portfolio preview +router.post('/portfolio/preview', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName + } = req.body; + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Process uploaded images for preview + const previewImages = []; + if (req.files && req.files.length > 0) { + for (const file of req.files) { + // Convert to base64 for preview + const base64 = `data:${file.mimetype};base64,${file.buffer.toString('base64')}`; + previewImages.push(base64); + } + } + + const previewData = { + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: previewImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + createdAt: new Date() + }; + + res.json({ + success: true, + preview: previewData + }); + } catch (error) { + console.error('Portfolio preview error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании предпросмотра: ' + error.message + }); + } +}); + +// Services management +router.get('/services', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [services, total] = await Promise.all([ + Service.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Service.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/services/list', { + title: 'Services Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + services, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Services list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading services' + }); + } +}); + +// Add service +router.get('/services/add', requireAuth, (req, res) => { + res.render('admin/services/add', { + title: 'Add Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); +}); + +// Create service +router.post('/services/add', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive = true, + featured = false + } = req.body; + + const service = await Service.create({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 생성되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service creation error:', error); + res.status(500).json({ + success: false, + message: '서비스 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit service +router.get('/services/edit/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Service not found' + }); + } + + const availablePortfolio = await Portfolio.findAll({ + where: { isPublished: true }, + attributes: ['id', 'title', 'category'] + }); + + res.render('admin/services/edit', { + title: 'Edit Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + service, + availablePortfolio, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); + } catch (error) { + console.error('Service edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading service' + }); + } +}); + +// Update service +router.put('/services/:id', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const service = await Service.findByPk(req.params.id); + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive, + featured + } = req.body; + + await service.update({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 업데이트되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service update error:', error); + res.status(500).json({ + success: false, + message: '서비스 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete service +router.delete('/services/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + await service.destroy(); + + res.json({ + success: true, + message: '서비스가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Service deletion error:', error); + res.status(500).json({ + success: false, + message: '서비스 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle service active status +router.patch('/services/:id/toggle-active', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const newStatus = !service.isActive; + await service.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `서비스가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Service toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Contacts management +router.get('/contacts', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + const status = req.query.status; + + let whereClause = {}; + if (status && status !== 'all') { + whereClause.status = status; + } + + const [contacts, total] = await Promise.all([ + Contact.findAll({ + where: whereClause, + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Contact.count({ where: whereClause }) + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/contacts/list', { + title: 'Contacts Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contacts, + currentStatus: status || 'all', + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Contacts list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contacts' + }); + } +}); + +// View contact details +router.get('/contacts/:id', requireAuth, async (req, res) => { + try { + const contact = await Contact.findByPk(req.params.id); + + if (!contact) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Contact not found' + }); + } + + // Mark as read + if (!contact.isRead) { + contact.isRead = true; + await contact.save(); + } + + res.render('admin/contacts/view', { + title: 'Contact Details - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contact + }); + } catch (error) { + console.error('Contact view error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contact' + }); + } +}); + +// Settings +router.get('/settings', requireAuth, addStats, async (req, res) => { + try { + const settings = await SiteSettings.findOne() || await SiteSettings.create({}); + + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + settings + }); + } catch (error) { + console.error('Settings error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading settings' + }); + } +}); + +// Media gallery +router.get('/media', requireAuth, addStats, (req, res) => { + res.render('admin/media', { + title: 'Media Gallery - Admin Panel', + layout: 'admin/layout', + currentPage: 'media', + user: req.session.user + }); +}); + +// Telegram bot configuration and testing +router.get('/telegram', requireAuth, addStats, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + + // Get bot info and available chats if token is configured + let botInfo = null; + let availableChats = []; + + if (telegramService.botToken) { + const result = await telegramService.getBotInfo(); + if (result.success) { + botInfo = result.bot; + availableChats = telegramService.getAvailableChats(); + } + } + + res.render('admin/telegram', { + title: 'Telegram Bot - Admin Panel', + layout: 'admin/layout', + currentPage: 'telegram', + user: req.session.user, + botConfigured: telegramService.isEnabled, + botToken: telegramService.botToken || '', + chatId: telegramService.chatId || '', + botInfo, + availableChats + }); + } catch (error) { + console.error('Telegram page error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading Telegram settings' + }); + } +}); + +// Update bot token +router.post('/telegram/configure', requireAuth, [ + body('botToken').notEmpty().withMessage('Bot token is required'), + body('chatId').optional().isNumeric().withMessage('Chat ID must be numeric') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { botToken, chatId } = req.body; + const telegramService = require('../services/telegram'); + + // Update bot token + const result = await telegramService.updateBotToken(botToken); + + if (result.success) { + // Update chat ID if provided + if (chatId) { + telegramService.updateChatId(parseInt(chatId)); + } + + // Update environment variables (in production, this should update a config file) + process.env.TELEGRAM_BOT_TOKEN = botToken; + if (chatId) { + process.env.TELEGRAM_CHAT_ID = chatId; + } + + res.json({ + success: true, + message: 'Telegram bot configured successfully', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to configure bot' + }); + } + } catch (error) { + console.error('Configure Telegram bot error:', error); + res.status(500).json({ + success: false, + message: 'Error configuring Telegram bot' + }); + } +}); + +// Get bot info and discover chats +router.get('/telegram/info', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + res.json({ + success: true, + botInfo: result.bot, + availableChats: result.availableChats || [], + isConfigured: telegramService.isEnabled + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to get bot info' + }); + } + } catch (error) { + console.error('Get Telegram info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting bot information' + }); + } +}); + +// Get chat information +router.get('/telegram/chat/:chatId', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.getChat(req.params.chatId); + + if (result.success) { + res.json({ + success: true, + chat: result.chat + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to get chat info' + }); + } + } catch (error) { + console.error('Get chat info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting chat information' + }); + } +}); + +// Test connection +router.post('/telegram/test', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + const testMessage = `🤖 Тест Telegram бота\n\n` + + `✅ Соединение успешно установлено!\n` + + `🤖 Бот: @${result.bot.username} (${result.bot.first_name})\n` + + `🆔 ID бота: ${result.bot.id}\n` + + `⏰ Время тестирования: ${new Date().toLocaleString('ru-RU')}\n` + + `🌐 Сайт: ${process.env.BASE_URL || 'http://localhost:3000'}\n\n` + + `Бот готов к отправке уведомлений! 🚀`; + + const sendResult = await telegramService.sendMessage(testMessage); + + if (sendResult.success) { + res.json({ + success: true, + message: 'Test message sent successfully!', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: 'Bot connection successful, but failed to send test message: ' + (sendResult.error || sendResult.message) + }); + } + } else { + res.status(400).json({ + success: false, + message: result.message || result.error || 'Failed to connect to Telegram bot' + }); + } + } catch (error) { + console.error('Telegram test error:', error); + res.status(500).json({ + success: false, + message: 'Error testing Telegram bot' + }); + } +}); + +// Send custom message +router.post('/telegram/send', requireAuth, [ + body('message').notEmpty().withMessage('Message is required'), + body('chatIds').optional().isArray().withMessage('Chat IDs must be an array'), + body('parseMode').optional().isIn(['HTML', 'Markdown', 'MarkdownV2']).withMessage('Invalid parse mode') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { + message, + chatIds = [], + parseMode = 'HTML', + disableWebPagePreview = false, + disableNotification = false + } = req.body; + + const telegramService = require('../services/telegram'); + + let result; + if (chatIds.length > 0) { + // Send to multiple chats + result = await telegramService.sendCustomMessage({ + text: message, + chatIds: chatIds.map(id => parseInt(id)), + parseMode, + disableWebPagePreview, + disableNotification + }); + + res.json({ + success: result.success, + message: result.success ? + `Message sent to ${result.totalSent} chat(s). ${result.totalFailed} failed.` : + 'Failed to send message', + results: result.results || [], + errors: result.errors || [] + }); + } else { + // Send to default chat + result = await telegramService.sendMessage(message, { + parse_mode: parseMode, + disable_web_page_preview: disableWebPagePreview, + disable_notification: disableNotification + }); + + if (result.success) { + res.json({ + success: true, + message: 'Message sent successfully!' + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to send message' + }); + } + } + } catch (error) { + console.error('Send Telegram message error:', error); + res.status(500).json({ + success: false, + message: 'Error sending message' + }); + } +}); + +// Settings page +router.get('/settings', requireAuth, addStats, (req, res) => { + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +// Banner editor page +router.get('/banner-editor', requireAuth, addStats, (req, res) => { + res.render('admin/banner-editor', { + title: 'Banner Editor - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/routes/admin_20251026220351.js b/.history/routes/admin_20251026220351.js new file mode 100644 index 0000000..6a9a7e5 --- /dev/null +++ b/.history/routes/admin_20251026220351.js @@ -0,0 +1,1655 @@ +const express = require('express'); +const router = express.Router(); +const multer = require('multer'); +const sharp = require('sharp'); +const path = require('path'); +const fs = require('fs').promises; +const { body, validationResult } = require('express-validator'); +const { User, Portfolio, Service, Contact, SiteSettings, Banner } = require('../models'); + +// Configure multer for file uploads +const storage = multer.memoryStorage(); // Use memory storage to process with sharp +const upload = multer({ + storage, + limits: { fileSize: 10 * 1024 * 1024 }, // 10MB limit + fileFilter: (req, file, cb) => { + if (file.mimetype.startsWith('image/')) { + cb(null, true); + } else { + cb(new Error('Only image files are allowed'), false); + } + } +}); + +// Authentication middleware +const requireAuth = (req, res, next) => { + if (!req.session.user) { + return res.redirect('/admin/login'); + } + next(); +}; + +// Add stats middleware +const addStats = async (req, res, next) => { + try { + if (req.session.user) { + const [portfolioCount, servicesCount, contactsCount] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count() + ]); + + res.locals.stats = { + portfolioCount, + servicesCount, + contactsCount + }; + } + next(); + } catch (error) { + console.error('Stats middleware error:', error); + next(); + } +}; + +// Admin login page +router.get('/login', (req, res) => { + if (req.session.user) { + return res.redirect('/admin/dashboard'); + } + + res.render('admin/login', { + title: 'Admin Login', + error: null + }); +}); + +// Admin login POST +router.post('/login', async (req, res) => { + try { + const { email, password } = req.body; + + const user = await User.findOne({ + where: { + email: email, + isActive: true + } + }); + if (!user || !(await user.comparePassword(password))) { + return res.render('admin/login', { + title: 'Admin Login', + error: 'Invalid credentials' + }); + } + + await user.updateLastLogin(); + + req.session.user = { + id: user.id, + email: user.email, + name: user.name, + role: user.role + }; + + res.redirect('/admin/dashboard'); + } catch (error) { + console.error('Admin login error:', error); + res.render('admin/login', { + title: 'Admin Login', + error: 'Server error' + }); + } +}); + +// Admin logout +router.post('/logout', (req, res) => { + req.session.destroy(err => { + if (err) { + console.error('Logout error:', err); + } + res.redirect('/admin/login'); + }); +}); + +// Dashboard (default route) +router.get('/', requireAuth, async (req, res) => { + res.redirect('/admin/dashboard'); +}); + +// Dashboard +router.get('/dashboard', requireAuth, async (req, res) => { + try { + const [ + portfolioCount, + servicesCount, + contactsCount, + recentContacts, + recentPortfolio + ] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count(), + Contact.findAll({ + order: [['createdAt', 'DESC']], + limit: 5 + }), + Portfolio.findAll({ + where: { isPublished: true }, + order: [['createdAt', 'DESC']], + limit: 5 + }) + ]); + + const stats = { + portfolioCount: portfolioCount, + servicesCount: servicesCount, + contactsCount: contactsCount, + usersCount: await User.count() + }; + + res.render('admin/dashboard', { + title: 'Admin Dashboard', + layout: 'admin/layout', + user: req.session.user, + stats, + recentContacts, + recentPortfolio, + currentPage: 'dashboard' + }); + } catch (error) { + console.error('Dashboard error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading dashboard' + }); + } +}); + +// Banner management +router.get('/banners', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [banners, total] = await Promise.all([ + Banner.findAll({ + order: [['order', 'ASC'], ['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Banner.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/banners/list', { + title: 'Banner Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banners, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Banner list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banners' + }); + } +}); + +// Add banner +router.get('/banners/add', requireAuth, (req, res) => { + res.render('admin/banners/add', { + title: 'Add Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); +}); + +// Create banner +router.post('/banners/add', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive = true, + startDate, + endDate, + targetAudience = 'all', + backgroundColor, + textColor, + animation = 'none' + } = req.body; + + const banner = await Banner.create({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience, + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation + }); + + res.json({ + success: true, + message: '배너가 성공적으로 생성되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner creation error:', error); + res.status(500).json({ + success: false, + message: '배너 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit banner +router.get('/banners/edit/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Banner not found' + }); + } + + res.render('admin/banners/edit', { + title: 'Edit Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banner, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); + } catch (error) { + console.error('Banner edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banner' + }); + } +}); + +// Update banner +router.put('/banners/:id', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const banner = await Banner.findByPk(req.params.id); + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive, + startDate, + endDate, + targetAudience, + backgroundColor, + textColor, + animation + } = req.body; + + await banner.update({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience: targetAudience || 'all', + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation: animation || 'none' + }); + + res.json({ + success: true, + message: '배너가 성공적으로 업데이트되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner update error:', error); + res.status(500).json({ + success: false, + message: '배너 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete banner +router.delete('/banners/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.destroy(); + + res.json({ + success: true, + message: '배너가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Banner deletion error:', error); + res.status(500).json({ + success: false, + message: '배너 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle banner active status +router.patch('/banners/:id/toggle-active', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const newStatus = !banner.isActive; + await banner.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `배너가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Banner toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Record banner click +router.post('/banners/:id/click', async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.recordClick(); + + res.json({ + success: true, + clickCount: banner.clickCount + }); + } catch (error) { + console.error('Banner click record error:', error); + res.status(500).json({ + success: false, + message: '클릭 기록 중 오류가 발생했습니다' + }); + } +}); + +// Banner Editor (legacy route) +router.get('/banner-editor', requireAuth, addStats, async (req, res) => { + res.redirect('/admin/banners'); +}); + +// Portfolio management +router.get('/portfolio', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [portfolio, total] = await Promise.all([ + Portfolio.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Portfolio.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/portfolio/list', { + title: 'Portfolio Management - Admin Panel', + layout: 'admin/layout', + currentPage: 'portfolio', + user: req.session.user, + portfolio, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Portfolio list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio' + }); + } +}); + +// Utility function for category names +const getCategoryName = (category) => { + const categoryNames = { + 'web-development': 'Веб-разработка', + 'mobile-app': 'Мобильные приложения', + 'ui-ux-design': 'UI/UX дизайн', + 'e-commerce': 'Электронная коммерция', + 'enterprise': 'Корпоративное ПО', + 'other': 'Другое' + }; + return categoryNames[category] || category; +}; + +// Add portfolio item +router.get('/portfolio/add', requireAuth, (req, res) => { + res.render('admin/portfolio/add', { + title: 'Add Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ], + getCategoryName: getCategoryName + }); +}); + +// Create portfolio item +router.post('/portfolio/add', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + if (parsedTechnologies.length === 0) { + return res.status(400).json({ + success: false, + message: 'Добавьте хотя бы одну технологию' + }); + } + + // Process uploaded images + const processedImages = []; + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + processedImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Create portfolio item + const portfolio = await Portfolio.create({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: processedImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) ? new Date() : null, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно создан!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio creation error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании проекта: ' + error.message + }); + } +}); + +// Edit portfolio item +router.get('/portfolio/edit/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Portfolio item not found' + }); + } + + res.render('admin/portfolio/edit', { + title: 'Edit Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ] + }); + } catch (error) { + console.error('Portfolio edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio item' + }); + } +}); + +// Update portfolio item +router.put('/portfolio/:id', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + if (!portfolio) { + return res.status(404).json({ + success: false, + message: 'Проект не найден' + }); + } + + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured, + existingImages + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Handle existing images + let finalImages = []; + try { + const existing = JSON.parse(existingImages || '[]'); + finalImages = Array.isArray(existing) ? existing : []; + } catch (e) { + finalImages = portfolio.images || []; + } + + // Process new uploaded images + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + finalImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = portfolio.seo || {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Update portfolio + await portfolio.update({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: finalImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно обновлен!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio update error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при обновлении проекта: ' + error.message + }); + } +}); + +// Delete portfolio item +router.delete('/portfolio/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + await portfolio.destroy(); + + res.json({ + success: true, + message: '포트폴리오가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Portfolio deletion error:', error); + res.status(500).json({ + success: false, + message: '포트폴리오 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle portfolio publish status +router.patch('/portfolio/:id/toggle-publish', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + const newStatus = !portfolio.isPublished; + await portfolio.update({ + isPublished: newStatus, + publishedAt: newStatus && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: newStatus ? 'published' : 'draft' + }); + + res.json({ + success: true, + message: `포트폴리오가 ${newStatus ? '게시' : '비공개'}되었습니다`, + isPublished: newStatus + }); + } catch (error) { + console.error('Portfolio toggle publish error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Portfolio preview +router.post('/portfolio/preview', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName + } = req.body; + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Process uploaded images for preview + const previewImages = []; + if (req.files && req.files.length > 0) { + for (const file of req.files) { + // Convert to base64 for preview + const base64 = `data:${file.mimetype};base64,${file.buffer.toString('base64')}`; + previewImages.push(base64); + } + } + + const previewData = { + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: previewImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + createdAt: new Date() + }; + + res.json({ + success: true, + preview: previewData + }); + } catch (error) { + console.error('Portfolio preview error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании предпросмотра: ' + error.message + }); + } +}); + +// Services management +router.get('/services', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [services, total] = await Promise.all([ + Service.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Service.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/services/list', { + title: 'Services Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + services, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Services list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading services' + }); + } +}); + +// Add service +router.get('/services/add', requireAuth, (req, res) => { + res.render('admin/services/add', { + title: 'Add Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); +}); + +// Create service +router.post('/services/add', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive = true, + featured = false + } = req.body; + + const service = await Service.create({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 생성되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service creation error:', error); + res.status(500).json({ + success: false, + message: '서비스 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit service +router.get('/services/edit/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Service not found' + }); + } + + const availablePortfolio = await Portfolio.findAll({ + where: { isPublished: true }, + attributes: ['id', 'title', 'category'] + }); + + res.render('admin/services/edit', { + title: 'Edit Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + service, + availablePortfolio, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); + } catch (error) { + console.error('Service edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading service' + }); + } +}); + +// Update service +router.put('/services/:id', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const service = await Service.findByPk(req.params.id); + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive, + featured + } = req.body; + + await service.update({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 업데이트되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service update error:', error); + res.status(500).json({ + success: false, + message: '서비스 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete service +router.delete('/services/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + await service.destroy(); + + res.json({ + success: true, + message: '서비스가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Service deletion error:', error); + res.status(500).json({ + success: false, + message: '서비스 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle service active status +router.patch('/services/:id/toggle-active', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const newStatus = !service.isActive; + await service.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `서비스가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Service toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Contacts management +router.get('/contacts', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + const status = req.query.status; + + let whereClause = {}; + if (status && status !== 'all') { + whereClause.status = status; + } + + const [contacts, total] = await Promise.all([ + Contact.findAll({ + where: whereClause, + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Contact.count({ where: whereClause }) + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/contacts/list', { + title: 'Contacts Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contacts, + currentStatus: status || 'all', + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Contacts list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contacts' + }); + } +}); + +// View contact details +router.get('/contacts/:id', requireAuth, async (req, res) => { + try { + const contact = await Contact.findByPk(req.params.id); + + if (!contact) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Contact not found' + }); + } + + // Mark as read + if (!contact.isRead) { + contact.isRead = true; + await contact.save(); + } + + res.render('admin/contacts/view', { + title: 'Contact Details - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contact + }); + } catch (error) { + console.error('Contact view error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contact' + }); + } +}); + +// Settings +router.get('/settings', requireAuth, addStats, async (req, res) => { + try { + const settings = await SiteSettings.findOne() || await SiteSettings.create({}); + + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + settings + }); + } catch (error) { + console.error('Settings error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading settings' + }); + } +}); + +// Media gallery +router.get('/media', requireAuth, addStats, (req, res) => { + res.render('admin/media', { + title: 'Media Gallery - Admin Panel', + layout: 'admin/layout', + currentPage: 'media', + user: req.session.user + }); +}); + +// Telegram bot configuration and testing +router.get('/telegram', requireAuth, addStats, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + + // Get bot info and available chats if token is configured + let botInfo = null; + let availableChats = []; + + if (telegramService.botToken) { + const result = await telegramService.getBotInfo(); + if (result.success) { + botInfo = result.bot; + availableChats = telegramService.getAvailableChats(); + } + } + + res.render('admin/telegram', { + title: 'Telegram Bot - Admin Panel', + layout: 'admin/layout', + currentPage: 'telegram', + user: req.session.user, + botConfigured: telegramService.isEnabled, + botToken: telegramService.botToken || '', + chatId: telegramService.chatId || '', + botInfo, + availableChats + }); + } catch (error) { + console.error('Telegram page error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading Telegram settings' + }); + } +}); + +// Update bot token +router.post('/telegram/configure', requireAuth, [ + body('botToken').notEmpty().withMessage('Bot token is required'), + body('chatId').optional().isNumeric().withMessage('Chat ID must be numeric') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { botToken, chatId } = req.body; + const telegramService = require('../services/telegram'); + + // Update bot token + const result = await telegramService.updateBotToken(botToken); + + if (result.success) { + // Update chat ID if provided + if (chatId) { + telegramService.updateChatId(parseInt(chatId)); + } + + // Update environment variables (in production, this should update a config file) + process.env.TELEGRAM_BOT_TOKEN = botToken; + if (chatId) { + process.env.TELEGRAM_CHAT_ID = chatId; + } + + res.json({ + success: true, + message: 'Telegram bot configured successfully', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to configure bot' + }); + } + } catch (error) { + console.error('Configure Telegram bot error:', error); + res.status(500).json({ + success: false, + message: 'Error configuring Telegram bot' + }); + } +}); + +// Get bot info and discover chats +router.get('/telegram/info', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + res.json({ + success: true, + botInfo: result.bot, + availableChats: result.availableChats || [], + isConfigured: telegramService.isEnabled + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to get bot info' + }); + } + } catch (error) { + console.error('Get Telegram info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting bot information' + }); + } +}); + +// Get chat information +router.get('/telegram/chat/:chatId', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.getChat(req.params.chatId); + + if (result.success) { + res.json({ + success: true, + chat: result.chat + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to get chat info' + }); + } + } catch (error) { + console.error('Get chat info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting chat information' + }); + } +}); + +// Test connection +router.post('/telegram/test', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + const testMessage = `🤖 Тест Telegram бота\n\n` + + `✅ Соединение успешно установлено!\n` + + `🤖 Бот: @${result.bot.username} (${result.bot.first_name})\n` + + `🆔 ID бота: ${result.bot.id}\n` + + `⏰ Время тестирования: ${new Date().toLocaleString('ru-RU')}\n` + + `🌐 Сайт: ${process.env.BASE_URL || 'http://localhost:3000'}\n\n` + + `Бот готов к отправке уведомлений! 🚀`; + + const sendResult = await telegramService.sendMessage(testMessage); + + if (sendResult.success) { + res.json({ + success: true, + message: 'Test message sent successfully!', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: 'Bot connection successful, but failed to send test message: ' + (sendResult.error || sendResult.message) + }); + } + } else { + res.status(400).json({ + success: false, + message: result.message || result.error || 'Failed to connect to Telegram bot' + }); + } + } catch (error) { + console.error('Telegram test error:', error); + res.status(500).json({ + success: false, + message: 'Error testing Telegram bot' + }); + } +}); + +// Send custom message +router.post('/telegram/send', requireAuth, [ + body('message').notEmpty().withMessage('Message is required'), + body('chatIds').optional().isArray().withMessage('Chat IDs must be an array'), + body('parseMode').optional().isIn(['HTML', 'Markdown', 'MarkdownV2']).withMessage('Invalid parse mode') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { + message, + chatIds = [], + parseMode = 'HTML', + disableWebPagePreview = false, + disableNotification = false + } = req.body; + + const telegramService = require('../services/telegram'); + + let result; + if (chatIds.length > 0) { + // Send to multiple chats + result = await telegramService.sendCustomMessage({ + text: message, + chatIds: chatIds.map(id => parseInt(id)), + parseMode, + disableWebPagePreview, + disableNotification + }); + + res.json({ + success: result.success, + message: result.success ? + `Message sent to ${result.totalSent} chat(s). ${result.totalFailed} failed.` : + 'Failed to send message', + results: result.results || [], + errors: result.errors || [] + }); + } else { + // Send to default chat + result = await telegramService.sendMessage(message, { + parse_mode: parseMode, + disable_web_page_preview: disableWebPagePreview, + disable_notification: disableNotification + }); + + if (result.success) { + res.json({ + success: true, + message: 'Message sent successfully!' + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to send message' + }); + } + } + } catch (error) { + console.error('Send Telegram message error:', error); + res.status(500).json({ + success: false, + message: 'Error sending message' + }); + } +}); + +// Settings page +router.get('/settings', requireAuth, addStats, (req, res) => { + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +// Banner editor page +router.get('/banner-editor', requireAuth, addStats, (req, res) => { + res.render('admin/banner-editor', { + title: 'Banner Editor - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/routes/admin_20251026220402.js b/.history/routes/admin_20251026220402.js new file mode 100644 index 0000000..483c566 --- /dev/null +++ b/.history/routes/admin_20251026220402.js @@ -0,0 +1,1656 @@ +const express = require('express'); +const router = express.Router(); +const multer = require('multer'); +const sharp = require('sharp'); +const path = require('path'); +const fs = require('fs').promises; +const { body, validationResult } = require('express-validator'); +const { User, Portfolio, Service, Contact, SiteSettings, Banner } = require('../models'); + +// Configure multer for file uploads +const storage = multer.memoryStorage(); // Use memory storage to process with sharp +const upload = multer({ + storage, + limits: { fileSize: 10 * 1024 * 1024 }, // 10MB limit + fileFilter: (req, file, cb) => { + if (file.mimetype.startsWith('image/')) { + cb(null, true); + } else { + cb(new Error('Only image files are allowed'), false); + } + } +}); + +// Authentication middleware +const requireAuth = (req, res, next) => { + if (!req.session.user) { + return res.redirect('/admin/login'); + } + next(); +}; + +// Add stats middleware +const addStats = async (req, res, next) => { + try { + if (req.session.user) { + const [portfolioCount, servicesCount, contactsCount] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count() + ]); + + res.locals.stats = { + portfolioCount, + servicesCount, + contactsCount + }; + } + next(); + } catch (error) { + console.error('Stats middleware error:', error); + next(); + } +}; + +// Admin login page +router.get('/login', (req, res) => { + if (req.session.user) { + return res.redirect('/admin/dashboard'); + } + + res.render('admin/login', { + title: 'Admin Login', + error: null + }); +}); + +// Admin login POST +router.post('/login', async (req, res) => { + try { + const { email, password } = req.body; + + const user = await User.findOne({ + where: { + email: email, + isActive: true + } + }); + if (!user || !(await user.comparePassword(password))) { + return res.render('admin/login', { + title: 'Admin Login', + error: 'Invalid credentials' + }); + } + + await user.updateLastLogin(); + + req.session.user = { + id: user.id, + email: user.email, + name: user.name, + role: user.role + }; + + res.redirect('/admin/dashboard'); + } catch (error) { + console.error('Admin login error:', error); + res.render('admin/login', { + title: 'Admin Login', + error: 'Server error' + }); + } +}); + +// Admin logout +router.post('/logout', (req, res) => { + req.session.destroy(err => { + if (err) { + console.error('Logout error:', err); + } + res.redirect('/admin/login'); + }); +}); + +// Dashboard (default route) +router.get('/', requireAuth, async (req, res) => { + res.redirect('/admin/dashboard'); +}); + +// Dashboard +router.get('/dashboard', requireAuth, async (req, res) => { + try { + const [ + portfolioCount, + servicesCount, + contactsCount, + recentContacts, + recentPortfolio + ] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count(), + Contact.findAll({ + order: [['createdAt', 'DESC']], + limit: 5 + }), + Portfolio.findAll({ + where: { isPublished: true }, + order: [['createdAt', 'DESC']], + limit: 5 + }) + ]); + + const stats = { + portfolioCount: portfolioCount, + servicesCount: servicesCount, + contactsCount: contactsCount, + usersCount: await User.count() + }; + + res.render('admin/dashboard', { + title: 'Admin Dashboard', + layout: 'admin/layout', + user: req.session.user, + stats, + recentContacts, + recentPortfolio, + currentPage: 'dashboard' + }); + } catch (error) { + console.error('Dashboard error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading dashboard' + }); + } +}); + +// Banner management +router.get('/banners', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [banners, total] = await Promise.all([ + Banner.findAll({ + order: [['order', 'ASC'], ['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Banner.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/banners/list', { + title: 'Banner Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banners, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Banner list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banners' + }); + } +}); + +// Add banner +router.get('/banners/add', requireAuth, (req, res) => { + res.render('admin/banners/add', { + title: 'Add Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); +}); + +// Create banner +router.post('/banners/add', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive = true, + startDate, + endDate, + targetAudience = 'all', + backgroundColor, + textColor, + animation = 'none' + } = req.body; + + const banner = await Banner.create({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience, + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation + }); + + res.json({ + success: true, + message: '배너가 성공적으로 생성되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner creation error:', error); + res.status(500).json({ + success: false, + message: '배너 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit banner +router.get('/banners/edit/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Banner not found' + }); + } + + res.render('admin/banners/edit', { + title: 'Edit Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banner, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); + } catch (error) { + console.error('Banner edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banner' + }); + } +}); + +// Update banner +router.put('/banners/:id', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const banner = await Banner.findByPk(req.params.id); + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive, + startDate, + endDate, + targetAudience, + backgroundColor, + textColor, + animation + } = req.body; + + await banner.update({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience: targetAudience || 'all', + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation: animation || 'none' + }); + + res.json({ + success: true, + message: '배너가 성공적으로 업데이트되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner update error:', error); + res.status(500).json({ + success: false, + message: '배너 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete banner +router.delete('/banners/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.destroy(); + + res.json({ + success: true, + message: '배너가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Banner deletion error:', error); + res.status(500).json({ + success: false, + message: '배너 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle banner active status +router.patch('/banners/:id/toggle-active', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const newStatus = !banner.isActive; + await banner.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `배너가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Banner toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Record banner click +router.post('/banners/:id/click', async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.recordClick(); + + res.json({ + success: true, + clickCount: banner.clickCount + }); + } catch (error) { + console.error('Banner click record error:', error); + res.status(500).json({ + success: false, + message: '클릭 기록 중 오류가 발생했습니다' + }); + } +}); + +// Banner Editor (legacy route) +router.get('/banner-editor', requireAuth, addStats, async (req, res) => { + res.redirect('/admin/banners'); +}); + +// Portfolio management +router.get('/portfolio', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [portfolio, total] = await Promise.all([ + Portfolio.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Portfolio.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/portfolio/list', { + title: 'Portfolio Management - Admin Panel', + layout: 'admin/layout', + currentPage: 'portfolio', + user: req.session.user, + portfolio, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Portfolio list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio' + }); + } +}); + +// Utility function for category names +const getCategoryName = (category) => { + const categoryNames = { + 'web-development': 'Веб-разработка', + 'mobile-app': 'Мобильные приложения', + 'ui-ux-design': 'UI/UX дизайн', + 'e-commerce': 'Электронная коммерция', + 'enterprise': 'Корпоративное ПО', + 'other': 'Другое' + }; + return categoryNames[category] || category; +}; + +// Add portfolio item +router.get('/portfolio/add', requireAuth, (req, res) => { + res.render('admin/portfolio/add', { + title: 'Add Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ], + getCategoryName: getCategoryName + }); +}); + +// Create portfolio item +router.post('/portfolio/add', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + if (parsedTechnologies.length === 0) { + return res.status(400).json({ + success: false, + message: 'Добавьте хотя бы одну технологию' + }); + } + + // Process uploaded images + const processedImages = []; + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + processedImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Create portfolio item + const portfolio = await Portfolio.create({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: processedImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) ? new Date() : null, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно создан!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio creation error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании проекта: ' + error.message + }); + } +}); + +// Edit portfolio item +router.get('/portfolio/edit/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Portfolio item not found' + }); + } + + res.render('admin/portfolio/edit', { + title: 'Edit Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ] + }); + } catch (error) { + console.error('Portfolio edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio item' + }); + } +}); + +// Update portfolio item +router.put('/portfolio/:id', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + if (!portfolio) { + return res.status(404).json({ + success: false, + message: 'Проект не найден' + }); + } + + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured, + existingImages + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Handle existing images + let finalImages = []; + try { + const existing = JSON.parse(existingImages || '[]'); + finalImages = Array.isArray(existing) ? existing : []; + } catch (e) { + finalImages = portfolio.images || []; + } + + // Process new uploaded images + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + finalImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = portfolio.seo || {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Update portfolio + await portfolio.update({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: finalImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно обновлен!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio update error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при обновлении проекта: ' + error.message + }); + } +}); + +// Delete portfolio item +router.delete('/portfolio/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + await portfolio.destroy(); + + res.json({ + success: true, + message: '포트폴리오가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Portfolio deletion error:', error); + res.status(500).json({ + success: false, + message: '포트폴리오 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle portfolio publish status +router.patch('/portfolio/:id/toggle-publish', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + const newStatus = !portfolio.isPublished; + await portfolio.update({ + isPublished: newStatus, + publishedAt: newStatus && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: newStatus ? 'published' : 'draft' + }); + + res.json({ + success: true, + message: `포트폴리오가 ${newStatus ? '게시' : '비공개'}되었습니다`, + isPublished: newStatus + }); + } catch (error) { + console.error('Portfolio toggle publish error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Portfolio preview +router.post('/portfolio/preview', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName + } = req.body; + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Process uploaded images for preview + const previewImages = []; + if (req.files && req.files.length > 0) { + for (const file of req.files) { + // Convert to base64 for preview + const base64 = `data:${file.mimetype};base64,${file.buffer.toString('base64')}`; + previewImages.push(base64); + } + } + + const previewData = { + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: previewImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + createdAt: new Date() + }; + + res.json({ + success: true, + preview: previewData + }); + } catch (error) { + console.error('Portfolio preview error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании предпросмотра: ' + error.message + }); + } +}); + +// Services management +router.get('/services', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [services, total] = await Promise.all([ + Service.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Service.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/services/list', { + title: 'Services Management - Admin Panel', + layout: 'admin/layout', + currentPage: 'services', + user: req.session.user, + services, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Services list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading services' + }); + } +}); + +// Add service +router.get('/services/add', requireAuth, (req, res) => { + res.render('admin/services/add', { + title: 'Add Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); +}); + +// Create service +router.post('/services/add', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive = true, + featured = false + } = req.body; + + const service = await Service.create({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 생성되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service creation error:', error); + res.status(500).json({ + success: false, + message: '서비스 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit service +router.get('/services/edit/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Service not found' + }); + } + + const availablePortfolio = await Portfolio.findAll({ + where: { isPublished: true }, + attributes: ['id', 'title', 'category'] + }); + + res.render('admin/services/edit', { + title: 'Edit Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + service, + availablePortfolio, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); + } catch (error) { + console.error('Service edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading service' + }); + } +}); + +// Update service +router.put('/services/:id', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const service = await Service.findByPk(req.params.id); + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive, + featured + } = req.body; + + await service.update({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 업데이트되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service update error:', error); + res.status(500).json({ + success: false, + message: '서비스 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete service +router.delete('/services/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + await service.destroy(); + + res.json({ + success: true, + message: '서비스가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Service deletion error:', error); + res.status(500).json({ + success: false, + message: '서비스 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle service active status +router.patch('/services/:id/toggle-active', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const newStatus = !service.isActive; + await service.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `서비스가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Service toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Contacts management +router.get('/contacts', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + const status = req.query.status; + + let whereClause = {}; + if (status && status !== 'all') { + whereClause.status = status; + } + + const [contacts, total] = await Promise.all([ + Contact.findAll({ + where: whereClause, + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Contact.count({ where: whereClause }) + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/contacts/list', { + title: 'Contacts Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contacts, + currentStatus: status || 'all', + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Contacts list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contacts' + }); + } +}); + +// View contact details +router.get('/contacts/:id', requireAuth, async (req, res) => { + try { + const contact = await Contact.findByPk(req.params.id); + + if (!contact) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Contact not found' + }); + } + + // Mark as read + if (!contact.isRead) { + contact.isRead = true; + await contact.save(); + } + + res.render('admin/contacts/view', { + title: 'Contact Details - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contact + }); + } catch (error) { + console.error('Contact view error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contact' + }); + } +}); + +// Settings +router.get('/settings', requireAuth, addStats, async (req, res) => { + try { + const settings = await SiteSettings.findOne() || await SiteSettings.create({}); + + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + settings + }); + } catch (error) { + console.error('Settings error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading settings' + }); + } +}); + +// Media gallery +router.get('/media', requireAuth, addStats, (req, res) => { + res.render('admin/media', { + title: 'Media Gallery - Admin Panel', + layout: 'admin/layout', + currentPage: 'media', + user: req.session.user + }); +}); + +// Telegram bot configuration and testing +router.get('/telegram', requireAuth, addStats, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + + // Get bot info and available chats if token is configured + let botInfo = null; + let availableChats = []; + + if (telegramService.botToken) { + const result = await telegramService.getBotInfo(); + if (result.success) { + botInfo = result.bot; + availableChats = telegramService.getAvailableChats(); + } + } + + res.render('admin/telegram', { + title: 'Telegram Bot - Admin Panel', + layout: 'admin/layout', + currentPage: 'telegram', + user: req.session.user, + botConfigured: telegramService.isEnabled, + botToken: telegramService.botToken || '', + chatId: telegramService.chatId || '', + botInfo, + availableChats + }); + } catch (error) { + console.error('Telegram page error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading Telegram settings' + }); + } +}); + +// Update bot token +router.post('/telegram/configure', requireAuth, [ + body('botToken').notEmpty().withMessage('Bot token is required'), + body('chatId').optional().isNumeric().withMessage('Chat ID must be numeric') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { botToken, chatId } = req.body; + const telegramService = require('../services/telegram'); + + // Update bot token + const result = await telegramService.updateBotToken(botToken); + + if (result.success) { + // Update chat ID if provided + if (chatId) { + telegramService.updateChatId(parseInt(chatId)); + } + + // Update environment variables (in production, this should update a config file) + process.env.TELEGRAM_BOT_TOKEN = botToken; + if (chatId) { + process.env.TELEGRAM_CHAT_ID = chatId; + } + + res.json({ + success: true, + message: 'Telegram bot configured successfully', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to configure bot' + }); + } + } catch (error) { + console.error('Configure Telegram bot error:', error); + res.status(500).json({ + success: false, + message: 'Error configuring Telegram bot' + }); + } +}); + +// Get bot info and discover chats +router.get('/telegram/info', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + res.json({ + success: true, + botInfo: result.bot, + availableChats: result.availableChats || [], + isConfigured: telegramService.isEnabled + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to get bot info' + }); + } + } catch (error) { + console.error('Get Telegram info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting bot information' + }); + } +}); + +// Get chat information +router.get('/telegram/chat/:chatId', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.getChat(req.params.chatId); + + if (result.success) { + res.json({ + success: true, + chat: result.chat + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to get chat info' + }); + } + } catch (error) { + console.error('Get chat info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting chat information' + }); + } +}); + +// Test connection +router.post('/telegram/test', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + const testMessage = `🤖 Тест Telegram бота\n\n` + + `✅ Соединение успешно установлено!\n` + + `🤖 Бот: @${result.bot.username} (${result.bot.first_name})\n` + + `🆔 ID бота: ${result.bot.id}\n` + + `⏰ Время тестирования: ${new Date().toLocaleString('ru-RU')}\n` + + `🌐 Сайт: ${process.env.BASE_URL || 'http://localhost:3000'}\n\n` + + `Бот готов к отправке уведомлений! 🚀`; + + const sendResult = await telegramService.sendMessage(testMessage); + + if (sendResult.success) { + res.json({ + success: true, + message: 'Test message sent successfully!', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: 'Bot connection successful, but failed to send test message: ' + (sendResult.error || sendResult.message) + }); + } + } else { + res.status(400).json({ + success: false, + message: result.message || result.error || 'Failed to connect to Telegram bot' + }); + } + } catch (error) { + console.error('Telegram test error:', error); + res.status(500).json({ + success: false, + message: 'Error testing Telegram bot' + }); + } +}); + +// Send custom message +router.post('/telegram/send', requireAuth, [ + body('message').notEmpty().withMessage('Message is required'), + body('chatIds').optional().isArray().withMessage('Chat IDs must be an array'), + body('parseMode').optional().isIn(['HTML', 'Markdown', 'MarkdownV2']).withMessage('Invalid parse mode') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { + message, + chatIds = [], + parseMode = 'HTML', + disableWebPagePreview = false, + disableNotification = false + } = req.body; + + const telegramService = require('../services/telegram'); + + let result; + if (chatIds.length > 0) { + // Send to multiple chats + result = await telegramService.sendCustomMessage({ + text: message, + chatIds: chatIds.map(id => parseInt(id)), + parseMode, + disableWebPagePreview, + disableNotification + }); + + res.json({ + success: result.success, + message: result.success ? + `Message sent to ${result.totalSent} chat(s). ${result.totalFailed} failed.` : + 'Failed to send message', + results: result.results || [], + errors: result.errors || [] + }); + } else { + // Send to default chat + result = await telegramService.sendMessage(message, { + parse_mode: parseMode, + disable_web_page_preview: disableWebPagePreview, + disable_notification: disableNotification + }); + + if (result.success) { + res.json({ + success: true, + message: 'Message sent successfully!' + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to send message' + }); + } + } + } catch (error) { + console.error('Send Telegram message error:', error); + res.status(500).json({ + success: false, + message: 'Error sending message' + }); + } +}); + +// Settings page +router.get('/settings', requireAuth, addStats, (req, res) => { + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +// Banner editor page +router.get('/banner-editor', requireAuth, addStats, (req, res) => { + res.render('admin/banner-editor', { + title: 'Banner Editor - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/routes/admin_20251026220414.js b/.history/routes/admin_20251026220414.js new file mode 100644 index 0000000..6e4ae57 --- /dev/null +++ b/.history/routes/admin_20251026220414.js @@ -0,0 +1,1657 @@ +const express = require('express'); +const router = express.Router(); +const multer = require('multer'); +const sharp = require('sharp'); +const path = require('path'); +const fs = require('fs').promises; +const { body, validationResult } = require('express-validator'); +const { User, Portfolio, Service, Contact, SiteSettings, Banner } = require('../models'); + +// Configure multer for file uploads +const storage = multer.memoryStorage(); // Use memory storage to process with sharp +const upload = multer({ + storage, + limits: { fileSize: 10 * 1024 * 1024 }, // 10MB limit + fileFilter: (req, file, cb) => { + if (file.mimetype.startsWith('image/')) { + cb(null, true); + } else { + cb(new Error('Only image files are allowed'), false); + } + } +}); + +// Authentication middleware +const requireAuth = (req, res, next) => { + if (!req.session.user) { + return res.redirect('/admin/login'); + } + next(); +}; + +// Add stats middleware +const addStats = async (req, res, next) => { + try { + if (req.session.user) { + const [portfolioCount, servicesCount, contactsCount] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count() + ]); + + res.locals.stats = { + portfolioCount, + servicesCount, + contactsCount + }; + } + next(); + } catch (error) { + console.error('Stats middleware error:', error); + next(); + } +}; + +// Admin login page +router.get('/login', (req, res) => { + if (req.session.user) { + return res.redirect('/admin/dashboard'); + } + + res.render('admin/login', { + title: 'Admin Login', + error: null + }); +}); + +// Admin login POST +router.post('/login', async (req, res) => { + try { + const { email, password } = req.body; + + const user = await User.findOne({ + where: { + email: email, + isActive: true + } + }); + if (!user || !(await user.comparePassword(password))) { + return res.render('admin/login', { + title: 'Admin Login', + error: 'Invalid credentials' + }); + } + + await user.updateLastLogin(); + + req.session.user = { + id: user.id, + email: user.email, + name: user.name, + role: user.role + }; + + res.redirect('/admin/dashboard'); + } catch (error) { + console.error('Admin login error:', error); + res.render('admin/login', { + title: 'Admin Login', + error: 'Server error' + }); + } +}); + +// Admin logout +router.post('/logout', (req, res) => { + req.session.destroy(err => { + if (err) { + console.error('Logout error:', err); + } + res.redirect('/admin/login'); + }); +}); + +// Dashboard (default route) +router.get('/', requireAuth, async (req, res) => { + res.redirect('/admin/dashboard'); +}); + +// Dashboard +router.get('/dashboard', requireAuth, async (req, res) => { + try { + const [ + portfolioCount, + servicesCount, + contactsCount, + recentContacts, + recentPortfolio + ] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count(), + Contact.findAll({ + order: [['createdAt', 'DESC']], + limit: 5 + }), + Portfolio.findAll({ + where: { isPublished: true }, + order: [['createdAt', 'DESC']], + limit: 5 + }) + ]); + + const stats = { + portfolioCount: portfolioCount, + servicesCount: servicesCount, + contactsCount: contactsCount, + usersCount: await User.count() + }; + + res.render('admin/dashboard', { + title: 'Admin Dashboard', + layout: 'admin/layout', + user: req.session.user, + stats, + recentContacts, + recentPortfolio, + currentPage: 'dashboard' + }); + } catch (error) { + console.error('Dashboard error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading dashboard' + }); + } +}); + +// Banner management +router.get('/banners', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [banners, total] = await Promise.all([ + Banner.findAll({ + order: [['order', 'ASC'], ['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Banner.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/banners/list', { + title: 'Banner Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banners, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Banner list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banners' + }); + } +}); + +// Add banner +router.get('/banners/add', requireAuth, (req, res) => { + res.render('admin/banners/add', { + title: 'Add Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); +}); + +// Create banner +router.post('/banners/add', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive = true, + startDate, + endDate, + targetAudience = 'all', + backgroundColor, + textColor, + animation = 'none' + } = req.body; + + const banner = await Banner.create({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience, + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation + }); + + res.json({ + success: true, + message: '배너가 성공적으로 생성되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner creation error:', error); + res.status(500).json({ + success: false, + message: '배너 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit banner +router.get('/banners/edit/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Banner not found' + }); + } + + res.render('admin/banners/edit', { + title: 'Edit Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banner, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); + } catch (error) { + console.error('Banner edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banner' + }); + } +}); + +// Update banner +router.put('/banners/:id', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const banner = await Banner.findByPk(req.params.id); + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive, + startDate, + endDate, + targetAudience, + backgroundColor, + textColor, + animation + } = req.body; + + await banner.update({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience: targetAudience || 'all', + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation: animation || 'none' + }); + + res.json({ + success: true, + message: '배너가 성공적으로 업데이트되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner update error:', error); + res.status(500).json({ + success: false, + message: '배너 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete banner +router.delete('/banners/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.destroy(); + + res.json({ + success: true, + message: '배너가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Banner deletion error:', error); + res.status(500).json({ + success: false, + message: '배너 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle banner active status +router.patch('/banners/:id/toggle-active', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const newStatus = !banner.isActive; + await banner.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `배너가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Banner toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Record banner click +router.post('/banners/:id/click', async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.recordClick(); + + res.json({ + success: true, + clickCount: banner.clickCount + }); + } catch (error) { + console.error('Banner click record error:', error); + res.status(500).json({ + success: false, + message: '클릭 기록 중 오류가 발생했습니다' + }); + } +}); + +// Banner Editor (legacy route) +router.get('/banner-editor', requireAuth, addStats, async (req, res) => { + res.redirect('/admin/banners'); +}); + +// Portfolio management +router.get('/portfolio', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [portfolio, total] = await Promise.all([ + Portfolio.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Portfolio.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/portfolio/list', { + title: 'Portfolio Management - Admin Panel', + layout: 'admin/layout', + currentPage: 'portfolio', + user: req.session.user, + portfolio, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Portfolio list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio' + }); + } +}); + +// Utility function for category names +const getCategoryName = (category) => { + const categoryNames = { + 'web-development': 'Веб-разработка', + 'mobile-app': 'Мобильные приложения', + 'ui-ux-design': 'UI/UX дизайн', + 'e-commerce': 'Электронная коммерция', + 'enterprise': 'Корпоративное ПО', + 'other': 'Другое' + }; + return categoryNames[category] || category; +}; + +// Add portfolio item +router.get('/portfolio/add', requireAuth, (req, res) => { + res.render('admin/portfolio/add', { + title: 'Add Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ], + getCategoryName: getCategoryName + }); +}); + +// Create portfolio item +router.post('/portfolio/add', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + if (parsedTechnologies.length === 0) { + return res.status(400).json({ + success: false, + message: 'Добавьте хотя бы одну технологию' + }); + } + + // Process uploaded images + const processedImages = []; + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + processedImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Create portfolio item + const portfolio = await Portfolio.create({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: processedImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) ? new Date() : null, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно создан!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio creation error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании проекта: ' + error.message + }); + } +}); + +// Edit portfolio item +router.get('/portfolio/edit/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Portfolio item not found' + }); + } + + res.render('admin/portfolio/edit', { + title: 'Edit Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ] + }); + } catch (error) { + console.error('Portfolio edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio item' + }); + } +}); + +// Update portfolio item +router.put('/portfolio/:id', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + if (!portfolio) { + return res.status(404).json({ + success: false, + message: 'Проект не найден' + }); + } + + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured, + existingImages + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Handle existing images + let finalImages = []; + try { + const existing = JSON.parse(existingImages || '[]'); + finalImages = Array.isArray(existing) ? existing : []; + } catch (e) { + finalImages = portfolio.images || []; + } + + // Process new uploaded images + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + finalImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = portfolio.seo || {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Update portfolio + await portfolio.update({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: finalImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно обновлен!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio update error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при обновлении проекта: ' + error.message + }); + } +}); + +// Delete portfolio item +router.delete('/portfolio/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + await portfolio.destroy(); + + res.json({ + success: true, + message: '포트폴리오가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Portfolio deletion error:', error); + res.status(500).json({ + success: false, + message: '포트폴리오 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle portfolio publish status +router.patch('/portfolio/:id/toggle-publish', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + const newStatus = !portfolio.isPublished; + await portfolio.update({ + isPublished: newStatus, + publishedAt: newStatus && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: newStatus ? 'published' : 'draft' + }); + + res.json({ + success: true, + message: `포트폴리오가 ${newStatus ? '게시' : '비공개'}되었습니다`, + isPublished: newStatus + }); + } catch (error) { + console.error('Portfolio toggle publish error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Portfolio preview +router.post('/portfolio/preview', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName + } = req.body; + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Process uploaded images for preview + const previewImages = []; + if (req.files && req.files.length > 0) { + for (const file of req.files) { + // Convert to base64 for preview + const base64 = `data:${file.mimetype};base64,${file.buffer.toString('base64')}`; + previewImages.push(base64); + } + } + + const previewData = { + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: previewImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + createdAt: new Date() + }; + + res.json({ + success: true, + preview: previewData + }); + } catch (error) { + console.error('Portfolio preview error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании предпросмотра: ' + error.message + }); + } +}); + +// Services management +router.get('/services', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [services, total] = await Promise.all([ + Service.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Service.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/services/list', { + title: 'Services Management - Admin Panel', + layout: 'admin/layout', + currentPage: 'services', + user: req.session.user, + services, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Services list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading services' + }); + } +}); + +// Add service +router.get('/services/add', requireAuth, (req, res) => { + res.render('admin/services/add', { + title: 'Add Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); +}); + +// Create service +router.post('/services/add', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive = true, + featured = false + } = req.body; + + const service = await Service.create({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 생성되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service creation error:', error); + res.status(500).json({ + success: false, + message: '서비스 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit service +router.get('/services/edit/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Service not found' + }); + } + + const availablePortfolio = await Portfolio.findAll({ + where: { isPublished: true }, + attributes: ['id', 'title', 'category'] + }); + + res.render('admin/services/edit', { + title: 'Edit Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + service, + availablePortfolio, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); + } catch (error) { + console.error('Service edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading service' + }); + } +}); + +// Update service +router.put('/services/:id', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const service = await Service.findByPk(req.params.id); + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive, + featured + } = req.body; + + await service.update({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 업데이트되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service update error:', error); + res.status(500).json({ + success: false, + message: '서비스 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete service +router.delete('/services/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + await service.destroy(); + + res.json({ + success: true, + message: '서비스가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Service deletion error:', error); + res.status(500).json({ + success: false, + message: '서비스 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle service active status +router.patch('/services/:id/toggle-active', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const newStatus = !service.isActive; + await service.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `서비스가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Service toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Contacts management +router.get('/contacts', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + const status = req.query.status; + + let whereClause = {}; + if (status && status !== 'all') { + whereClause.status = status; + } + + const [contacts, total] = await Promise.all([ + Contact.findAll({ + where: whereClause, + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Contact.count({ where: whereClause }) + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/contacts/list', { + title: 'Contacts Management - Admin Panel', + layout: 'admin/layout', + currentPage: 'contacts', + user: req.session.user, + contacts, + currentStatus: status || 'all', + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Contacts list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contacts' + }); + } +}); + +// View contact details +router.get('/contacts/:id', requireAuth, async (req, res) => { + try { + const contact = await Contact.findByPk(req.params.id); + + if (!contact) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Contact not found' + }); + } + + // Mark as read + if (!contact.isRead) { + contact.isRead = true; + await contact.save(); + } + + res.render('admin/contacts/view', { + title: 'Contact Details - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contact + }); + } catch (error) { + console.error('Contact view error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contact' + }); + } +}); + +// Settings +router.get('/settings', requireAuth, addStats, async (req, res) => { + try { + const settings = await SiteSettings.findOne() || await SiteSettings.create({}); + + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + settings + }); + } catch (error) { + console.error('Settings error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading settings' + }); + } +}); + +// Media gallery +router.get('/media', requireAuth, addStats, (req, res) => { + res.render('admin/media', { + title: 'Media Gallery - Admin Panel', + layout: 'admin/layout', + currentPage: 'media', + user: req.session.user + }); +}); + +// Telegram bot configuration and testing +router.get('/telegram', requireAuth, addStats, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + + // Get bot info and available chats if token is configured + let botInfo = null; + let availableChats = []; + + if (telegramService.botToken) { + const result = await telegramService.getBotInfo(); + if (result.success) { + botInfo = result.bot; + availableChats = telegramService.getAvailableChats(); + } + } + + res.render('admin/telegram', { + title: 'Telegram Bot - Admin Panel', + layout: 'admin/layout', + currentPage: 'telegram', + user: req.session.user, + botConfigured: telegramService.isEnabled, + botToken: telegramService.botToken || '', + chatId: telegramService.chatId || '', + botInfo, + availableChats + }); + } catch (error) { + console.error('Telegram page error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading Telegram settings' + }); + } +}); + +// Update bot token +router.post('/telegram/configure', requireAuth, [ + body('botToken').notEmpty().withMessage('Bot token is required'), + body('chatId').optional().isNumeric().withMessage('Chat ID must be numeric') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { botToken, chatId } = req.body; + const telegramService = require('../services/telegram'); + + // Update bot token + const result = await telegramService.updateBotToken(botToken); + + if (result.success) { + // Update chat ID if provided + if (chatId) { + telegramService.updateChatId(parseInt(chatId)); + } + + // Update environment variables (in production, this should update a config file) + process.env.TELEGRAM_BOT_TOKEN = botToken; + if (chatId) { + process.env.TELEGRAM_CHAT_ID = chatId; + } + + res.json({ + success: true, + message: 'Telegram bot configured successfully', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to configure bot' + }); + } + } catch (error) { + console.error('Configure Telegram bot error:', error); + res.status(500).json({ + success: false, + message: 'Error configuring Telegram bot' + }); + } +}); + +// Get bot info and discover chats +router.get('/telegram/info', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + res.json({ + success: true, + botInfo: result.bot, + availableChats: result.availableChats || [], + isConfigured: telegramService.isEnabled + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to get bot info' + }); + } + } catch (error) { + console.error('Get Telegram info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting bot information' + }); + } +}); + +// Get chat information +router.get('/telegram/chat/:chatId', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.getChat(req.params.chatId); + + if (result.success) { + res.json({ + success: true, + chat: result.chat + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to get chat info' + }); + } + } catch (error) { + console.error('Get chat info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting chat information' + }); + } +}); + +// Test connection +router.post('/telegram/test', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + const testMessage = `🤖 Тест Telegram бота\n\n` + + `✅ Соединение успешно установлено!\n` + + `🤖 Бот: @${result.bot.username} (${result.bot.first_name})\n` + + `🆔 ID бота: ${result.bot.id}\n` + + `⏰ Время тестирования: ${new Date().toLocaleString('ru-RU')}\n` + + `🌐 Сайт: ${process.env.BASE_URL || 'http://localhost:3000'}\n\n` + + `Бот готов к отправке уведомлений! 🚀`; + + const sendResult = await telegramService.sendMessage(testMessage); + + if (sendResult.success) { + res.json({ + success: true, + message: 'Test message sent successfully!', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: 'Bot connection successful, but failed to send test message: ' + (sendResult.error || sendResult.message) + }); + } + } else { + res.status(400).json({ + success: false, + message: result.message || result.error || 'Failed to connect to Telegram bot' + }); + } + } catch (error) { + console.error('Telegram test error:', error); + res.status(500).json({ + success: false, + message: 'Error testing Telegram bot' + }); + } +}); + +// Send custom message +router.post('/telegram/send', requireAuth, [ + body('message').notEmpty().withMessage('Message is required'), + body('chatIds').optional().isArray().withMessage('Chat IDs must be an array'), + body('parseMode').optional().isIn(['HTML', 'Markdown', 'MarkdownV2']).withMessage('Invalid parse mode') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { + message, + chatIds = [], + parseMode = 'HTML', + disableWebPagePreview = false, + disableNotification = false + } = req.body; + + const telegramService = require('../services/telegram'); + + let result; + if (chatIds.length > 0) { + // Send to multiple chats + result = await telegramService.sendCustomMessage({ + text: message, + chatIds: chatIds.map(id => parseInt(id)), + parseMode, + disableWebPagePreview, + disableNotification + }); + + res.json({ + success: result.success, + message: result.success ? + `Message sent to ${result.totalSent} chat(s). ${result.totalFailed} failed.` : + 'Failed to send message', + results: result.results || [], + errors: result.errors || [] + }); + } else { + // Send to default chat + result = await telegramService.sendMessage(message, { + parse_mode: parseMode, + disable_web_page_preview: disableWebPagePreview, + disable_notification: disableNotification + }); + + if (result.success) { + res.json({ + success: true, + message: 'Message sent successfully!' + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to send message' + }); + } + } + } catch (error) { + console.error('Send Telegram message error:', error); + res.status(500).json({ + success: false, + message: 'Error sending message' + }); + } +}); + +// Settings page +router.get('/settings', requireAuth, addStats, (req, res) => { + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +// Banner editor page +router.get('/banner-editor', requireAuth, addStats, (req, res) => { + res.render('admin/banner-editor', { + title: 'Banner Editor - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/routes/admin_20251026220429.js b/.history/routes/admin_20251026220429.js new file mode 100644 index 0000000..0cedea5 --- /dev/null +++ b/.history/routes/admin_20251026220429.js @@ -0,0 +1,1658 @@ +const express = require('express'); +const router = express.Router(); +const multer = require('multer'); +const sharp = require('sharp'); +const path = require('path'); +const fs = require('fs').promises; +const { body, validationResult } = require('express-validator'); +const { User, Portfolio, Service, Contact, SiteSettings, Banner } = require('../models'); + +// Configure multer for file uploads +const storage = multer.memoryStorage(); // Use memory storage to process with sharp +const upload = multer({ + storage, + limits: { fileSize: 10 * 1024 * 1024 }, // 10MB limit + fileFilter: (req, file, cb) => { + if (file.mimetype.startsWith('image/')) { + cb(null, true); + } else { + cb(new Error('Only image files are allowed'), false); + } + } +}); + +// Authentication middleware +const requireAuth = (req, res, next) => { + if (!req.session.user) { + return res.redirect('/admin/login'); + } + next(); +}; + +// Add stats middleware +const addStats = async (req, res, next) => { + try { + if (req.session.user) { + const [portfolioCount, servicesCount, contactsCount] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count() + ]); + + res.locals.stats = { + portfolioCount, + servicesCount, + contactsCount + }; + } + next(); + } catch (error) { + console.error('Stats middleware error:', error); + next(); + } +}; + +// Admin login page +router.get('/login', (req, res) => { + if (req.session.user) { + return res.redirect('/admin/dashboard'); + } + + res.render('admin/login', { + title: 'Admin Login', + error: null + }); +}); + +// Admin login POST +router.post('/login', async (req, res) => { + try { + const { email, password } = req.body; + + const user = await User.findOne({ + where: { + email: email, + isActive: true + } + }); + if (!user || !(await user.comparePassword(password))) { + return res.render('admin/login', { + title: 'Admin Login', + error: 'Invalid credentials' + }); + } + + await user.updateLastLogin(); + + req.session.user = { + id: user.id, + email: user.email, + name: user.name, + role: user.role + }; + + res.redirect('/admin/dashboard'); + } catch (error) { + console.error('Admin login error:', error); + res.render('admin/login', { + title: 'Admin Login', + error: 'Server error' + }); + } +}); + +// Admin logout +router.post('/logout', (req, res) => { + req.session.destroy(err => { + if (err) { + console.error('Logout error:', err); + } + res.redirect('/admin/login'); + }); +}); + +// Dashboard (default route) +router.get('/', requireAuth, async (req, res) => { + res.redirect('/admin/dashboard'); +}); + +// Dashboard +router.get('/dashboard', requireAuth, async (req, res) => { + try { + const [ + portfolioCount, + servicesCount, + contactsCount, + recentContacts, + recentPortfolio + ] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count(), + Contact.findAll({ + order: [['createdAt', 'DESC']], + limit: 5 + }), + Portfolio.findAll({ + where: { isPublished: true }, + order: [['createdAt', 'DESC']], + limit: 5 + }) + ]); + + const stats = { + portfolioCount: portfolioCount, + servicesCount: servicesCount, + contactsCount: contactsCount, + usersCount: await User.count() + }; + + res.render('admin/dashboard', { + title: 'Admin Dashboard', + layout: 'admin/layout', + user: req.session.user, + stats, + recentContacts, + recentPortfolio, + currentPage: 'dashboard' + }); + } catch (error) { + console.error('Dashboard error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading dashboard' + }); + } +}); + +// Banner management +router.get('/banners', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [banners, total] = await Promise.all([ + Banner.findAll({ + order: [['order', 'ASC'], ['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Banner.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/banners/list', { + title: 'Banner Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banners, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Banner list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banners' + }); + } +}); + +// Add banner +router.get('/banners/add', requireAuth, (req, res) => { + res.render('admin/banners/add', { + title: 'Add Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); +}); + +// Create banner +router.post('/banners/add', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive = true, + startDate, + endDate, + targetAudience = 'all', + backgroundColor, + textColor, + animation = 'none' + } = req.body; + + const banner = await Banner.create({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience, + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation + }); + + res.json({ + success: true, + message: '배너가 성공적으로 생성되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner creation error:', error); + res.status(500).json({ + success: false, + message: '배너 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit banner +router.get('/banners/edit/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Banner not found' + }); + } + + res.render('admin/banners/edit', { + title: 'Edit Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banner, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); + } catch (error) { + console.error('Banner edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banner' + }); + } +}); + +// Update banner +router.put('/banners/:id', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const banner = await Banner.findByPk(req.params.id); + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive, + startDate, + endDate, + targetAudience, + backgroundColor, + textColor, + animation + } = req.body; + + await banner.update({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience: targetAudience || 'all', + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation: animation || 'none' + }); + + res.json({ + success: true, + message: '배너가 성공적으로 업데이트되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner update error:', error); + res.status(500).json({ + success: false, + message: '배너 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete banner +router.delete('/banners/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.destroy(); + + res.json({ + success: true, + message: '배너가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Banner deletion error:', error); + res.status(500).json({ + success: false, + message: '배너 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle banner active status +router.patch('/banners/:id/toggle-active', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const newStatus = !banner.isActive; + await banner.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `배너가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Banner toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Record banner click +router.post('/banners/:id/click', async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.recordClick(); + + res.json({ + success: true, + clickCount: banner.clickCount + }); + } catch (error) { + console.error('Banner click record error:', error); + res.status(500).json({ + success: false, + message: '클릭 기록 중 오류가 발생했습니다' + }); + } +}); + +// Banner Editor (legacy route) +router.get('/banner-editor', requireAuth, addStats, async (req, res) => { + res.redirect('/admin/banners'); +}); + +// Portfolio management +router.get('/portfolio', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [portfolio, total] = await Promise.all([ + Portfolio.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Portfolio.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/portfolio/list', { + title: 'Portfolio Management - Admin Panel', + layout: 'admin/layout', + currentPage: 'portfolio', + user: req.session.user, + portfolio, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Portfolio list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio' + }); + } +}); + +// Utility function for category names +const getCategoryName = (category) => { + const categoryNames = { + 'web-development': 'Веб-разработка', + 'mobile-app': 'Мобильные приложения', + 'ui-ux-design': 'UI/UX дизайн', + 'e-commerce': 'Электронная коммерция', + 'enterprise': 'Корпоративное ПО', + 'other': 'Другое' + }; + return categoryNames[category] || category; +}; + +// Add portfolio item +router.get('/portfolio/add', requireAuth, (req, res) => { + res.render('admin/portfolio/add', { + title: 'Add Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ], + getCategoryName: getCategoryName + }); +}); + +// Create portfolio item +router.post('/portfolio/add', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + if (parsedTechnologies.length === 0) { + return res.status(400).json({ + success: false, + message: 'Добавьте хотя бы одну технологию' + }); + } + + // Process uploaded images + const processedImages = []; + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + processedImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Create portfolio item + const portfolio = await Portfolio.create({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: processedImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) ? new Date() : null, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно создан!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio creation error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании проекта: ' + error.message + }); + } +}); + +// Edit portfolio item +router.get('/portfolio/edit/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Portfolio item not found' + }); + } + + res.render('admin/portfolio/edit', { + title: 'Edit Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ] + }); + } catch (error) { + console.error('Portfolio edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio item' + }); + } +}); + +// Update portfolio item +router.put('/portfolio/:id', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + if (!portfolio) { + return res.status(404).json({ + success: false, + message: 'Проект не найден' + }); + } + + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured, + existingImages + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Handle existing images + let finalImages = []; + try { + const existing = JSON.parse(existingImages || '[]'); + finalImages = Array.isArray(existing) ? existing : []; + } catch (e) { + finalImages = portfolio.images || []; + } + + // Process new uploaded images + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + finalImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = portfolio.seo || {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Update portfolio + await portfolio.update({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: finalImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно обновлен!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio update error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при обновлении проекта: ' + error.message + }); + } +}); + +// Delete portfolio item +router.delete('/portfolio/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + await portfolio.destroy(); + + res.json({ + success: true, + message: '포트폴리오가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Portfolio deletion error:', error); + res.status(500).json({ + success: false, + message: '포트폴리오 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle portfolio publish status +router.patch('/portfolio/:id/toggle-publish', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + const newStatus = !portfolio.isPublished; + await portfolio.update({ + isPublished: newStatus, + publishedAt: newStatus && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: newStatus ? 'published' : 'draft' + }); + + res.json({ + success: true, + message: `포트폴리오가 ${newStatus ? '게시' : '비공개'}되었습니다`, + isPublished: newStatus + }); + } catch (error) { + console.error('Portfolio toggle publish error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Portfolio preview +router.post('/portfolio/preview', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName + } = req.body; + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Process uploaded images for preview + const previewImages = []; + if (req.files && req.files.length > 0) { + for (const file of req.files) { + // Convert to base64 for preview + const base64 = `data:${file.mimetype};base64,${file.buffer.toString('base64')}`; + previewImages.push(base64); + } + } + + const previewData = { + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: previewImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + createdAt: new Date() + }; + + res.json({ + success: true, + preview: previewData + }); + } catch (error) { + console.error('Portfolio preview error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании предпросмотра: ' + error.message + }); + } +}); + +// Services management +router.get('/services', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [services, total] = await Promise.all([ + Service.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Service.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/services/list', { + title: 'Services Management - Admin Panel', + layout: 'admin/layout', + currentPage: 'services', + user: req.session.user, + services, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Services list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading services' + }); + } +}); + +// Add service +router.get('/services/add', requireAuth, (req, res) => { + res.render('admin/services/add', { + title: 'Add Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); +}); + +// Create service +router.post('/services/add', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive = true, + featured = false + } = req.body; + + const service = await Service.create({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 생성되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service creation error:', error); + res.status(500).json({ + success: false, + message: '서비스 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit service +router.get('/services/edit/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Service not found' + }); + } + + const availablePortfolio = await Portfolio.findAll({ + where: { isPublished: true }, + attributes: ['id', 'title', 'category'] + }); + + res.render('admin/services/edit', { + title: 'Edit Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + service, + availablePortfolio, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); + } catch (error) { + console.error('Service edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading service' + }); + } +}); + +// Update service +router.put('/services/:id', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const service = await Service.findByPk(req.params.id); + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive, + featured + } = req.body; + + await service.update({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 업데이트되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service update error:', error); + res.status(500).json({ + success: false, + message: '서비스 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete service +router.delete('/services/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + await service.destroy(); + + res.json({ + success: true, + message: '서비스가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Service deletion error:', error); + res.status(500).json({ + success: false, + message: '서비스 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle service active status +router.patch('/services/:id/toggle-active', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const newStatus = !service.isActive; + await service.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `서비스가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Service toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Contacts management +router.get('/contacts', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + const status = req.query.status; + + let whereClause = {}; + if (status && status !== 'all') { + whereClause.status = status; + } + + const [contacts, total] = await Promise.all([ + Contact.findAll({ + where: whereClause, + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Contact.count({ where: whereClause }) + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/contacts/list', { + title: 'Contacts Management - Admin Panel', + layout: 'admin/layout', + currentPage: 'contacts', + user: req.session.user, + contacts, + currentStatus: status || 'all', + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Contacts list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contacts' + }); + } +}); + +// View contact details +router.get('/contacts/:id', requireAuth, async (req, res) => { + try { + const contact = await Contact.findByPk(req.params.id); + + if (!contact) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Contact not found' + }); + } + + // Mark as read + if (!contact.isRead) { + contact.isRead = true; + await contact.save(); + } + + res.render('admin/contacts/view', { + title: 'Contact Details - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contact + }); + } catch (error) { + console.error('Contact view error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contact' + }); + } +}); + +// Settings +router.get('/settings', requireAuth, addStats, async (req, res) => { + try { + const settings = await SiteSettings.findOne() || await SiteSettings.create({}); + + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + currentPage: 'settings', + user: req.session.user, + settings + }); + } catch (error) { + console.error('Settings error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading settings' + }); + } +}); + +// Media gallery +router.get('/media', requireAuth, addStats, (req, res) => { + res.render('admin/media', { + title: 'Media Gallery - Admin Panel', + layout: 'admin/layout', + currentPage: 'media', + user: req.session.user + }); +}); + +// Telegram bot configuration and testing +router.get('/telegram', requireAuth, addStats, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + + // Get bot info and available chats if token is configured + let botInfo = null; + let availableChats = []; + + if (telegramService.botToken) { + const result = await telegramService.getBotInfo(); + if (result.success) { + botInfo = result.bot; + availableChats = telegramService.getAvailableChats(); + } + } + + res.render('admin/telegram', { + title: 'Telegram Bot - Admin Panel', + layout: 'admin/layout', + currentPage: 'telegram', + user: req.session.user, + botConfigured: telegramService.isEnabled, + botToken: telegramService.botToken || '', + chatId: telegramService.chatId || '', + botInfo, + availableChats + }); + } catch (error) { + console.error('Telegram page error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading Telegram settings' + }); + } +}); + +// Update bot token +router.post('/telegram/configure', requireAuth, [ + body('botToken').notEmpty().withMessage('Bot token is required'), + body('chatId').optional().isNumeric().withMessage('Chat ID must be numeric') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { botToken, chatId } = req.body; + const telegramService = require('../services/telegram'); + + // Update bot token + const result = await telegramService.updateBotToken(botToken); + + if (result.success) { + // Update chat ID if provided + if (chatId) { + telegramService.updateChatId(parseInt(chatId)); + } + + // Update environment variables (in production, this should update a config file) + process.env.TELEGRAM_BOT_TOKEN = botToken; + if (chatId) { + process.env.TELEGRAM_CHAT_ID = chatId; + } + + res.json({ + success: true, + message: 'Telegram bot configured successfully', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to configure bot' + }); + } + } catch (error) { + console.error('Configure Telegram bot error:', error); + res.status(500).json({ + success: false, + message: 'Error configuring Telegram bot' + }); + } +}); + +// Get bot info and discover chats +router.get('/telegram/info', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + res.json({ + success: true, + botInfo: result.bot, + availableChats: result.availableChats || [], + isConfigured: telegramService.isEnabled + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to get bot info' + }); + } + } catch (error) { + console.error('Get Telegram info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting bot information' + }); + } +}); + +// Get chat information +router.get('/telegram/chat/:chatId', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.getChat(req.params.chatId); + + if (result.success) { + res.json({ + success: true, + chat: result.chat + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to get chat info' + }); + } + } catch (error) { + console.error('Get chat info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting chat information' + }); + } +}); + +// Test connection +router.post('/telegram/test', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + const testMessage = `🤖 Тест Telegram бота\n\n` + + `✅ Соединение успешно установлено!\n` + + `🤖 Бот: @${result.bot.username} (${result.bot.first_name})\n` + + `🆔 ID бота: ${result.bot.id}\n` + + `⏰ Время тестирования: ${new Date().toLocaleString('ru-RU')}\n` + + `🌐 Сайт: ${process.env.BASE_URL || 'http://localhost:3000'}\n\n` + + `Бот готов к отправке уведомлений! 🚀`; + + const sendResult = await telegramService.sendMessage(testMessage); + + if (sendResult.success) { + res.json({ + success: true, + message: 'Test message sent successfully!', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: 'Bot connection successful, but failed to send test message: ' + (sendResult.error || sendResult.message) + }); + } + } else { + res.status(400).json({ + success: false, + message: result.message || result.error || 'Failed to connect to Telegram bot' + }); + } + } catch (error) { + console.error('Telegram test error:', error); + res.status(500).json({ + success: false, + message: 'Error testing Telegram bot' + }); + } +}); + +// Send custom message +router.post('/telegram/send', requireAuth, [ + body('message').notEmpty().withMessage('Message is required'), + body('chatIds').optional().isArray().withMessage('Chat IDs must be an array'), + body('parseMode').optional().isIn(['HTML', 'Markdown', 'MarkdownV2']).withMessage('Invalid parse mode') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { + message, + chatIds = [], + parseMode = 'HTML', + disableWebPagePreview = false, + disableNotification = false + } = req.body; + + const telegramService = require('../services/telegram'); + + let result; + if (chatIds.length > 0) { + // Send to multiple chats + result = await telegramService.sendCustomMessage({ + text: message, + chatIds: chatIds.map(id => parseInt(id)), + parseMode, + disableWebPagePreview, + disableNotification + }); + + res.json({ + success: result.success, + message: result.success ? + `Message sent to ${result.totalSent} chat(s). ${result.totalFailed} failed.` : + 'Failed to send message', + results: result.results || [], + errors: result.errors || [] + }); + } else { + // Send to default chat + result = await telegramService.sendMessage(message, { + parse_mode: parseMode, + disable_web_page_preview: disableWebPagePreview, + disable_notification: disableNotification + }); + + if (result.success) { + res.json({ + success: true, + message: 'Message sent successfully!' + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to send message' + }); + } + } + } catch (error) { + console.error('Send Telegram message error:', error); + res.status(500).json({ + success: false, + message: 'Error sending message' + }); + } +}); + +// Settings page +router.get('/settings', requireAuth, addStats, (req, res) => { + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +// Banner editor page +router.get('/banner-editor', requireAuth, addStats, (req, res) => { + res.render('admin/banner-editor', { + title: 'Banner Editor - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/routes/admin_20251026220439.js b/.history/routes/admin_20251026220439.js new file mode 100644 index 0000000..877d594 --- /dev/null +++ b/.history/routes/admin_20251026220439.js @@ -0,0 +1,1659 @@ +const express = require('express'); +const router = express.Router(); +const multer = require('multer'); +const sharp = require('sharp'); +const path = require('path'); +const fs = require('fs').promises; +const { body, validationResult } = require('express-validator'); +const { User, Portfolio, Service, Contact, SiteSettings, Banner } = require('../models'); + +// Configure multer for file uploads +const storage = multer.memoryStorage(); // Use memory storage to process with sharp +const upload = multer({ + storage, + limits: { fileSize: 10 * 1024 * 1024 }, // 10MB limit + fileFilter: (req, file, cb) => { + if (file.mimetype.startsWith('image/')) { + cb(null, true); + } else { + cb(new Error('Only image files are allowed'), false); + } + } +}); + +// Authentication middleware +const requireAuth = (req, res, next) => { + if (!req.session.user) { + return res.redirect('/admin/login'); + } + next(); +}; + +// Add stats middleware +const addStats = async (req, res, next) => { + try { + if (req.session.user) { + const [portfolioCount, servicesCount, contactsCount] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count() + ]); + + res.locals.stats = { + portfolioCount, + servicesCount, + contactsCount + }; + } + next(); + } catch (error) { + console.error('Stats middleware error:', error); + next(); + } +}; + +// Admin login page +router.get('/login', (req, res) => { + if (req.session.user) { + return res.redirect('/admin/dashboard'); + } + + res.render('admin/login', { + title: 'Admin Login', + error: null + }); +}); + +// Admin login POST +router.post('/login', async (req, res) => { + try { + const { email, password } = req.body; + + const user = await User.findOne({ + where: { + email: email, + isActive: true + } + }); + if (!user || !(await user.comparePassword(password))) { + return res.render('admin/login', { + title: 'Admin Login', + error: 'Invalid credentials' + }); + } + + await user.updateLastLogin(); + + req.session.user = { + id: user.id, + email: user.email, + name: user.name, + role: user.role + }; + + res.redirect('/admin/dashboard'); + } catch (error) { + console.error('Admin login error:', error); + res.render('admin/login', { + title: 'Admin Login', + error: 'Server error' + }); + } +}); + +// Admin logout +router.post('/logout', (req, res) => { + req.session.destroy(err => { + if (err) { + console.error('Logout error:', err); + } + res.redirect('/admin/login'); + }); +}); + +// Dashboard (default route) +router.get('/', requireAuth, async (req, res) => { + res.redirect('/admin/dashboard'); +}); + +// Dashboard +router.get('/dashboard', requireAuth, async (req, res) => { + try { + const [ + portfolioCount, + servicesCount, + contactsCount, + recentContacts, + recentPortfolio + ] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count(), + Contact.findAll({ + order: [['createdAt', 'DESC']], + limit: 5 + }), + Portfolio.findAll({ + where: { isPublished: true }, + order: [['createdAt', 'DESC']], + limit: 5 + }) + ]); + + const stats = { + portfolioCount: portfolioCount, + servicesCount: servicesCount, + contactsCount: contactsCount, + usersCount: await User.count() + }; + + res.render('admin/dashboard', { + title: 'Admin Dashboard', + layout: 'admin/layout', + user: req.session.user, + stats, + recentContacts, + recentPortfolio, + currentPage: 'dashboard' + }); + } catch (error) { + console.error('Dashboard error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading dashboard' + }); + } +}); + +// Banner management +router.get('/banners', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [banners, total] = await Promise.all([ + Banner.findAll({ + order: [['order', 'ASC'], ['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Banner.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/banners/list', { + title: 'Banner Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banners, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Banner list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banners' + }); + } +}); + +// Add banner +router.get('/banners/add', requireAuth, (req, res) => { + res.render('admin/banners/add', { + title: 'Add Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); +}); + +// Create banner +router.post('/banners/add', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive = true, + startDate, + endDate, + targetAudience = 'all', + backgroundColor, + textColor, + animation = 'none' + } = req.body; + + const banner = await Banner.create({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience, + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation + }); + + res.json({ + success: true, + message: '배너가 성공적으로 생성되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner creation error:', error); + res.status(500).json({ + success: false, + message: '배너 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit banner +router.get('/banners/edit/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Banner not found' + }); + } + + res.render('admin/banners/edit', { + title: 'Edit Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banner, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); + } catch (error) { + console.error('Banner edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banner' + }); + } +}); + +// Update banner +router.put('/banners/:id', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const banner = await Banner.findByPk(req.params.id); + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive, + startDate, + endDate, + targetAudience, + backgroundColor, + textColor, + animation + } = req.body; + + await banner.update({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience: targetAudience || 'all', + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation: animation || 'none' + }); + + res.json({ + success: true, + message: '배너가 성공적으로 업데이트되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner update error:', error); + res.status(500).json({ + success: false, + message: '배너 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete banner +router.delete('/banners/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.destroy(); + + res.json({ + success: true, + message: '배너가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Banner deletion error:', error); + res.status(500).json({ + success: false, + message: '배너 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle banner active status +router.patch('/banners/:id/toggle-active', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const newStatus = !banner.isActive; + await banner.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `배너가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Banner toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Record banner click +router.post('/banners/:id/click', async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.recordClick(); + + res.json({ + success: true, + clickCount: banner.clickCount + }); + } catch (error) { + console.error('Banner click record error:', error); + res.status(500).json({ + success: false, + message: '클릭 기록 중 오류가 발생했습니다' + }); + } +}); + +// Banner Editor (legacy route) +router.get('/banner-editor', requireAuth, addStats, async (req, res) => { + res.redirect('/admin/banners'); +}); + +// Portfolio management +router.get('/portfolio', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [portfolio, total] = await Promise.all([ + Portfolio.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Portfolio.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/portfolio/list', { + title: 'Portfolio Management - Admin Panel', + layout: 'admin/layout', + currentPage: 'portfolio', + user: req.session.user, + portfolio, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Portfolio list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio' + }); + } +}); + +// Utility function for category names +const getCategoryName = (category) => { + const categoryNames = { + 'web-development': 'Веб-разработка', + 'mobile-app': 'Мобильные приложения', + 'ui-ux-design': 'UI/UX дизайн', + 'e-commerce': 'Электронная коммерция', + 'enterprise': 'Корпоративное ПО', + 'other': 'Другое' + }; + return categoryNames[category] || category; +}; + +// Add portfolio item +router.get('/portfolio/add', requireAuth, (req, res) => { + res.render('admin/portfolio/add', { + title: 'Add Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ], + getCategoryName: getCategoryName + }); +}); + +// Create portfolio item +router.post('/portfolio/add', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + if (parsedTechnologies.length === 0) { + return res.status(400).json({ + success: false, + message: 'Добавьте хотя бы одну технологию' + }); + } + + // Process uploaded images + const processedImages = []; + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + processedImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Create portfolio item + const portfolio = await Portfolio.create({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: processedImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) ? new Date() : null, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно создан!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio creation error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании проекта: ' + error.message + }); + } +}); + +// Edit portfolio item +router.get('/portfolio/edit/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Portfolio item not found' + }); + } + + res.render('admin/portfolio/edit', { + title: 'Edit Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ] + }); + } catch (error) { + console.error('Portfolio edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio item' + }); + } +}); + +// Update portfolio item +router.put('/portfolio/:id', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + if (!portfolio) { + return res.status(404).json({ + success: false, + message: 'Проект не найден' + }); + } + + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured, + existingImages + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Handle existing images + let finalImages = []; + try { + const existing = JSON.parse(existingImages || '[]'); + finalImages = Array.isArray(existing) ? existing : []; + } catch (e) { + finalImages = portfolio.images || []; + } + + // Process new uploaded images + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + finalImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = portfolio.seo || {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Update portfolio + await portfolio.update({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: finalImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно обновлен!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio update error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при обновлении проекта: ' + error.message + }); + } +}); + +// Delete portfolio item +router.delete('/portfolio/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + await portfolio.destroy(); + + res.json({ + success: true, + message: '포트폴리오가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Portfolio deletion error:', error); + res.status(500).json({ + success: false, + message: '포트폴리오 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle portfolio publish status +router.patch('/portfolio/:id/toggle-publish', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + const newStatus = !portfolio.isPublished; + await portfolio.update({ + isPublished: newStatus, + publishedAt: newStatus && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: newStatus ? 'published' : 'draft' + }); + + res.json({ + success: true, + message: `포트폴리오가 ${newStatus ? '게시' : '비공개'}되었습니다`, + isPublished: newStatus + }); + } catch (error) { + console.error('Portfolio toggle publish error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Portfolio preview +router.post('/portfolio/preview', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName + } = req.body; + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Process uploaded images for preview + const previewImages = []; + if (req.files && req.files.length > 0) { + for (const file of req.files) { + // Convert to base64 for preview + const base64 = `data:${file.mimetype};base64,${file.buffer.toString('base64')}`; + previewImages.push(base64); + } + } + + const previewData = { + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: previewImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + createdAt: new Date() + }; + + res.json({ + success: true, + preview: previewData + }); + } catch (error) { + console.error('Portfolio preview error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании предпросмотра: ' + error.message + }); + } +}); + +// Services management +router.get('/services', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [services, total] = await Promise.all([ + Service.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Service.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/services/list', { + title: 'Services Management - Admin Panel', + layout: 'admin/layout', + currentPage: 'services', + user: req.session.user, + services, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Services list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading services' + }); + } +}); + +// Add service +router.get('/services/add', requireAuth, (req, res) => { + res.render('admin/services/add', { + title: 'Add Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); +}); + +// Create service +router.post('/services/add', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive = true, + featured = false + } = req.body; + + const service = await Service.create({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 생성되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service creation error:', error); + res.status(500).json({ + success: false, + message: '서비스 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit service +router.get('/services/edit/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Service not found' + }); + } + + const availablePortfolio = await Portfolio.findAll({ + where: { isPublished: true }, + attributes: ['id', 'title', 'category'] + }); + + res.render('admin/services/edit', { + title: 'Edit Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + service, + availablePortfolio, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); + } catch (error) { + console.error('Service edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading service' + }); + } +}); + +// Update service +router.put('/services/:id', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const service = await Service.findByPk(req.params.id); + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive, + featured + } = req.body; + + await service.update({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 업데이트되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service update error:', error); + res.status(500).json({ + success: false, + message: '서비스 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete service +router.delete('/services/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + await service.destroy(); + + res.json({ + success: true, + message: '서비스가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Service deletion error:', error); + res.status(500).json({ + success: false, + message: '서비스 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle service active status +router.patch('/services/:id/toggle-active', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const newStatus = !service.isActive; + await service.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `서비스가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Service toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Contacts management +router.get('/contacts', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + const status = req.query.status; + + let whereClause = {}; + if (status && status !== 'all') { + whereClause.status = status; + } + + const [contacts, total] = await Promise.all([ + Contact.findAll({ + where: whereClause, + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Contact.count({ where: whereClause }) + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/contacts/list', { + title: 'Contacts Management - Admin Panel', + layout: 'admin/layout', + currentPage: 'contacts', + user: req.session.user, + contacts, + currentStatus: status || 'all', + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Contacts list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contacts' + }); + } +}); + +// View contact details +router.get('/contacts/:id', requireAuth, async (req, res) => { + try { + const contact = await Contact.findByPk(req.params.id); + + if (!contact) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Contact not found' + }); + } + + // Mark as read + if (!contact.isRead) { + contact.isRead = true; + await contact.save(); + } + + res.render('admin/contacts/view', { + title: 'Contact Details - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contact + }); + } catch (error) { + console.error('Contact view error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contact' + }); + } +}); + +// Settings +router.get('/settings', requireAuth, addStats, async (req, res) => { + try { + const settings = await SiteSettings.findOne() || await SiteSettings.create({}); + + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + currentPage: 'settings', + user: req.session.user, + settings + }); + } catch (error) { + console.error('Settings error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading settings' + }); + } +}); + +// Media gallery +router.get('/media', requireAuth, addStats, (req, res) => { + res.render('admin/media', { + title: 'Media Gallery - Admin Panel', + layout: 'admin/layout', + currentPage: 'media', + user: req.session.user + }); +}); + +// Telegram bot configuration and testing +router.get('/telegram', requireAuth, addStats, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + + // Get bot info and available chats if token is configured + let botInfo = null; + let availableChats = []; + + if (telegramService.botToken) { + const result = await telegramService.getBotInfo(); + if (result.success) { + botInfo = result.bot; + availableChats = telegramService.getAvailableChats(); + } + } + + res.render('admin/telegram', { + title: 'Telegram Bot - Admin Panel', + layout: 'admin/layout', + currentPage: 'telegram', + user: req.session.user, + botConfigured: telegramService.isEnabled, + botToken: telegramService.botToken || '', + chatId: telegramService.chatId || '', + botInfo, + availableChats + }); + } catch (error) { + console.error('Telegram page error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading Telegram settings' + }); + } +}); + +// Update bot token +router.post('/telegram/configure', requireAuth, [ + body('botToken').notEmpty().withMessage('Bot token is required'), + body('chatId').optional().isNumeric().withMessage('Chat ID must be numeric') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { botToken, chatId } = req.body; + const telegramService = require('../services/telegram'); + + // Update bot token + const result = await telegramService.updateBotToken(botToken); + + if (result.success) { + // Update chat ID if provided + if (chatId) { + telegramService.updateChatId(parseInt(chatId)); + } + + // Update environment variables (in production, this should update a config file) + process.env.TELEGRAM_BOT_TOKEN = botToken; + if (chatId) { + process.env.TELEGRAM_CHAT_ID = chatId; + } + + res.json({ + success: true, + message: 'Telegram bot configured successfully', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to configure bot' + }); + } + } catch (error) { + console.error('Configure Telegram bot error:', error); + res.status(500).json({ + success: false, + message: 'Error configuring Telegram bot' + }); + } +}); + +// Get bot info and discover chats +router.get('/telegram/info', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + res.json({ + success: true, + botInfo: result.bot, + availableChats: result.availableChats || [], + isConfigured: telegramService.isEnabled + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to get bot info' + }); + } + } catch (error) { + console.error('Get Telegram info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting bot information' + }); + } +}); + +// Get chat information +router.get('/telegram/chat/:chatId', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.getChat(req.params.chatId); + + if (result.success) { + res.json({ + success: true, + chat: result.chat + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to get chat info' + }); + } + } catch (error) { + console.error('Get chat info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting chat information' + }); + } +}); + +// Test connection +router.post('/telegram/test', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + const testMessage = `🤖 Тест Telegram бота\n\n` + + `✅ Соединение успешно установлено!\n` + + `🤖 Бот: @${result.bot.username} (${result.bot.first_name})\n` + + `🆔 ID бота: ${result.bot.id}\n` + + `⏰ Время тестирования: ${new Date().toLocaleString('ru-RU')}\n` + + `🌐 Сайт: ${process.env.BASE_URL || 'http://localhost:3000'}\n\n` + + `Бот готов к отправке уведомлений! 🚀`; + + const sendResult = await telegramService.sendMessage(testMessage); + + if (sendResult.success) { + res.json({ + success: true, + message: 'Test message sent successfully!', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: 'Bot connection successful, but failed to send test message: ' + (sendResult.error || sendResult.message) + }); + } + } else { + res.status(400).json({ + success: false, + message: result.message || result.error || 'Failed to connect to Telegram bot' + }); + } + } catch (error) { + console.error('Telegram test error:', error); + res.status(500).json({ + success: false, + message: 'Error testing Telegram bot' + }); + } +}); + +// Send custom message +router.post('/telegram/send', requireAuth, [ + body('message').notEmpty().withMessage('Message is required'), + body('chatIds').optional().isArray().withMessage('Chat IDs must be an array'), + body('parseMode').optional().isIn(['HTML', 'Markdown', 'MarkdownV2']).withMessage('Invalid parse mode') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { + message, + chatIds = [], + parseMode = 'HTML', + disableWebPagePreview = false, + disableNotification = false + } = req.body; + + const telegramService = require('../services/telegram'); + + let result; + if (chatIds.length > 0) { + // Send to multiple chats + result = await telegramService.sendCustomMessage({ + text: message, + chatIds: chatIds.map(id => parseInt(id)), + parseMode, + disableWebPagePreview, + disableNotification + }); + + res.json({ + success: result.success, + message: result.success ? + `Message sent to ${result.totalSent} chat(s). ${result.totalFailed} failed.` : + 'Failed to send message', + results: result.results || [], + errors: result.errors || [] + }); + } else { + // Send to default chat + result = await telegramService.sendMessage(message, { + parse_mode: parseMode, + disable_web_page_preview: disableWebPagePreview, + disable_notification: disableNotification + }); + + if (result.success) { + res.json({ + success: true, + message: 'Message sent successfully!' + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to send message' + }); + } + } + } catch (error) { + console.error('Send Telegram message error:', error); + res.status(500).json({ + success: false, + message: 'Error sending message' + }); + } +}); + +// Settings page +router.get('/settings', requireAuth, addStats, (req, res) => { + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +// Banner editor page +router.get('/banner-editor', requireAuth, addStats, (req, res) => { + res.render('admin/banner-editor', { + title: 'Banner Editor - Admin Panel', + layout: 'admin/layout', + currentPage: 'banner-editor', + user: req.session.user + }); +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/routes/admin_20251026220452.js b/.history/routes/admin_20251026220452.js new file mode 100644 index 0000000..877d594 --- /dev/null +++ b/.history/routes/admin_20251026220452.js @@ -0,0 +1,1659 @@ +const express = require('express'); +const router = express.Router(); +const multer = require('multer'); +const sharp = require('sharp'); +const path = require('path'); +const fs = require('fs').promises; +const { body, validationResult } = require('express-validator'); +const { User, Portfolio, Service, Contact, SiteSettings, Banner } = require('../models'); + +// Configure multer for file uploads +const storage = multer.memoryStorage(); // Use memory storage to process with sharp +const upload = multer({ + storage, + limits: { fileSize: 10 * 1024 * 1024 }, // 10MB limit + fileFilter: (req, file, cb) => { + if (file.mimetype.startsWith('image/')) { + cb(null, true); + } else { + cb(new Error('Only image files are allowed'), false); + } + } +}); + +// Authentication middleware +const requireAuth = (req, res, next) => { + if (!req.session.user) { + return res.redirect('/admin/login'); + } + next(); +}; + +// Add stats middleware +const addStats = async (req, res, next) => { + try { + if (req.session.user) { + const [portfolioCount, servicesCount, contactsCount] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count() + ]); + + res.locals.stats = { + portfolioCount, + servicesCount, + contactsCount + }; + } + next(); + } catch (error) { + console.error('Stats middleware error:', error); + next(); + } +}; + +// Admin login page +router.get('/login', (req, res) => { + if (req.session.user) { + return res.redirect('/admin/dashboard'); + } + + res.render('admin/login', { + title: 'Admin Login', + error: null + }); +}); + +// Admin login POST +router.post('/login', async (req, res) => { + try { + const { email, password } = req.body; + + const user = await User.findOne({ + where: { + email: email, + isActive: true + } + }); + if (!user || !(await user.comparePassword(password))) { + return res.render('admin/login', { + title: 'Admin Login', + error: 'Invalid credentials' + }); + } + + await user.updateLastLogin(); + + req.session.user = { + id: user.id, + email: user.email, + name: user.name, + role: user.role + }; + + res.redirect('/admin/dashboard'); + } catch (error) { + console.error('Admin login error:', error); + res.render('admin/login', { + title: 'Admin Login', + error: 'Server error' + }); + } +}); + +// Admin logout +router.post('/logout', (req, res) => { + req.session.destroy(err => { + if (err) { + console.error('Logout error:', err); + } + res.redirect('/admin/login'); + }); +}); + +// Dashboard (default route) +router.get('/', requireAuth, async (req, res) => { + res.redirect('/admin/dashboard'); +}); + +// Dashboard +router.get('/dashboard', requireAuth, async (req, res) => { + try { + const [ + portfolioCount, + servicesCount, + contactsCount, + recentContacts, + recentPortfolio + ] = await Promise.all([ + Portfolio.count({ where: { isPublished: true } }), + Service.count({ where: { isActive: true } }), + Contact.count(), + Contact.findAll({ + order: [['createdAt', 'DESC']], + limit: 5 + }), + Portfolio.findAll({ + where: { isPublished: true }, + order: [['createdAt', 'DESC']], + limit: 5 + }) + ]); + + const stats = { + portfolioCount: portfolioCount, + servicesCount: servicesCount, + contactsCount: contactsCount, + usersCount: await User.count() + }; + + res.render('admin/dashboard', { + title: 'Admin Dashboard', + layout: 'admin/layout', + user: req.session.user, + stats, + recentContacts, + recentPortfolio, + currentPage: 'dashboard' + }); + } catch (error) { + console.error('Dashboard error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading dashboard' + }); + } +}); + +// Banner management +router.get('/banners', requireAuth, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [banners, total] = await Promise.all([ + Banner.findAll({ + order: [['order', 'ASC'], ['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Banner.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/banners/list', { + title: 'Banner Management - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banners, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Banner list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banners' + }); + } +}); + +// Add banner +router.get('/banners/add', requireAuth, (req, res) => { + res.render('admin/banners/add', { + title: 'Add Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); +}); + +// Create banner +router.post('/banners/add', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive = true, + startDate, + endDate, + targetAudience = 'all', + backgroundColor, + textColor, + animation = 'none' + } = req.body; + + const banner = await Banner.create({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience, + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation + }); + + res.json({ + success: true, + message: '배너가 성공적으로 생성되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner creation error:', error); + res.status(500).json({ + success: false, + message: '배너 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit banner +router.get('/banners/edit/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Banner not found' + }); + } + + res.render('admin/banners/edit', { + title: 'Edit Banner - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + banner, + positions: [ + { value: 'hero', label: '메인 히어로' }, + { value: 'secondary', label: '보조 배너' }, + { value: 'footer', label: '푸터 배너' } + ], + animations: [ + { value: 'none', label: '없음' }, + { value: 'fade', label: '페이드' }, + { value: 'slide', label: '슬라이드' }, + { value: 'zoom', label: '줌' } + ] + }); + } catch (error) { + console.error('Banner edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading banner' + }); + } +}); + +// Update banner +router.put('/banners/:id', requireAuth, [ + body('title').notEmpty().withMessage('제목을 입력해주세요'), + body('position').isIn(['hero', 'secondary', 'footer']).withMessage('유효한 위치를 선택해주세요'), + body('order').isInt({ min: 0 }).withMessage('유효한 순서를 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const banner = await Banner.findByPk(req.params.id); + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const { + title, + subtitle, + description, + buttonText, + buttonUrl, + image, + mobileImage, + position, + order, + isActive, + startDate, + endDate, + targetAudience, + backgroundColor, + textColor, + animation + } = req.body; + + await banner.update({ + title, + subtitle: subtitle || null, + description: description || null, + buttonText: buttonText || null, + buttonUrl: buttonUrl || null, + image: image || null, + mobileImage: mobileImage || null, + position, + order: parseInt(order), + isActive: Boolean(isActive), + startDate: startDate || null, + endDate: endDate || null, + targetAudience: targetAudience || 'all', + backgroundColor: backgroundColor || null, + textColor: textColor || null, + animation: animation || 'none' + }); + + res.json({ + success: true, + message: '배너가 성공적으로 업데이트되었습니다', + banner: { + id: banner.id, + title: banner.title, + position: banner.position + } + }); + } catch (error) { + console.error('Banner update error:', error); + res.status(500).json({ + success: false, + message: '배너 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete banner +router.delete('/banners/:id', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.destroy(); + + res.json({ + success: true, + message: '배너가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Banner deletion error:', error); + res.status(500).json({ + success: false, + message: '배너 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle banner active status +router.patch('/banners/:id/toggle-active', requireAuth, async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + const newStatus = !banner.isActive; + await banner.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `배너가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Banner toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Record banner click +router.post('/banners/:id/click', async (req, res) => { + try { + const banner = await Banner.findByPk(req.params.id); + + if (!banner) { + return res.status(404).json({ + success: false, + message: '배너를 찾을 수 없습니다' + }); + } + + await banner.recordClick(); + + res.json({ + success: true, + clickCount: banner.clickCount + }); + } catch (error) { + console.error('Banner click record error:', error); + res.status(500).json({ + success: false, + message: '클릭 기록 중 오류가 발생했습니다' + }); + } +}); + +// Banner Editor (legacy route) +router.get('/banner-editor', requireAuth, addStats, async (req, res) => { + res.redirect('/admin/banners'); +}); + +// Portfolio management +router.get('/portfolio', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [portfolio, total] = await Promise.all([ + Portfolio.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Portfolio.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/portfolio/list', { + title: 'Portfolio Management - Admin Panel', + layout: 'admin/layout', + currentPage: 'portfolio', + user: req.session.user, + portfolio, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Portfolio list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio' + }); + } +}); + +// Utility function for category names +const getCategoryName = (category) => { + const categoryNames = { + 'web-development': 'Веб-разработка', + 'mobile-app': 'Мобильные приложения', + 'ui-ux-design': 'UI/UX дизайн', + 'e-commerce': 'Электронная коммерция', + 'enterprise': 'Корпоративное ПО', + 'other': 'Другое' + }; + return categoryNames[category] || category; +}; + +// Add portfolio item +router.get('/portfolio/add', requireAuth, (req, res) => { + res.render('admin/portfolio/add', { + title: 'Add Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ], + getCategoryName: getCategoryName + }); +}); + +// Create portfolio item +router.post('/portfolio/add', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + if (parsedTechnologies.length === 0) { + return res.status(400).json({ + success: false, + message: 'Добавьте хотя бы одну технологию' + }); + } + + // Process uploaded images + const processedImages = []; + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + processedImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Create portfolio item + const portfolio = await Portfolio.create({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: processedImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) ? new Date() : null, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно создан!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio creation error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании проекта: ' + error.message + }); + } +}); + +// Edit portfolio item +router.get('/portfolio/edit/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Portfolio item not found' + }); + } + + res.render('admin/portfolio/edit', { + title: 'Edit Portfolio Item - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + portfolio, + categories: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'enterprise', + 'other' + ] + }); + } catch (error) { + console.error('Portfolio edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading portfolio item' + }); + } +}); + +// Update portfolio item +router.put('/portfolio/:id', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + if (!portfolio) { + return res.status(404).json({ + success: false, + message: 'Проект не найден' + }); + } + + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName, + duration, + seoTitle, + seoDescription, + isPublished, + featured, + existingImages + } = req.body; + + // Validate required fields + if (!title || !shortDescription || !description || !category) { + return res.status(400).json({ + success: false, + message: 'Заполните все обязательные поля' + }); + } + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Handle existing images + let finalImages = []; + try { + const existing = JSON.parse(existingImages || '[]'); + finalImages = Array.isArray(existing) ? existing : []; + } catch (e) { + finalImages = portfolio.images || []; + } + + // Process new uploaded images + if (req.files && req.files.length > 0) { + const uploadDir = path.join(process.cwd(), 'public', 'uploads', 'portfolio'); + + // Ensure directory exists + try { + await fs.access(uploadDir); + } catch { + await fs.mkdir(uploadDir, { recursive: true }); + } + + for (const file of req.files) { + const timestamp = Date.now(); + const filename = `${timestamp}-${Math.random().toString(36).substr(2, 9)}.webp`; + const filepath = path.join(uploadDir, filename); + + // Process image with Sharp + await sharp(file.buffer) + .webp({ quality: 85 }) + .resize(1200, 800, { fit: 'inside', withoutEnlargement: true }) + .toFile(filepath); + + finalImages.push(`/uploads/portfolio/${filename}`); + } + } + + // Create SEO data + const seo = portfolio.seo || {}; + if (seoTitle) seo.title = seoTitle; + if (seoDescription) seo.description = seoDescription; + + // Update portfolio + await portfolio.update({ + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: finalImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + duration: duration ? parseInt(duration) : null, + isPublished: isPublished === 'true' || isPublished === true, + featured: featured === 'true' || featured === true, + publishedAt: (isPublished === 'true' || isPublished === true) && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: (isPublished === 'true' || isPublished === true) ? 'published' : 'draft', + seo: Object.keys(seo).length > 0 ? seo : null + }); + + res.json({ + success: true, + message: 'Проект успешно обновлен!', + portfolio: { + id: portfolio.id, + title: portfolio.title, + category: portfolio.category, + isPublished: portfolio.isPublished + } + }); + } catch (error) { + console.error('Portfolio update error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при обновлении проекта: ' + error.message + }); + } +}); + +// Delete portfolio item +router.delete('/portfolio/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + await portfolio.destroy(); + + res.json({ + success: true, + message: '포트폴리오가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Portfolio deletion error:', error); + res.status(500).json({ + success: false, + message: '포트폴리오 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle portfolio publish status +router.patch('/portfolio/:id/toggle-publish', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + + if (!portfolio) { + return res.status(404).json({ + success: false, + message: '포트폴리오를 찾을 수 없습니다' + }); + } + + const newStatus = !portfolio.isPublished; + await portfolio.update({ + isPublished: newStatus, + publishedAt: newStatus && !portfolio.publishedAt ? new Date() : portfolio.publishedAt, + status: newStatus ? 'published' : 'draft' + }); + + res.json({ + success: true, + message: `포트폴리오가 ${newStatus ? '게시' : '비공개'}되었습니다`, + isPublished: newStatus + }); + } catch (error) { + console.error('Portfolio toggle publish error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Portfolio preview +router.post('/portfolio/preview', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + technologies, + demoUrl, + githubUrl, + clientName + } = req.body; + + // Parse technologies from JSON string + let parsedTechnologies = []; + try { + parsedTechnologies = JSON.parse(technologies || '[]'); + } catch (e) { + parsedTechnologies = typeof technologies === 'string' ? [technologies] : []; + } + + // Process uploaded images for preview + const previewImages = []; + if (req.files && req.files.length > 0) { + for (const file of req.files) { + // Convert to base64 for preview + const base64 = `data:${file.mimetype};base64,${file.buffer.toString('base64')}`; + previewImages.push(base64); + } + } + + const previewData = { + title, + shortDescription, + description, + category, + technologies: parsedTechnologies, + images: previewImages, + projectUrl: demoUrl || null, + githubUrl: githubUrl || null, + clientName: clientName || null, + createdAt: new Date() + }; + + res.json({ + success: true, + preview: previewData + }); + } catch (error) { + console.error('Portfolio preview error:', error); + res.status(500).json({ + success: false, + message: 'Ошибка при создании предпросмотра: ' + error.message + }); + } +}); + +// Services management +router.get('/services', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + + const [services, total] = await Promise.all([ + Service.findAll({ + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Service.count() + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/services/list', { + title: 'Services Management - Admin Panel', + layout: 'admin/layout', + currentPage: 'services', + user: req.session.user, + services, + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Services list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading services' + }); + } +}); + +// Add service +router.get('/services/add', requireAuth, (req, res) => { + res.render('admin/services/add', { + title: 'Add Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); +}); + +// Create service +router.post('/services/add', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive = true, + featured = false + } = req.body; + + const service = await Service.create({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 생성되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service creation error:', error); + res.status(500).json({ + success: false, + message: '서비스 생성 중 오류가 발생했습니다' + }); + } +}); + +// Edit service +router.get('/services/edit/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Service not found' + }); + } + + const availablePortfolio = await Portfolio.findAll({ + where: { isPublished: true }, + attributes: ['id', 'title', 'category'] + }); + + res.render('admin/services/edit', { + title: 'Edit Service - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + service, + availablePortfolio, + serviceTypes: [ + 'web-development', + 'mobile-app', + 'ui-ux-design', + 'e-commerce', + 'seo', + 'maintenance', + 'consultation', + 'other' + ] + }); + } catch (error) { + console.error('Service edit error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading service' + }); + } +}); + +// Update service +router.put('/services/:id', requireAuth, [ + body('name').notEmpty().withMessage('서비스명을 입력해주세요'), + body('shortDescription').notEmpty().withMessage('간단한 설명을 입력해주세요'), + body('description').notEmpty().withMessage('자세한 설명을 입력해주세요'), + body('category').notEmpty().withMessage('카테고리를 선택해주세요'), + body('basePrice').isNumeric().withMessage('기본 가격을 입력해주세요') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: '입력 데이터를 확인해주세요', + errors: errors.array() + }); + } + + const service = await Service.findByPk(req.params.id); + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const { + name, + shortDescription, + description, + category, + basePrice, + features, + duration, + isActive, + featured + } = req.body; + + await service.update({ + name, + shortDescription, + description, + category, + basePrice: parseFloat(basePrice), + features: features || [], + duration: duration ? parseInt(duration) : null, + isActive: Boolean(isActive), + featured: Boolean(featured) + }); + + res.json({ + success: true, + message: '서비스가 성공적으로 업데이트되었습니다', + service: { + id: service.id, + name: service.name, + category: service.category + } + }); + } catch (error) { + console.error('Service update error:', error); + res.status(500).json({ + success: false, + message: '서비스 업데이트 중 오류가 발생했습니다' + }); + } +}); + +// Delete service +router.delete('/services/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + await service.destroy(); + + res.json({ + success: true, + message: '서비스가 성공적으로 삭제되었습니다' + }); + } catch (error) { + console.error('Service deletion error:', error); + res.status(500).json({ + success: false, + message: '서비스 삭제 중 오류가 발생했습니다' + }); + } +}); + +// Toggle service active status +router.patch('/services/:id/toggle-active', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + + if (!service) { + return res.status(404).json({ + success: false, + message: '서비스를 찾을 수 없습니다' + }); + } + + const newStatus = !service.isActive; + await service.update({ isActive: newStatus }); + + res.json({ + success: true, + message: `서비스가 ${newStatus ? '활성화' : '비활성화'}되었습니다`, + isActive: newStatus + }); + } catch (error) { + console.error('Service toggle active error:', error); + res.status(500).json({ + success: false, + message: '상태 변경 중 오류가 발생했습니다' + }); + } +}); + +// Contacts management +router.get('/contacts', requireAuth, addStats, async (req, res) => { + try { + const page = parseInt(req.query.page) || 1; + const limit = 20; + const skip = (page - 1) * limit; + const status = req.query.status; + + let whereClause = {}; + if (status && status !== 'all') { + whereClause.status = status; + } + + const [contacts, total] = await Promise.all([ + Contact.findAll({ + where: whereClause, + order: [['createdAt', 'DESC']], + offset: skip, + limit: limit + }), + Contact.count({ where: whereClause }) + ]); + + const totalPages = Math.ceil(total / limit); + + res.render('admin/contacts/list', { + title: 'Contacts Management - Admin Panel', + layout: 'admin/layout', + currentPage: 'contacts', + user: req.session.user, + contacts, + currentStatus: status || 'all', + pagination: { + current: page, + total: totalPages, + hasNext: page < totalPages, + hasPrev: page > 1 + } + }); + } catch (error) { + console.error('Contacts list error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contacts' + }); + } +}); + +// View contact details +router.get('/contacts/:id', requireAuth, async (req, res) => { + try { + const contact = await Contact.findByPk(req.params.id); + + if (!contact) { + return res.status(404).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Contact not found' + }); + } + + // Mark as read + if (!contact.isRead) { + contact.isRead = true; + await contact.save(); + } + + res.render('admin/contacts/view', { + title: 'Contact Details - Admin Panel', + layout: 'admin/layout', + user: req.session.user, + contact + }); + } catch (error) { + console.error('Contact view error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading contact' + }); + } +}); + +// Settings +router.get('/settings', requireAuth, addStats, async (req, res) => { + try { + const settings = await SiteSettings.findOne() || await SiteSettings.create({}); + + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + currentPage: 'settings', + user: req.session.user, + settings + }); + } catch (error) { + console.error('Settings error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading settings' + }); + } +}); + +// Media gallery +router.get('/media', requireAuth, addStats, (req, res) => { + res.render('admin/media', { + title: 'Media Gallery - Admin Panel', + layout: 'admin/layout', + currentPage: 'media', + user: req.session.user + }); +}); + +// Telegram bot configuration and testing +router.get('/telegram', requireAuth, addStats, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + + // Get bot info and available chats if token is configured + let botInfo = null; + let availableChats = []; + + if (telegramService.botToken) { + const result = await telegramService.getBotInfo(); + if (result.success) { + botInfo = result.bot; + availableChats = telegramService.getAvailableChats(); + } + } + + res.render('admin/telegram', { + title: 'Telegram Bot - Admin Panel', + layout: 'admin/layout', + currentPage: 'telegram', + user: req.session.user, + botConfigured: telegramService.isEnabled, + botToken: telegramService.botToken || '', + chatId: telegramService.chatId || '', + botInfo, + availableChats + }); + } catch (error) { + console.error('Telegram page error:', error); + res.status(500).render('admin/error', { + title: 'Error - Admin Panel', + layout: 'admin/layout', + message: 'Error loading Telegram settings' + }); + } +}); + +// Update bot token +router.post('/telegram/configure', requireAuth, [ + body('botToken').notEmpty().withMessage('Bot token is required'), + body('chatId').optional().isNumeric().withMessage('Chat ID must be numeric') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { botToken, chatId } = req.body; + const telegramService = require('../services/telegram'); + + // Update bot token + const result = await telegramService.updateBotToken(botToken); + + if (result.success) { + // Update chat ID if provided + if (chatId) { + telegramService.updateChatId(parseInt(chatId)); + } + + // Update environment variables (in production, this should update a config file) + process.env.TELEGRAM_BOT_TOKEN = botToken; + if (chatId) { + process.env.TELEGRAM_CHAT_ID = chatId; + } + + res.json({ + success: true, + message: 'Telegram bot configured successfully', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to configure bot' + }); + } + } catch (error) { + console.error('Configure Telegram bot error:', error); + res.status(500).json({ + success: false, + message: 'Error configuring Telegram bot' + }); + } +}); + +// Get bot info and discover chats +router.get('/telegram/info', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + res.json({ + success: true, + botInfo: result.bot, + availableChats: result.availableChats || [], + isConfigured: telegramService.isEnabled + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to get bot info' + }); + } + } catch (error) { + console.error('Get Telegram info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting bot information' + }); + } +}); + +// Get chat information +router.get('/telegram/chat/:chatId', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.getChat(req.params.chatId); + + if (result.success) { + res.json({ + success: true, + chat: result.chat + }); + } else { + res.status(400).json({ + success: false, + message: result.error || 'Failed to get chat info' + }); + } + } catch (error) { + console.error('Get chat info error:', error); + res.status(500).json({ + success: false, + message: 'Error getting chat information' + }); + } +}); + +// Test connection +router.post('/telegram/test', requireAuth, async (req, res) => { + try { + const telegramService = require('../services/telegram'); + const result = await telegramService.testConnection(); + + if (result.success) { + const testMessage = `🤖 Тест Telegram бота\n\n` + + `✅ Соединение успешно установлено!\n` + + `🤖 Бот: @${result.bot.username} (${result.bot.first_name})\n` + + `🆔 ID бота: ${result.bot.id}\n` + + `⏰ Время тестирования: ${new Date().toLocaleString('ru-RU')}\n` + + `🌐 Сайт: ${process.env.BASE_URL || 'http://localhost:3000'}\n\n` + + `Бот готов к отправке уведомлений! 🚀`; + + const sendResult = await telegramService.sendMessage(testMessage); + + if (sendResult.success) { + res.json({ + success: true, + message: 'Test message sent successfully!', + botInfo: result.bot, + availableChats: result.availableChats || [] + }); + } else { + res.status(400).json({ + success: false, + message: 'Bot connection successful, but failed to send test message: ' + (sendResult.error || sendResult.message) + }); + } + } else { + res.status(400).json({ + success: false, + message: result.message || result.error || 'Failed to connect to Telegram bot' + }); + } + } catch (error) { + console.error('Telegram test error:', error); + res.status(500).json({ + success: false, + message: 'Error testing Telegram bot' + }); + } +}); + +// Send custom message +router.post('/telegram/send', requireAuth, [ + body('message').notEmpty().withMessage('Message is required'), + body('chatIds').optional().isArray().withMessage('Chat IDs must be an array'), + body('parseMode').optional().isIn(['HTML', 'Markdown', 'MarkdownV2']).withMessage('Invalid parse mode') +], async (req, res) => { + try { + const errors = validationResult(req); + if (!errors.isEmpty()) { + return res.status(400).json({ + success: false, + message: 'Validation failed', + errors: errors.array() + }); + } + + const { + message, + chatIds = [], + parseMode = 'HTML', + disableWebPagePreview = false, + disableNotification = false + } = req.body; + + const telegramService = require('../services/telegram'); + + let result; + if (chatIds.length > 0) { + // Send to multiple chats + result = await telegramService.sendCustomMessage({ + text: message, + chatIds: chatIds.map(id => parseInt(id)), + parseMode, + disableWebPagePreview, + disableNotification + }); + + res.json({ + success: result.success, + message: result.success ? + `Message sent to ${result.totalSent} chat(s). ${result.totalFailed} failed.` : + 'Failed to send message', + results: result.results || [], + errors: result.errors || [] + }); + } else { + // Send to default chat + result = await telegramService.sendMessage(message, { + parse_mode: parseMode, + disable_web_page_preview: disableWebPagePreview, + disable_notification: disableNotification + }); + + if (result.success) { + res.json({ + success: true, + message: 'Message sent successfully!' + }); + } else { + res.status(400).json({ + success: false, + message: result.error || result.message || 'Failed to send message' + }); + } + } + } catch (error) { + console.error('Send Telegram message error:', error); + res.status(500).json({ + success: false, + message: 'Error sending message' + }); + } +}); + +// Settings page +router.get('/settings', requireAuth, addStats, (req, res) => { + res.render('admin/settings', { + title: 'Site Settings - Admin Panel', + layout: 'admin/layout', + user: req.session.user + }); +}); + +// Banner editor page +router.get('/banner-editor', requireAuth, addStats, (req, res) => { + res.render('admin/banner-editor', { + title: 'Banner Editor - Admin Panel', + layout: 'admin/layout', + currentPage: 'banner-editor', + user: req.session.user + }); +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/routes/api/admin_20251026221106.js b/.history/routes/api/admin_20251026221106.js new file mode 100644 index 0000000..41ded91 --- /dev/null +++ b/.history/routes/api/admin_20251026221106.js @@ -0,0 +1,496 @@ +const express = require('express'); +const router = express.Router(); +const multer = require('multer'); +const path = require('path'); +const { Portfolio, Service, Contact, User } = require('../../models'); + +// Multer configuration for file uploads +const storage = multer.diskStorage({ + destination: (req, file, cb) => { + cb(null, 'public/uploads/'); + }, + filename: (req, file, cb) => { + const uniqueSuffix = Date.now() + '-' + Math.round(Math.random() * 1E9); + cb(null, file.fieldname + '-' + uniqueSuffix + path.extname(file.originalname)); + } +}); + +const upload = multer({ + storage: storage, + fileFilter: (req, file, cb) => { + if (file.mimetype.startsWith('image/')) { + cb(null, true); + } else { + cb(new Error('Only image files are allowed!'), false); + } + }, + limits: { + fileSize: 10 * 1024 * 1024 // 10MB + } +}); + +// Authentication middleware +const requireAuth = (req, res, next) => { + if (!req.session.user) { + return res.status(401).json({ success: false, message: 'Authentication required' }); + } + next(); +}; + +// Portfolio API Routes +router.post('/portfolio', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + clientName, + projectUrl, + githubUrl, + technologies, + featured, + isPublished + } = req.body; + + // Process uploaded images + const images = req.files ? req.files.map((file, index) => ({ + url: `/uploads/${file.filename}`, + alt: `${title} image ${index + 1}`, + isPrimary: index === 0 + })) : []; + + // Parse technologies + let techArray = []; + if (technologies) { + try { + techArray = JSON.parse(technologies); + } catch (e) { + techArray = technologies.split(',').map(t => t.trim()); + } + } + + const portfolio = await Portfolio.create({ + title, + shortDescription, + description, + category, + clientName, + projectUrl: projectUrl || null, + githubUrl: githubUrl || null, + technologies: techArray, + images, + featured: featured === 'on', + isPublished: isPublished === 'on', + status: 'completed', + publishedAt: isPublished === 'on' ? new Date() : null + }); + + res.json({ success: true, portfolio }); + } catch (error) { + console.error('Portfolio creation error:', error); + res.status(500).json({ success: false, message: error.message }); + } +}); + +router.patch('/portfolio/:id', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + if (!portfolio) { + return res.status(404).json({ success: false, message: 'Portfolio not found' }); + } + + const updates = { ...req.body }; + + // Handle checkboxes + updates.featured = updates.featured === 'on'; + updates.isPublished = updates.isPublished === 'on'; + + // Process technologies + if (updates.technologies) { + try { + updates.technologies = JSON.parse(updates.technologies); + } catch (e) { + updates.technologies = updates.technologies.split(',').map(t => t.trim()); + } + } + + // Process new images + if (req.files && req.files.length > 0) { + const newImages = req.files.map((file, index) => ({ + url: `/uploads/${file.filename}`, + alt: `${updates.title || portfolio.title} image ${index + 1}`, + isPrimary: index === 0 && (!portfolio.images || portfolio.images.length === 0) + })); + + updates.images = [...(portfolio.images || []), ...newImages]; + } + + await portfolio.update(updates); + res.json({ success: true, portfolio }); + } catch (error) { + console.error('Portfolio update error:', error); + res.status(500).json({ success: false, message: error.message }); + } +}); + +router.delete('/portfolio/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + if (!portfolio) { + return res.status(404).json({ success: false, message: 'Portfolio not found' }); + } + + await portfolio.destroy(); + res.json({ success: true }); + } catch (error) { + console.error('Portfolio deletion error:', error); + res.status(500).json({ success: false, message: error.message }); + } +}); + +// Services API Routes +router.post('/services', requireAuth, async (req, res) => { + try { + const { + name, + description, + shortDescription, + icon, + category, + features, + pricing, + estimatedTime, + isActive, + featured, + tags + } = req.body; + + // Parse arrays + let featuresArray = []; + let tagsArray = []; + let pricingObj = {}; + + if (features) { + try { + featuresArray = JSON.parse(features); + } catch (e) { + featuresArray = features.split(',').map(f => f.trim()); + } + } + + if (tags) { + try { + tagsArray = JSON.parse(tags); + } catch (e) { + tagsArray = tags.split(',').map(t => t.trim()); + } + } + + if (pricing) { + try { + pricingObj = JSON.parse(pricing); + } catch (e) { + pricingObj = { basePrice: pricing }; + } + } + + const service = await Service.create({ + name, + description, + shortDescription, + icon, + category, + features: featuresArray, + pricing: pricingObj, + estimatedTime, + isActive: isActive === 'on', + featured: featured === 'on', + tags: tagsArray + }); + + res.json({ success: true, service }); + } catch (error) { + console.error('Service creation error:', error); + res.status(500).json({ success: false, message: error.message }); + } +}); + +router.put('/services/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + if (!service) { + return res.status(404).json({ success: false, message: 'Service not found' }); + } + + const { + name, + description, + shortDescription, + icon, + category, + features, + pricing, + estimatedTime, + isActive, + featured, + tags, + order, + seo + } = req.body; + + // Parse arrays and objects + let featuresArray = []; + let tagsArray = []; + let pricingObj = {}; + let seoObj = {}; + + if (features) { + if (Array.isArray(features)) { + featuresArray = features; + } else { + try { + featuresArray = JSON.parse(features); + } catch (e) { + featuresArray = features.split(',').map(f => f.trim()); + } + } + } + + if (tags) { + if (Array.isArray(tags)) { + tagsArray = tags; + } else { + try { + tagsArray = JSON.parse(tags); + } catch (e) { + tagsArray = tags.split(',').map(t => t.trim()); + } + } + } + + if (pricing) { + if (typeof pricing === 'object') { + pricingObj = pricing; + } else { + try { + pricingObj = JSON.parse(pricing); + } catch (e) { + pricingObj = { basePrice: pricing }; + } + } + } + + if (seo) { + if (typeof seo === 'object') { + seoObj = seo; + } else { + try { + seoObj = JSON.parse(seo); + } catch (e) { + seoObj = {}; + } + } + } + + const updateData = { + name, + description, + shortDescription, + icon, + category, + features: featuresArray, + pricing: pricingObj, + estimatedTime, + isActive: Boolean(isActive), + featured: Boolean(featured), + tags: tagsArray, + order: order ? parseInt(order) : 0, + seo: seoObj + }; + + // Remove undefined values + Object.keys(updateData).forEach(key => { + if (updateData[key] === undefined) { + delete updateData[key]; + } + }); + + await service.update(updateData); + res.json({ success: true, service }); + } catch (error) { + console.error('Service update error:', error); + res.status(500).json({ success: false, message: error.message }); + } +}); + +router.delete('/services/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + if (!service) { + return res.status(404).json({ success: false, message: 'Service not found' }); + } + + await service.destroy(); + res.json({ success: true }); + } catch (error) { + console.error('Service deletion error:', error); + res.status(500).json({ success: false, message: error.message }); + } +}); + +// Contacts API Routes +router.patch('/contacts/:id', requireAuth, async (req, res) => { + try { + const contact = await Contact.findByPk(req.params.id); + if (!contact) { + return res.status(404).json({ success: false, message: 'Contact not found' }); + } + + await contact.update(req.body); + res.json({ success: true, contact }); + } catch (error) { + console.error('Contact update error:', error); + res.status(500).json({ success: false, message: error.message }); + } +}); + +router.delete('/contacts/:id', requireAuth, async (req, res) => { + try { + const contact = await Contact.findByPk(req.params.id); + if (!contact) { + return res.status(404).json({ success: false, message: 'Contact not found' }); + } + + await contact.destroy(); + res.json({ success: true }); + } catch (error) { + console.error('Contact deletion error:', error); + res.status(500).json({ success: false, message: error.message }); + } +}); + +// Telegram notification for contact +router.post('/contacts/:id/telegram', requireAuth, async (req, res) => { + try { + const contact = await Contact.findByPk(req.params.id); + if (!contact) { + return res.status(404).json({ success: false, message: 'Contact not found' }); + } + + // Send Telegram notification + const telegramService = require('../../services/telegram'); + const result = await telegramService.sendContactNotification(contact); + + if (result.success) { + res.json({ success: true }); + } else { + res.status(500).json({ success: false, message: result.message || result.error }); + } + } catch (error) { + console.error('Telegram notification error:', error); + res.status(500).json({ success: false, message: error.message }); + } +}); + +// Test Telegram connection +router.post('/telegram/test', requireAuth, async (req, res) => { + try { + const { botToken, chatId } = req.body; + + // Temporarily set up telegram service with provided credentials + const axios = require('axios'); + + // Test bot info + const botResponse = await axios.get(`https://api.telegram.org/bot${botToken}/getMe`); + + // Test sending a message + const testMessage = '✅ Telegram bot подключен успешно!\n\nЭто тестовое сообщение от SmartSolTech Admin Panel.'; + await axios.post(`https://api.telegram.org/bot${botToken}/sendMessage`, { + chat_id: chatId, + text: testMessage, + parse_mode: 'Markdown' + }); + + res.json({ + success: true, + bot: botResponse.data.result, + message: 'Test message sent successfully' + }); + } catch (error) { + console.error('Telegram test error:', error); + let message = 'Connection failed'; + + if (error.response?.data?.description) { + message = error.response.data.description; + } else if (error.message) { + message = error.message; + } + + res.status(400).json({ success: false, message }); + } +}); + +// Settings API +const { SiteSettings } = require('../../models'); + +router.get('/settings', requireAuth, async (req, res) => { + try { + const settings = await SiteSettings.findOne() || {}; + res.json({ success: true, settings }); + } catch (error) { + console.error('Settings fetch error:', error); + res.status(500).json({ success: false, message: error.message }); + } +}); + +router.post('/settings', requireAuth, upload.fields([ + { name: 'logo', maxCount: 1 }, + { name: 'favicon', maxCount: 1 } +]), async (req, res) => { + try { + let settings = await SiteSettings.findOne(); + if (!settings) { + settings = await SiteSettings.create({}); + } + + const updates = {}; + + // Handle nested objects + Object.keys(req.body).forEach(key => { + if (key.includes('.')) { + const [parent, child] = key.split('.'); + if (!updates[parent]) updates[parent] = {}; + updates[parent][child] = req.body[key]; + } else { + updates[key] = req.body[key]; + } + }); + + // Handle file uploads + if (req.files.logo) { + updates.logo = `/uploads/${req.files.logo[0].filename}`; + } + if (req.files.favicon) { + updates.favicon = `/uploads/${req.files.favicon[0].filename}`; + } + + // Update existing settings with new values + Object.keys(updates).forEach(key => { + if (typeof updates[key] === 'object' && updates[key] !== null) { + settings[key] = { ...settings[key], ...updates[key] }; + } else { + settings[key] = updates[key]; + } + }); + + await settings.save(); + + res.json({ success: true, settings }); + } catch (error) { + console.error('Settings update error:', error); + res.status(500).json({ success: false, message: error.message }); + } +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/routes/api/admin_20251026221118.js b/.history/routes/api/admin_20251026221118.js new file mode 100644 index 0000000..41ded91 --- /dev/null +++ b/.history/routes/api/admin_20251026221118.js @@ -0,0 +1,496 @@ +const express = require('express'); +const router = express.Router(); +const multer = require('multer'); +const path = require('path'); +const { Portfolio, Service, Contact, User } = require('../../models'); + +// Multer configuration for file uploads +const storage = multer.diskStorage({ + destination: (req, file, cb) => { + cb(null, 'public/uploads/'); + }, + filename: (req, file, cb) => { + const uniqueSuffix = Date.now() + '-' + Math.round(Math.random() * 1E9); + cb(null, file.fieldname + '-' + uniqueSuffix + path.extname(file.originalname)); + } +}); + +const upload = multer({ + storage: storage, + fileFilter: (req, file, cb) => { + if (file.mimetype.startsWith('image/')) { + cb(null, true); + } else { + cb(new Error('Only image files are allowed!'), false); + } + }, + limits: { + fileSize: 10 * 1024 * 1024 // 10MB + } +}); + +// Authentication middleware +const requireAuth = (req, res, next) => { + if (!req.session.user) { + return res.status(401).json({ success: false, message: 'Authentication required' }); + } + next(); +}; + +// Portfolio API Routes +router.post('/portfolio', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const { + title, + shortDescription, + description, + category, + clientName, + projectUrl, + githubUrl, + technologies, + featured, + isPublished + } = req.body; + + // Process uploaded images + const images = req.files ? req.files.map((file, index) => ({ + url: `/uploads/${file.filename}`, + alt: `${title} image ${index + 1}`, + isPrimary: index === 0 + })) : []; + + // Parse technologies + let techArray = []; + if (technologies) { + try { + techArray = JSON.parse(technologies); + } catch (e) { + techArray = technologies.split(',').map(t => t.trim()); + } + } + + const portfolio = await Portfolio.create({ + title, + shortDescription, + description, + category, + clientName, + projectUrl: projectUrl || null, + githubUrl: githubUrl || null, + technologies: techArray, + images, + featured: featured === 'on', + isPublished: isPublished === 'on', + status: 'completed', + publishedAt: isPublished === 'on' ? new Date() : null + }); + + res.json({ success: true, portfolio }); + } catch (error) { + console.error('Portfolio creation error:', error); + res.status(500).json({ success: false, message: error.message }); + } +}); + +router.patch('/portfolio/:id', requireAuth, upload.array('images', 10), async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + if (!portfolio) { + return res.status(404).json({ success: false, message: 'Portfolio not found' }); + } + + const updates = { ...req.body }; + + // Handle checkboxes + updates.featured = updates.featured === 'on'; + updates.isPublished = updates.isPublished === 'on'; + + // Process technologies + if (updates.technologies) { + try { + updates.technologies = JSON.parse(updates.technologies); + } catch (e) { + updates.technologies = updates.technologies.split(',').map(t => t.trim()); + } + } + + // Process new images + if (req.files && req.files.length > 0) { + const newImages = req.files.map((file, index) => ({ + url: `/uploads/${file.filename}`, + alt: `${updates.title || portfolio.title} image ${index + 1}`, + isPrimary: index === 0 && (!portfolio.images || portfolio.images.length === 0) + })); + + updates.images = [...(portfolio.images || []), ...newImages]; + } + + await portfolio.update(updates); + res.json({ success: true, portfolio }); + } catch (error) { + console.error('Portfolio update error:', error); + res.status(500).json({ success: false, message: error.message }); + } +}); + +router.delete('/portfolio/:id', requireAuth, async (req, res) => { + try { + const portfolio = await Portfolio.findByPk(req.params.id); + if (!portfolio) { + return res.status(404).json({ success: false, message: 'Portfolio not found' }); + } + + await portfolio.destroy(); + res.json({ success: true }); + } catch (error) { + console.error('Portfolio deletion error:', error); + res.status(500).json({ success: false, message: error.message }); + } +}); + +// Services API Routes +router.post('/services', requireAuth, async (req, res) => { + try { + const { + name, + description, + shortDescription, + icon, + category, + features, + pricing, + estimatedTime, + isActive, + featured, + tags + } = req.body; + + // Parse arrays + let featuresArray = []; + let tagsArray = []; + let pricingObj = {}; + + if (features) { + try { + featuresArray = JSON.parse(features); + } catch (e) { + featuresArray = features.split(',').map(f => f.trim()); + } + } + + if (tags) { + try { + tagsArray = JSON.parse(tags); + } catch (e) { + tagsArray = tags.split(',').map(t => t.trim()); + } + } + + if (pricing) { + try { + pricingObj = JSON.parse(pricing); + } catch (e) { + pricingObj = { basePrice: pricing }; + } + } + + const service = await Service.create({ + name, + description, + shortDescription, + icon, + category, + features: featuresArray, + pricing: pricingObj, + estimatedTime, + isActive: isActive === 'on', + featured: featured === 'on', + tags: tagsArray + }); + + res.json({ success: true, service }); + } catch (error) { + console.error('Service creation error:', error); + res.status(500).json({ success: false, message: error.message }); + } +}); + +router.put('/services/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + if (!service) { + return res.status(404).json({ success: false, message: 'Service not found' }); + } + + const { + name, + description, + shortDescription, + icon, + category, + features, + pricing, + estimatedTime, + isActive, + featured, + tags, + order, + seo + } = req.body; + + // Parse arrays and objects + let featuresArray = []; + let tagsArray = []; + let pricingObj = {}; + let seoObj = {}; + + if (features) { + if (Array.isArray(features)) { + featuresArray = features; + } else { + try { + featuresArray = JSON.parse(features); + } catch (e) { + featuresArray = features.split(',').map(f => f.trim()); + } + } + } + + if (tags) { + if (Array.isArray(tags)) { + tagsArray = tags; + } else { + try { + tagsArray = JSON.parse(tags); + } catch (e) { + tagsArray = tags.split(',').map(t => t.trim()); + } + } + } + + if (pricing) { + if (typeof pricing === 'object') { + pricingObj = pricing; + } else { + try { + pricingObj = JSON.parse(pricing); + } catch (e) { + pricingObj = { basePrice: pricing }; + } + } + } + + if (seo) { + if (typeof seo === 'object') { + seoObj = seo; + } else { + try { + seoObj = JSON.parse(seo); + } catch (e) { + seoObj = {}; + } + } + } + + const updateData = { + name, + description, + shortDescription, + icon, + category, + features: featuresArray, + pricing: pricingObj, + estimatedTime, + isActive: Boolean(isActive), + featured: Boolean(featured), + tags: tagsArray, + order: order ? parseInt(order) : 0, + seo: seoObj + }; + + // Remove undefined values + Object.keys(updateData).forEach(key => { + if (updateData[key] === undefined) { + delete updateData[key]; + } + }); + + await service.update(updateData); + res.json({ success: true, service }); + } catch (error) { + console.error('Service update error:', error); + res.status(500).json({ success: false, message: error.message }); + } +}); + +router.delete('/services/:id', requireAuth, async (req, res) => { + try { + const service = await Service.findByPk(req.params.id); + if (!service) { + return res.status(404).json({ success: false, message: 'Service not found' }); + } + + await service.destroy(); + res.json({ success: true }); + } catch (error) { + console.error('Service deletion error:', error); + res.status(500).json({ success: false, message: error.message }); + } +}); + +// Contacts API Routes +router.patch('/contacts/:id', requireAuth, async (req, res) => { + try { + const contact = await Contact.findByPk(req.params.id); + if (!contact) { + return res.status(404).json({ success: false, message: 'Contact not found' }); + } + + await contact.update(req.body); + res.json({ success: true, contact }); + } catch (error) { + console.error('Contact update error:', error); + res.status(500).json({ success: false, message: error.message }); + } +}); + +router.delete('/contacts/:id', requireAuth, async (req, res) => { + try { + const contact = await Contact.findByPk(req.params.id); + if (!contact) { + return res.status(404).json({ success: false, message: 'Contact not found' }); + } + + await contact.destroy(); + res.json({ success: true }); + } catch (error) { + console.error('Contact deletion error:', error); + res.status(500).json({ success: false, message: error.message }); + } +}); + +// Telegram notification for contact +router.post('/contacts/:id/telegram', requireAuth, async (req, res) => { + try { + const contact = await Contact.findByPk(req.params.id); + if (!contact) { + return res.status(404).json({ success: false, message: 'Contact not found' }); + } + + // Send Telegram notification + const telegramService = require('../../services/telegram'); + const result = await telegramService.sendContactNotification(contact); + + if (result.success) { + res.json({ success: true }); + } else { + res.status(500).json({ success: false, message: result.message || result.error }); + } + } catch (error) { + console.error('Telegram notification error:', error); + res.status(500).json({ success: false, message: error.message }); + } +}); + +// Test Telegram connection +router.post('/telegram/test', requireAuth, async (req, res) => { + try { + const { botToken, chatId } = req.body; + + // Temporarily set up telegram service with provided credentials + const axios = require('axios'); + + // Test bot info + const botResponse = await axios.get(`https://api.telegram.org/bot${botToken}/getMe`); + + // Test sending a message + const testMessage = '✅ Telegram bot подключен успешно!\n\nЭто тестовое сообщение от SmartSolTech Admin Panel.'; + await axios.post(`https://api.telegram.org/bot${botToken}/sendMessage`, { + chat_id: chatId, + text: testMessage, + parse_mode: 'Markdown' + }); + + res.json({ + success: true, + bot: botResponse.data.result, + message: 'Test message sent successfully' + }); + } catch (error) { + console.error('Telegram test error:', error); + let message = 'Connection failed'; + + if (error.response?.data?.description) { + message = error.response.data.description; + } else if (error.message) { + message = error.message; + } + + res.status(400).json({ success: false, message }); + } +}); + +// Settings API +const { SiteSettings } = require('../../models'); + +router.get('/settings', requireAuth, async (req, res) => { + try { + const settings = await SiteSettings.findOne() || {}; + res.json({ success: true, settings }); + } catch (error) { + console.error('Settings fetch error:', error); + res.status(500).json({ success: false, message: error.message }); + } +}); + +router.post('/settings', requireAuth, upload.fields([ + { name: 'logo', maxCount: 1 }, + { name: 'favicon', maxCount: 1 } +]), async (req, res) => { + try { + let settings = await SiteSettings.findOne(); + if (!settings) { + settings = await SiteSettings.create({}); + } + + const updates = {}; + + // Handle nested objects + Object.keys(req.body).forEach(key => { + if (key.includes('.')) { + const [parent, child] = key.split('.'); + if (!updates[parent]) updates[parent] = {}; + updates[parent][child] = req.body[key]; + } else { + updates[key] = req.body[key]; + } + }); + + // Handle file uploads + if (req.files.logo) { + updates.logo = `/uploads/${req.files.logo[0].filename}`; + } + if (req.files.favicon) { + updates.favicon = `/uploads/${req.files.favicon[0].filename}`; + } + + // Update existing settings with new values + Object.keys(updates).forEach(key => { + if (typeof updates[key] === 'object' && updates[key] !== null) { + settings[key] = { ...settings[key], ...updates[key] }; + } else { + settings[key] = updates[key]; + } + }); + + await settings.save(); + + res.json({ success: true, settings }); + } catch (error) { + console.error('Settings update error:', error); + res.status(500).json({ success: false, message: error.message }); + } +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/routes/demo-adminlte_20251026211505.js b/.history/routes/demo-adminlte_20251026211505.js new file mode 100644 index 0000000..8dbde1e --- /dev/null +++ b/.history/routes/demo-adminlte_20251026211505.js @@ -0,0 +1,77 @@ +const express = require('express'); +const router = express.Router(); + +// Демо-роут для AdminLTE админки +router.get('/demo-adminlte', async (req, res) => { + try { + // Мок-данные для демонстрации + const stats = { + portfolioCount: 12, + servicesCount: 6, + contactsCount: 24, + usersCount: 3 + }; + + const recentPortfolio = [ + { + title: '삼성 모바일 앱 개발', + category: 'mobile-app', + status: 'completed', + createdAt: new Date('2024-10-20') + }, + { + title: 'LG 웹사이트 리뉴얼', + category: 'web-development', + status: 'in-progress', + createdAt: new Date('2024-10-18') + }, + { + title: '현대차 UI/UX 디자인', + category: 'ui-ux-design', + status: 'planning', + createdAt: new Date('2024-10-15') + } + ]; + + const recentContacts = [ + { + name: '김철수', + email: 'kim@example.com', + status: 'pending', + createdAt: new Date('2024-10-25') + }, + { + name: '이영희', + email: 'lee@company.kr', + status: 'replied', + createdAt: new Date('2024-10-24') + }, + { + name: '박민수', + email: 'park@startup.co.kr', + status: 'new', + createdAt: new Date('2024-10-23') + } + ]; + + const user = { + name: '관리자' + }; + + res.render('admin/dashboard-adminlte', { + layout: 'admin/layout-adminlte', + title: '대시보드', + currentPage: 'dashboard', + currentLanguage: 'ko', + stats, + recentPortfolio, + recentContacts, + user + }); + } catch (error) { + console.error('AdminLTE Demo Error:', error); + res.status(500).send('Server Error'); + } +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/routes/demo-adminlte_20251026211507.js b/.history/routes/demo-adminlte_20251026211507.js new file mode 100644 index 0000000..8dbde1e --- /dev/null +++ b/.history/routes/demo-adminlte_20251026211507.js @@ -0,0 +1,77 @@ +const express = require('express'); +const router = express.Router(); + +// Демо-роут для AdminLTE админки +router.get('/demo-adminlte', async (req, res) => { + try { + // Мок-данные для демонстрации + const stats = { + portfolioCount: 12, + servicesCount: 6, + contactsCount: 24, + usersCount: 3 + }; + + const recentPortfolio = [ + { + title: '삼성 모바일 앱 개발', + category: 'mobile-app', + status: 'completed', + createdAt: new Date('2024-10-20') + }, + { + title: 'LG 웹사이트 리뉴얼', + category: 'web-development', + status: 'in-progress', + createdAt: new Date('2024-10-18') + }, + { + title: '현대차 UI/UX 디자인', + category: 'ui-ux-design', + status: 'planning', + createdAt: new Date('2024-10-15') + } + ]; + + const recentContacts = [ + { + name: '김철수', + email: 'kim@example.com', + status: 'pending', + createdAt: new Date('2024-10-25') + }, + { + name: '이영희', + email: 'lee@company.kr', + status: 'replied', + createdAt: new Date('2024-10-24') + }, + { + name: '박민수', + email: 'park@startup.co.kr', + status: 'new', + createdAt: new Date('2024-10-23') + } + ]; + + const user = { + name: '관리자' + }; + + res.render('admin/dashboard-adminlte', { + layout: 'admin/layout-adminlte', + title: '대시보드', + currentPage: 'dashboard', + currentLanguage: 'ko', + stats, + recentPortfolio, + recentContacts, + user + }); + } catch (error) { + console.error('AdminLTE Demo Error:', error); + res.status(500).send('Server Error'); + } +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/routes/demo-adminlte_20251026211708.js b/.history/routes/demo-adminlte_20251026211708.js new file mode 100644 index 0000000..43aa1d4 --- /dev/null +++ b/.history/routes/demo-adminlte_20251026211708.js @@ -0,0 +1,150 @@ +const express = require('express'); +const router = express.Router(); + +// Демо-роут для AdminLTE админки +router.get('/demo-adminlte', async (req, res) => { + try { + // Мок-данные для демонстрации + const stats = { + portfolioCount: 12, + servicesCount: 6, + contactsCount: 24, + usersCount: 3 + }; + + const recentPortfolio = [ + { + title: '삼성 모바일 앱 개발', + category: 'mobile-app', + status: 'completed', + createdAt: new Date('2024-10-20') + }, + { + title: 'LG 웹사이트 리뉴얼', + category: 'web-development', + status: 'in-progress', + createdAt: new Date('2024-10-18') + }, + { + title: '현대차 UI/UX 디자인', + category: 'ui-ux-design', + status: 'planning', + createdAt: new Date('2024-10-15') + } + ]; + + const recentContacts = [ + { + name: '김철수', + email: 'kim@example.com', + status: 'pending', + createdAt: new Date('2024-10-25') + }, + { + name: '이영희', + email: 'lee@company.kr', + status: 'replied', + createdAt: new Date('2024-10-24') + }, + { + name: '박민수', + email: 'park@startup.co.kr', + status: 'new', + createdAt: new Date('2024-10-23') + } + ]; + + const user = { + name: '관리자' + }; + + res.render('admin/dashboard-adminlte', { + layout: 'admin/layout-adminlte', + title: '대시보드', + currentPage: 'dashboard', + currentLanguage: 'ko', + stats, + recentPortfolio, + recentContacts, + user + }); + } catch (error) { + console.error('AdminLTE Demo Error:', error); + res.status(500).send('Server Error'); + } +}); + +// Демо-роут для Tabler админки +router.get('/demo-tabler', async (req, res) => { + try { + // Мок-данные для демонстрации + const stats = { + portfolioCount: 12, + servicesCount: 6, + contactsCount: 24, + usersCount: 3 + }; + + const recentPortfolio = [ + { + title: '삼성 모바일 앱 개발', + category: 'mobile-app', + status: 'completed', + createdAt: new Date('2024-10-20') + }, + { + title: 'LG 웹사이트 리뉴얼', + category: 'web-development', + status: 'in-progress', + createdAt: new Date('2024-10-18') + }, + { + title: '현대차 UI/UX 디자인', + category: 'ui-ux-design', + status: 'planning', + createdAt: new Date('2024-10-15') + } + ]; + + const recentContacts = [ + { + name: '김철수', + email: 'kim@example.com', + status: 'pending', + createdAt: new Date('2024-10-25') + }, + { + name: '이영희', + email: 'lee@company.kr', + status: 'replied', + createdAt: new Date('2024-10-24') + }, + { + name: '박민수', + email: 'park@startup.co.kr', + status: 'new', + createdAt: new Date('2024-10-23') + } + ]; + + const user = { + name: '관리자' + }; + + res.render('admin/dashboard-tabler', { + layout: 'admin/layout-tabler', + title: '대시보드', + currentPage: 'dashboard', + currentLanguage: 'ko', + stats, + recentPortfolio, + recentContacts, + user + }); + } catch (error) { + console.error('Tabler Demo Error:', error); + res.status(500).send('Server Error'); + } +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/routes/demo-adminlte_20251026211716.js b/.history/routes/demo-adminlte_20251026211716.js new file mode 100644 index 0000000..43aa1d4 --- /dev/null +++ b/.history/routes/demo-adminlte_20251026211716.js @@ -0,0 +1,150 @@ +const express = require('express'); +const router = express.Router(); + +// Демо-роут для AdminLTE админки +router.get('/demo-adminlte', async (req, res) => { + try { + // Мок-данные для демонстрации + const stats = { + portfolioCount: 12, + servicesCount: 6, + contactsCount: 24, + usersCount: 3 + }; + + const recentPortfolio = [ + { + title: '삼성 모바일 앱 개발', + category: 'mobile-app', + status: 'completed', + createdAt: new Date('2024-10-20') + }, + { + title: 'LG 웹사이트 리뉴얼', + category: 'web-development', + status: 'in-progress', + createdAt: new Date('2024-10-18') + }, + { + title: '현대차 UI/UX 디자인', + category: 'ui-ux-design', + status: 'planning', + createdAt: new Date('2024-10-15') + } + ]; + + const recentContacts = [ + { + name: '김철수', + email: 'kim@example.com', + status: 'pending', + createdAt: new Date('2024-10-25') + }, + { + name: '이영희', + email: 'lee@company.kr', + status: 'replied', + createdAt: new Date('2024-10-24') + }, + { + name: '박민수', + email: 'park@startup.co.kr', + status: 'new', + createdAt: new Date('2024-10-23') + } + ]; + + const user = { + name: '관리자' + }; + + res.render('admin/dashboard-adminlte', { + layout: 'admin/layout-adminlte', + title: '대시보드', + currentPage: 'dashboard', + currentLanguage: 'ko', + stats, + recentPortfolio, + recentContacts, + user + }); + } catch (error) { + console.error('AdminLTE Demo Error:', error); + res.status(500).send('Server Error'); + } +}); + +// Демо-роут для Tabler админки +router.get('/demo-tabler', async (req, res) => { + try { + // Мок-данные для демонстрации + const stats = { + portfolioCount: 12, + servicesCount: 6, + contactsCount: 24, + usersCount: 3 + }; + + const recentPortfolio = [ + { + title: '삼성 모바일 앱 개발', + category: 'mobile-app', + status: 'completed', + createdAt: new Date('2024-10-20') + }, + { + title: 'LG 웹사이트 리뉴얼', + category: 'web-development', + status: 'in-progress', + createdAt: new Date('2024-10-18') + }, + { + title: '현대차 UI/UX 디자인', + category: 'ui-ux-design', + status: 'planning', + createdAt: new Date('2024-10-15') + } + ]; + + const recentContacts = [ + { + name: '김철수', + email: 'kim@example.com', + status: 'pending', + createdAt: new Date('2024-10-25') + }, + { + name: '이영희', + email: 'lee@company.kr', + status: 'replied', + createdAt: new Date('2024-10-24') + }, + { + name: '박민수', + email: 'park@startup.co.kr', + status: 'new', + createdAt: new Date('2024-10-23') + } + ]; + + const user = { + name: '관리자' + }; + + res.render('admin/dashboard-tabler', { + layout: 'admin/layout-tabler', + title: '대시보드', + currentPage: 'dashboard', + currentLanguage: 'ko', + stats, + recentPortfolio, + recentContacts, + user + }); + } catch (error) { + console.error('Tabler Demo Error:', error); + res.status(500).send('Server Error'); + } +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/routes/demo-adminlte_20251026211846.js b/.history/routes/demo-adminlte_20251026211846.js new file mode 100644 index 0000000..db28812 --- /dev/null +++ b/.history/routes/demo-adminlte_20251026211846.js @@ -0,0 +1,162 @@ +const express = require('express'); +const router = express.Router(); + +// Главная страница сравнения admin bundles +router.get('/admin-comparison', async (req, res) => { + try { + res.render('admin-bundle-comparison', { + layout: false // Не используем layout для этой страницы + }); + } catch (error) { + console.error('Admin Comparison Error:', error); + res.status(500).send('Server Error'); + } +}); + +// Демо-роут для AdminLTE админки +router.get('/demo-adminlte', async (req, res) => { + try { + // Мок-данные для демонстрации + const stats = { + portfolioCount: 12, + servicesCount: 6, + contactsCount: 24, + usersCount: 3 + }; + + const recentPortfolio = [ + { + title: '삼성 모바일 앱 개발', + category: 'mobile-app', + status: 'completed', + createdAt: new Date('2024-10-20') + }, + { + title: 'LG 웹사이트 리뉴얼', + category: 'web-development', + status: 'in-progress', + createdAt: new Date('2024-10-18') + }, + { + title: '현대차 UI/UX 디자인', + category: 'ui-ux-design', + status: 'planning', + createdAt: new Date('2024-10-15') + } + ]; + + const recentContacts = [ + { + name: '김철수', + email: 'kim@example.com', + status: 'pending', + createdAt: new Date('2024-10-25') + }, + { + name: '이영희', + email: 'lee@company.kr', + status: 'replied', + createdAt: new Date('2024-10-24') + }, + { + name: '박민수', + email: 'park@startup.co.kr', + status: 'new', + createdAt: new Date('2024-10-23') + } + ]; + + const user = { + name: '관리자' + }; + + res.render('admin/dashboard-adminlte', { + layout: 'admin/layout-adminlte', + title: '대시보드', + currentPage: 'dashboard', + currentLanguage: 'ko', + stats, + recentPortfolio, + recentContacts, + user + }); + } catch (error) { + console.error('AdminLTE Demo Error:', error); + res.status(500).send('Server Error'); + } +}); + +// Демо-роут для Tabler админки +router.get('/demo-tabler', async (req, res) => { + try { + // Мок-данные для демонстрации + const stats = { + portfolioCount: 12, + servicesCount: 6, + contactsCount: 24, + usersCount: 3 + }; + + const recentPortfolio = [ + { + title: '삼성 모바일 앱 개발', + category: 'mobile-app', + status: 'completed', + createdAt: new Date('2024-10-20') + }, + { + title: 'LG 웹사이트 리뉴얼', + category: 'web-development', + status: 'in-progress', + createdAt: new Date('2024-10-18') + }, + { + title: '현대차 UI/UX 디자인', + category: 'ui-ux-design', + status: 'planning', + createdAt: new Date('2024-10-15') + } + ]; + + const recentContacts = [ + { + name: '김철수', + email: 'kim@example.com', + status: 'pending', + createdAt: new Date('2024-10-25') + }, + { + name: '이영희', + email: 'lee@company.kr', + status: 'replied', + createdAt: new Date('2024-10-24') + }, + { + name: '박민수', + email: 'park@startup.co.kr', + status: 'new', + createdAt: new Date('2024-10-23') + } + ]; + + const user = { + name: '관리자' + }; + + res.render('admin/dashboard-tabler', { + layout: 'admin/layout-tabler', + title: '대시보드', + currentPage: 'dashboard', + currentLanguage: 'ko', + stats, + recentPortfolio, + recentContacts, + user + }); + } catch (error) { + console.error('Tabler Demo Error:', error); + res.status(500).send('Server Error'); + } +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/routes/demo-adminlte_20251026211849.js b/.history/routes/demo-adminlte_20251026211849.js new file mode 100644 index 0000000..db28812 --- /dev/null +++ b/.history/routes/demo-adminlte_20251026211849.js @@ -0,0 +1,162 @@ +const express = require('express'); +const router = express.Router(); + +// Главная страница сравнения admin bundles +router.get('/admin-comparison', async (req, res) => { + try { + res.render('admin-bundle-comparison', { + layout: false // Не используем layout для этой страницы + }); + } catch (error) { + console.error('Admin Comparison Error:', error); + res.status(500).send('Server Error'); + } +}); + +// Демо-роут для AdminLTE админки +router.get('/demo-adminlte', async (req, res) => { + try { + // Мок-данные для демонстрации + const stats = { + portfolioCount: 12, + servicesCount: 6, + contactsCount: 24, + usersCount: 3 + }; + + const recentPortfolio = [ + { + title: '삼성 모바일 앱 개발', + category: 'mobile-app', + status: 'completed', + createdAt: new Date('2024-10-20') + }, + { + title: 'LG 웹사이트 리뉴얼', + category: 'web-development', + status: 'in-progress', + createdAt: new Date('2024-10-18') + }, + { + title: '현대차 UI/UX 디자인', + category: 'ui-ux-design', + status: 'planning', + createdAt: new Date('2024-10-15') + } + ]; + + const recentContacts = [ + { + name: '김철수', + email: 'kim@example.com', + status: 'pending', + createdAt: new Date('2024-10-25') + }, + { + name: '이영희', + email: 'lee@company.kr', + status: 'replied', + createdAt: new Date('2024-10-24') + }, + { + name: '박민수', + email: 'park@startup.co.kr', + status: 'new', + createdAt: new Date('2024-10-23') + } + ]; + + const user = { + name: '관리자' + }; + + res.render('admin/dashboard-adminlte', { + layout: 'admin/layout-adminlte', + title: '대시보드', + currentPage: 'dashboard', + currentLanguage: 'ko', + stats, + recentPortfolio, + recentContacts, + user + }); + } catch (error) { + console.error('AdminLTE Demo Error:', error); + res.status(500).send('Server Error'); + } +}); + +// Демо-роут для Tabler админки +router.get('/demo-tabler', async (req, res) => { + try { + // Мок-данные для демонстрации + const stats = { + portfolioCount: 12, + servicesCount: 6, + contactsCount: 24, + usersCount: 3 + }; + + const recentPortfolio = [ + { + title: '삼성 모바일 앱 개발', + category: 'mobile-app', + status: 'completed', + createdAt: new Date('2024-10-20') + }, + { + title: 'LG 웹사이트 리뉴얼', + category: 'web-development', + status: 'in-progress', + createdAt: new Date('2024-10-18') + }, + { + title: '현대차 UI/UX 디자인', + category: 'ui-ux-design', + status: 'planning', + createdAt: new Date('2024-10-15') + } + ]; + + const recentContacts = [ + { + name: '김철수', + email: 'kim@example.com', + status: 'pending', + createdAt: new Date('2024-10-25') + }, + { + name: '이영희', + email: 'lee@company.kr', + status: 'replied', + createdAt: new Date('2024-10-24') + }, + { + name: '박민수', + email: 'park@startup.co.kr', + status: 'new', + createdAt: new Date('2024-10-23') + } + ]; + + const user = { + name: '관리자' + }; + + res.render('admin/dashboard-tabler', { + layout: 'admin/layout-tabler', + title: '대시보드', + currentPage: 'dashboard', + currentLanguage: 'ko', + stats, + recentPortfolio, + recentContacts, + user + }); + } catch (error) { + console.error('Tabler Demo Error:', error); + res.status(500).send('Server Error'); + } +}); + +module.exports = router; \ No newline at end of file diff --git a/.history/server_20251026211452.js b/.history/server_20251026211452.js new file mode 100644 index 0000000..0f7c8d1 --- /dev/null +++ b/.history/server_20251026211452.js @@ -0,0 +1,220 @@ +const express = require('express'); +const { sequelize, testConnection } = require('./config/database'); +const session = require('express-session'); +const SequelizeStore = require('connect-session-sequelize')(session.Store); +const path = require('path'); +const helmet = require('helmet'); +const compression = require('compression'); +const cors = require('cors'); +const morgan = require('morgan'); +const rateLimit = require('express-rate-limit'); +const i18n = require('i18n'); +require('dotenv').config(); + +const app = express(); + +// Настройка i18n +i18n.configure({ + locales: ['ko', 'en', 'ru', 'kk'], + defaultLocale: 'ru', + directory: path.join(__dirname, 'locales'), + objectNotation: true, + updateFiles: false, + syncFiles: false +}); + +// i18n middleware +app.use(i18n.init); + +// Security middleware +app.use(helmet({ + contentSecurityPolicy: { + directives: { + defaultSrc: ["'self'"], + styleSrc: ["'self'", "'unsafe-inline'", "https://fonts.googleapis.com", "https://cdnjs.cloudflare.com", "https://cdn.jsdelivr.net", "https://unpkg.com", "https://cdn.tailwindcss.com"], + fontSrc: ["'self'", "https://fonts.gstatic.com", "https://cdnjs.cloudflare.com"], + scriptSrc: ["'self'", "'unsafe-inline'", "https://cdnjs.cloudflare.com", "https://unpkg.com", "https://cdn.tailwindcss.com"], + imgSrc: ["'self'", "data:", "https:"], + connectSrc: ["'self'", "ws:", "wss:", "https://cdnjs.cloudflare.com", "https://cdn.jsdelivr.net", "https://unpkg.com", "https://fonts.googleapis.com", "https://fonts.gstatic.com", "https://cdn.tailwindcss.com"] + } + } +})); + +// Rate limiting +const limiter = rateLimit({ + windowMs: 15 * 60 * 1000, // 15 minutes + max: 100 // limit each IP to 100 requests per windowMs +}); +app.use('/api/', limiter); + +// Middleware +app.use(compression()); +app.use(cors()); +app.use(morgan('combined')); +app.use(express.json({ limit: '10mb' })); +app.use(express.urlencoded({ extended: true, limit: '10mb' })); + +// Static files +app.use(express.static(path.join(__dirname, 'public'))); +app.use('/uploads', express.static(path.join(__dirname, 'public/uploads'))); + +// AdminLTE static files +app.use('/node_modules', express.static(path.join(__dirname, 'node_modules'))); + +// View engine +app.set('view engine', 'ejs'); +app.set('views', path.join(__dirname, 'views')); + +// Layout engine +const expressLayouts = require('express-ejs-layouts'); +app.use(expressLayouts); +app.set('layout', 'layout'); // Default layout for main site +app.set('layout extractScripts', true); +app.set('layout extractStyles', true); + +// Database connection and testing +testConnection(); + +// Session store configuration +const sessionStore = new SequelizeStore({ + db: sequelize, + tableName: 'sessions', + checkExpirationInterval: 15 * 60 * 1000, // 15 minutes + expiration: 7 * 24 * 60 * 60 * 1000 // 7 days +}); + +// Session configuration +app.use(session({ + secret: process.env.SESSION_SECRET || 'your-secret-key', + resave: false, + saveUninitialized: false, + store: sessionStore, + cookie: { + secure: process.env.NODE_ENV === 'production', + httpOnly: true, + maxAge: 1000 * 60 * 60 * 24 * 7 // 7 days + } +})); + +// Middleware для передачи переменных в шаблоны +app.use((req, res, next) => { + const currentLang = req.session?.language || req.getLocale() || 'ru'; + req.setLocale(currentLang); + + res.locals.locale = currentLang; + res.locals.__ = res.__; + res.locals.theme = req.session?.theme || 'light'; + res.locals.currentLanguage = currentLang; + res.locals.currentPage = req.path.split('/')[1] || 'home'; + + // Debug logging for theme + if (req.url !== '/sw.js' && !req.url.startsWith('/css/') && !req.url.startsWith('/js/') && !req.url.startsWith('/images/')) { + console.log(`Request URL: ${req.url}, Theme from session: ${req.session?.theme}, Setting theme to: ${res.locals.theme}`); + } + + // Устанавливаем заголовки для предотвращения кеширования языкового контента + if (!req.url.startsWith('/css/') && !req.url.startsWith('/js/') && !req.url.startsWith('/images/')) { + res.setHeader('Cache-Control', 'no-cache, no-store, must-revalidate'); + res.setHeader('Pragma', 'no-cache'); + res.setHeader('Expires', '0'); + res.setHeader('Vary', 'Accept-Language'); + } + + // Отладочная информация + console.log(`Request URL: ${req.url}, Current Language: ${currentLang}, Session Language: ${req.session?.language}, Locale: ${req.getLocale()}`); + + next(); +}); + +// Routes +app.use('/', require('./routes/index')); +app.use('/api/auth', require('./routes/auth')); +app.use('/api/portfolio', require('./routes/portfolio')); +app.use('/api/services', require('./routes/services')); +app.use('/api/calculator', require('./routes/calculator')); +app.use('/api/contact', require('./routes/contact')); +app.use('/api/media', require('./routes/media')); +app.use('/api/admin', require('./routes/api/admin')); +app.use('/admin', require('./routes/admin')); + +// Language switching routes +app.get('/lang/:language', (req, res) => { + const { language } = req.params; + const supportedLanguages = ['ko', 'en', 'ru', 'kk']; + + if (supportedLanguages.includes(language)) { + req.setLocale(language); + req.session.language = language; + console.log(`Language switched to: ${language}, session language: ${req.session.language}`); + } + + const referer = req.get('Referer') || '/'; + res.redirect(referer); +}); + +// Theme switching routes +app.get('/theme/:theme', (req, res) => { + const { theme } = req.params; + if (['light', 'dark'].includes(theme)) { + req.session.theme = theme; + } + res.json({ success: true, theme: req.session.theme }); +}); + +// PWA Service Worker +app.get('/sw.js', (req, res) => { + res.sendFile(path.join(__dirname, 'public', 'sw.js')); +}); + +// PWA Manifest +app.get('/manifest.json', (req, res) => { + res.sendFile(path.join(__dirname, 'public', 'manifest.json')); +}); + +// Error handling middleware +app.use((err, req, res, next) => { + console.error(err.stack); + res.status(500).render('error', { + title: 'Error', + settings: {}, + message: process.env.NODE_ENV === 'production' + ? 'Something went wrong!' + : err.message, + currentPage: 'error' + }); +}); + +// 404 handler +app.use((req, res) => { + res.status(404).render('error', { + title: '404 - 페이지를 찾을 수 없습니다', + settings: {}, + message: '요청하신 페이지를 찾을 수 없습니다', + currentPage: 'error' + }); +}); + +const PORT = process.env.PORT || 3000; + +// Sync database and start server +async function startServer() { + try { + // Sync all models with database + await sequelize.sync({ force: false }); + console.log('✓ Database synchronized'); + + // Create session table + await sessionStore.sync(); + console.log('✓ Session store synchronized'); + + app.listen(PORT, () => { + console.log(`🚀 Server running on port ${PORT}`); + console.log(`🌐 Visit: http://localhost:${PORT}`); + }); + } catch (error) { + console.error('✗ Failed to start server:', error); + process.exit(1); + } +} + +startServer(); \ No newline at end of file diff --git a/.history/server_20251026211459.js b/.history/server_20251026211459.js new file mode 100644 index 0000000..0f7c8d1 --- /dev/null +++ b/.history/server_20251026211459.js @@ -0,0 +1,220 @@ +const express = require('express'); +const { sequelize, testConnection } = require('./config/database'); +const session = require('express-session'); +const SequelizeStore = require('connect-session-sequelize')(session.Store); +const path = require('path'); +const helmet = require('helmet'); +const compression = require('compression'); +const cors = require('cors'); +const morgan = require('morgan'); +const rateLimit = require('express-rate-limit'); +const i18n = require('i18n'); +require('dotenv').config(); + +const app = express(); + +// Настройка i18n +i18n.configure({ + locales: ['ko', 'en', 'ru', 'kk'], + defaultLocale: 'ru', + directory: path.join(__dirname, 'locales'), + objectNotation: true, + updateFiles: false, + syncFiles: false +}); + +// i18n middleware +app.use(i18n.init); + +// Security middleware +app.use(helmet({ + contentSecurityPolicy: { + directives: { + defaultSrc: ["'self'"], + styleSrc: ["'self'", "'unsafe-inline'", "https://fonts.googleapis.com", "https://cdnjs.cloudflare.com", "https://cdn.jsdelivr.net", "https://unpkg.com", "https://cdn.tailwindcss.com"], + fontSrc: ["'self'", "https://fonts.gstatic.com", "https://cdnjs.cloudflare.com"], + scriptSrc: ["'self'", "'unsafe-inline'", "https://cdnjs.cloudflare.com", "https://unpkg.com", "https://cdn.tailwindcss.com"], + imgSrc: ["'self'", "data:", "https:"], + connectSrc: ["'self'", "ws:", "wss:", "https://cdnjs.cloudflare.com", "https://cdn.jsdelivr.net", "https://unpkg.com", "https://fonts.googleapis.com", "https://fonts.gstatic.com", "https://cdn.tailwindcss.com"] + } + } +})); + +// Rate limiting +const limiter = rateLimit({ + windowMs: 15 * 60 * 1000, // 15 minutes + max: 100 // limit each IP to 100 requests per windowMs +}); +app.use('/api/', limiter); + +// Middleware +app.use(compression()); +app.use(cors()); +app.use(morgan('combined')); +app.use(express.json({ limit: '10mb' })); +app.use(express.urlencoded({ extended: true, limit: '10mb' })); + +// Static files +app.use(express.static(path.join(__dirname, 'public'))); +app.use('/uploads', express.static(path.join(__dirname, 'public/uploads'))); + +// AdminLTE static files +app.use('/node_modules', express.static(path.join(__dirname, 'node_modules'))); + +// View engine +app.set('view engine', 'ejs'); +app.set('views', path.join(__dirname, 'views')); + +// Layout engine +const expressLayouts = require('express-ejs-layouts'); +app.use(expressLayouts); +app.set('layout', 'layout'); // Default layout for main site +app.set('layout extractScripts', true); +app.set('layout extractStyles', true); + +// Database connection and testing +testConnection(); + +// Session store configuration +const sessionStore = new SequelizeStore({ + db: sequelize, + tableName: 'sessions', + checkExpirationInterval: 15 * 60 * 1000, // 15 minutes + expiration: 7 * 24 * 60 * 60 * 1000 // 7 days +}); + +// Session configuration +app.use(session({ + secret: process.env.SESSION_SECRET || 'your-secret-key', + resave: false, + saveUninitialized: false, + store: sessionStore, + cookie: { + secure: process.env.NODE_ENV === 'production', + httpOnly: true, + maxAge: 1000 * 60 * 60 * 24 * 7 // 7 days + } +})); + +// Middleware для передачи переменных в шаблоны +app.use((req, res, next) => { + const currentLang = req.session?.language || req.getLocale() || 'ru'; + req.setLocale(currentLang); + + res.locals.locale = currentLang; + res.locals.__ = res.__; + res.locals.theme = req.session?.theme || 'light'; + res.locals.currentLanguage = currentLang; + res.locals.currentPage = req.path.split('/')[1] || 'home'; + + // Debug logging for theme + if (req.url !== '/sw.js' && !req.url.startsWith('/css/') && !req.url.startsWith('/js/') && !req.url.startsWith('/images/')) { + console.log(`Request URL: ${req.url}, Theme from session: ${req.session?.theme}, Setting theme to: ${res.locals.theme}`); + } + + // Устанавливаем заголовки для предотвращения кеширования языкового контента + if (!req.url.startsWith('/css/') && !req.url.startsWith('/js/') && !req.url.startsWith('/images/')) { + res.setHeader('Cache-Control', 'no-cache, no-store, must-revalidate'); + res.setHeader('Pragma', 'no-cache'); + res.setHeader('Expires', '0'); + res.setHeader('Vary', 'Accept-Language'); + } + + // Отладочная информация + console.log(`Request URL: ${req.url}, Current Language: ${currentLang}, Session Language: ${req.session?.language}, Locale: ${req.getLocale()}`); + + next(); +}); + +// Routes +app.use('/', require('./routes/index')); +app.use('/api/auth', require('./routes/auth')); +app.use('/api/portfolio', require('./routes/portfolio')); +app.use('/api/services', require('./routes/services')); +app.use('/api/calculator', require('./routes/calculator')); +app.use('/api/contact', require('./routes/contact')); +app.use('/api/media', require('./routes/media')); +app.use('/api/admin', require('./routes/api/admin')); +app.use('/admin', require('./routes/admin')); + +// Language switching routes +app.get('/lang/:language', (req, res) => { + const { language } = req.params; + const supportedLanguages = ['ko', 'en', 'ru', 'kk']; + + if (supportedLanguages.includes(language)) { + req.setLocale(language); + req.session.language = language; + console.log(`Language switched to: ${language}, session language: ${req.session.language}`); + } + + const referer = req.get('Referer') || '/'; + res.redirect(referer); +}); + +// Theme switching routes +app.get('/theme/:theme', (req, res) => { + const { theme } = req.params; + if (['light', 'dark'].includes(theme)) { + req.session.theme = theme; + } + res.json({ success: true, theme: req.session.theme }); +}); + +// PWA Service Worker +app.get('/sw.js', (req, res) => { + res.sendFile(path.join(__dirname, 'public', 'sw.js')); +}); + +// PWA Manifest +app.get('/manifest.json', (req, res) => { + res.sendFile(path.join(__dirname, 'public', 'manifest.json')); +}); + +// Error handling middleware +app.use((err, req, res, next) => { + console.error(err.stack); + res.status(500).render('error', { + title: 'Error', + settings: {}, + message: process.env.NODE_ENV === 'production' + ? 'Something went wrong!' + : err.message, + currentPage: 'error' + }); +}); + +// 404 handler +app.use((req, res) => { + res.status(404).render('error', { + title: '404 - 페이지를 찾을 수 없습니다', + settings: {}, + message: '요청하신 페이지를 찾을 수 없습니다', + currentPage: 'error' + }); +}); + +const PORT = process.env.PORT || 3000; + +// Sync database and start server +async function startServer() { + try { + // Sync all models with database + await sequelize.sync({ force: false }); + console.log('✓ Database synchronized'); + + // Create session table + await sessionStore.sync(); + console.log('✓ Session store synchronized'); + + app.listen(PORT, () => { + console.log(`🚀 Server running on port ${PORT}`); + console.log(`🌐 Visit: http://localhost:${PORT}`); + }); + } catch (error) { + console.error('✗ Failed to start server:', error); + process.exit(1); + } +} + +startServer(); \ No newline at end of file diff --git a/.history/server_20251026211521.js b/.history/server_20251026211521.js new file mode 100644 index 0000000..4c1d0ef --- /dev/null +++ b/.history/server_20251026211521.js @@ -0,0 +1,223 @@ +const express = require('express'); +const { sequelize, testConnection } = require('./config/database'); +const session = require('express-session'); +const SequelizeStore = require('connect-session-sequelize')(session.Store); +const path = require('path'); +const helmet = require('helmet'); +const compression = require('compression'); +const cors = require('cors'); +const morgan = require('morgan'); +const rateLimit = require('express-rate-limit'); +const i18n = require('i18n'); +require('dotenv').config(); + +const app = express(); + +// Настройка i18n +i18n.configure({ + locales: ['ko', 'en', 'ru', 'kk'], + defaultLocale: 'ru', + directory: path.join(__dirname, 'locales'), + objectNotation: true, + updateFiles: false, + syncFiles: false +}); + +// i18n middleware +app.use(i18n.init); + +// Security middleware +app.use(helmet({ + contentSecurityPolicy: { + directives: { + defaultSrc: ["'self'"], + styleSrc: ["'self'", "'unsafe-inline'", "https://fonts.googleapis.com", "https://cdnjs.cloudflare.com", "https://cdn.jsdelivr.net", "https://unpkg.com", "https://cdn.tailwindcss.com"], + fontSrc: ["'self'", "https://fonts.gstatic.com", "https://cdnjs.cloudflare.com"], + scriptSrc: ["'self'", "'unsafe-inline'", "https://cdnjs.cloudflare.com", "https://unpkg.com", "https://cdn.tailwindcss.com"], + imgSrc: ["'self'", "data:", "https:"], + connectSrc: ["'self'", "ws:", "wss:", "https://cdnjs.cloudflare.com", "https://cdn.jsdelivr.net", "https://unpkg.com", "https://fonts.googleapis.com", "https://fonts.gstatic.com", "https://cdn.tailwindcss.com"] + } + } +})); + +// Rate limiting +const limiter = rateLimit({ + windowMs: 15 * 60 * 1000, // 15 minutes + max: 100 // limit each IP to 100 requests per windowMs +}); +app.use('/api/', limiter); + +// Middleware +app.use(compression()); +app.use(cors()); +app.use(morgan('combined')); +app.use(express.json({ limit: '10mb' })); +app.use(express.urlencoded({ extended: true, limit: '10mb' })); + +// Static files +app.use(express.static(path.join(__dirname, 'public'))); +app.use('/uploads', express.static(path.join(__dirname, 'public/uploads'))); + +// AdminLTE static files +app.use('/node_modules', express.static(path.join(__dirname, 'node_modules'))); + +// View engine +app.set('view engine', 'ejs'); +app.set('views', path.join(__dirname, 'views')); + +// Layout engine +const expressLayouts = require('express-ejs-layouts'); +app.use(expressLayouts); +app.set('layout', 'layout'); // Default layout for main site +app.set('layout extractScripts', true); +app.set('layout extractStyles', true); + +// Database connection and testing +testConnection(); + +// Session store configuration +const sessionStore = new SequelizeStore({ + db: sequelize, + tableName: 'sessions', + checkExpirationInterval: 15 * 60 * 1000, // 15 minutes + expiration: 7 * 24 * 60 * 60 * 1000 // 7 days +}); + +// Session configuration +app.use(session({ + secret: process.env.SESSION_SECRET || 'your-secret-key', + resave: false, + saveUninitialized: false, + store: sessionStore, + cookie: { + secure: process.env.NODE_ENV === 'production', + httpOnly: true, + maxAge: 1000 * 60 * 60 * 24 * 7 // 7 days + } +})); + +// Middleware для передачи переменных в шаблоны +app.use((req, res, next) => { + const currentLang = req.session?.language || req.getLocale() || 'ru'; + req.setLocale(currentLang); + + res.locals.locale = currentLang; + res.locals.__ = res.__; + res.locals.theme = req.session?.theme || 'light'; + res.locals.currentLanguage = currentLang; + res.locals.currentPage = req.path.split('/')[1] || 'home'; + + // Debug logging for theme + if (req.url !== '/sw.js' && !req.url.startsWith('/css/') && !req.url.startsWith('/js/') && !req.url.startsWith('/images/')) { + console.log(`Request URL: ${req.url}, Theme from session: ${req.session?.theme}, Setting theme to: ${res.locals.theme}`); + } + + // Устанавливаем заголовки для предотвращения кеширования языкового контента + if (!req.url.startsWith('/css/') && !req.url.startsWith('/js/') && !req.url.startsWith('/images/')) { + res.setHeader('Cache-Control', 'no-cache, no-store, must-revalidate'); + res.setHeader('Pragma', 'no-cache'); + res.setHeader('Expires', '0'); + res.setHeader('Vary', 'Accept-Language'); + } + + // Отладочная информация + console.log(`Request URL: ${req.url}, Current Language: ${currentLang}, Session Language: ${req.session?.language}, Locale: ${req.getLocale()}`); + + next(); +}); + +// Routes +app.use('/', require('./routes/index')); +app.use('/api/auth', require('./routes/auth')); +app.use('/api/portfolio', require('./routes/portfolio')); +app.use('/api/services', require('./routes/services')); +app.use('/api/calculator', require('./routes/calculator')); +app.use('/api/contact', require('./routes/contact')); +app.use('/api/media', require('./routes/media')); +app.use('/api/admin', require('./routes/api/admin')); +app.use('/admin', require('./routes/admin')); + +// AdminLTE Demo route +app.use('/demo', require('./routes/demo-adminlte')); + +// Language switching routes +app.get('/lang/:language', (req, res) => { + const { language } = req.params; + const supportedLanguages = ['ko', 'en', 'ru', 'kk']; + + if (supportedLanguages.includes(language)) { + req.setLocale(language); + req.session.language = language; + console.log(`Language switched to: ${language}, session language: ${req.session.language}`); + } + + const referer = req.get('Referer') || '/'; + res.redirect(referer); +}); + +// Theme switching routes +app.get('/theme/:theme', (req, res) => { + const { theme } = req.params; + if (['light', 'dark'].includes(theme)) { + req.session.theme = theme; + } + res.json({ success: true, theme: req.session.theme }); +}); + +// PWA Service Worker +app.get('/sw.js', (req, res) => { + res.sendFile(path.join(__dirname, 'public', 'sw.js')); +}); + +// PWA Manifest +app.get('/manifest.json', (req, res) => { + res.sendFile(path.join(__dirname, 'public', 'manifest.json')); +}); + +// Error handling middleware +app.use((err, req, res, next) => { + console.error(err.stack); + res.status(500).render('error', { + title: 'Error', + settings: {}, + message: process.env.NODE_ENV === 'production' + ? 'Something went wrong!' + : err.message, + currentPage: 'error' + }); +}); + +// 404 handler +app.use((req, res) => { + res.status(404).render('error', { + title: '404 - 페이지를 찾을 수 없습니다', + settings: {}, + message: '요청하신 페이지를 찾을 수 없습니다', + currentPage: 'error' + }); +}); + +const PORT = process.env.PORT || 3000; + +// Sync database and start server +async function startServer() { + try { + // Sync all models with database + await sequelize.sync({ force: false }); + console.log('✓ Database synchronized'); + + // Create session table + await sessionStore.sync(); + console.log('✓ Session store synchronized'); + + app.listen(PORT, () => { + console.log(`🚀 Server running on port ${PORT}`); + console.log(`🌐 Visit: http://localhost:${PORT}`); + }); + } catch (error) { + console.error('✗ Failed to start server:', error); + process.exit(1); + } +} + +startServer(); \ No newline at end of file diff --git a/.history/server_20251026211716.js b/.history/server_20251026211716.js new file mode 100644 index 0000000..4c1d0ef --- /dev/null +++ b/.history/server_20251026211716.js @@ -0,0 +1,223 @@ +const express = require('express'); +const { sequelize, testConnection } = require('./config/database'); +const session = require('express-session'); +const SequelizeStore = require('connect-session-sequelize')(session.Store); +const path = require('path'); +const helmet = require('helmet'); +const compression = require('compression'); +const cors = require('cors'); +const morgan = require('morgan'); +const rateLimit = require('express-rate-limit'); +const i18n = require('i18n'); +require('dotenv').config(); + +const app = express(); + +// Настройка i18n +i18n.configure({ + locales: ['ko', 'en', 'ru', 'kk'], + defaultLocale: 'ru', + directory: path.join(__dirname, 'locales'), + objectNotation: true, + updateFiles: false, + syncFiles: false +}); + +// i18n middleware +app.use(i18n.init); + +// Security middleware +app.use(helmet({ + contentSecurityPolicy: { + directives: { + defaultSrc: ["'self'"], + styleSrc: ["'self'", "'unsafe-inline'", "https://fonts.googleapis.com", "https://cdnjs.cloudflare.com", "https://cdn.jsdelivr.net", "https://unpkg.com", "https://cdn.tailwindcss.com"], + fontSrc: ["'self'", "https://fonts.gstatic.com", "https://cdnjs.cloudflare.com"], + scriptSrc: ["'self'", "'unsafe-inline'", "https://cdnjs.cloudflare.com", "https://unpkg.com", "https://cdn.tailwindcss.com"], + imgSrc: ["'self'", "data:", "https:"], + connectSrc: ["'self'", "ws:", "wss:", "https://cdnjs.cloudflare.com", "https://cdn.jsdelivr.net", "https://unpkg.com", "https://fonts.googleapis.com", "https://fonts.gstatic.com", "https://cdn.tailwindcss.com"] + } + } +})); + +// Rate limiting +const limiter = rateLimit({ + windowMs: 15 * 60 * 1000, // 15 minutes + max: 100 // limit each IP to 100 requests per windowMs +}); +app.use('/api/', limiter); + +// Middleware +app.use(compression()); +app.use(cors()); +app.use(morgan('combined')); +app.use(express.json({ limit: '10mb' })); +app.use(express.urlencoded({ extended: true, limit: '10mb' })); + +// Static files +app.use(express.static(path.join(__dirname, 'public'))); +app.use('/uploads', express.static(path.join(__dirname, 'public/uploads'))); + +// AdminLTE static files +app.use('/node_modules', express.static(path.join(__dirname, 'node_modules'))); + +// View engine +app.set('view engine', 'ejs'); +app.set('views', path.join(__dirname, 'views')); + +// Layout engine +const expressLayouts = require('express-ejs-layouts'); +app.use(expressLayouts); +app.set('layout', 'layout'); // Default layout for main site +app.set('layout extractScripts', true); +app.set('layout extractStyles', true); + +// Database connection and testing +testConnection(); + +// Session store configuration +const sessionStore = new SequelizeStore({ + db: sequelize, + tableName: 'sessions', + checkExpirationInterval: 15 * 60 * 1000, // 15 minutes + expiration: 7 * 24 * 60 * 60 * 1000 // 7 days +}); + +// Session configuration +app.use(session({ + secret: process.env.SESSION_SECRET || 'your-secret-key', + resave: false, + saveUninitialized: false, + store: sessionStore, + cookie: { + secure: process.env.NODE_ENV === 'production', + httpOnly: true, + maxAge: 1000 * 60 * 60 * 24 * 7 // 7 days + } +})); + +// Middleware для передачи переменных в шаблоны +app.use((req, res, next) => { + const currentLang = req.session?.language || req.getLocale() || 'ru'; + req.setLocale(currentLang); + + res.locals.locale = currentLang; + res.locals.__ = res.__; + res.locals.theme = req.session?.theme || 'light'; + res.locals.currentLanguage = currentLang; + res.locals.currentPage = req.path.split('/')[1] || 'home'; + + // Debug logging for theme + if (req.url !== '/sw.js' && !req.url.startsWith('/css/') && !req.url.startsWith('/js/') && !req.url.startsWith('/images/')) { + console.log(`Request URL: ${req.url}, Theme from session: ${req.session?.theme}, Setting theme to: ${res.locals.theme}`); + } + + // Устанавливаем заголовки для предотвращения кеширования языкового контента + if (!req.url.startsWith('/css/') && !req.url.startsWith('/js/') && !req.url.startsWith('/images/')) { + res.setHeader('Cache-Control', 'no-cache, no-store, must-revalidate'); + res.setHeader('Pragma', 'no-cache'); + res.setHeader('Expires', '0'); + res.setHeader('Vary', 'Accept-Language'); + } + + // Отладочная информация + console.log(`Request URL: ${req.url}, Current Language: ${currentLang}, Session Language: ${req.session?.language}, Locale: ${req.getLocale()}`); + + next(); +}); + +// Routes +app.use('/', require('./routes/index')); +app.use('/api/auth', require('./routes/auth')); +app.use('/api/portfolio', require('./routes/portfolio')); +app.use('/api/services', require('./routes/services')); +app.use('/api/calculator', require('./routes/calculator')); +app.use('/api/contact', require('./routes/contact')); +app.use('/api/media', require('./routes/media')); +app.use('/api/admin', require('./routes/api/admin')); +app.use('/admin', require('./routes/admin')); + +// AdminLTE Demo route +app.use('/demo', require('./routes/demo-adminlte')); + +// Language switching routes +app.get('/lang/:language', (req, res) => { + const { language } = req.params; + const supportedLanguages = ['ko', 'en', 'ru', 'kk']; + + if (supportedLanguages.includes(language)) { + req.setLocale(language); + req.session.language = language; + console.log(`Language switched to: ${language}, session language: ${req.session.language}`); + } + + const referer = req.get('Referer') || '/'; + res.redirect(referer); +}); + +// Theme switching routes +app.get('/theme/:theme', (req, res) => { + const { theme } = req.params; + if (['light', 'dark'].includes(theme)) { + req.session.theme = theme; + } + res.json({ success: true, theme: req.session.theme }); +}); + +// PWA Service Worker +app.get('/sw.js', (req, res) => { + res.sendFile(path.join(__dirname, 'public', 'sw.js')); +}); + +// PWA Manifest +app.get('/manifest.json', (req, res) => { + res.sendFile(path.join(__dirname, 'public', 'manifest.json')); +}); + +// Error handling middleware +app.use((err, req, res, next) => { + console.error(err.stack); + res.status(500).render('error', { + title: 'Error', + settings: {}, + message: process.env.NODE_ENV === 'production' + ? 'Something went wrong!' + : err.message, + currentPage: 'error' + }); +}); + +// 404 handler +app.use((req, res) => { + res.status(404).render('error', { + title: '404 - 페이지를 찾을 수 없습니다', + settings: {}, + message: '요청하신 페이지를 찾을 수 없습니다', + currentPage: 'error' + }); +}); + +const PORT = process.env.PORT || 3000; + +// Sync database and start server +async function startServer() { + try { + // Sync all models with database + await sequelize.sync({ force: false }); + console.log('✓ Database synchronized'); + + // Create session table + await sessionStore.sync(); + console.log('✓ Session store synchronized'); + + app.listen(PORT, () => { + console.log(`🚀 Server running on port ${PORT}`); + console.log(`🌐 Visit: http://localhost:${PORT}`); + }); + } catch (error) { + console.error('✗ Failed to start server:', error); + process.exit(1); + } +} + +startServer(); \ No newline at end of file diff --git a/.history/server_20251026212324.js b/.history/server_20251026212324.js new file mode 100644 index 0000000..0f7c8d1 --- /dev/null +++ b/.history/server_20251026212324.js @@ -0,0 +1,220 @@ +const express = require('express'); +const { sequelize, testConnection } = require('./config/database'); +const session = require('express-session'); +const SequelizeStore = require('connect-session-sequelize')(session.Store); +const path = require('path'); +const helmet = require('helmet'); +const compression = require('compression'); +const cors = require('cors'); +const morgan = require('morgan'); +const rateLimit = require('express-rate-limit'); +const i18n = require('i18n'); +require('dotenv').config(); + +const app = express(); + +// Настройка i18n +i18n.configure({ + locales: ['ko', 'en', 'ru', 'kk'], + defaultLocale: 'ru', + directory: path.join(__dirname, 'locales'), + objectNotation: true, + updateFiles: false, + syncFiles: false +}); + +// i18n middleware +app.use(i18n.init); + +// Security middleware +app.use(helmet({ + contentSecurityPolicy: { + directives: { + defaultSrc: ["'self'"], + styleSrc: ["'self'", "'unsafe-inline'", "https://fonts.googleapis.com", "https://cdnjs.cloudflare.com", "https://cdn.jsdelivr.net", "https://unpkg.com", "https://cdn.tailwindcss.com"], + fontSrc: ["'self'", "https://fonts.gstatic.com", "https://cdnjs.cloudflare.com"], + scriptSrc: ["'self'", "'unsafe-inline'", "https://cdnjs.cloudflare.com", "https://unpkg.com", "https://cdn.tailwindcss.com"], + imgSrc: ["'self'", "data:", "https:"], + connectSrc: ["'self'", "ws:", "wss:", "https://cdnjs.cloudflare.com", "https://cdn.jsdelivr.net", "https://unpkg.com", "https://fonts.googleapis.com", "https://fonts.gstatic.com", "https://cdn.tailwindcss.com"] + } + } +})); + +// Rate limiting +const limiter = rateLimit({ + windowMs: 15 * 60 * 1000, // 15 minutes + max: 100 // limit each IP to 100 requests per windowMs +}); +app.use('/api/', limiter); + +// Middleware +app.use(compression()); +app.use(cors()); +app.use(morgan('combined')); +app.use(express.json({ limit: '10mb' })); +app.use(express.urlencoded({ extended: true, limit: '10mb' })); + +// Static files +app.use(express.static(path.join(__dirname, 'public'))); +app.use('/uploads', express.static(path.join(__dirname, 'public/uploads'))); + +// AdminLTE static files +app.use('/node_modules', express.static(path.join(__dirname, 'node_modules'))); + +// View engine +app.set('view engine', 'ejs'); +app.set('views', path.join(__dirname, 'views')); + +// Layout engine +const expressLayouts = require('express-ejs-layouts'); +app.use(expressLayouts); +app.set('layout', 'layout'); // Default layout for main site +app.set('layout extractScripts', true); +app.set('layout extractStyles', true); + +// Database connection and testing +testConnection(); + +// Session store configuration +const sessionStore = new SequelizeStore({ + db: sequelize, + tableName: 'sessions', + checkExpirationInterval: 15 * 60 * 1000, // 15 minutes + expiration: 7 * 24 * 60 * 60 * 1000 // 7 days +}); + +// Session configuration +app.use(session({ + secret: process.env.SESSION_SECRET || 'your-secret-key', + resave: false, + saveUninitialized: false, + store: sessionStore, + cookie: { + secure: process.env.NODE_ENV === 'production', + httpOnly: true, + maxAge: 1000 * 60 * 60 * 24 * 7 // 7 days + } +})); + +// Middleware для передачи переменных в шаблоны +app.use((req, res, next) => { + const currentLang = req.session?.language || req.getLocale() || 'ru'; + req.setLocale(currentLang); + + res.locals.locale = currentLang; + res.locals.__ = res.__; + res.locals.theme = req.session?.theme || 'light'; + res.locals.currentLanguage = currentLang; + res.locals.currentPage = req.path.split('/')[1] || 'home'; + + // Debug logging for theme + if (req.url !== '/sw.js' && !req.url.startsWith('/css/') && !req.url.startsWith('/js/') && !req.url.startsWith('/images/')) { + console.log(`Request URL: ${req.url}, Theme from session: ${req.session?.theme}, Setting theme to: ${res.locals.theme}`); + } + + // Устанавливаем заголовки для предотвращения кеширования языкового контента + if (!req.url.startsWith('/css/') && !req.url.startsWith('/js/') && !req.url.startsWith('/images/')) { + res.setHeader('Cache-Control', 'no-cache, no-store, must-revalidate'); + res.setHeader('Pragma', 'no-cache'); + res.setHeader('Expires', '0'); + res.setHeader('Vary', 'Accept-Language'); + } + + // Отладочная информация + console.log(`Request URL: ${req.url}, Current Language: ${currentLang}, Session Language: ${req.session?.language}, Locale: ${req.getLocale()}`); + + next(); +}); + +// Routes +app.use('/', require('./routes/index')); +app.use('/api/auth', require('./routes/auth')); +app.use('/api/portfolio', require('./routes/portfolio')); +app.use('/api/services', require('./routes/services')); +app.use('/api/calculator', require('./routes/calculator')); +app.use('/api/contact', require('./routes/contact')); +app.use('/api/media', require('./routes/media')); +app.use('/api/admin', require('./routes/api/admin')); +app.use('/admin', require('./routes/admin')); + +// Language switching routes +app.get('/lang/:language', (req, res) => { + const { language } = req.params; + const supportedLanguages = ['ko', 'en', 'ru', 'kk']; + + if (supportedLanguages.includes(language)) { + req.setLocale(language); + req.session.language = language; + console.log(`Language switched to: ${language}, session language: ${req.session.language}`); + } + + const referer = req.get('Referer') || '/'; + res.redirect(referer); +}); + +// Theme switching routes +app.get('/theme/:theme', (req, res) => { + const { theme } = req.params; + if (['light', 'dark'].includes(theme)) { + req.session.theme = theme; + } + res.json({ success: true, theme: req.session.theme }); +}); + +// PWA Service Worker +app.get('/sw.js', (req, res) => { + res.sendFile(path.join(__dirname, 'public', 'sw.js')); +}); + +// PWA Manifest +app.get('/manifest.json', (req, res) => { + res.sendFile(path.join(__dirname, 'public', 'manifest.json')); +}); + +// Error handling middleware +app.use((err, req, res, next) => { + console.error(err.stack); + res.status(500).render('error', { + title: 'Error', + settings: {}, + message: process.env.NODE_ENV === 'production' + ? 'Something went wrong!' + : err.message, + currentPage: 'error' + }); +}); + +// 404 handler +app.use((req, res) => { + res.status(404).render('error', { + title: '404 - 페이지를 찾을 수 없습니다', + settings: {}, + message: '요청하신 페이지를 찾을 수 없습니다', + currentPage: 'error' + }); +}); + +const PORT = process.env.PORT || 3000; + +// Sync database and start server +async function startServer() { + try { + // Sync all models with database + await sequelize.sync({ force: false }); + console.log('✓ Database synchronized'); + + // Create session table + await sessionStore.sync(); + console.log('✓ Session store synchronized'); + + app.listen(PORT, () => { + console.log(`🚀 Server running on port ${PORT}`); + console.log(`🌐 Visit: http://localhost:${PORT}`); + }); + } catch (error) { + console.error('✗ Failed to start server:', error); + process.exit(1); + } +} + +startServer(); \ No newline at end of file diff --git a/.history/server_20251026212427.js b/.history/server_20251026212427.js new file mode 100644 index 0000000..0f7c8d1 --- /dev/null +++ b/.history/server_20251026212427.js @@ -0,0 +1,220 @@ +const express = require('express'); +const { sequelize, testConnection } = require('./config/database'); +const session = require('express-session'); +const SequelizeStore = require('connect-session-sequelize')(session.Store); +const path = require('path'); +const helmet = require('helmet'); +const compression = require('compression'); +const cors = require('cors'); +const morgan = require('morgan'); +const rateLimit = require('express-rate-limit'); +const i18n = require('i18n'); +require('dotenv').config(); + +const app = express(); + +// Настройка i18n +i18n.configure({ + locales: ['ko', 'en', 'ru', 'kk'], + defaultLocale: 'ru', + directory: path.join(__dirname, 'locales'), + objectNotation: true, + updateFiles: false, + syncFiles: false +}); + +// i18n middleware +app.use(i18n.init); + +// Security middleware +app.use(helmet({ + contentSecurityPolicy: { + directives: { + defaultSrc: ["'self'"], + styleSrc: ["'self'", "'unsafe-inline'", "https://fonts.googleapis.com", "https://cdnjs.cloudflare.com", "https://cdn.jsdelivr.net", "https://unpkg.com", "https://cdn.tailwindcss.com"], + fontSrc: ["'self'", "https://fonts.gstatic.com", "https://cdnjs.cloudflare.com"], + scriptSrc: ["'self'", "'unsafe-inline'", "https://cdnjs.cloudflare.com", "https://unpkg.com", "https://cdn.tailwindcss.com"], + imgSrc: ["'self'", "data:", "https:"], + connectSrc: ["'self'", "ws:", "wss:", "https://cdnjs.cloudflare.com", "https://cdn.jsdelivr.net", "https://unpkg.com", "https://fonts.googleapis.com", "https://fonts.gstatic.com", "https://cdn.tailwindcss.com"] + } + } +})); + +// Rate limiting +const limiter = rateLimit({ + windowMs: 15 * 60 * 1000, // 15 minutes + max: 100 // limit each IP to 100 requests per windowMs +}); +app.use('/api/', limiter); + +// Middleware +app.use(compression()); +app.use(cors()); +app.use(morgan('combined')); +app.use(express.json({ limit: '10mb' })); +app.use(express.urlencoded({ extended: true, limit: '10mb' })); + +// Static files +app.use(express.static(path.join(__dirname, 'public'))); +app.use('/uploads', express.static(path.join(__dirname, 'public/uploads'))); + +// AdminLTE static files +app.use('/node_modules', express.static(path.join(__dirname, 'node_modules'))); + +// View engine +app.set('view engine', 'ejs'); +app.set('views', path.join(__dirname, 'views')); + +// Layout engine +const expressLayouts = require('express-ejs-layouts'); +app.use(expressLayouts); +app.set('layout', 'layout'); // Default layout for main site +app.set('layout extractScripts', true); +app.set('layout extractStyles', true); + +// Database connection and testing +testConnection(); + +// Session store configuration +const sessionStore = new SequelizeStore({ + db: sequelize, + tableName: 'sessions', + checkExpirationInterval: 15 * 60 * 1000, // 15 minutes + expiration: 7 * 24 * 60 * 60 * 1000 // 7 days +}); + +// Session configuration +app.use(session({ + secret: process.env.SESSION_SECRET || 'your-secret-key', + resave: false, + saveUninitialized: false, + store: sessionStore, + cookie: { + secure: process.env.NODE_ENV === 'production', + httpOnly: true, + maxAge: 1000 * 60 * 60 * 24 * 7 // 7 days + } +})); + +// Middleware для передачи переменных в шаблоны +app.use((req, res, next) => { + const currentLang = req.session?.language || req.getLocale() || 'ru'; + req.setLocale(currentLang); + + res.locals.locale = currentLang; + res.locals.__ = res.__; + res.locals.theme = req.session?.theme || 'light'; + res.locals.currentLanguage = currentLang; + res.locals.currentPage = req.path.split('/')[1] || 'home'; + + // Debug logging for theme + if (req.url !== '/sw.js' && !req.url.startsWith('/css/') && !req.url.startsWith('/js/') && !req.url.startsWith('/images/')) { + console.log(`Request URL: ${req.url}, Theme from session: ${req.session?.theme}, Setting theme to: ${res.locals.theme}`); + } + + // Устанавливаем заголовки для предотвращения кеширования языкового контента + if (!req.url.startsWith('/css/') && !req.url.startsWith('/js/') && !req.url.startsWith('/images/')) { + res.setHeader('Cache-Control', 'no-cache, no-store, must-revalidate'); + res.setHeader('Pragma', 'no-cache'); + res.setHeader('Expires', '0'); + res.setHeader('Vary', 'Accept-Language'); + } + + // Отладочная информация + console.log(`Request URL: ${req.url}, Current Language: ${currentLang}, Session Language: ${req.session?.language}, Locale: ${req.getLocale()}`); + + next(); +}); + +// Routes +app.use('/', require('./routes/index')); +app.use('/api/auth', require('./routes/auth')); +app.use('/api/portfolio', require('./routes/portfolio')); +app.use('/api/services', require('./routes/services')); +app.use('/api/calculator', require('./routes/calculator')); +app.use('/api/contact', require('./routes/contact')); +app.use('/api/media', require('./routes/media')); +app.use('/api/admin', require('./routes/api/admin')); +app.use('/admin', require('./routes/admin')); + +// Language switching routes +app.get('/lang/:language', (req, res) => { + const { language } = req.params; + const supportedLanguages = ['ko', 'en', 'ru', 'kk']; + + if (supportedLanguages.includes(language)) { + req.setLocale(language); + req.session.language = language; + console.log(`Language switched to: ${language}, session language: ${req.session.language}`); + } + + const referer = req.get('Referer') || '/'; + res.redirect(referer); +}); + +// Theme switching routes +app.get('/theme/:theme', (req, res) => { + const { theme } = req.params; + if (['light', 'dark'].includes(theme)) { + req.session.theme = theme; + } + res.json({ success: true, theme: req.session.theme }); +}); + +// PWA Service Worker +app.get('/sw.js', (req, res) => { + res.sendFile(path.join(__dirname, 'public', 'sw.js')); +}); + +// PWA Manifest +app.get('/manifest.json', (req, res) => { + res.sendFile(path.join(__dirname, 'public', 'manifest.json')); +}); + +// Error handling middleware +app.use((err, req, res, next) => { + console.error(err.stack); + res.status(500).render('error', { + title: 'Error', + settings: {}, + message: process.env.NODE_ENV === 'production' + ? 'Something went wrong!' + : err.message, + currentPage: 'error' + }); +}); + +// 404 handler +app.use((req, res) => { + res.status(404).render('error', { + title: '404 - 페이지를 찾을 수 없습니다', + settings: {}, + message: '요청하신 페이지를 찾을 수 없습니다', + currentPage: 'error' + }); +}); + +const PORT = process.env.PORT || 3000; + +// Sync database and start server +async function startServer() { + try { + // Sync all models with database + await sequelize.sync({ force: false }); + console.log('✓ Database synchronized'); + + // Create session table + await sessionStore.sync(); + console.log('✓ Session store synchronized'); + + app.listen(PORT, () => { + console.log(`🚀 Server running on port ${PORT}`); + console.log(`🌐 Visit: http://localhost:${PORT}`); + }); + } catch (error) { + console.error('✗ Failed to start server:', error); + process.exit(1); + } +} + +startServer(); \ No newline at end of file diff --git a/.history/server_20251026213505.js b/.history/server_20251026213505.js new file mode 100644 index 0000000..912888b --- /dev/null +++ b/.history/server_20251026213505.js @@ -0,0 +1,220 @@ +const express = require('express'); +const { sequelize, testConnection } = require('./config/database'); +const session = require('express-session'); +const SequelizeStore = require('connect-session-sequelize')(session.Store); +const path = require('path'); +const helmet = require('helmet'); +const compression = require('compression'); +const cors = require('cors'); +const morgan = require('morgan'); +const rateLimit = require('express-rate-limit'); +const i18n = require('i18n'); +require('dotenv').config(); + +const app = express(); + +// Настройка i18n +i18n.configure({ + locales: ['ko', 'en', 'ru', 'kk'], + defaultLocale: 'ru', + directory: path.join(__dirname, 'locales'), + objectNotation: true, + updateFiles: false, + syncFiles: false +}); + +// i18n middleware +app.use(i18n.init); + +// Security middleware +app.use(helmet({ + contentSecurityPolicy: { + directives: { + defaultSrc: ["'self'"], + styleSrc: ["'self'", "'unsafe-inline'", "https://fonts.googleapis.com", "https://cdnjs.cloudflare.com", "https://cdn.jsdelivr.net", "https://unpkg.com", "https://cdn.tailwindcss.com"], + fontSrc: ["'self'", "https://fonts.gstatic.com", "https://cdnjs.cloudflare.com"], + scriptSrc: ["'self'", "'unsafe-inline'", "https://cdnjs.cloudflare.com", "https://unpkg.com", "https://cdn.tailwindcss.com", "https://code.jquery.com", "https://cdn.jsdelivr.net"], + imgSrc: ["'self'", "data:", "https:"], + connectSrc: ["'self'", "ws:", "wss:", "https://cdnjs.cloudflare.com", "https://cdn.jsdelivr.net", "https://unpkg.com", "https://fonts.googleapis.com", "https://fonts.gstatic.com", "https://cdn.tailwindcss.com"] + } + } +})); + +// Rate limiting +const limiter = rateLimit({ + windowMs: 15 * 60 * 1000, // 15 minutes + max: 100 // limit each IP to 100 requests per windowMs +}); +app.use('/api/', limiter); + +// Middleware +app.use(compression()); +app.use(cors()); +app.use(morgan('combined')); +app.use(express.json({ limit: '10mb' })); +app.use(express.urlencoded({ extended: true, limit: '10mb' })); + +// Static files +app.use(express.static(path.join(__dirname, 'public'))); +app.use('/uploads', express.static(path.join(__dirname, 'public/uploads'))); + +// AdminLTE static files +app.use('/node_modules', express.static(path.join(__dirname, 'node_modules'))); + +// View engine +app.set('view engine', 'ejs'); +app.set('views', path.join(__dirname, 'views')); + +// Layout engine +const expressLayouts = require('express-ejs-layouts'); +app.use(expressLayouts); +app.set('layout', 'layout'); // Default layout for main site +app.set('layout extractScripts', true); +app.set('layout extractStyles', true); + +// Database connection and testing +testConnection(); + +// Session store configuration +const sessionStore = new SequelizeStore({ + db: sequelize, + tableName: 'sessions', + checkExpirationInterval: 15 * 60 * 1000, // 15 minutes + expiration: 7 * 24 * 60 * 60 * 1000 // 7 days +}); + +// Session configuration +app.use(session({ + secret: process.env.SESSION_SECRET || 'your-secret-key', + resave: false, + saveUninitialized: false, + store: sessionStore, + cookie: { + secure: process.env.NODE_ENV === 'production', + httpOnly: true, + maxAge: 1000 * 60 * 60 * 24 * 7 // 7 days + } +})); + +// Middleware для передачи переменных в шаблоны +app.use((req, res, next) => { + const currentLang = req.session?.language || req.getLocale() || 'ru'; + req.setLocale(currentLang); + + res.locals.locale = currentLang; + res.locals.__ = res.__; + res.locals.theme = req.session?.theme || 'light'; + res.locals.currentLanguage = currentLang; + res.locals.currentPage = req.path.split('/')[1] || 'home'; + + // Debug logging for theme + if (req.url !== '/sw.js' && !req.url.startsWith('/css/') && !req.url.startsWith('/js/') && !req.url.startsWith('/images/')) { + console.log(`Request URL: ${req.url}, Theme from session: ${req.session?.theme}, Setting theme to: ${res.locals.theme}`); + } + + // Устанавливаем заголовки для предотвращения кеширования языкового контента + if (!req.url.startsWith('/css/') && !req.url.startsWith('/js/') && !req.url.startsWith('/images/')) { + res.setHeader('Cache-Control', 'no-cache, no-store, must-revalidate'); + res.setHeader('Pragma', 'no-cache'); + res.setHeader('Expires', '0'); + res.setHeader('Vary', 'Accept-Language'); + } + + // Отладочная информация + console.log(`Request URL: ${req.url}, Current Language: ${currentLang}, Session Language: ${req.session?.language}, Locale: ${req.getLocale()}`); + + next(); +}); + +// Routes +app.use('/', require('./routes/index')); +app.use('/api/auth', require('./routes/auth')); +app.use('/api/portfolio', require('./routes/portfolio')); +app.use('/api/services', require('./routes/services')); +app.use('/api/calculator', require('./routes/calculator')); +app.use('/api/contact', require('./routes/contact')); +app.use('/api/media', require('./routes/media')); +app.use('/api/admin', require('./routes/api/admin')); +app.use('/admin', require('./routes/admin')); + +// Language switching routes +app.get('/lang/:language', (req, res) => { + const { language } = req.params; + const supportedLanguages = ['ko', 'en', 'ru', 'kk']; + + if (supportedLanguages.includes(language)) { + req.setLocale(language); + req.session.language = language; + console.log(`Language switched to: ${language}, session language: ${req.session.language}`); + } + + const referer = req.get('Referer') || '/'; + res.redirect(referer); +}); + +// Theme switching routes +app.get('/theme/:theme', (req, res) => { + const { theme } = req.params; + if (['light', 'dark'].includes(theme)) { + req.session.theme = theme; + } + res.json({ success: true, theme: req.session.theme }); +}); + +// PWA Service Worker +app.get('/sw.js', (req, res) => { + res.sendFile(path.join(__dirname, 'public', 'sw.js')); +}); + +// PWA Manifest +app.get('/manifest.json', (req, res) => { + res.sendFile(path.join(__dirname, 'public', 'manifest.json')); +}); + +// Error handling middleware +app.use((err, req, res, next) => { + console.error(err.stack); + res.status(500).render('error', { + title: 'Error', + settings: {}, + message: process.env.NODE_ENV === 'production' + ? 'Something went wrong!' + : err.message, + currentPage: 'error' + }); +}); + +// 404 handler +app.use((req, res) => { + res.status(404).render('error', { + title: '404 - 페이지를 찾을 수 없습니다', + settings: {}, + message: '요청하신 페이지를 찾을 수 없습니다', + currentPage: 'error' + }); +}); + +const PORT = process.env.PORT || 3000; + +// Sync database and start server +async function startServer() { + try { + // Sync all models with database + await sequelize.sync({ force: false }); + console.log('✓ Database synchronized'); + + // Create session table + await sessionStore.sync(); + console.log('✓ Session store synchronized'); + + app.listen(PORT, () => { + console.log(`🚀 Server running on port ${PORT}`); + console.log(`🌐 Visit: http://localhost:${PORT}`); + }); + } catch (error) { + console.error('✗ Failed to start server:', error); + process.exit(1); + } +} + +startServer(); \ No newline at end of file diff --git a/.history/server_20251026213507.js b/.history/server_20251026213507.js new file mode 100644 index 0000000..912888b --- /dev/null +++ b/.history/server_20251026213507.js @@ -0,0 +1,220 @@ +const express = require('express'); +const { sequelize, testConnection } = require('./config/database'); +const session = require('express-session'); +const SequelizeStore = require('connect-session-sequelize')(session.Store); +const path = require('path'); +const helmet = require('helmet'); +const compression = require('compression'); +const cors = require('cors'); +const morgan = require('morgan'); +const rateLimit = require('express-rate-limit'); +const i18n = require('i18n'); +require('dotenv').config(); + +const app = express(); + +// Настройка i18n +i18n.configure({ + locales: ['ko', 'en', 'ru', 'kk'], + defaultLocale: 'ru', + directory: path.join(__dirname, 'locales'), + objectNotation: true, + updateFiles: false, + syncFiles: false +}); + +// i18n middleware +app.use(i18n.init); + +// Security middleware +app.use(helmet({ + contentSecurityPolicy: { + directives: { + defaultSrc: ["'self'"], + styleSrc: ["'self'", "'unsafe-inline'", "https://fonts.googleapis.com", "https://cdnjs.cloudflare.com", "https://cdn.jsdelivr.net", "https://unpkg.com", "https://cdn.tailwindcss.com"], + fontSrc: ["'self'", "https://fonts.gstatic.com", "https://cdnjs.cloudflare.com"], + scriptSrc: ["'self'", "'unsafe-inline'", "https://cdnjs.cloudflare.com", "https://unpkg.com", "https://cdn.tailwindcss.com", "https://code.jquery.com", "https://cdn.jsdelivr.net"], + imgSrc: ["'self'", "data:", "https:"], + connectSrc: ["'self'", "ws:", "wss:", "https://cdnjs.cloudflare.com", "https://cdn.jsdelivr.net", "https://unpkg.com", "https://fonts.googleapis.com", "https://fonts.gstatic.com", "https://cdn.tailwindcss.com"] + } + } +})); + +// Rate limiting +const limiter = rateLimit({ + windowMs: 15 * 60 * 1000, // 15 minutes + max: 100 // limit each IP to 100 requests per windowMs +}); +app.use('/api/', limiter); + +// Middleware +app.use(compression()); +app.use(cors()); +app.use(morgan('combined')); +app.use(express.json({ limit: '10mb' })); +app.use(express.urlencoded({ extended: true, limit: '10mb' })); + +// Static files +app.use(express.static(path.join(__dirname, 'public'))); +app.use('/uploads', express.static(path.join(__dirname, 'public/uploads'))); + +// AdminLTE static files +app.use('/node_modules', express.static(path.join(__dirname, 'node_modules'))); + +// View engine +app.set('view engine', 'ejs'); +app.set('views', path.join(__dirname, 'views')); + +// Layout engine +const expressLayouts = require('express-ejs-layouts'); +app.use(expressLayouts); +app.set('layout', 'layout'); // Default layout for main site +app.set('layout extractScripts', true); +app.set('layout extractStyles', true); + +// Database connection and testing +testConnection(); + +// Session store configuration +const sessionStore = new SequelizeStore({ + db: sequelize, + tableName: 'sessions', + checkExpirationInterval: 15 * 60 * 1000, // 15 minutes + expiration: 7 * 24 * 60 * 60 * 1000 // 7 days +}); + +// Session configuration +app.use(session({ + secret: process.env.SESSION_SECRET || 'your-secret-key', + resave: false, + saveUninitialized: false, + store: sessionStore, + cookie: { + secure: process.env.NODE_ENV === 'production', + httpOnly: true, + maxAge: 1000 * 60 * 60 * 24 * 7 // 7 days + } +})); + +// Middleware для передачи переменных в шаблоны +app.use((req, res, next) => { + const currentLang = req.session?.language || req.getLocale() || 'ru'; + req.setLocale(currentLang); + + res.locals.locale = currentLang; + res.locals.__ = res.__; + res.locals.theme = req.session?.theme || 'light'; + res.locals.currentLanguage = currentLang; + res.locals.currentPage = req.path.split('/')[1] || 'home'; + + // Debug logging for theme + if (req.url !== '/sw.js' && !req.url.startsWith('/css/') && !req.url.startsWith('/js/') && !req.url.startsWith('/images/')) { + console.log(`Request URL: ${req.url}, Theme from session: ${req.session?.theme}, Setting theme to: ${res.locals.theme}`); + } + + // Устанавливаем заголовки для предотвращения кеширования языкового контента + if (!req.url.startsWith('/css/') && !req.url.startsWith('/js/') && !req.url.startsWith('/images/')) { + res.setHeader('Cache-Control', 'no-cache, no-store, must-revalidate'); + res.setHeader('Pragma', 'no-cache'); + res.setHeader('Expires', '0'); + res.setHeader('Vary', 'Accept-Language'); + } + + // Отладочная информация + console.log(`Request URL: ${req.url}, Current Language: ${currentLang}, Session Language: ${req.session?.language}, Locale: ${req.getLocale()}`); + + next(); +}); + +// Routes +app.use('/', require('./routes/index')); +app.use('/api/auth', require('./routes/auth')); +app.use('/api/portfolio', require('./routes/portfolio')); +app.use('/api/services', require('./routes/services')); +app.use('/api/calculator', require('./routes/calculator')); +app.use('/api/contact', require('./routes/contact')); +app.use('/api/media', require('./routes/media')); +app.use('/api/admin', require('./routes/api/admin')); +app.use('/admin', require('./routes/admin')); + +// Language switching routes +app.get('/lang/:language', (req, res) => { + const { language } = req.params; + const supportedLanguages = ['ko', 'en', 'ru', 'kk']; + + if (supportedLanguages.includes(language)) { + req.setLocale(language); + req.session.language = language; + console.log(`Language switched to: ${language}, session language: ${req.session.language}`); + } + + const referer = req.get('Referer') || '/'; + res.redirect(referer); +}); + +// Theme switching routes +app.get('/theme/:theme', (req, res) => { + const { theme } = req.params; + if (['light', 'dark'].includes(theme)) { + req.session.theme = theme; + } + res.json({ success: true, theme: req.session.theme }); +}); + +// PWA Service Worker +app.get('/sw.js', (req, res) => { + res.sendFile(path.join(__dirname, 'public', 'sw.js')); +}); + +// PWA Manifest +app.get('/manifest.json', (req, res) => { + res.sendFile(path.join(__dirname, 'public', 'manifest.json')); +}); + +// Error handling middleware +app.use((err, req, res, next) => { + console.error(err.stack); + res.status(500).render('error', { + title: 'Error', + settings: {}, + message: process.env.NODE_ENV === 'production' + ? 'Something went wrong!' + : err.message, + currentPage: 'error' + }); +}); + +// 404 handler +app.use((req, res) => { + res.status(404).render('error', { + title: '404 - 페이지를 찾을 수 없습니다', + settings: {}, + message: '요청하신 페이지를 찾을 수 없습니다', + currentPage: 'error' + }); +}); + +const PORT = process.env.PORT || 3000; + +// Sync database and start server +async function startServer() { + try { + // Sync all models with database + await sequelize.sync({ force: false }); + console.log('✓ Database synchronized'); + + // Create session table + await sessionStore.sync(); + console.log('✓ Session store synchronized'); + + app.listen(PORT, () => { + console.log(`🚀 Server running on port ${PORT}`); + console.log(`🌐 Visit: http://localhost:${PORT}`); + }); + } catch (error) { + console.error('✗ Failed to start server:', error); + process.exit(1); + } +} + +startServer(); \ No newline at end of file diff --git a/.history/server_20251026215908.js b/.history/server_20251026215908.js new file mode 100644 index 0000000..b657098 --- /dev/null +++ b/.history/server_20251026215908.js @@ -0,0 +1,220 @@ +const express = require('express'); +const { sequelize, testConnection } = require('./config/database'); +const session = require('express-session'); +const SequelizeStore = require('connect-session-sequelize')(session.Store); +const path = require('path'); +const helmet = require('helmet'); +const compression = require('compression'); +const cors = require('cors'); +const morgan = require('morgan'); +const rateLimit = require('express-rate-limit'); +const i18n = require('i18n'); +require('dotenv').config(); + +const app = express(); + +// Настройка i18n +i18n.configure({ + locales: ['ko', 'en', 'ru', 'kk'], + defaultLocale: 'ru', + directory: path.join(__dirname, 'locales'), + objectNotation: true, + updateFiles: false, + syncFiles: false +}); + +// i18n middleware +app.use(i18n.init); + +// Security middleware +app.use(helmet({ + contentSecurityPolicy: { + directives: { + defaultSrc: ["'self'"], + styleSrc: ["'self'", "'unsafe-inline'", "https://fonts.googleapis.com", "https://cdn.tailwindcss.com"], + fontSrc: ["'self'", "https://fonts.gstatic.com"], + scriptSrc: ["'self'", "'unsafe-inline'", "https://unpkg.com", "https://cdn.tailwindcss.com"], + imgSrc: ["'self'", "data:", "https:"], + connectSrc: ["'self'", "ws:", "wss:", "https://fonts.googleapis.com", "https://fonts.gstatic.com", "https://cdn.tailwindcss.com"] + } + } +})); + +// Rate limiting +const limiter = rateLimit({ + windowMs: 15 * 60 * 1000, // 15 minutes + max: 100 // limit each IP to 100 requests per windowMs +}); +app.use('/api/', limiter); + +// Middleware +app.use(compression()); +app.use(cors()); +app.use(morgan('combined')); +app.use(express.json({ limit: '10mb' })); +app.use(express.urlencoded({ extended: true, limit: '10mb' })); + +// Static files +app.use(express.static(path.join(__dirname, 'public'))); +app.use('/uploads', express.static(path.join(__dirname, 'public/uploads'))); + +// AdminLTE static files +app.use('/node_modules', express.static(path.join(__dirname, 'node_modules'))); + +// View engine +app.set('view engine', 'ejs'); +app.set('views', path.join(__dirname, 'views')); + +// Layout engine +const expressLayouts = require('express-ejs-layouts'); +app.use(expressLayouts); +app.set('layout', 'layout'); // Default layout for main site +app.set('layout extractScripts', true); +app.set('layout extractStyles', true); + +// Database connection and testing +testConnection(); + +// Session store configuration +const sessionStore = new SequelizeStore({ + db: sequelize, + tableName: 'sessions', + checkExpirationInterval: 15 * 60 * 1000, // 15 minutes + expiration: 7 * 24 * 60 * 60 * 1000 // 7 days +}); + +// Session configuration +app.use(session({ + secret: process.env.SESSION_SECRET || 'your-secret-key', + resave: false, + saveUninitialized: false, + store: sessionStore, + cookie: { + secure: process.env.NODE_ENV === 'production', + httpOnly: true, + maxAge: 1000 * 60 * 60 * 24 * 7 // 7 days + } +})); + +// Middleware для передачи переменных в шаблоны +app.use((req, res, next) => { + const currentLang = req.session?.language || req.getLocale() || 'ru'; + req.setLocale(currentLang); + + res.locals.locale = currentLang; + res.locals.__ = res.__; + res.locals.theme = req.session?.theme || 'light'; + res.locals.currentLanguage = currentLang; + res.locals.currentPage = req.path.split('/')[1] || 'home'; + + // Debug logging for theme + if (req.url !== '/sw.js' && !req.url.startsWith('/css/') && !req.url.startsWith('/js/') && !req.url.startsWith('/images/')) { + console.log(`Request URL: ${req.url}, Theme from session: ${req.session?.theme}, Setting theme to: ${res.locals.theme}`); + } + + // Устанавливаем заголовки для предотвращения кеширования языкового контента + if (!req.url.startsWith('/css/') && !req.url.startsWith('/js/') && !req.url.startsWith('/images/')) { + res.setHeader('Cache-Control', 'no-cache, no-store, must-revalidate'); + res.setHeader('Pragma', 'no-cache'); + res.setHeader('Expires', '0'); + res.setHeader('Vary', 'Accept-Language'); + } + + // Отладочная информация + console.log(`Request URL: ${req.url}, Current Language: ${currentLang}, Session Language: ${req.session?.language}, Locale: ${req.getLocale()}`); + + next(); +}); + +// Routes +app.use('/', require('./routes/index')); +app.use('/api/auth', require('./routes/auth')); +app.use('/api/portfolio', require('./routes/portfolio')); +app.use('/api/services', require('./routes/services')); +app.use('/api/calculator', require('./routes/calculator')); +app.use('/api/contact', require('./routes/contact')); +app.use('/api/media', require('./routes/media')); +app.use('/api/admin', require('./routes/api/admin')); +app.use('/admin', require('./routes/admin')); + +// Language switching routes +app.get('/lang/:language', (req, res) => { + const { language } = req.params; + const supportedLanguages = ['ko', 'en', 'ru', 'kk']; + + if (supportedLanguages.includes(language)) { + req.setLocale(language); + req.session.language = language; + console.log(`Language switched to: ${language}, session language: ${req.session.language}`); + } + + const referer = req.get('Referer') || '/'; + res.redirect(referer); +}); + +// Theme switching routes +app.get('/theme/:theme', (req, res) => { + const { theme } = req.params; + if (['light', 'dark'].includes(theme)) { + req.session.theme = theme; + } + res.json({ success: true, theme: req.session.theme }); +}); + +// PWA Service Worker +app.get('/sw.js', (req, res) => { + res.sendFile(path.join(__dirname, 'public', 'sw.js')); +}); + +// PWA Manifest +app.get('/manifest.json', (req, res) => { + res.sendFile(path.join(__dirname, 'public', 'manifest.json')); +}); + +// Error handling middleware +app.use((err, req, res, next) => { + console.error(err.stack); + res.status(500).render('error', { + title: 'Error', + settings: {}, + message: process.env.NODE_ENV === 'production' + ? 'Something went wrong!' + : err.message, + currentPage: 'error' + }); +}); + +// 404 handler +app.use((req, res) => { + res.status(404).render('error', { + title: '404 - 페이지를 찾을 수 없습니다', + settings: {}, + message: '요청하신 페이지를 찾을 수 없습니다', + currentPage: 'error' + }); +}); + +const PORT = process.env.PORT || 3000; + +// Sync database and start server +async function startServer() { + try { + // Sync all models with database + await sequelize.sync({ force: false }); + console.log('✓ Database synchronized'); + + // Create session table + await sessionStore.sync(); + console.log('✓ Session store synchronized'); + + app.listen(PORT, () => { + console.log(`🚀 Server running on port ${PORT}`); + console.log(`🌐 Visit: http://localhost:${PORT}`); + }); + } catch (error) { + console.error('✗ Failed to start server:', error); + process.exit(1); + } +} + +startServer(); \ No newline at end of file diff --git a/.history/server_20251026215916.js b/.history/server_20251026215916.js new file mode 100644 index 0000000..1249567 --- /dev/null +++ b/.history/server_20251026215916.js @@ -0,0 +1,223 @@ +const express = require('express'); +const { sequelize, testConnection } = require('./config/database'); +const session = require('express-session'); +const SequelizeStore = require('connect-session-sequelize')(session.Store); +const path = require('path'); +const helmet = require('helmet'); +const compression = require('compression'); +const cors = require('cors'); +const morgan = require('morgan'); +const rateLimit = require('express-rate-limit'); +const i18n = require('i18n'); +require('dotenv').config(); + +const app = express(); + +// Настройка i18n +i18n.configure({ + locales: ['ko', 'en', 'ru', 'kk'], + defaultLocale: 'ru', + directory: path.join(__dirname, 'locales'), + objectNotation: true, + updateFiles: false, + syncFiles: false +}); + +// i18n middleware +app.use(i18n.init); + +// Security middleware +app.use(helmet({ + contentSecurityPolicy: { + directives: { + defaultSrc: ["'self'"], + styleSrc: ["'self'", "'unsafe-inline'", "https://fonts.googleapis.com", "https://cdn.tailwindcss.com"], + fontSrc: ["'self'", "https://fonts.gstatic.com"], + scriptSrc: ["'self'", "'unsafe-inline'", "https://unpkg.com", "https://cdn.tailwindcss.com"], + imgSrc: ["'self'", "data:", "https:"], + connectSrc: ["'self'", "ws:", "wss:", "https://fonts.googleapis.com", "https://fonts.gstatic.com", "https://cdn.tailwindcss.com"] + } + } +})); + +// Rate limiting +const limiter = rateLimit({ + windowMs: 15 * 60 * 1000, // 15 minutes + max: 100 // limit each IP to 100 requests per windowMs +}); +app.use('/api/', limiter); + +// Middleware +app.use(compression()); +app.use(cors()); +app.use(morgan('combined')); +app.use(express.json({ limit: '10mb' })); +app.use(express.urlencoded({ extended: true, limit: '10mb' })); + +// Static files +app.use(express.static(path.join(__dirname, 'public'))); +app.use('/uploads', express.static(path.join(__dirname, 'public/uploads'))); + +// Vendor files (local copies of external libraries) +app.use('/vendor', express.static(path.join(__dirname, 'public/vendor'))); + +// AdminLTE static files +app.use('/node_modules', express.static(path.join(__dirname, 'node_modules'))); + +// View engine +app.set('view engine', 'ejs'); +app.set('views', path.join(__dirname, 'views')); + +// Layout engine +const expressLayouts = require('express-ejs-layouts'); +app.use(expressLayouts); +app.set('layout', 'layout'); // Default layout for main site +app.set('layout extractScripts', true); +app.set('layout extractStyles', true); + +// Database connection and testing +testConnection(); + +// Session store configuration +const sessionStore = new SequelizeStore({ + db: sequelize, + tableName: 'sessions', + checkExpirationInterval: 15 * 60 * 1000, // 15 minutes + expiration: 7 * 24 * 60 * 60 * 1000 // 7 days +}); + +// Session configuration +app.use(session({ + secret: process.env.SESSION_SECRET || 'your-secret-key', + resave: false, + saveUninitialized: false, + store: sessionStore, + cookie: { + secure: process.env.NODE_ENV === 'production', + httpOnly: true, + maxAge: 1000 * 60 * 60 * 24 * 7 // 7 days + } +})); + +// Middleware для передачи переменных в шаблоны +app.use((req, res, next) => { + const currentLang = req.session?.language || req.getLocale() || 'ru'; + req.setLocale(currentLang); + + res.locals.locale = currentLang; + res.locals.__ = res.__; + res.locals.theme = req.session?.theme || 'light'; + res.locals.currentLanguage = currentLang; + res.locals.currentPage = req.path.split('/')[1] || 'home'; + + // Debug logging for theme + if (req.url !== '/sw.js' && !req.url.startsWith('/css/') && !req.url.startsWith('/js/') && !req.url.startsWith('/images/')) { + console.log(`Request URL: ${req.url}, Theme from session: ${req.session?.theme}, Setting theme to: ${res.locals.theme}`); + } + + // Устанавливаем заголовки для предотвращения кеширования языкового контента + if (!req.url.startsWith('/css/') && !req.url.startsWith('/js/') && !req.url.startsWith('/images/')) { + res.setHeader('Cache-Control', 'no-cache, no-store, must-revalidate'); + res.setHeader('Pragma', 'no-cache'); + res.setHeader('Expires', '0'); + res.setHeader('Vary', 'Accept-Language'); + } + + // Отладочная информация + console.log(`Request URL: ${req.url}, Current Language: ${currentLang}, Session Language: ${req.session?.language}, Locale: ${req.getLocale()}`); + + next(); +}); + +// Routes +app.use('/', require('./routes/index')); +app.use('/api/auth', require('./routes/auth')); +app.use('/api/portfolio', require('./routes/portfolio')); +app.use('/api/services', require('./routes/services')); +app.use('/api/calculator', require('./routes/calculator')); +app.use('/api/contact', require('./routes/contact')); +app.use('/api/media', require('./routes/media')); +app.use('/api/admin', require('./routes/api/admin')); +app.use('/admin', require('./routes/admin')); + +// Language switching routes +app.get('/lang/:language', (req, res) => { + const { language } = req.params; + const supportedLanguages = ['ko', 'en', 'ru', 'kk']; + + if (supportedLanguages.includes(language)) { + req.setLocale(language); + req.session.language = language; + console.log(`Language switched to: ${language}, session language: ${req.session.language}`); + } + + const referer = req.get('Referer') || '/'; + res.redirect(referer); +}); + +// Theme switching routes +app.get('/theme/:theme', (req, res) => { + const { theme } = req.params; + if (['light', 'dark'].includes(theme)) { + req.session.theme = theme; + } + res.json({ success: true, theme: req.session.theme }); +}); + +// PWA Service Worker +app.get('/sw.js', (req, res) => { + res.sendFile(path.join(__dirname, 'public', 'sw.js')); +}); + +// PWA Manifest +app.get('/manifest.json', (req, res) => { + res.sendFile(path.join(__dirname, 'public', 'manifest.json')); +}); + +// Error handling middleware +app.use((err, req, res, next) => { + console.error(err.stack); + res.status(500).render('error', { + title: 'Error', + settings: {}, + message: process.env.NODE_ENV === 'production' + ? 'Something went wrong!' + : err.message, + currentPage: 'error' + }); +}); + +// 404 handler +app.use((req, res) => { + res.status(404).render('error', { + title: '404 - 페이지를 찾을 수 없습니다', + settings: {}, + message: '요청하신 페이지를 찾을 수 없습니다', + currentPage: 'error' + }); +}); + +const PORT = process.env.PORT || 3000; + +// Sync database and start server +async function startServer() { + try { + // Sync all models with database + await sequelize.sync({ force: false }); + console.log('✓ Database synchronized'); + + // Create session table + await sessionStore.sync(); + console.log('✓ Session store synchronized'); + + app.listen(PORT, () => { + console.log(`🚀 Server running on port ${PORT}`); + console.log(`🌐 Visit: http://localhost:${PORT}`); + }); + } catch (error) { + console.error('✗ Failed to start server:', error); + process.exit(1); + } +} + +startServer(); \ No newline at end of file diff --git a/.history/server_20251026215934.js b/.history/server_20251026215934.js new file mode 100644 index 0000000..1249567 --- /dev/null +++ b/.history/server_20251026215934.js @@ -0,0 +1,223 @@ +const express = require('express'); +const { sequelize, testConnection } = require('./config/database'); +const session = require('express-session'); +const SequelizeStore = require('connect-session-sequelize')(session.Store); +const path = require('path'); +const helmet = require('helmet'); +const compression = require('compression'); +const cors = require('cors'); +const morgan = require('morgan'); +const rateLimit = require('express-rate-limit'); +const i18n = require('i18n'); +require('dotenv').config(); + +const app = express(); + +// Настройка i18n +i18n.configure({ + locales: ['ko', 'en', 'ru', 'kk'], + defaultLocale: 'ru', + directory: path.join(__dirname, 'locales'), + objectNotation: true, + updateFiles: false, + syncFiles: false +}); + +// i18n middleware +app.use(i18n.init); + +// Security middleware +app.use(helmet({ + contentSecurityPolicy: { + directives: { + defaultSrc: ["'self'"], + styleSrc: ["'self'", "'unsafe-inline'", "https://fonts.googleapis.com", "https://cdn.tailwindcss.com"], + fontSrc: ["'self'", "https://fonts.gstatic.com"], + scriptSrc: ["'self'", "'unsafe-inline'", "https://unpkg.com", "https://cdn.tailwindcss.com"], + imgSrc: ["'self'", "data:", "https:"], + connectSrc: ["'self'", "ws:", "wss:", "https://fonts.googleapis.com", "https://fonts.gstatic.com", "https://cdn.tailwindcss.com"] + } + } +})); + +// Rate limiting +const limiter = rateLimit({ + windowMs: 15 * 60 * 1000, // 15 minutes + max: 100 // limit each IP to 100 requests per windowMs +}); +app.use('/api/', limiter); + +// Middleware +app.use(compression()); +app.use(cors()); +app.use(morgan('combined')); +app.use(express.json({ limit: '10mb' })); +app.use(express.urlencoded({ extended: true, limit: '10mb' })); + +// Static files +app.use(express.static(path.join(__dirname, 'public'))); +app.use('/uploads', express.static(path.join(__dirname, 'public/uploads'))); + +// Vendor files (local copies of external libraries) +app.use('/vendor', express.static(path.join(__dirname, 'public/vendor'))); + +// AdminLTE static files +app.use('/node_modules', express.static(path.join(__dirname, 'node_modules'))); + +// View engine +app.set('view engine', 'ejs'); +app.set('views', path.join(__dirname, 'views')); + +// Layout engine +const expressLayouts = require('express-ejs-layouts'); +app.use(expressLayouts); +app.set('layout', 'layout'); // Default layout for main site +app.set('layout extractScripts', true); +app.set('layout extractStyles', true); + +// Database connection and testing +testConnection(); + +// Session store configuration +const sessionStore = new SequelizeStore({ + db: sequelize, + tableName: 'sessions', + checkExpirationInterval: 15 * 60 * 1000, // 15 minutes + expiration: 7 * 24 * 60 * 60 * 1000 // 7 days +}); + +// Session configuration +app.use(session({ + secret: process.env.SESSION_SECRET || 'your-secret-key', + resave: false, + saveUninitialized: false, + store: sessionStore, + cookie: { + secure: process.env.NODE_ENV === 'production', + httpOnly: true, + maxAge: 1000 * 60 * 60 * 24 * 7 // 7 days + } +})); + +// Middleware для передачи переменных в шаблоны +app.use((req, res, next) => { + const currentLang = req.session?.language || req.getLocale() || 'ru'; + req.setLocale(currentLang); + + res.locals.locale = currentLang; + res.locals.__ = res.__; + res.locals.theme = req.session?.theme || 'light'; + res.locals.currentLanguage = currentLang; + res.locals.currentPage = req.path.split('/')[1] || 'home'; + + // Debug logging for theme + if (req.url !== '/sw.js' && !req.url.startsWith('/css/') && !req.url.startsWith('/js/') && !req.url.startsWith('/images/')) { + console.log(`Request URL: ${req.url}, Theme from session: ${req.session?.theme}, Setting theme to: ${res.locals.theme}`); + } + + // Устанавливаем заголовки для предотвращения кеширования языкового контента + if (!req.url.startsWith('/css/') && !req.url.startsWith('/js/') && !req.url.startsWith('/images/')) { + res.setHeader('Cache-Control', 'no-cache, no-store, must-revalidate'); + res.setHeader('Pragma', 'no-cache'); + res.setHeader('Expires', '0'); + res.setHeader('Vary', 'Accept-Language'); + } + + // Отладочная информация + console.log(`Request URL: ${req.url}, Current Language: ${currentLang}, Session Language: ${req.session?.language}, Locale: ${req.getLocale()}`); + + next(); +}); + +// Routes +app.use('/', require('./routes/index')); +app.use('/api/auth', require('./routes/auth')); +app.use('/api/portfolio', require('./routes/portfolio')); +app.use('/api/services', require('./routes/services')); +app.use('/api/calculator', require('./routes/calculator')); +app.use('/api/contact', require('./routes/contact')); +app.use('/api/media', require('./routes/media')); +app.use('/api/admin', require('./routes/api/admin')); +app.use('/admin', require('./routes/admin')); + +// Language switching routes +app.get('/lang/:language', (req, res) => { + const { language } = req.params; + const supportedLanguages = ['ko', 'en', 'ru', 'kk']; + + if (supportedLanguages.includes(language)) { + req.setLocale(language); + req.session.language = language; + console.log(`Language switched to: ${language}, session language: ${req.session.language}`); + } + + const referer = req.get('Referer') || '/'; + res.redirect(referer); +}); + +// Theme switching routes +app.get('/theme/:theme', (req, res) => { + const { theme } = req.params; + if (['light', 'dark'].includes(theme)) { + req.session.theme = theme; + } + res.json({ success: true, theme: req.session.theme }); +}); + +// PWA Service Worker +app.get('/sw.js', (req, res) => { + res.sendFile(path.join(__dirname, 'public', 'sw.js')); +}); + +// PWA Manifest +app.get('/manifest.json', (req, res) => { + res.sendFile(path.join(__dirname, 'public', 'manifest.json')); +}); + +// Error handling middleware +app.use((err, req, res, next) => { + console.error(err.stack); + res.status(500).render('error', { + title: 'Error', + settings: {}, + message: process.env.NODE_ENV === 'production' + ? 'Something went wrong!' + : err.message, + currentPage: 'error' + }); +}); + +// 404 handler +app.use((req, res) => { + res.status(404).render('error', { + title: '404 - 페이지를 찾을 수 없습니다', + settings: {}, + message: '요청하신 페이지를 찾을 수 없습니다', + currentPage: 'error' + }); +}); + +const PORT = process.env.PORT || 3000; + +// Sync database and start server +async function startServer() { + try { + // Sync all models with database + await sequelize.sync({ force: false }); + console.log('✓ Database synchronized'); + + // Create session table + await sessionStore.sync(); + console.log('✓ Session store synchronized'); + + app.listen(PORT, () => { + console.log(`🚀 Server running on port ${PORT}`); + console.log(`🌐 Visit: http://localhost:${PORT}`); + }); + } catch (error) { + console.error('✗ Failed to start server:', error); + process.exit(1); + } +} + +startServer(); \ No newline at end of file diff --git a/.history/views/LandingDemo_20251026205940.tsx b/.history/views/LandingDemo_20251026205940.tsx new file mode 100644 index 0000000..74a4718 --- /dev/null +++ b/.history/views/LandingDemo_20251026205940.tsx @@ -0,0 +1,374 @@ +import React, { useEffect, useState } from "react"; +import { + ArrowRight, Calculator, Code2, Smartphone, Palette, LineChart, Eye, Menu, X, + Sun, Moon, ChevronDown, Phone, Mail, MessageCircle, Rocket, Users, Clock, + Headphones, Award +} from "lucide-react"; +import AOS from "aos"; +import "aos/dist/aos.css"; + +// Korean i18n strings to replace <%- __('...') %> +const t = { + navigation: { + home: "홈", + about: "회사소개", + services: "서비스", + portfolio: "포트폴리오", + contact: "연락처", + calculator: "비용계산기" + }, + language: { + korean: "한국어", + english: "English", + russian: "Русский", + kazakh: "Қазақша" + }, + hero: { + title: { smart: "스마트", solutions: "솔루션" }, + subtitle: "혁신적인 기술로 비즈니스를 성장시키세요", + description: "비즈니스의 디지털 전환을 이끄는 혁신적인 웹개발, 모바일 앱, UI/UX 디자인", + cta: { start: "시작하기", portfolio: "포트폴리오 보기" }, + }, + services: { + title: { our: "우리의", services: "서비스" }, + subtitle: "아이디어를 현실로 만드는 전문 개발 서비스", + description: "최첨단 기술과 창의적 아이디어로 완성하는 디지털 솔루션", + view_all: "모든 서비스 보기", + web: { title: "웹 개발", description: "반응형 웹사이트 및 웹 애플리케이션 개발", price: "500,000원부터" }, + mobile: { title: "모바일 앱", description: "iOS 및 Android 네이티브 앱 개발", price: "1,000,000원부터" }, + design: { title: "UI/UX 디자인", description: "사용자 중심의 인터페이스 및 경험 디자인", price: "300,000원부터" }, + marketing: { title: "디지털 마케팅", description: "SEO, 소셜미디어 마케팅, 광고 관리", price: "200,000원부터" }, + hero: { + title: "우리의", + title_highlight: "서비스", + subtitle: "혁신적인 기술로 비즈니스 성장 지원" + }, + cards: { + starting_price: "시작 가격", + consultation: "상담", + calculate_cost: "비용 계산", + popular: "인기" + }, + process: { + title: "프로젝트 수행 과정", + subtitle: "체계적이고 전문적인 프로세스로 프로젝트를 진행합니다", + step1: { title: "상담 및 기획", description: "고객의 요구사항을 정확히 파악하고 최적의 솔루션을 기획합니다" }, + step2: { title: "디자인 및 설계", description: "사용자 중심의 직관적인 디자인과 견고한 시스템 아키텍처를 설계합니다" }, + step3: { title: "개발 및 구현", description: "최신 기술과 모범 사례를 활용하여 효율적이고 확장 가능한 솔루션을 개발합니다" }, + step4: { title: "테스트 및 배포", description: "철저한 테스트를 통해 품질을 보장하고 안정적인 배포를 진행합니다" } + }, + why_choose: { + title: "왜 SmartSolTech를 선택해야 할까요?", + modern_tech: { title: "최신 기술 활용", description: "항상 최신 기술 트렌드를 파악하고, 검증된 기술 스택을 활용하여 미래 지향적인 솔루션을 제공합니다." }, + expert_team: { title: "전문가 팀", description: "각 분야의 전문가들로 구성된 팀이 협력하여 최고 품질의 결과물을 보장합니다." }, + fast_response: { title: "빠른 대응", description: "신속한 의사소통과 빠른 피드백을 통해 프로젝트를 효율적으로 진행합니다." }, + continuous_support: { title: "지속적인 지원", description: "프로젝트 완료 후에도 지속적인 유지보수와 기술 지원을 제공합니다." }, + quality_guarantee: { title: "품질 보장", subtitle: "최고 품질의 결과물을 약속드립니다" } + }, + cta: { + title: "프로젝트를 시작할 준비가 되셨나요?", + subtitle: "지금 바로 무료 상담을 받아보세요", + calculate_cost: "비용 계산하기", + view_portfolio: "포트폴리오 보기" + } + }, + portfolio: { + title: { recent: "최근", projects: "프로젝트" }, + subtitle: "웹, 모바일, 브랜딩 분야의 선별된 작업들", + view_all: "전체 포트폴리오 보기", + }, + calculator: { + cta: { title: "프로젝트 비용 계산기", subtitle: "몇 가지 질문에 답하여 빠른 견적을 받아보세요", button: "계산기 열기" }, + }, + contact: { + cta: { ready: "시작할", start: "준비가", question: " 되셨나요?", subtitle: "프로젝트에 대해 알려주세요 - 하루 안에 답변드리겠습니다" }, + phone: { title: "전화", number: "+82 10-1234-5678" }, + email: { title: "이메일", address: "hello@smartsoltech.kr" }, + telegram: { title: "텔레그램", subtitle: "@smartsoltech" }, + form: { + title: "빠른 연락", + name: "성함", + email: "이메일", + phone: "전화번호 (선택사항)", + service: { + select: "어떤 서비스에 관심이 있으신가요?", + web: "웹 개발", + mobile: "모바일 앱", + design: "UI/UX 디자인", + branding: "브랜딩", + consulting: "컨설팅", + other: "기타", + }, + message: "프로젝트에 대해 알려주세요", + submit: "메시지 보내기", + }, + }, + common: { view_details: "자세히 보기" }, + theme: { toggle: "테마 변경" } +}; + +const services = [ + { icon: , title: t.services.web.title, description: t.services.web.description, price: t.services.web.price, delay: 0 }, + { icon: , title: t.services.mobile.title, description: t.services.mobile.description, price: t.services.mobile.price, delay: 100 }, + { icon: , title: t.services.design.title, description: t.services.design.description, price: t.services.design.price, delay: 200 }, + { icon: , title: t.services.marketing.title, description: t.services.marketing.description, price: t.services.marketing.price, delay: 300 }, +]; + +const demoPortfolio = [ + { + _id: "p1", + title: "Fintech Dashboard", + category: "Web App", + images: [{ url: "https://picsum.photos/seed/fin/800/450", isPrimary: true }], + technologies: ["React", "Tailwind", "Node"], + description: "Realtime analytics with role‑based access.", + shortDescription: "Realtime analytics with role‑based access.", + viewCount: 423, + }, + { + _id: "p2", + title: "Wellness Tracker", + category: "Mobile", + images: [{ url: "https://picsum.photos/seed/well/800/450", isPrimary: true }], + technologies: ["Kotlin", "Compose"], + description: "Personal health metrics and reminders.", + shortDescription: "Personal health metrics and reminders.", + viewCount: 1189, + }, + { + _id: "p3", + title: "Brand Revamp", + category: "Branding", + images: [{ url: "https://picsum.photos/seed/brand/800/450", isPrimary: true }], + technologies: ["Figma", "Design System"], + description: "Identity, components, and marketing site.", + shortDescription: "Identity, components, and marketing site.", + viewCount: 762, + }, +]; + +export default function LandingDemo() { + useEffect(() => { + AOS.init({ duration: 800, easing: "ease-in-out", once: true }); + }, []); + + return ( +
+ {/* Global styles for blob animation */} + + + {/* Hero */} +
+
+
+ + {/* Animated blobs */} +
+
+
+
+
+ +
+
+

+ {t.hero.title.smart} {t.hero.title.solutions} +

+

+ {t.hero.subtitle} +

+ +
+ + {/* Scroll indicator */} +
+ + + +
+
+
+ + {/* Services */} +
+
+
+

+ {t.services.title.our} {t.services.title.services} +

+

+ {t.services.subtitle} +

+
+ +
+ {services.map((s, i) => ( +
+
{s.icon}
+

{s.title}

+

{s.description}

+
{s.price}
+
+ ))} +
+ + +
+
+ + {/* Portfolio */} +
+
+
+

+ {t.portfolio.title.recent} {t.portfolio.title.projects} +

+

+ {t.portfolio.subtitle} +

+
+ +
+ {demoPortfolio.map((project, index) => ( +
+
+ {project.title} +
+
+
+ {project.technologies?.slice(0, 3).map((tech) => ( + {tech} + ))} +
+
+
+
+
+ {project.category} + {project.viewCount ?? 0} +
+

{project.title}

+

{project.shortDescription ?? project.description}

+ + {t.common.view_details} + + +
+
+ ))} +
+ + +
+
+ + {/* Calculator CTA */} +
+
+
+

{t.calculator.cta.title}

+

{t.calculator.cta.subtitle}

+ + + {t.calculator.cta.button} + +
+
+
+ + {/* Contact */} +
+
+
+
+

+ {t.contact.cta.ready} {t.contact.cta.start} + {t.contact.cta.question} +

+

{t.contact.cta.subtitle}

+
+
+
+ +
+
+
{t.contact.phone.title}
+
{t.contact.phone.number}
+
+
+
+
+ +
+
+
{t.contact.email.title}
+
{t.contact.email.address}
+
+
+
+
+ +
+
+
{t.contact.telegram.title}
+
{t.contact.telegram.subtitle}
+
+
+
+
+ +
+
+

{t.contact.form.title}

+
e.preventDefault()}> + + + + + + +
+
+
+
+
+
+
+ ); +} \ No newline at end of file diff --git a/.history/views/LandingDemo_20251026210038.tsx b/.history/views/LandingDemo_20251026210038.tsx new file mode 100644 index 0000000..22cfd06 --- /dev/null +++ b/.history/views/LandingDemo_20251026210038.tsx @@ -0,0 +1,517 @@ +import React, { useEffect, useState } from "react"; +import { + ArrowRight, Calculator, Code2, Smartphone, Palette, LineChart, Eye, Menu, X, + Sun, Moon, ChevronDown, Phone, Mail, MessageCircle, Rocket, Users, Clock, + Headphones, Award +} from "lucide-react"; +import AOS from "aos"; +import "aos/dist/aos.css"; + +// Korean i18n strings to replace <%- __('...') %> +const t = { + navigation: { + home: "홈", + about: "회사소개", + services: "서비스", + portfolio: "포트폴리오", + contact: "연락처", + calculator: "비용계산기" + }, + language: { + korean: "한국어", + english: "English", + russian: "Русский", + kazakh: "Қазақша" + }, + hero: { + title: { smart: "스마트", solutions: "솔루션" }, + subtitle: "혁신적인 기술로 비즈니스를 성장시키세요", + description: "비즈니스의 디지털 전환을 이끄는 혁신적인 웹개발, 모바일 앱, UI/UX 디자인", + cta: { start: "시작하기", portfolio: "포트폴리오 보기" }, + }, + services: { + title: { our: "우리의", services: "서비스" }, + subtitle: "아이디어를 현실로 만드는 전문 개발 서비스", + description: "최첨단 기술과 창의적 아이디어로 완성하는 디지털 솔루션", + view_all: "모든 서비스 보기", + web: { title: "웹 개발", description: "반응형 웹사이트 및 웹 애플리케이션 개발", price: "500,000원부터" }, + mobile: { title: "모바일 앱", description: "iOS 및 Android 네이티브 앱 개발", price: "1,000,000원부터" }, + design: { title: "UI/UX 디자인", description: "사용자 중심의 인터페이스 및 경험 디자인", price: "300,000원부터" }, + marketing: { title: "디지털 마케팅", description: "SEO, 소셜미디어 마케팅, 광고 관리", price: "200,000원부터" }, + hero: { + title: "우리의", + title_highlight: "서비스", + subtitle: "혁신적인 기술로 비즈니스 성장 지원" + }, + cards: { + starting_price: "시작 가격", + consultation: "상담", + calculate_cost: "비용 계산", + popular: "인기" + }, + process: { + title: "프로젝트 수행 과정", + subtitle: "체계적이고 전문적인 프로세스로 프로젝트를 진행합니다", + step1: { title: "상담 및 기획", description: "고객의 요구사항을 정확히 파악하고 최적의 솔루션을 기획합니다" }, + step2: { title: "디자인 및 설계", description: "사용자 중심의 직관적인 디자인과 견고한 시스템 아키텍처를 설계합니다" }, + step3: { title: "개발 및 구현", description: "최신 기술과 모범 사례를 활용하여 효율적이고 확장 가능한 솔루션을 개발합니다" }, + step4: { title: "테스트 및 배포", description: "철저한 테스트를 통해 품질을 보장하고 안정적인 배포를 진행합니다" } + }, + why_choose: { + title: "왜 SmartSolTech를 선택해야 할까요?", + modern_tech: { title: "최신 기술 활용", description: "항상 최신 기술 트렌드를 파악하고, 검증된 기술 스택을 활용하여 미래 지향적인 솔루션을 제공합니다." }, + expert_team: { title: "전문가 팀", description: "각 분야의 전문가들로 구성된 팀이 협력하여 최고 품질의 결과물을 보장합니다." }, + fast_response: { title: "빠른 대응", description: "신속한 의사소통과 빠른 피드백을 통해 프로젝트를 효율적으로 진행합니다." }, + continuous_support: { title: "지속적인 지원", description: "프로젝트 완료 후에도 지속적인 유지보수와 기술 지원을 제공합니다." }, + quality_guarantee: { title: "품질 보장", subtitle: "최고 품질의 결과물을 약속드립니다" } + }, + cta: { + title: "프로젝트를 시작할 준비가 되셨나요?", + subtitle: "지금 바로 무료 상담을 받아보세요", + calculate_cost: "비용 계산하기", + view_portfolio: "포트폴리오 보기" + } + }, + portfolio: { + title: { recent: "최근", projects: "프로젝트" }, + subtitle: "웹, 모바일, 브랜딩 분야의 선별된 작업들", + view_all: "전체 포트폴리오 보기", + }, + calculator: { + cta: { title: "프로젝트 비용 계산기", subtitle: "몇 가지 질문에 답하여 빠른 견적을 받아보세요", button: "계산기 열기" }, + }, + contact: { + cta: { ready: "시작할", start: "준비가", question: " 되셨나요?", subtitle: "프로젝트에 대해 알려주세요 - 하루 안에 답변드리겠습니다" }, + phone: { title: "전화", number: "+82 10-1234-5678" }, + email: { title: "이메일", address: "hello@smartsoltech.kr" }, + telegram: { title: "텔레그램", subtitle: "@smartsoltech" }, + form: { + title: "빠른 연락", + name: "성함", + email: "이메일", + phone: "전화번호 (선택사항)", + service: { + select: "어떤 서비스에 관심이 있으신가요?", + web: "웹 개발", + mobile: "모바일 앱", + design: "UI/UX 디자인", + branding: "브랜딩", + consulting: "컨설팅", + other: "기타", + }, + message: "프로젝트에 대해 알려주세요", + submit: "메시지 보내기", + }, + }, + common: { view_details: "자세히 보기" }, + theme: { toggle: "테마 변경" } +}; + +const services = [ + { icon: , title: t.services.web.title, description: t.services.web.description, price: t.services.web.price, delay: 0, category: "개발" }, + { icon: , title: t.services.mobile.title, description: t.services.mobile.description, price: t.services.mobile.price, delay: 100, category: "모바일" }, + { icon: , title: t.services.design.title, description: t.services.design.description, price: t.services.design.price, delay: 200, category: "디자인" }, + { icon: , title: t.services.marketing.title, description: t.services.marketing.description, price: t.services.marketing.price, delay: 300, category: "마케팅" }, +]; + +const demoPortfolio = [ + { + _id: "p1", + title: "핀테크 대시보드", + category: "웹앱", + images: [{ url: "https://picsum.photos/seed/fin/800/450", isPrimary: true }], + technologies: ["React", "Tailwind", "Node"], + description: "역할 기반 접근 제어를 갖춘 실시간 분석", + shortDescription: "역할 기반 접근 제어를 갖춘 실시간 분석", + viewCount: 423, + }, + { + _id: "p2", + title: "웰니스 트래커", + category: "모바일", + images: [{ url: "https://picsum.photos/seed/well/800/450", isPrimary: true }], + technologies: ["Kotlin", "Compose"], + description: "개인 건강 지표 및 알림", + shortDescription: "개인 건강 지표 및 알림", + viewCount: 1189, + }, + { + _id: "p3", + title: "브랜드 리뉴얼", + category: "브랜딩", + images: [{ url: "https://picsum.photos/seed/brand/800/450", isPrimary: true }], + technologies: ["Figma", "Design System"], + description: "아이덴티티, 컴포넌트 및 마케팅 사이트", + shortDescription: "아이덴티티, 컴포넌트 및 마케팅 사이트", + viewCount: 762, + }, +]; + +export default function LandingDemo() { + const [darkMode, setDarkMode] = useState(false); + const [mobileMenuOpen, setMobileMenuOpen] = useState(false); + const [currentLanguage, setCurrentLanguage] = useState('ko'); + + useEffect(() => { + AOS.init({ duration: 800, easing: "ease-in-out", once: true }); + + // Check for saved theme preference or default to light mode + const savedTheme = localStorage.getItem('theme'); + if (savedTheme === 'dark' || (!savedTheme && window.matchMedia('(prefers-color-scheme: dark)').matches)) { + setDarkMode(true); + document.documentElement.classList.add('dark'); + } + }, []); + + const toggleTheme = () => { + setDarkMode(!darkMode); + if (!darkMode) { + document.documentElement.classList.add('dark'); + localStorage.setItem('theme', 'dark'); + } else { + document.documentElement.classList.remove('dark'); + localStorage.setItem('theme', 'light'); + } + }; + + const toggleMobileMenu = () => { + setMobileMenuOpen(!mobileMenuOpen); + }; + + return ( +
+ {/* Global styles for blob animation */} + + + {/* Navigation */} + +
+
+ + {/* Animated blobs */} +
+
+
+
+
+ +
+
+

+ {t.hero.title.smart} {t.hero.title.solutions} +

+

+ {t.hero.subtitle} +

+ +
+ + {/* Scroll indicator */} +
+ + + +
+
+ + + {/* Services */} +
+
+
+

+ {t.services.title.our} {t.services.title.services} +

+

+ {t.services.subtitle} +

+
+ +
+ {services.map((s, i) => ( +
+
{s.icon}
+

{s.title}

+

{s.description}

+
{s.price}
+
+ ))} +
+ + +
+
+ + {/* Portfolio */} +
+
+
+

+ {t.portfolio.title.recent} {t.portfolio.title.projects} +

+

+ {t.portfolio.subtitle} +

+
+ +
+ {demoPortfolio.map((project, index) => ( +
+
+ {project.title} +
+
+
+ {project.technologies?.slice(0, 3).map((tech) => ( + {tech} + ))} +
+
+
+
+
+ {project.category} + {project.viewCount ?? 0} +
+

{project.title}

+

{project.shortDescription ?? project.description}

+ + {t.common.view_details} + + +
+
+ ))} +
+ + +
+
+ + {/* Calculator CTA */} +
+
+
+

{t.calculator.cta.title}

+

{t.calculator.cta.subtitle}

+ + + {t.calculator.cta.button} + +
+
+
+ + {/* Contact */} +
+
+
+
+

+ {t.contact.cta.ready} {t.contact.cta.start} + {t.contact.cta.question} +

+

{t.contact.cta.subtitle}

+
+
+
+ +
+
+
{t.contact.phone.title}
+
{t.contact.phone.number}
+
+
+
+
+ +
+
+
{t.contact.email.title}
+
{t.contact.email.address}
+
+
+
+
+ +
+
+
{t.contact.telegram.title}
+
{t.contact.telegram.subtitle}
+
+
+
+
+ +
+
+

{t.contact.form.title}

+
e.preventDefault()}> + + + + + + +
+
+
+
+
+
+
+ ); +} \ No newline at end of file diff --git a/.history/views/LandingDemo_20251026210146.tsx b/.history/views/LandingDemo_20251026210146.tsx new file mode 100644 index 0000000..34ed1d1 --- /dev/null +++ b/.history/views/LandingDemo_20251026210146.tsx @@ -0,0 +1,752 @@ +import React, { useEffect, useState } from "react"; +import { + ArrowRight, Calculator, Code2, Smartphone, Palette, LineChart, Eye, Menu, X, + Sun, Moon, ChevronDown, Phone, Mail, MessageCircle, Rocket, Users, Clock, + Headphones, Award +} from "lucide-react"; +import AOS from "aos"; +import "aos/dist/aos.css"; + +// Korean i18n strings to replace <%- __('...') %> +const t = { + navigation: { + home: "홈", + about: "회사소개", + services: "서비스", + portfolio: "포트폴리오", + contact: "연락처", + calculator: "비용계산기" + }, + language: { + korean: "한국어", + english: "English", + russian: "Русский", + kazakh: "Қазақша" + }, + hero: { + title: { smart: "스마트", solutions: "솔루션" }, + subtitle: "혁신적인 기술로 비즈니스를 성장시키세요", + description: "비즈니스의 디지털 전환을 이끄는 혁신적인 웹개발, 모바일 앱, UI/UX 디자인", + cta: { start: "시작하기", portfolio: "포트폴리오 보기" }, + }, + services: { + title: { our: "우리의", services: "서비스" }, + subtitle: "아이디어를 현실로 만드는 전문 개발 서비스", + description: "최첨단 기술과 창의적 아이디어로 완성하는 디지털 솔루션", + view_all: "모든 서비스 보기", + web: { title: "웹 개발", description: "반응형 웹사이트 및 웹 애플리케이션 개발", price: "500,000원부터" }, + mobile: { title: "모바일 앱", description: "iOS 및 Android 네이티브 앱 개발", price: "1,000,000원부터" }, + design: { title: "UI/UX 디자인", description: "사용자 중심의 인터페이스 및 경험 디자인", price: "300,000원부터" }, + marketing: { title: "디지털 마케팅", description: "SEO, 소셜미디어 마케팅, 광고 관리", price: "200,000원부터" }, + hero: { + title: "우리의", + title_highlight: "서비스", + subtitle: "혁신적인 기술로 비즈니스 성장 지원" + }, + cards: { + starting_price: "시작 가격", + consultation: "상담", + calculate_cost: "비용 계산", + popular: "인기" + }, + process: { + title: "프로젝트 수행 과정", + subtitle: "체계적이고 전문적인 프로세스로 프로젝트를 진행합니다", + step1: { title: "상담 및 기획", description: "고객의 요구사항을 정확히 파악하고 최적의 솔루션을 기획합니다" }, + step2: { title: "디자인 및 설계", description: "사용자 중심의 직관적인 디자인과 견고한 시스템 아키텍처를 설계합니다" }, + step3: { title: "개발 및 구현", description: "최신 기술과 모범 사례를 활용하여 효율적이고 확장 가능한 솔루션을 개발합니다" }, + step4: { title: "테스트 및 배포", description: "철저한 테스트를 통해 품질을 보장하고 안정적인 배포를 진행합니다" } + }, + why_choose: { + title: "왜 SmartSolTech를 선택해야 할까요?", + modern_tech: { title: "최신 기술 활용", description: "항상 최신 기술 트렌드를 파악하고, 검증된 기술 스택을 활용하여 미래 지향적인 솔루션을 제공합니다." }, + expert_team: { title: "전문가 팀", description: "각 분야의 전문가들로 구성된 팀이 협력하여 최고 품질의 결과물을 보장합니다." }, + fast_response: { title: "빠른 대응", description: "신속한 의사소통과 빠른 피드백을 통해 프로젝트를 효율적으로 진행합니다." }, + continuous_support: { title: "지속적인 지원", description: "프로젝트 완료 후에도 지속적인 유지보수와 기술 지원을 제공합니다." }, + quality_guarantee: { title: "품질 보장", subtitle: "최고 품질의 결과물을 약속드립니다" } + }, + cta: { + title: "프로젝트를 시작할 준비가 되셨나요?", + subtitle: "지금 바로 무료 상담을 받아보세요", + calculate_cost: "비용 계산하기", + view_portfolio: "포트폴리오 보기" + } + }, + portfolio: { + title: { recent: "최근", projects: "프로젝트" }, + subtitle: "웹, 모바일, 브랜딩 분야의 선별된 작업들", + view_all: "전체 포트폴리오 보기", + }, + calculator: { + cta: { title: "프로젝트 비용 계산기", subtitle: "몇 가지 질문에 답하여 빠른 견적을 받아보세요", button: "계산기 열기" }, + }, + contact: { + cta: { ready: "시작할", start: "준비가", question: " 되셨나요?", subtitle: "프로젝트에 대해 알려주세요 - 하루 안에 답변드리겠습니다" }, + phone: { title: "전화", number: "+82 10-1234-5678" }, + email: { title: "이메일", address: "hello@smartsoltech.kr" }, + telegram: { title: "텔레그램", subtitle: "@smartsoltech" }, + form: { + title: "빠른 연락", + name: "성함", + email: "이메일", + phone: "전화번호 (선택사항)", + service: { + select: "어떤 서비스에 관심이 있으신가요?", + web: "웹 개발", + mobile: "모바일 앱", + design: "UI/UX 디자인", + branding: "브랜딩", + consulting: "컨설팅", + other: "기타", + }, + message: "프로젝트에 대해 알려주세요", + submit: "메시지 보내기", + }, + }, + common: { view_details: "자세히 보기" }, + theme: { toggle: "테마 변경" } +}; + +const services = [ + { icon: , title: t.services.web.title, description: t.services.web.description, price: t.services.web.price, delay: 0, category: "개발" }, + { icon: , title: t.services.mobile.title, description: t.services.mobile.description, price: t.services.mobile.price, delay: 100, category: "모바일" }, + { icon: , title: t.services.design.title, description: t.services.design.description, price: t.services.design.price, delay: 200, category: "디자인" }, + { icon: , title: t.services.marketing.title, description: t.services.marketing.description, price: t.services.marketing.price, delay: 300, category: "마케팅" }, +]; + +const demoPortfolio = [ + { + _id: "p1", + title: "핀테크 대시보드", + category: "웹앱", + images: [{ url: "https://picsum.photos/seed/fin/800/450", isPrimary: true }], + technologies: ["React", "Tailwind", "Node"], + description: "역할 기반 접근 제어를 갖춘 실시간 분석", + shortDescription: "역할 기반 접근 제어를 갖춘 실시간 분석", + viewCount: 423, + }, + { + _id: "p2", + title: "웰니스 트래커", + category: "모바일", + images: [{ url: "https://picsum.photos/seed/well/800/450", isPrimary: true }], + technologies: ["Kotlin", "Compose"], + description: "개인 건강 지표 및 알림", + shortDescription: "개인 건강 지표 및 알림", + viewCount: 1189, + }, + { + _id: "p3", + title: "브랜드 리뉴얼", + category: "브랜딩", + images: [{ url: "https://picsum.photos/seed/brand/800/450", isPrimary: true }], + technologies: ["Figma", "Design System"], + description: "아이덴티티, 컴포넌트 및 마케팅 사이트", + shortDescription: "아이덴티티, 컴포넌트 및 마케팅 사이트", + viewCount: 762, + }, +]; + +export default function LandingDemo() { + const [darkMode, setDarkMode] = useState(false); + const [mobileMenuOpen, setMobileMenuOpen] = useState(false); + const [currentLanguage, setCurrentLanguage] = useState('ko'); + + useEffect(() => { + AOS.init({ duration: 800, easing: "ease-in-out", once: true }); + + // Check for saved theme preference or default to light mode + const savedTheme = localStorage.getItem('theme'); + if (savedTheme === 'dark' || (!savedTheme && window.matchMedia('(prefers-color-scheme: dark)').matches)) { + setDarkMode(true); + document.documentElement.classList.add('dark'); + } + }, []); + + const toggleTheme = () => { + setDarkMode(!darkMode); + if (!darkMode) { + document.documentElement.classList.add('dark'); + localStorage.setItem('theme', 'dark'); + } else { + document.documentElement.classList.remove('dark'); + localStorage.setItem('theme', 'light'); + } + }; + + const toggleMobileMenu = () => { + setMobileMenuOpen(!mobileMenuOpen); + }; + + return ( +
+ {/* Global styles for blob animation */} + + + {/* Navigation */} + +
+
+ + {/* Animated blobs */} +
+
+
+
+
+ +
+
+

+ {t.hero.title.smart} {t.hero.title.solutions} +

+

+ {t.hero.subtitle} +

+ +
+ + {/* Scroll indicator */} +
+ + + +
+
+ + + )} + + + {/* Hero */} +
+
+
+ + {/* Animated blobs */} +
+
+
+
+
+ +
+
+

+ {t.hero.title.smart} {t.hero.title.solutions} +

+

+ {t.hero.subtitle} +

+ +
+ + {/* Scroll indicator */} +
+ + + +
+
+
+ + {/* Services Section */} +
+
+ {/* Hero Section */} +
+

+ {t.services.hero.title} {t.services.hero.title_highlight} +

+

+ {t.services.hero.subtitle} +

+
+ + {/* Services Grid */} +
+ {services.map((service, index) => ( +
+ {/* Background with Gradient */} +
+ + {/* Service Image/Icon Area */} +
+
+ {service.icon} + {/* Decorative elements */} +
+
+
+ + {/* Gradient fade to center */} +
+
+ + {/* Service Content Area */} +
+
+ + {/* Service Category Badge */} +
+ + {service.category} + +
+ + {/* Service Title */} +

+ {service.title} +

+ + {/* Service Description */} +

+ {service.description} +

+ + {/* Pricing */} +
+
{t.services.cards.starting_price}
+
+ {service.price} +
+
+ + {/* Action Buttons */} + +
+
+
+
+ ))} +
+ + {/* Process Section */} +
+
+

+ {t.services.process.title} +

+

+ {t.services.process.subtitle} +

+
+ +
+ {/* Step 1 */} +
+
+ 1 +
+

{t.services.process.step1.title}

+

+ {t.services.process.step1.description} +

+
+ + {/* Step 2 */} +
+
+ 2 +
+

{t.services.process.step2.title}

+

+ {t.services.process.step2.description} +

+
+ + {/* Step 3 */} +
+
+ 3 +
+

{t.services.process.step3.title}

+

+ {t.services.process.step3.description} +

+
+ + {/* Step 4 */} +
+
+ 4 +
+

{t.services.process.step4.title}

+

+ {t.services.process.step4.description} +

+
+
+
+ + {/* Why Choose Us Section */} +
+
+ {/* Content */} +
+

+ {t.services.why_choose.title} +

+ +
+ {/* Feature 1 */} +
+
+ +
+
+

{t.services.why_choose.modern_tech.title}

+

+ {t.services.why_choose.modern_tech.description} +

+
+
+ + {/* Feature 2 */} +
+
+ +
+
+

{t.services.why_choose.expert_team.title}

+

+ {t.services.why_choose.expert_team.description} +

+
+
+ + {/* Feature 3 */} +
+
+ +
+
+

{t.services.why_choose.fast_response.title}

+

+ {t.services.why_choose.fast_response.description} +

+
+
+ + {/* Feature 4 */} +
+
+ +
+
+

{t.services.why_choose.continuous_support.title}

+

+ {t.services.why_choose.continuous_support.description} +

+
+
+
+
+ + {/* Image/Visual */} +
+
+
+ +

{t.services.why_choose.quality_guarantee.title}

+

+ {t.services.why_choose.quality_guarantee.subtitle} +

+
+
+
+
+
+
+
+ + {/* Portfolio */} +
+
+
+

+ {t.portfolio.title.recent} {t.portfolio.title.projects} +

+

+ {t.portfolio.subtitle} +

+
+ +
+ {demoPortfolio.map((project, index) => ( +
+
+ {project.title} +
+
+
+ {project.technologies?.slice(0, 3).map((tech) => ( + {tech} + ))} +
+
+
+
+
+ {project.category} + {project.viewCount ?? 0} +
+

{project.title}

+

{project.shortDescription ?? project.description}

+ + {t.common.view_details} + + +
+
+ ))} +
+ + +
+
+ + {/* Calculator CTA */} +
+
+
+

{t.calculator.cta.title}

+

{t.calculator.cta.subtitle}

+ + + {t.calculator.cta.button} + +
+
+
+ + {/* Contact */} +
+
+
+
+

+ {t.contact.cta.ready} {t.contact.cta.start} + {t.contact.cta.question} +

+

{t.contact.cta.subtitle}

+
+
+
+ +
+
+
{t.contact.phone.title}
+
{t.contact.phone.number}
+
+
+
+
+ +
+
+
{t.contact.email.title}
+
{t.contact.email.address}
+
+
+
+
+ +
+
+
{t.contact.telegram.title}
+
{t.contact.telegram.subtitle}
+
+
+
+
+ +
+
+

{t.contact.form.title}

+
e.preventDefault()}> + + + + + + +
+
+
+
+
+
+
+ ); +} \ No newline at end of file diff --git a/.history/views/LandingDemo_20251026210257.tsx b/.history/views/LandingDemo_20251026210257.tsx new file mode 100644 index 0000000..668730f --- /dev/null +++ b/.history/views/LandingDemo_20251026210257.tsx @@ -0,0 +1,797 @@ +import React, { useEffect, useState } from "react"; +import { + ArrowRight, Calculator, Code2, Smartphone, Palette, LineChart, Eye, Menu, X, + Sun, Moon, ChevronDown, Phone, Mail, MessageCircle, Rocket, Users, Clock, + Headphones, Award +} from "lucide-react"; +import AOS from "aos"; +import "aos/dist/aos.css"; + +// Korean i18n strings to replace <%- __('...') %> +const t = { + navigation: { + home: "홈", + about: "회사소개", + services: "서비스", + portfolio: "포트폴리오", + contact: "연락처", + calculator: "비용계산기" + }, + language: { + korean: "한국어", + english: "English", + russian: "Русский", + kazakh: "Қазақша" + }, + hero: { + title: { smart: "스마트", solutions: "솔루션" }, + subtitle: "혁신적인 기술로 비즈니스를 성장시키세요", + description: "비즈니스의 디지털 전환을 이끄는 혁신적인 웹개발, 모바일 앱, UI/UX 디자인", + cta: { start: "시작하기", portfolio: "포트폴리오 보기" }, + }, + services: { + title: { our: "우리의", services: "서비스" }, + subtitle: "아이디어를 현실로 만드는 전문 개발 서비스", + description: "최첨단 기술과 창의적 아이디어로 완성하는 디지털 솔루션", + view_all: "모든 서비스 보기", + web: { title: "웹 개발", description: "반응형 웹사이트 및 웹 애플리케이션 개발", price: "500,000원부터" }, + mobile: { title: "모바일 앱", description: "iOS 및 Android 네이티브 앱 개발", price: "1,000,000원부터" }, + design: { title: "UI/UX 디자인", description: "사용자 중심의 인터페이스 및 경험 디자인", price: "300,000원부터" }, + marketing: { title: "디지털 마케팅", description: "SEO, 소셜미디어 마케팅, 광고 관리", price: "200,000원부터" }, + hero: { + title: "우리의", + title_highlight: "서비스", + subtitle: "혁신적인 기술로 비즈니스 성장 지원" + }, + cards: { + starting_price: "시작 가격", + consultation: "상담", + calculate_cost: "비용 계산", + popular: "인기" + }, + process: { + title: "프로젝트 수행 과정", + subtitle: "체계적이고 전문적인 프로세스로 프로젝트를 진행합니다", + step1: { title: "상담 및 기획", description: "고객의 요구사항을 정확히 파악하고 최적의 솔루션을 기획합니다" }, + step2: { title: "디자인 및 설계", description: "사용자 중심의 직관적인 디자인과 견고한 시스템 아키텍처를 설계합니다" }, + step3: { title: "개발 및 구현", description: "최신 기술과 모범 사례를 활용하여 효율적이고 확장 가능한 솔루션을 개발합니다" }, + step4: { title: "테스트 및 배포", description: "철저한 테스트를 통해 품질을 보장하고 안정적인 배포를 진행합니다" } + }, + why_choose: { + title: "왜 SmartSolTech를 선택해야 할까요?", + modern_tech: { title: "최신 기술 활용", description: "항상 최신 기술 트렌드를 파악하고, 검증된 기술 스택을 활용하여 미래 지향적인 솔루션을 제공합니다." }, + expert_team: { title: "전문가 팀", description: "각 분야의 전문가들로 구성된 팀이 협력하여 최고 품질의 결과물을 보장합니다." }, + fast_response: { title: "빠른 대응", description: "신속한 의사소통과 빠른 피드백을 통해 프로젝트를 효율적으로 진행합니다." }, + continuous_support: { title: "지속적인 지원", description: "프로젝트 완료 후에도 지속적인 유지보수와 기술 지원을 제공합니다." }, + quality_guarantee: { title: "품질 보장", subtitle: "최고 품질의 결과물을 약속드립니다" } + }, + cta: { + title: "프로젝트를 시작할 준비가 되셨나요?", + subtitle: "지금 바로 무료 상담을 받아보세요", + calculate_cost: "비용 계산하기", + view_portfolio: "포트폴리오 보기" + } + }, + portfolio: { + title: { recent: "최근", projects: "프로젝트" }, + subtitle: "웹, 모바일, 브랜딩 분야의 선별된 작업들", + view_all: "전체 포트폴리오 보기", + }, + calculator: { + cta: { title: "프로젝트 비용 계산기", subtitle: "몇 가지 질문에 답하여 빠른 견적을 받아보세요", button: "계산기 열기" }, + }, + contact: { + cta: { ready: "시작할", start: "준비가", question: " 되셨나요?", subtitle: "프로젝트에 대해 알려주세요 - 하루 안에 답변드리겠습니다" }, + phone: { title: "전화", number: "+82 10-1234-5678" }, + email: { title: "이메일", address: "hello@smartsoltech.kr" }, + telegram: { title: "텔레그램", subtitle: "@smartsoltech" }, + form: { + title: "빠른 연락", + name: "성함", + email: "이메일", + phone: "전화번호 (선택사항)", + service: { + select: "어떤 서비스에 관심이 있으신가요?", + web: "웹 개발", + mobile: "모바일 앱", + design: "UI/UX 디자인", + branding: "브랜딩", + consulting: "컨설팅", + other: "기타", + }, + message: "프로젝트에 대해 알려주세요", + submit: "메시지 보내기", + }, + }, + common: { view_details: "자세히 보기" }, + theme: { toggle: "테마 변경" } +}; + +const services = [ + { icon: , title: t.services.web.title, description: t.services.web.description, price: t.services.web.price, delay: 0, category: "개발" }, + { icon: , title: t.services.mobile.title, description: t.services.mobile.description, price: t.services.mobile.price, delay: 100, category: "모바일" }, + { icon: , title: t.services.design.title, description: t.services.design.description, price: t.services.design.price, delay: 200, category: "디자인" }, + { icon: , title: t.services.marketing.title, description: t.services.marketing.description, price: t.services.marketing.price, delay: 300, category: "마케팅" }, +]; + +const demoPortfolio = [ + { + _id: "p1", + title: "핀테크 대시보드", + category: "웹앱", + images: [{ url: "https://picsum.photos/seed/fin/800/450", isPrimary: true }], + technologies: ["React", "Tailwind", "Node"], + description: "역할 기반 접근 제어를 갖춘 실시간 분석", + shortDescription: "역할 기반 접근 제어를 갖춘 실시간 분석", + viewCount: 423, + }, + { + _id: "p2", + title: "웰니스 트래커", + category: "모바일", + images: [{ url: "https://picsum.photos/seed/well/800/450", isPrimary: true }], + technologies: ["Kotlin", "Compose"], + description: "개인 건강 지표 및 알림", + shortDescription: "개인 건강 지표 및 알림", + viewCount: 1189, + }, + { + _id: "p3", + title: "브랜드 리뉴얼", + category: "브랜딩", + images: [{ url: "https://picsum.photos/seed/brand/800/450", isPrimary: true }], + technologies: ["Figma", "Design System"], + description: "아이덴티티, 컴포넌트 및 마케팅 사이트", + shortDescription: "아이덴티티, 컴포넌트 및 마케팅 사이트", + viewCount: 762, + }, +]; + +export default function LandingDemo() { + const [darkMode, setDarkMode] = useState(false); + const [mobileMenuOpen, setMobileMenuOpen] = useState(false); + const [currentLanguage, setCurrentLanguage] = useState('ko'); + + useEffect(() => { + AOS.init({ duration: 800, easing: "ease-in-out", once: true }); + + // Check for saved theme preference or default to light mode + const savedTheme = localStorage.getItem('theme'); + if (savedTheme === 'dark' || (!savedTheme && window.matchMedia('(prefers-color-scheme: dark)').matches)) { + setDarkMode(true); + document.documentElement.classList.add('dark'); + } + }, []); + + const toggleTheme = () => { + setDarkMode(!darkMode); + if (!darkMode) { + document.documentElement.classList.add('dark'); + localStorage.setItem('theme', 'dark'); + } else { + document.documentElement.classList.remove('dark'); + localStorage.setItem('theme', 'light'); + } + }; + + const toggleMobileMenu = () => { + setMobileMenuOpen(!mobileMenuOpen); + }; + + return ( +
+ {/* Global styles for blob animation */} + + + {/* Navigation */} + +
+
+ + {/* Animated blobs */} +
+
+
+
+
+ +
+
+

+ {t.hero.title.smart} {t.hero.title.solutions} +

+

+ {t.hero.subtitle} +

+ +
+ + {/* Scroll indicator */} +
+ + + +
+
+ + + )} + + + {/* Hero */} +
+
+
+ + {/* Animated blobs */} +
+
+
+
+
+ +
+
+

+ {t.hero.title.smart} {t.hero.title.solutions} +

+

+ {t.hero.subtitle} +

+ +
+ + {/* Scroll indicator */} +
+ + + +
+
+
+ + {/* Services Section */} +
+
+ {/* Hero Section */} +
+

+ {t.services.hero.title} {t.services.hero.title_highlight} +

+

+ {t.services.hero.subtitle} +

+
+ + {/* Services Grid */} +
+ {services.map((service, index) => ( +
+ {/* Background with Gradient */} +
+ + {/* Service Image/Icon Area */} +
+
+ {service.icon} + {/* Decorative elements */} +
+
+
+ + {/* Gradient fade to center */} +
+
+ + {/* Service Content Area */} +
+
+ + {/* Service Category Badge */} +
+ + {service.category} + +
+ + {/* Service Title */} +

+ {service.title} +

+ + {/* Service Description */} +

+ {service.description} +

+ + {/* Pricing */} +
+
{t.services.cards.starting_price}
+
+ {service.price} +
+
+ + {/* Action Buttons */} + +
+
+
+
+ ))} +
+ + {/* Process Section */} +
+
+

+ {t.services.process.title} +

+

+ {t.services.process.subtitle} +

+
+ +
+ {/* Step 1 */} +
+
+ 1 +
+

{t.services.process.step1.title}

+

+ {t.services.process.step1.description} +

+
+ + {/* Step 2 */} +
+
+ 2 +
+

{t.services.process.step2.title}

+

+ {t.services.process.step2.description} +

+
+ + {/* Step 3 */} +
+
+ 3 +
+

{t.services.process.step3.title}

+

+ {t.services.process.step3.description} +

+
+ + {/* Step 4 */} +
+
+ 4 +
+

{t.services.process.step4.title}

+

+ {t.services.process.step4.description} +

+
+
+
+ + {/* Why Choose Us Section */} +
+
+ {/* Content */} +
+

+ {t.services.why_choose.title} +

+ +
+ {/* Feature 1 */} +
+
+ +
+
+

{t.services.why_choose.modern_tech.title}

+

+ {t.services.why_choose.modern_tech.description} +

+
+
+ + {/* Feature 2 */} +
+
+ +
+
+

{t.services.why_choose.expert_team.title}

+

+ {t.services.why_choose.expert_team.description} +

+
+
+ + {/* Feature 3 */} +
+
+ +
+
+

{t.services.why_choose.fast_response.title}

+

+ {t.services.why_choose.fast_response.description} +

+
+
+ + {/* Feature 4 */} +
+
+ +
+
+

{t.services.why_choose.continuous_support.title}

+

+ {t.services.why_choose.continuous_support.description} +

+
+
+
+
+ + {/* Image/Visual */} +
+
+
+ +

{t.services.why_choose.quality_guarantee.title}

+

+ {t.services.why_choose.quality_guarantee.subtitle} +

+
+
+
+
+
+
+
+ + {/* Portfolio */} +
+
+
+

+ {t.portfolio.title.recent} {t.portfolio.title.projects} +

+

+ {t.portfolio.subtitle} +

+
+ +
+ {demoPortfolio.map((project, index) => ( +
+
+ {project.title} +
+
+
+ {project.technologies?.slice(0, 3).map((tech) => ( + {tech} + ))} +
+
+
+
+
+ {project.category} + {project.viewCount ?? 0} +
+

{project.title}

+

{project.shortDescription ?? project.description}

+ + {t.common.view_details} + + +
+
+ ))} +
+ + +
+
+ + {/* Calculator CTA */} +
+
+
+

{t.calculator.cta.title}

+

{t.calculator.cta.subtitle}

+ + + {t.calculator.cta.button} + +
+
+
+ + {/* Services CTA */} +
+
+

+ {t.services.cta.title} +

+

+ {t.services.cta.subtitle} +

+ +
+
+ + {/* Contact */} +
+
+
+
+

+ {t.contact.cta.ready} {t.contact.cta.start} + {t.contact.cta.question} +

+

{t.contact.cta.subtitle}

+
+
+
+ +
+
+
{t.contact.phone.title}
+
{t.contact.phone.number}
+
+
+
+
+ +
+
+
{t.contact.email.title}
+
{t.contact.email.address}
+
+
+
+
+ +
+
+
{t.contact.telegram.title}
+
{t.contact.telegram.subtitle}
+
+
+
+
+ +
+
+

{t.contact.form.title}

+
e.preventDefault()}> + + + + + + +
+
+
+
+
+
+
+ ); +} \ No newline at end of file diff --git a/.history/views/LandingDemo_20251026210326.tsx b/.history/views/LandingDemo_20251026210326.tsx new file mode 100644 index 0000000..668730f --- /dev/null +++ b/.history/views/LandingDemo_20251026210326.tsx @@ -0,0 +1,797 @@ +import React, { useEffect, useState } from "react"; +import { + ArrowRight, Calculator, Code2, Smartphone, Palette, LineChart, Eye, Menu, X, + Sun, Moon, ChevronDown, Phone, Mail, MessageCircle, Rocket, Users, Clock, + Headphones, Award +} from "lucide-react"; +import AOS from "aos"; +import "aos/dist/aos.css"; + +// Korean i18n strings to replace <%- __('...') %> +const t = { + navigation: { + home: "홈", + about: "회사소개", + services: "서비스", + portfolio: "포트폴리오", + contact: "연락처", + calculator: "비용계산기" + }, + language: { + korean: "한국어", + english: "English", + russian: "Русский", + kazakh: "Қазақша" + }, + hero: { + title: { smart: "스마트", solutions: "솔루션" }, + subtitle: "혁신적인 기술로 비즈니스를 성장시키세요", + description: "비즈니스의 디지털 전환을 이끄는 혁신적인 웹개발, 모바일 앱, UI/UX 디자인", + cta: { start: "시작하기", portfolio: "포트폴리오 보기" }, + }, + services: { + title: { our: "우리의", services: "서비스" }, + subtitle: "아이디어를 현실로 만드는 전문 개발 서비스", + description: "최첨단 기술과 창의적 아이디어로 완성하는 디지털 솔루션", + view_all: "모든 서비스 보기", + web: { title: "웹 개발", description: "반응형 웹사이트 및 웹 애플리케이션 개발", price: "500,000원부터" }, + mobile: { title: "모바일 앱", description: "iOS 및 Android 네이티브 앱 개발", price: "1,000,000원부터" }, + design: { title: "UI/UX 디자인", description: "사용자 중심의 인터페이스 및 경험 디자인", price: "300,000원부터" }, + marketing: { title: "디지털 마케팅", description: "SEO, 소셜미디어 마케팅, 광고 관리", price: "200,000원부터" }, + hero: { + title: "우리의", + title_highlight: "서비스", + subtitle: "혁신적인 기술로 비즈니스 성장 지원" + }, + cards: { + starting_price: "시작 가격", + consultation: "상담", + calculate_cost: "비용 계산", + popular: "인기" + }, + process: { + title: "프로젝트 수행 과정", + subtitle: "체계적이고 전문적인 프로세스로 프로젝트를 진행합니다", + step1: { title: "상담 및 기획", description: "고객의 요구사항을 정확히 파악하고 최적의 솔루션을 기획합니다" }, + step2: { title: "디자인 및 설계", description: "사용자 중심의 직관적인 디자인과 견고한 시스템 아키텍처를 설계합니다" }, + step3: { title: "개발 및 구현", description: "최신 기술과 모범 사례를 활용하여 효율적이고 확장 가능한 솔루션을 개발합니다" }, + step4: { title: "테스트 및 배포", description: "철저한 테스트를 통해 품질을 보장하고 안정적인 배포를 진행합니다" } + }, + why_choose: { + title: "왜 SmartSolTech를 선택해야 할까요?", + modern_tech: { title: "최신 기술 활용", description: "항상 최신 기술 트렌드를 파악하고, 검증된 기술 스택을 활용하여 미래 지향적인 솔루션을 제공합니다." }, + expert_team: { title: "전문가 팀", description: "각 분야의 전문가들로 구성된 팀이 협력하여 최고 품질의 결과물을 보장합니다." }, + fast_response: { title: "빠른 대응", description: "신속한 의사소통과 빠른 피드백을 통해 프로젝트를 효율적으로 진행합니다." }, + continuous_support: { title: "지속적인 지원", description: "프로젝트 완료 후에도 지속적인 유지보수와 기술 지원을 제공합니다." }, + quality_guarantee: { title: "품질 보장", subtitle: "최고 품질의 결과물을 약속드립니다" } + }, + cta: { + title: "프로젝트를 시작할 준비가 되셨나요?", + subtitle: "지금 바로 무료 상담을 받아보세요", + calculate_cost: "비용 계산하기", + view_portfolio: "포트폴리오 보기" + } + }, + portfolio: { + title: { recent: "최근", projects: "프로젝트" }, + subtitle: "웹, 모바일, 브랜딩 분야의 선별된 작업들", + view_all: "전체 포트폴리오 보기", + }, + calculator: { + cta: { title: "프로젝트 비용 계산기", subtitle: "몇 가지 질문에 답하여 빠른 견적을 받아보세요", button: "계산기 열기" }, + }, + contact: { + cta: { ready: "시작할", start: "준비가", question: " 되셨나요?", subtitle: "프로젝트에 대해 알려주세요 - 하루 안에 답변드리겠습니다" }, + phone: { title: "전화", number: "+82 10-1234-5678" }, + email: { title: "이메일", address: "hello@smartsoltech.kr" }, + telegram: { title: "텔레그램", subtitle: "@smartsoltech" }, + form: { + title: "빠른 연락", + name: "성함", + email: "이메일", + phone: "전화번호 (선택사항)", + service: { + select: "어떤 서비스에 관심이 있으신가요?", + web: "웹 개발", + mobile: "모바일 앱", + design: "UI/UX 디자인", + branding: "브랜딩", + consulting: "컨설팅", + other: "기타", + }, + message: "프로젝트에 대해 알려주세요", + submit: "메시지 보내기", + }, + }, + common: { view_details: "자세히 보기" }, + theme: { toggle: "테마 변경" } +}; + +const services = [ + { icon: , title: t.services.web.title, description: t.services.web.description, price: t.services.web.price, delay: 0, category: "개발" }, + { icon: , title: t.services.mobile.title, description: t.services.mobile.description, price: t.services.mobile.price, delay: 100, category: "모바일" }, + { icon: , title: t.services.design.title, description: t.services.design.description, price: t.services.design.price, delay: 200, category: "디자인" }, + { icon: , title: t.services.marketing.title, description: t.services.marketing.description, price: t.services.marketing.price, delay: 300, category: "마케팅" }, +]; + +const demoPortfolio = [ + { + _id: "p1", + title: "핀테크 대시보드", + category: "웹앱", + images: [{ url: "https://picsum.photos/seed/fin/800/450", isPrimary: true }], + technologies: ["React", "Tailwind", "Node"], + description: "역할 기반 접근 제어를 갖춘 실시간 분석", + shortDescription: "역할 기반 접근 제어를 갖춘 실시간 분석", + viewCount: 423, + }, + { + _id: "p2", + title: "웰니스 트래커", + category: "모바일", + images: [{ url: "https://picsum.photos/seed/well/800/450", isPrimary: true }], + technologies: ["Kotlin", "Compose"], + description: "개인 건강 지표 및 알림", + shortDescription: "개인 건강 지표 및 알림", + viewCount: 1189, + }, + { + _id: "p3", + title: "브랜드 리뉴얼", + category: "브랜딩", + images: [{ url: "https://picsum.photos/seed/brand/800/450", isPrimary: true }], + technologies: ["Figma", "Design System"], + description: "아이덴티티, 컴포넌트 및 마케팅 사이트", + shortDescription: "아이덴티티, 컴포넌트 및 마케팅 사이트", + viewCount: 762, + }, +]; + +export default function LandingDemo() { + const [darkMode, setDarkMode] = useState(false); + const [mobileMenuOpen, setMobileMenuOpen] = useState(false); + const [currentLanguage, setCurrentLanguage] = useState('ko'); + + useEffect(() => { + AOS.init({ duration: 800, easing: "ease-in-out", once: true }); + + // Check for saved theme preference or default to light mode + const savedTheme = localStorage.getItem('theme'); + if (savedTheme === 'dark' || (!savedTheme && window.matchMedia('(prefers-color-scheme: dark)').matches)) { + setDarkMode(true); + document.documentElement.classList.add('dark'); + } + }, []); + + const toggleTheme = () => { + setDarkMode(!darkMode); + if (!darkMode) { + document.documentElement.classList.add('dark'); + localStorage.setItem('theme', 'dark'); + } else { + document.documentElement.classList.remove('dark'); + localStorage.setItem('theme', 'light'); + } + }; + + const toggleMobileMenu = () => { + setMobileMenuOpen(!mobileMenuOpen); + }; + + return ( +
+ {/* Global styles for blob animation */} + + + {/* Navigation */} + +
+
+ + {/* Animated blobs */} +
+
+
+
+
+ +
+
+

+ {t.hero.title.smart} {t.hero.title.solutions} +

+

+ {t.hero.subtitle} +

+ +
+ + {/* Scroll indicator */} +
+ + + +
+
+ + + )} + + + {/* Hero */} +
+
+
+ + {/* Animated blobs */} +
+
+
+
+
+ +
+
+

+ {t.hero.title.smart} {t.hero.title.solutions} +

+

+ {t.hero.subtitle} +

+ +
+ + {/* Scroll indicator */} +
+ + + +
+
+
+ + {/* Services Section */} +
+
+ {/* Hero Section */} +
+

+ {t.services.hero.title} {t.services.hero.title_highlight} +

+

+ {t.services.hero.subtitle} +

+
+ + {/* Services Grid */} +
+ {services.map((service, index) => ( +
+ {/* Background with Gradient */} +
+ + {/* Service Image/Icon Area */} +
+
+ {service.icon} + {/* Decorative elements */} +
+
+
+ + {/* Gradient fade to center */} +
+
+ + {/* Service Content Area */} +
+
+ + {/* Service Category Badge */} +
+ + {service.category} + +
+ + {/* Service Title */} +

+ {service.title} +

+ + {/* Service Description */} +

+ {service.description} +

+ + {/* Pricing */} +
+
{t.services.cards.starting_price}
+
+ {service.price} +
+
+ + {/* Action Buttons */} + +
+
+
+
+ ))} +
+ + {/* Process Section */} +
+
+

+ {t.services.process.title} +

+

+ {t.services.process.subtitle} +

+
+ +
+ {/* Step 1 */} +
+
+ 1 +
+

{t.services.process.step1.title}

+

+ {t.services.process.step1.description} +

+
+ + {/* Step 2 */} +
+
+ 2 +
+

{t.services.process.step2.title}

+

+ {t.services.process.step2.description} +

+
+ + {/* Step 3 */} +
+
+ 3 +
+

{t.services.process.step3.title}

+

+ {t.services.process.step3.description} +

+
+ + {/* Step 4 */} +
+
+ 4 +
+

{t.services.process.step4.title}

+

+ {t.services.process.step4.description} +

+
+
+
+ + {/* Why Choose Us Section */} +
+
+ {/* Content */} +
+

+ {t.services.why_choose.title} +

+ +
+ {/* Feature 1 */} +
+
+ +
+
+

{t.services.why_choose.modern_tech.title}

+

+ {t.services.why_choose.modern_tech.description} +

+
+
+ + {/* Feature 2 */} +
+
+ +
+
+

{t.services.why_choose.expert_team.title}

+

+ {t.services.why_choose.expert_team.description} +

+
+
+ + {/* Feature 3 */} +
+
+ +
+
+

{t.services.why_choose.fast_response.title}

+

+ {t.services.why_choose.fast_response.description} +

+
+
+ + {/* Feature 4 */} +
+
+ +
+
+

{t.services.why_choose.continuous_support.title}

+

+ {t.services.why_choose.continuous_support.description} +

+
+
+
+
+ + {/* Image/Visual */} +
+
+
+ +

{t.services.why_choose.quality_guarantee.title}

+

+ {t.services.why_choose.quality_guarantee.subtitle} +

+
+
+
+
+
+
+
+ + {/* Portfolio */} +
+
+
+

+ {t.portfolio.title.recent} {t.portfolio.title.projects} +

+

+ {t.portfolio.subtitle} +

+
+ +
+ {demoPortfolio.map((project, index) => ( +
+
+ {project.title} +
+
+
+ {project.technologies?.slice(0, 3).map((tech) => ( + {tech} + ))} +
+
+
+
+
+ {project.category} + {project.viewCount ?? 0} +
+

{project.title}

+

{project.shortDescription ?? project.description}

+ + {t.common.view_details} + + +
+
+ ))} +
+ + +
+
+ + {/* Calculator CTA */} +
+
+
+

{t.calculator.cta.title}

+

{t.calculator.cta.subtitle}

+ + + {t.calculator.cta.button} + +
+
+
+ + {/* Services CTA */} +
+
+

+ {t.services.cta.title} +

+

+ {t.services.cta.subtitle} +

+ +
+
+ + {/* Contact */} +
+
+
+
+

+ {t.contact.cta.ready} {t.contact.cta.start} + {t.contact.cta.question} +

+

{t.contact.cta.subtitle}

+
+
+
+ +
+
+
{t.contact.phone.title}
+
{t.contact.phone.number}
+
+
+
+
+ +
+
+
{t.contact.email.title}
+
{t.contact.email.address}
+
+
+
+
+ +
+
+
{t.contact.telegram.title}
+
{t.contact.telegram.subtitle}
+
+
+
+
+ +
+
+

{t.contact.form.title}

+
e.preventDefault()}> + + + + + + +
+
+
+
+
+
+
+ ); +} \ No newline at end of file diff --git a/.history/views/admin-bundle-comparison_20251026211814.ejs b/.history/views/admin-bundle-comparison_20251026211814.ejs new file mode 100644 index 0000000..fc0b3b7 --- /dev/null +++ b/.history/views/admin-bundle-comparison_20251026211814.ejs @@ -0,0 +1,256 @@ + + + + + + Admin Bundle Comparison - SmartSolTech + + + + + + + + + + + + + + + +
+
+ +
+

+ SmartSolTech Admin Bundle 비교 +

+

+ 우리 웹사이트에 가장 적합한 관리자 패널을 선택해보세요. 각 솔루션의 기능과 디자인을 비교해보실 수 있습니다. +

+
+ + +
+ +
+
+

AdminLTE 3

+

무료 오픈소스 관리자 템플릿

+
+ +
+
+
+ + 완전 무료 오픈소스 +
+
+ + 한국어 지원 우수 +
+
+ + 풍부한 컴포넌트 +
+
+ + jQuery 기반 (안정성) +
+
+ + 대규모 커뮤니티 +
+
+ + Bootstrap 4/5 호환 +
+
+ +
+

주요 기능:

+
    +
  • • 반응형 대시보드
    • +
  • • 다양한 차트와 위젯
    • +
  • • 카드형 레이아웃
    • +
  • • 사이드바 접기/펼치기
    • +
  • • 어두운/밝은 테마
    • +
+
+ +
+ + + 데모 보기 + + + + 공식 사이트 + +
+
+
+ + +
+
+

Tabler

+

모던 관리자 대시보드 템플릿

+
+ +
+
+
+ + 모던한 디자인 +
+
+ + 빠른 성능 +
+
+ + SVG 아이콘 시스템 +
+
+ + Bootstrap 5 기반 +
+
+ + TypeScript 지원 +
+
+ + 최신 웹 표준 +
+
+ +
+

주요 기능:

+
    +
  • • 깔끔한 미니멀 디자인
    • +
  • • 3000+ 무료 SVG 아이콘
    • +
  • • 드롭다운 메뉴
    • +
  • • 모바일 최적화
    • +
  • • 빠른 로딩 속도
    • +
+
+ +
+ + + 데모 보기 + + + + 공식 사이트 + +
+
+
+
+ + +
+
+

상세 비교표

+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
기능AdminLTETabler
가격완전 무료무료 + Pro 버전
한국어 지원우수보통
디자인클래식모던
컴포넌트 수매우 많음적당함
성능양호우수
커뮤니티대규모성장중
학습 곡선쉬움보통
+
+
+ + +
+
+

+ + 추천 결과 +

+

+ SmartSolTech 웹사이트의 특성을 고려한 맞춤 추천 +

+ +
+

+ 🏆 AdminLTE 3 추천 +

+

+ 추천 이유:
+ • 한국 고객을 위한 완벽한 한국어 지원
+ • 무료로 모든 기능 사용 가능
+ • 기존 시스템과의 호환성 우수
+ • 풍부한 문서화와 커뮤니티 지원
+ • 기업용 웹사이트에 적합한 안정적인 디자인 +

+
+
+
+ + +
+ + + 메인 사이트로 돌아가기 + +
+
+
+ + \ No newline at end of file diff --git a/.history/views/admin-bundle-comparison_20251026211849.ejs b/.history/views/admin-bundle-comparison_20251026211849.ejs new file mode 100644 index 0000000..fc0b3b7 --- /dev/null +++ b/.history/views/admin-bundle-comparison_20251026211849.ejs @@ -0,0 +1,256 @@ + + + + + + Admin Bundle Comparison - SmartSolTech + + + + + + + + + + + + + + + +
+
+ +
+

+ SmartSolTech Admin Bundle 비교 +

+

+ 우리 웹사이트에 가장 적합한 관리자 패널을 선택해보세요. 각 솔루션의 기능과 디자인을 비교해보실 수 있습니다. +

+
+ + +
+ +
+
+

AdminLTE 3

+

무료 오픈소스 관리자 템플릿

+
+ +
+
+
+ + 완전 무료 오픈소스 +
+
+ + 한국어 지원 우수 +
+
+ + 풍부한 컴포넌트 +
+
+ + jQuery 기반 (안정성) +
+
+ + 대규모 커뮤니티 +
+
+ + Bootstrap 4/5 호환 +
+
+ +
+

주요 기능:

+
    +
  • • 반응형 대시보드
    • +
  • • 다양한 차트와 위젯
    • +
  • • 카드형 레이아웃
    • +
  • • 사이드바 접기/펼치기
    • +
  • • 어두운/밝은 테마
    • +
+
+ +
+ + + 데모 보기 + + + + 공식 사이트 + +
+
+
+ + +
+
+

Tabler

+

모던 관리자 대시보드 템플릿

+
+ +
+
+
+ + 모던한 디자인 +
+
+ + 빠른 성능 +
+
+ + SVG 아이콘 시스템 +
+
+ + Bootstrap 5 기반 +
+
+ + TypeScript 지원 +
+
+ + 최신 웹 표준 +
+
+ +
+

주요 기능:

+
    +
  • • 깔끔한 미니멀 디자인
    • +
  • • 3000+ 무료 SVG 아이콘
    • +
  • • 드롭다운 메뉴
    • +
  • • 모바일 최적화
    • +
  • • 빠른 로딩 속도
    • +
+
+ +
+ + + 데모 보기 + + + + 공식 사이트 + +
+
+
+
+ + +
+
+

상세 비교표

+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
기능AdminLTETabler
가격완전 무료무료 + Pro 버전
한국어 지원우수보통
디자인클래식모던
컴포넌트 수매우 많음적당함
성능양호우수
커뮤니티대규모성장중
학습 곡선쉬움보통
+
+
+ + +
+
+

+ + 추천 결과 +

+

+ SmartSolTech 웹사이트의 특성을 고려한 맞춤 추천 +

+ +
+

+ 🏆 AdminLTE 3 추천 +

+

+ 추천 이유:
+ • 한국 고객을 위한 완벽한 한국어 지원
+ • 무료로 모든 기능 사용 가능
+ • 기존 시스템과의 호환성 우수
+ • 풍부한 문서화와 커뮤니티 지원
+ • 기업용 웹사이트에 적합한 안정적인 디자인 +

+
+
+
+ + +
+ + + 메인 사이트로 돌아가기 + +
+
+
+ + \ No newline at end of file diff --git a/.history/views/admin/banner-editor_20251026215001.ejs b/.history/views/admin/banner-editor_20251026215001.ejs new file mode 100644 index 0000000..3aea304 --- /dev/null +++ b/.history/views/admin/banner-editor_20251026215001.ejs @@ -0,0 +1,361 @@ + +
+
+
+
+

Редактор Баннеров

+
+
+
    +
  1. Админ
    2. +
  2. Баннеры
    3. +
+
+
+
+
+ + +
+
+ +
+
+

Загрузить новый баннер

+
+
+
+ +

Перетащите изображения сюда или нажмите для выбора

+

Поддерживаются: JPG, PNG, GIF (максимум 10MB)

+ + +
+
+
+ + +
+
+

Текущие баннеры

+
+ +
+
+
+
+ +
+ + + +
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/.history/views/admin/banner-editor_20251026215051.ejs b/.history/views/admin/banner-editor_20251026215051.ejs new file mode 100644 index 0000000..3aea304 --- /dev/null +++ b/.history/views/admin/banner-editor_20251026215051.ejs @@ -0,0 +1,361 @@ + +
+
+
+
+

Редактор Баннеров

+
+
+
    +
  1. Админ
    2. +
  2. Баннеры
    3. +
+
+
+
+
+ + +
+
+ +
+
+

Загрузить новый баннер

+
+
+
+ +

Перетащите изображения сюда или нажмите для выбора

+

Поддерживаются: JPG, PNG, GIF (максимум 10MB)

+ + +
+
+
+ + +
+
+

Текущие баннеры

+
+ +
+
+
+
+ +
+ + + +
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/.history/views/admin/dashboard-adminlte_20251026211437.ejs b/.history/views/admin/dashboard-adminlte_20251026211437.ejs new file mode 100644 index 0000000..86119d4 --- /dev/null +++ b/.history/views/admin/dashboard-adminlte_20251026211437.ejs @@ -0,0 +1,359 @@ + +
+ +
+
+ + + +
+ 포트폴리오 프로젝트 + <%= stats.portfolioCount || 0 %> +
+
+
+ + 70% 완료된 프로젝트 + +
+
+
+ +
+
+ + + +
+ 제공 서비스 + <%= stats.servicesCount || 0 %> +
+
+
+ + 모든 서비스 활성화 + +
+
+
+ +
+
+ + + +
+ 문의 메시지 + <%= stats.contactsCount || 0 %> +
+
+
+ + 60% 응답 완료 + +
+
+
+ +
+
+ + + +
+ 관리자 계정 + <%= stats.usersCount || 0 %> +
+
+
+ + 모든 계정 활성화 + +
+
+
+
+ + +
+ +
+
+
+

+ + 최근 포트폴리오 프로젝트 +

+
+ +
+
+
+ <% if (recentPortfolio && recentPortfolio.length > 0) { %> +
    + <% recentPortfolio.forEach(function(project, index) { %> +
  • +
    + + + +
    +
    +
    <%= project.title %>
    +

    <%= project.category %>

    + + + <%= project.createdAt ? project.createdAt.toLocaleDateString('ko-KR') : '날짜 없음' %> + +
    +
    + + <%= project.status === 'completed' ? '완료' : project.status === 'in-progress' ? '진행중' : '계획' %> + +
    +
    • + <% }); %> +
+
+ + + 모든 프로젝트 보기 + +
+ <% } else { %> +
+ +

아직 포트폴리오 프로젝트가 없습니다.

+ + + 첫 번째 프로젝트 추가 + +
+ <% } %> +
+
+
+ + +
+
+
+

+ + 최근 문의 메시지 +

+
+ +
+
+
+ <% if (recentContacts && recentContacts.length > 0) { %> +
    + <% recentContacts.forEach(function(contact, index) { %> +
  • +
    +
    + <%= contact.name ? contact.name.charAt(0).toUpperCase() : 'U' %> +
    +
    +
    +
    <%= contact.name %>
    +

    <%= contact.email %>

    + + + <%= contact.createdAt ? contact.createdAt.toLocaleDateString('ko-KR') : '날짜 없음' %> + +
    +
    + + <%= contact.status === 'replied' ? '답변완료' : contact.status === 'pending' ? '대기중' : '신규' %> + +
    +
    • + <% }); %> +
+
+ + + 모든 문의 보기 + +
+ <% } else { %> +
+ +

새로운 문의가 없습니다.

+ 고객 문의가 들어오면 여기에 표시됩니다. +
+ <% } %> +
+
+
+
+ + +
+
+
+
+

+ + 빠른 작업 +

+
+
+
+
+
+ + + +
+ 새 프로젝트 + 추가하기 +
+
+
+ + 포트폴리오에 새 프로젝트 추가 → + +
+
+
+ +
+
+ + + +
+ 서비스 관리 + 설정 +
+
+
+ + 서비스 가격 및 내용 수정 → + +
+
+
+ +
+
+ + + +
+ 미디어 + 업로드 +
+
+
+ + 이미지 및 파일 관리 → + +
+
+
+ +
+
+ + + +
+ 사이트 설정 + 관리 +
+
+
+ + 전체 사이트 설정 변경 → + +
+
+
+
+
+
+
+
+ + +
+
+
+
+

+ + 시스템 상태 +

+
+
+
+
+
+ + 99.2% + +
서버 업타임
+ 지난 30일 +
+
+
+
+ + 2.3초 + +
평균 응답시간
+ 페이지 로딩 +
+
+
+
+
+
+ +
+
+
+

+ + 텔레그램 봇 상태 +

+
+
+
+
+
+ + 연결됨 + +
봇 상태
+ 정상 작동 +
+
+
+
+ + 24개 + +
전송된 알림
+ 오늘 +
+
+
+
+ + + 텔레그램 설정 + +
+
+
+
+
\ No newline at end of file diff --git a/.history/views/admin/dashboard-adminlte_20251026211450.ejs b/.history/views/admin/dashboard-adminlte_20251026211450.ejs new file mode 100644 index 0000000..86119d4 --- /dev/null +++ b/.history/views/admin/dashboard-adminlte_20251026211450.ejs @@ -0,0 +1,359 @@ + +
+ +
+
+ + + +
+ 포트폴리오 프로젝트 + <%= stats.portfolioCount || 0 %> +
+
+
+ + 70% 완료된 프로젝트 + +
+
+
+ +
+
+ + + +
+ 제공 서비스 + <%= stats.servicesCount || 0 %> +
+
+
+ + 모든 서비스 활성화 + +
+
+
+ +
+
+ + + +
+ 문의 메시지 + <%= stats.contactsCount || 0 %> +
+
+
+ + 60% 응답 완료 + +
+
+
+ +
+
+ + + +
+ 관리자 계정 + <%= stats.usersCount || 0 %> +
+
+
+ + 모든 계정 활성화 + +
+
+
+
+ + +
+ +
+
+
+

+ + 최근 포트폴리오 프로젝트 +

+
+ +
+
+
+ <% if (recentPortfolio && recentPortfolio.length > 0) { %> +
    + <% recentPortfolio.forEach(function(project, index) { %> +
  • +
    + + + +
    +
    +
    <%= project.title %>
    +

    <%= project.category %>

    + + + <%= project.createdAt ? project.createdAt.toLocaleDateString('ko-KR') : '날짜 없음' %> + +
    +
    + + <%= project.status === 'completed' ? '완료' : project.status === 'in-progress' ? '진행중' : '계획' %> + +
    +
    • + <% }); %> +
+
+ + + 모든 프로젝트 보기 + +
+ <% } else { %> +
+ +

아직 포트폴리오 프로젝트가 없습니다.

+ + + 첫 번째 프로젝트 추가 + +
+ <% } %> +
+
+
+ + +
+
+
+

+ + 최근 문의 메시지 +

+
+ +
+
+
+ <% if (recentContacts && recentContacts.length > 0) { %> +
    + <% recentContacts.forEach(function(contact, index) { %> +
  • +
    +
    + <%= contact.name ? contact.name.charAt(0).toUpperCase() : 'U' %> +
    +
    +
    +
    <%= contact.name %>
    +

    <%= contact.email %>

    + + + <%= contact.createdAt ? contact.createdAt.toLocaleDateString('ko-KR') : '날짜 없음' %> + +
    +
    + + <%= contact.status === 'replied' ? '답변완료' : contact.status === 'pending' ? '대기중' : '신규' %> + +
    +
    • + <% }); %> +
+
+ + + 모든 문의 보기 + +
+ <% } else { %> +
+ +

새로운 문의가 없습니다.

+ 고객 문의가 들어오면 여기에 표시됩니다. +
+ <% } %> +
+
+
+
+ + +
+
+
+
+

+ + 빠른 작업 +

+
+
+
+
+
+ + + +
+ 새 프로젝트 + 추가하기 +
+
+
+ + 포트폴리오에 새 프로젝트 추가 → + +
+
+
+ +
+
+ + + +
+ 서비스 관리 + 설정 +
+
+
+ + 서비스 가격 및 내용 수정 → + +
+
+
+ +
+
+ + + +
+ 미디어 + 업로드 +
+
+
+ + 이미지 및 파일 관리 → + +
+
+
+ +
+
+ + + +
+ 사이트 설정 + 관리 +
+
+
+ + 전체 사이트 설정 변경 → + +
+
+
+
+
+
+
+
+ + +
+
+
+
+

+ + 시스템 상태 +

+
+
+
+
+
+ + 99.2% + +
서버 업타임
+ 지난 30일 +
+
+
+
+ + 2.3초 + +
평균 응답시간
+ 페이지 로딩 +
+
+
+
+
+
+ +
+
+
+

+ + 텔레그램 봇 상태 +

+
+
+
+
+
+ + 연결됨 + +
봇 상태
+ 정상 작동 +
+
+
+
+ + 24개 + +
전송된 알림
+ 오늘 +
+
+
+
+ + + 텔레그램 설정 + +
+
+
+
+
\ No newline at end of file diff --git a/.history/views/admin/dashboard-tabler_20251026211643.ejs b/.history/views/admin/dashboard-tabler_20251026211643.ejs new file mode 100644 index 0000000..70fee60 --- /dev/null +++ b/.history/views/admin/dashboard-tabler_20251026211643.ejs @@ -0,0 +1,342 @@ + +
+ +
+
+
+
+
+
+
+ + + +
+
+
+ 포트폴리오 프로젝트 +
+
+ <%= stats.portfolioCount || 0 %>개 프로젝트 +
+
+
+
+
+
+ +
+
+
+
+
+ + + +
+
+
+ 제공 서비스 +
+
+ <%= stats.servicesCount || 0 %>개 서비스 +
+
+
+
+
+
+ +
+
+
+
+
+ + + +
+
+
+ 문의 메시지 +
+
+ <%= stats.contactsCount || 0 %>개 메시지 +
+
+
+
+
+
+ +
+
+
+
+
+ + + +
+
+
+ 관리자 계정 +
+
+ <%= stats.usersCount || 0 %>명 사용자 +
+
+
+
+
+
+
+
+ + +
+
+
+

최근 포트폴리오 프로젝트

+
+
+ <% if (recentPortfolio && recentPortfolio.length > 0) { %> +
+ <% recentPortfolio.forEach(function(project, index) { %> +
+
+ + + +
+
+
+ <%= project.title %> +
+
+ <%= project.category %> • + <%= project.createdAt ? project.createdAt.toLocaleDateString('ko-KR') : '날짜 없음' %> +
+
+
+ + <%= project.status === 'completed' ? '완료' : project.status === 'in-progress' ? '진행중' : '계획' %> + +
+
+ <% }); %> +
+
+ + 모든 프로젝트 보기 + +
+ <% } else { %> +
+
+ +
+

포트폴리오가 없습니다

+

+ 첫 번째 프로젝트를 추가해보세요 +

+
+ + + 프로젝트 추가 + +
+
+ <% } %> +
+
+
+ + +
+
+
+

최근 문의 메시지

+
+
+ <% if (recentContacts && recentContacts.length > 0) { %> +
+ <% recentContacts.forEach(function(contact, index) { %> +
+
+ + <%= contact.name ? contact.name.charAt(0).toUpperCase() : 'U' %> + +
+
+
+ <%= contact.name %> +
+
+ <%= contact.email %> • + <%= contact.createdAt ? contact.createdAt.toLocaleDateString('ko-KR') : '날짜 없음' %> +
+
+
+ + <%= contact.status === 'replied' ? '답변완료' : contact.status === 'pending' ? '대기중' : '신규' %> + +
+
+ <% }); %> +
+
+ + 모든 문의 보기 + +
+ <% } else { %> +
+
+ +
+

새로운 문의가 없습니다

+

+ 고객 문의가 들어오면 여기에 표시됩니다 +

+
+ <% } %> +
+
+
+ + +
+
+
+

빠른 작업

+
+
+
+
+ +
+
+ +
+
새 프로젝트
+
포트폴리오에 추가
+
+ +
+ +
+ +
+
+ +
+
서비스 관리
+
가격 및 내용 수정
+
+ +
+ +
+ +
+
+ +
+
미디어 업로드
+
이미지 및 파일 관리
+
+ +
+ +
+ +
+
+ +
+
사이트 설정
+
전체 설정 관리
+
+ +
+
+
+
+
+ + +
+
+
+

시스템 상태

+
+
+
+
+
+
+ +
+
+
99.2%
+
서버 업타임
+
+
+
+
+
+
+ +
+
+
2.3초
+
평균 응답시간
+
+
+
+
+
+
+
+ + +
+
+
+

텔레그램 봇

+
+
+
+
+
+
+ +
+
+
연결됨
+
봇 상태
+
+
+
+
+
+
+ +
+
+
24
+
오늘 전송
+
+
+
+
+
+ + 텔레그램 설정 + +
+
+
+
+
\ No newline at end of file diff --git a/.history/views/admin/dashboard-tabler_20251026211716.ejs b/.history/views/admin/dashboard-tabler_20251026211716.ejs new file mode 100644 index 0000000..70fee60 --- /dev/null +++ b/.history/views/admin/dashboard-tabler_20251026211716.ejs @@ -0,0 +1,342 @@ + +
+ +
+
+
+
+
+
+
+ + + +
+
+
+ 포트폴리오 프로젝트 +
+
+ <%= stats.portfolioCount || 0 %>개 프로젝트 +
+
+
+
+
+
+ +
+
+
+
+
+ + + +
+
+
+ 제공 서비스 +
+
+ <%= stats.servicesCount || 0 %>개 서비스 +
+
+
+
+
+
+ +
+
+
+
+
+ + + +
+
+
+ 문의 메시지 +
+
+ <%= stats.contactsCount || 0 %>개 메시지 +
+
+
+
+
+
+ +
+
+
+
+
+ + + +
+
+
+ 관리자 계정 +
+
+ <%= stats.usersCount || 0 %>명 사용자 +
+
+
+
+
+
+
+
+ + +
+
+
+

최근 포트폴리오 프로젝트

+
+
+ <% if (recentPortfolio && recentPortfolio.length > 0) { %> +
+ <% recentPortfolio.forEach(function(project, index) { %> +
+
+ + + +
+
+
+ <%= project.title %> +
+
+ <%= project.category %> • + <%= project.createdAt ? project.createdAt.toLocaleDateString('ko-KR') : '날짜 없음' %> +
+
+
+ + <%= project.status === 'completed' ? '완료' : project.status === 'in-progress' ? '진행중' : '계획' %> + +
+
+ <% }); %> +
+
+ + 모든 프로젝트 보기 + +
+ <% } else { %> +
+
+ +
+

포트폴리오가 없습니다

+

+ 첫 번째 프로젝트를 추가해보세요 +

+
+ + + 프로젝트 추가 + +
+
+ <% } %> +
+
+
+ + +
+
+
+

최근 문의 메시지

+
+
+ <% if (recentContacts && recentContacts.length > 0) { %> +
+ <% recentContacts.forEach(function(contact, index) { %> +
+
+ + <%= contact.name ? contact.name.charAt(0).toUpperCase() : 'U' %> + +
+
+
+ <%= contact.name %> +
+
+ <%= contact.email %> • + <%= contact.createdAt ? contact.createdAt.toLocaleDateString('ko-KR') : '날짜 없음' %> +
+
+
+ + <%= contact.status === 'replied' ? '답변완료' : contact.status === 'pending' ? '대기중' : '신규' %> + +
+
+ <% }); %> +
+
+ + 모든 문의 보기 + +
+ <% } else { %> +
+
+ +
+

새로운 문의가 없습니다

+

+ 고객 문의가 들어오면 여기에 표시됩니다 +

+
+ <% } %> +
+
+
+ + +
+
+
+

빠른 작업

+
+
+
+
+ +
+
+ +
+
새 프로젝트
+
포트폴리오에 추가
+
+ +
+ +
+ +
+
+ +
+
서비스 관리
+
가격 및 내용 수정
+
+ +
+ +
+ +
+
+ +
+
미디어 업로드
+
이미지 및 파일 관리
+
+ +
+ +
+ +
+
+ +
+
사이트 설정
+
전체 설정 관리
+
+ +
+
+
+
+
+ + +
+
+
+

시스템 상태

+
+
+
+
+
+
+ +
+
+
99.2%
+
서버 업타임
+
+
+
+
+
+
+ +
+
+
2.3초
+
평균 응답시간
+
+
+
+
+
+
+
+ + +
+
+
+

텔레그램 봇

+
+
+
+
+
+
+ +
+
+
연결됨
+
봇 상태
+
+
+
+
+
+
+ +
+
+
24
+
오늘 전송
+
+
+
+
+
+ + 텔레그램 설정 + +
+
+
+
+
\ No newline at end of file diff --git a/.history/views/admin/dashboard_20251026212530.ejs b/.history/views/admin/dashboard_20251026212530.ejs new file mode 100644 index 0000000..670abad --- /dev/null +++ b/.history/views/admin/dashboard_20251026212530.ejs @@ -0,0 +1,360 @@ + + +
+ +
+
+ + + +
+ 포트폴리오 프로젝트 + <%= stats.portfolioCount || 0 %> +
+
+
+ + 70% 완료된 프로젝트 + +
+
+
+ +
+
+ + + +
+ 제공 서비스 + <%= stats.servicesCount || 0 %> +
+
+
+ + 모든 서비스 활성화 + +
+
+
+ +
+
+ + + +
+ 문의 메시지 + <%= stats.contactsCount || 0 %> +
+
+
+ + 60% 응답 완료 + +
+
+
+ +
+
+ + + +
+ 관리자 계정 + <%= stats.usersCount || 0 %> +
+
+
+ + 모든 계정 활성화 + +
+
+
+
+ + +
+ +
+
+
+

+ + 최근 포트폴리오 프로젝트 +

+
+ +
+
+
+ <% if (recentPortfolio && recentPortfolio.length > 0) { %> +
    + <% recentPortfolio.forEach(function(project, index) { %> +
  • +
    + + + +
    +
    +
    <%= project.title %>
    +

    <%= project.category %>

    + + + <%= project.createdAt ? project.createdAt.toLocaleDateString('ko-KR') : '날짜 없음' %> + +
    +
    + + <%= project.status === 'completed' ? '완료' : project.status === 'in-progress' ? '진행중' : '계획' %> + +
    +
    • + <% }); %> +
+
+ + + 모든 프로젝트 보기 + +
+ <% } else { %> +
+ +

아직 포트폴리오 프로젝트가 없습니다.

+ + + 첫 번째 프로젝트 추가 + +
+ <% } %> +
+
+
+ + +
+
+
+

+ + 최근 문의 메시지 +

+
+ +
+
+
+ <% if (recentContacts && recentContacts.length > 0) { %> +
    + <% recentContacts.forEach(function(contact, index) { %> +
  • +
    +
    + <%= contact.name ? contact.name.charAt(0).toUpperCase() : 'U' %> +
    +
    +
    +
    <%= contact.name %>
    +

    <%= contact.email %>

    + + + <%= contact.createdAt ? contact.createdAt.toLocaleDateString('ko-KR') : '날짜 없음' %> + +
    +
    + + <%= contact.status === 'replied' ? '답변완료' : contact.status === 'pending' ? '대기중' : '신규' %> + +
    +
    • + <% }); %> +
+
+ + + 모든 문의 보기 + +
+ <% } else { %> +
+ +

새로운 문의가 없습니다.

+ 고객 문의가 들어오면 여기에 표시됩니다. +
+ <% } %> +
+
+
+
+ + +
+
+
+
+

+ + 빠른 작업 +

+
+
+
+
+
+ + + +
+ 새 프로젝트 + 추가하기 +
+
+
+ + 포트폴리오에 새 프로젝트 추가 → + +
+
+
+ +
+
+ + + +
+ 서비스 관리 + 설정 +
+
+
+ + 서비스 가격 및 내용 수정 → + +
+
+
+ +
+
+ + + +
+ 미디어 + 업로드 +
+
+
+ + 이미지 및 파일 관리 → + +
+
+
+ +
+
+ + + +
+ 사이트 설정 + 관리 +
+
+
+ + 전체 사이트 설정 변경 → + +
+
+
+
+
+
+
+
+ + +
+
+
+
+

+ + 시스템 상태 +

+
+
+
+
+
+ + 99.2% + +
서버 업타임
+ 지난 30일 +
+
+
+
+ + 2.3초 + +
평균 응답시간
+ 페이지 로딩 +
+
+
+
+
+
+ +
+
+
+

+ + 텔레그램 봇 상태 +

+
+
+
+
+
+ + 연결됨 + +
봇 상태
+ 정상 작동 +
+
+
+
+ + 24개 + +
전송된 알림
+ 오늘 +
+
+
+
+ + + 텔레그램 설정 + +
+
+
+
+
diff --git a/.history/views/admin/dashboard_20251026212607.ejs b/.history/views/admin/dashboard_20251026212607.ejs new file mode 100644 index 0000000..670abad --- /dev/null +++ b/.history/views/admin/dashboard_20251026212607.ejs @@ -0,0 +1,360 @@ + + +
+ +
+
+ + + +
+ 포트폴리오 프로젝트 + <%= stats.portfolioCount || 0 %> +
+
+
+ + 70% 완료된 프로젝트 + +
+
+
+ +
+
+ + + +
+ 제공 서비스 + <%= stats.servicesCount || 0 %> +
+
+
+ + 모든 서비스 활성화 + +
+
+
+ +
+
+ + + +
+ 문의 메시지 + <%= stats.contactsCount || 0 %> +
+
+
+ + 60% 응답 완료 + +
+
+
+ +
+
+ + + +
+ 관리자 계정 + <%= stats.usersCount || 0 %> +
+
+
+ + 모든 계정 활성화 + +
+
+
+
+ + +
+ +
+
+
+

+ + 최근 포트폴리오 프로젝트 +

+
+ +
+
+
+ <% if (recentPortfolio && recentPortfolio.length > 0) { %> +
    + <% recentPortfolio.forEach(function(project, index) { %> +
  • +
    + + + +
    +
    +
    <%= project.title %>
    +

    <%= project.category %>

    + + + <%= project.createdAt ? project.createdAt.toLocaleDateString('ko-KR') : '날짜 없음' %> + +
    +
    + + <%= project.status === 'completed' ? '완료' : project.status === 'in-progress' ? '진행중' : '계획' %> + +
    +
    • + <% }); %> +
+
+ + + 모든 프로젝트 보기 + +
+ <% } else { %> +
+ +

아직 포트폴리오 프로젝트가 없습니다.

+ + + 첫 번째 프로젝트 추가 + +
+ <% } %> +
+
+
+ + +
+
+
+

+ + 최근 문의 메시지 +

+
+ +
+
+
+ <% if (recentContacts && recentContacts.length > 0) { %> +
    + <% recentContacts.forEach(function(contact, index) { %> +
  • +
    +
    + <%= contact.name ? contact.name.charAt(0).toUpperCase() : 'U' %> +
    +
    +
    +
    <%= contact.name %>
    +

    <%= contact.email %>

    + + + <%= contact.createdAt ? contact.createdAt.toLocaleDateString('ko-KR') : '날짜 없음' %> + +
    +
    + + <%= contact.status === 'replied' ? '답변완료' : contact.status === 'pending' ? '대기중' : '신규' %> + +
    +
    • + <% }); %> +
+
+ + + 모든 문의 보기 + +
+ <% } else { %> +
+ +

새로운 문의가 없습니다.

+ 고객 문의가 들어오면 여기에 표시됩니다. +
+ <% } %> +
+
+
+
+ + +
+
+
+
+

+ + 빠른 작업 +

+
+
+
+
+
+ + + +
+ 새 프로젝트 + 추가하기 +
+
+
+ + 포트폴리오에 새 프로젝트 추가 → + +
+
+
+ +
+
+ + + +
+ 서비스 관리 + 설정 +
+
+
+ + 서비스 가격 및 내용 수정 → + +
+
+
+ +
+
+ + + +
+ 미디어 + 업로드 +
+
+
+ + 이미지 및 파일 관리 → + +
+
+
+ +
+
+ + + +
+ 사이트 설정 + 관리 +
+
+
+ + 전체 사이트 설정 변경 → + +
+
+
+
+
+
+
+
+ + +
+
+
+
+

+ + 시스템 상태 +

+
+
+
+
+
+ + 99.2% + +
서버 업타임
+ 지난 30일 +
+
+
+
+ + 2.3초 + +
평균 응답시간
+ 페이지 로딩 +
+
+
+
+
+
+ +
+
+
+

+ + 텔레그램 봇 상태 +

+
+
+
+
+
+ + 연결됨 + +
봇 상태
+ 정상 작동 +
+
+
+
+ + 24개 + +
전송된 알림
+ 오늘 +
+
+
+
+ + + 텔레그램 설정 + +
+
+
+
+
diff --git a/.history/views/admin/layout-adminlte_20251026211349.ejs b/.history/views/admin/layout-adminlte_20251026211349.ejs new file mode 100644 index 0000000..4a6d4df --- /dev/null +++ b/.history/views/admin/layout-adminlte_20251026211349.ejs @@ -0,0 +1,268 @@ + + + + + + <%= title %> - SmartSolTech Admin + + + + + + + + + + + + + + + + +
+ + + + + + + +
+ +
+
+
+
+

<%= title %>

+
+
+
    +
  1. 홈
    2. + <% if (currentPage !== 'dashboard') { %> +
  2. <%= title %>
    3. + <% } %> +
+
+
+
+
+ + +
+
+ <%- body %> +
+
+
+ + +
+ © 2024 SmartSolTech + 모든 권리 보유. +
+ Version 2.0.0 +
+
+
+ + + + + + + + + + + + \ No newline at end of file diff --git a/.history/views/admin/layout-adminlte_20251026211450.ejs b/.history/views/admin/layout-adminlte_20251026211450.ejs new file mode 100644 index 0000000..4a6d4df --- /dev/null +++ b/.history/views/admin/layout-adminlte_20251026211450.ejs @@ -0,0 +1,268 @@ + + + + + + <%= title %> - SmartSolTech Admin + + + + + + + + + + + + + + + + +
+ + + + + + + +
+ +
+
+
+
+

<%= title %>

+
+
+
    +
  1. 홈
    2. + <% if (currentPage !== 'dashboard') { %> +
  2. <%= title %>
    3. + <% } %> +
+
+
+
+
+ + +
+
+ <%- body %> +
+
+
+ + +
+ © 2024 SmartSolTech + 모든 권리 보유. +
+ Version 2.0.0 +
+
+
+ + + + + + + + + + + + \ No newline at end of file diff --git a/.history/views/admin/layout-tabler_20251026211559.ejs b/.history/views/admin/layout-tabler_20251026211559.ejs new file mode 100644 index 0000000..2a9a320 --- /dev/null +++ b/.history/views/admin/layout-tabler_20251026211559.ejs @@ -0,0 +1,251 @@ + + + + + + <%= title %> - SmartSolTech Admin + + + + + + + + + + + + + + + + + +
+ + + + +
+
+ + +
+
+ + +
+
<%= user ? user.name : '관리자' %>
+
관리자
+
+ +
+ 설정 + 사이트 보기 +
+
+ +
+
+
+
+
+
+ +
+ +
+
+
+
+

+ <%= title %> +

+
+
+
+
+ + +
+
+ <%- body %> +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/.history/views/admin/layout-tabler_20251026211716.ejs b/.history/views/admin/layout-tabler_20251026211716.ejs new file mode 100644 index 0000000..2a9a320 --- /dev/null +++ b/.history/views/admin/layout-tabler_20251026211716.ejs @@ -0,0 +1,251 @@ + + + + + + <%= title %> - SmartSolTech Admin + + + + + + + + + + + + + + + + + +
+ + + + +
+
+ + +
+
+ + +
+
<%= user ? user.name : '관리자' %>
+
관리자
+
+ +
+ 설정 + 사이트 보기 +
+
+ +
+
+
+
+
+
+ +
+ +
+
+
+
+

+ <%= title %> +

+
+
+
+
+ + +
+
+ <%- body %> +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/.history/views/admin/layout_20251026212417.ejs b/.history/views/admin/layout_20251026212417.ejs new file mode 100644 index 0000000..101b4b6 --- /dev/null +++ b/.history/views/admin/layout_20251026212417.ejs @@ -0,0 +1,276 @@ + + + + + + <%= title %> - SmartSolTech Admin + + + + + + + + + + + + + + + + +
+ + + + + + + +
+ +
+
+
+
+

<%= title %>

+
+
+
    +
  1. 홈
    2. + <% if (currentPage !== 'dashboard') { %> +
  2. <%= title %>
    3. + <% } %> +
+
+
+
+
+ + +
+
+ <%- body %> +
+
+
+ + +
+ © 2024 SmartSolTech + 모든 권리 보유. +
+ Version 2.0.0 +
+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/.history/views/admin/layout_20251026212427.ejs b/.history/views/admin/layout_20251026212427.ejs new file mode 100644 index 0000000..101b4b6 --- /dev/null +++ b/.history/views/admin/layout_20251026212427.ejs @@ -0,0 +1,276 @@ + + + + + + <%= title %> - SmartSolTech Admin + + + + + + + + + + + + + + + + +
+ + + + + + + +
+ +
+
+
+
+

<%= title %>

+
+
+
    +
  1. 홈
    2. + <% if (currentPage !== 'dashboard') { %> +
  2. <%= title %>
    3. + <% } %> +
+
+
+
+
+ + +
+
+ <%- body %> +
+
+
+ + +
+ © 2024 SmartSolTech + 모든 권리 보유. +
+ Version 2.0.0 +
+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/.history/views/admin/layout_20251026215820.ejs b/.history/views/admin/layout_20251026215820.ejs new file mode 100644 index 0000000..970841f --- /dev/null +++ b/.history/views/admin/layout_20251026215820.ejs @@ -0,0 +1,279 @@ + + + + + + <%= title %> - SmartSolTech Admin + + + + + + + + + + + + + + + + + + + +
+ + + + + + + +
+ +
+
+
+
+

<%= title %>

+
+
+
    +
  1. 홈
    2. + <% if (currentPage !== 'dashboard') { %> +
  2. <%= title %>
    3. + <% } %> +
+
+
+
+
+ + +
+
+ <%- body %> +
+
+
+ + +
+ © 2024 SmartSolTech + 모든 권리 보유. +
+ Version 2.0.0 +
+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/.history/views/admin/layout_20251026215830.ejs b/.history/views/admin/layout_20251026215830.ejs new file mode 100644 index 0000000..e41c27b --- /dev/null +++ b/.history/views/admin/layout_20251026215830.ejs @@ -0,0 +1,279 @@ + + + + + + <%= title %> - SmartSolTech Admin + + + + + + + + + + + + + + + + + + + +
+ + + + + + + +
+ +
+
+
+
+

<%= title %>

+
+
+
    +
  1. 홈
    2. + <% if (currentPage !== 'dashboard') { %> +
  2. <%= title %>
    3. + <% } %> +
+
+
+
+
+ + +
+
+ <%- body %> +
+
+
+ + +
+ © 2024 SmartSolTech + 모든 권리 보유. +
+ Version 2.0.0 +
+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/.history/views/admin/layout_20251026215850.ejs b/.history/views/admin/layout_20251026215850.ejs new file mode 100644 index 0000000..e41c27b --- /dev/null +++ b/.history/views/admin/layout_20251026215850.ejs @@ -0,0 +1,279 @@ + + + + + + <%= title %> - SmartSolTech Admin + + + + + + + + + + + + + + + + + + + +
+ + + + + + + +
+ +
+
+
+
+

<%= title %>

+
+
+
    +
  1. 홈
    2. + <% if (currentPage !== 'dashboard') { %> +
  2. <%= title %>
    3. + <% } %> +
+
+
+
+
+ + +
+
+ <%- body %> +
+
+
+ + +
+ © 2024 SmartSolTech + 모든 권리 보유. +
+ Version 2.0.0 +
+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/.history/views/admin/layout_20251026220236.ejs b/.history/views/admin/layout_20251026220236.ejs new file mode 100644 index 0000000..b5bf9e6 --- /dev/null +++ b/.history/views/admin/layout_20251026220236.ejs @@ -0,0 +1,328 @@ + + + + + + <%= title %> - SmartSolTech Admin + + + + + + + + + + + + + + + + + + + +
+ + + + + + + +
+ +
+
+
+
+

<%= title %>

+
+
+
    +
  1. 홈
    2. + <% if (currentPage !== 'dashboard') { %> +
  2. <%= title %>
    3. + <% } %> +
+
+
+
+
+ + +
+
+ <%- body %> +
+
+
+ + +
+ © 2024 SmartSolTech + 모든 권리 보유. +
+ Version 2.0.0 +
+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/.history/views/admin/layout_20251026220250.ejs b/.history/views/admin/layout_20251026220250.ejs new file mode 100644 index 0000000..192503d --- /dev/null +++ b/.history/views/admin/layout_20251026220250.ejs @@ -0,0 +1,353 @@ + + + + + + <%= title %> - SmartSolTech Admin + + + + + + + + + + + + + + + + + + + +
+ + + + + + + +
+ +
+
+
+
+

<%= title %>

+
+
+
    +
  1. 홈
    2. + <% if (currentPage !== 'dashboard') { %> +
  2. <%= title %>
    3. + <% } %> +
+
+
+
+
+ + +
+
+ <%- body %> +
+
+
+ + +
+ © 2024 SmartSolTech + 모든 권리 보유. +
+ Version 2.0.0 +
+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/.history/views/admin/layout_20251026220452.ejs b/.history/views/admin/layout_20251026220452.ejs new file mode 100644 index 0000000..192503d --- /dev/null +++ b/.history/views/admin/layout_20251026220452.ejs @@ -0,0 +1,353 @@ + + + + + + <%= title %> - SmartSolTech Admin + + + + + + + + + + + + + + + + + + + +
+ + + + + + + +
+ +
+
+
+
+

<%= title %>

+
+
+
    +
  1. 홈
    2. + <% if (currentPage !== 'dashboard') { %> +
  2. <%= title %>
    3. + <% } %> +
+
+
+
+
+ + +
+
+ <%- body %> +
+
+
+ + +
+ © 2024 SmartSolTech + 모든 권리 보유. +
+ Version 2.0.0 +
+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/.history/views/admin/media_20251026214204.ejs b/.history/views/admin/media_20251026214204.ejs new file mode 100644 index 0000000..546d724 --- /dev/null +++ b/.history/views/admin/media_20251026214204.ejs @@ -0,0 +1,788 @@ + +
+
+
+
+

Медиа Галерея

+
+
+
+ + +
+
+
+
+
+ + +
+
+ + + + + + + +
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ +
+ +
+ +
+
+
+
+
+
+
+ + +
+
+

Файлы

+
+ Загрузка... +
+ + +
+
+
+
+ +
+ +

Загрузка медиа файлов...

+
+ + + + + +
+ +
+ + + +
+ + + +
+
+
+ + + + + + + \ No newline at end of file diff --git a/.history/views/admin/media_20251026214214.ejs b/.history/views/admin/media_20251026214214.ejs new file mode 100644 index 0000000..546d724 --- /dev/null +++ b/.history/views/admin/media_20251026214214.ejs @@ -0,0 +1,788 @@ + +
+
+
+
+

Медиа Галерея

+
+
+
+ + +
+
+
+
+
+ + +
+
+ + + + + + + +
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ +
+ +
+ +
+
+
+
+
+
+
+ + +
+
+

Файлы

+
+ Загрузка... +
+ + +
+
+
+
+ +
+ +

Загрузка медиа файлов...

+
+ + + + + +
+ +
+ + + +
+ + + +
+
+
+ + + + + + + \ No newline at end of file diff --git a/.history/views/admin/media_20251026214344.ejs b/.history/views/admin/media_20251026214344.ejs new file mode 100644 index 0000000..daf4caa --- /dev/null +++ b/.history/views/admin/media_20251026214344.ejs @@ -0,0 +1,1251 @@ + +
+
+
+
+

Медиа Галерея

+
+
+
+ + +
+
+
+
+
+ + +
+
+ + + + + + + +
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ +
+ +
+ +
+
+
+
+
+
+
+ + +
+
+

Файлы

+
+ Загрузка... +
+ + +
+
+
+
+ +
+ +

Загрузка медиа файлов...

+
+ + + + + +
+ +
+ + + +
+ + + +
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/.history/views/admin/media_20251026214418.ejs b/.history/views/admin/media_20251026214418.ejs new file mode 100644 index 0000000..daf4caa --- /dev/null +++ b/.history/views/admin/media_20251026214418.ejs @@ -0,0 +1,1251 @@ + +
+
+
+
+

Медиа Галерея

+
+
+
+ + +
+
+
+
+
+ + +
+
+ + + + + + + +
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ +
+ +
+ +
+
+
+
+
+
+
+ + +
+
+

Файлы

+
+ Загрузка... +
+ + +
+
+
+
+ +
+ +

Загрузка медиа файлов...

+
+ + + + + +
+ +
+ + + +
+ + + +
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/.history/views/admin/portfolio/list_20251026221344.ejs b/.history/views/admin/portfolio/list_20251026221344.ejs new file mode 100644 index 0000000..87b9faf --- /dev/null +++ b/.history/views/admin/portfolio/list_20251026221344.ejs @@ -0,0 +1,362 @@ + +
+
+
+
+

Управление портфолио

+
+
+
    +
  1. Админ
    2. +
  2. Портфолио
    3. +
+
+
+
+
+ + +
+
+ +
+
+
+
+
+
+
+ +
+ +
+
+
+
+ +
+
+ +
+
+ + Добавить проект + +
+
+
+
+
+
+ + +
+
+

Список проектов

+
+ + Всего: <%= portfolio ? portfolio.length : 0 %> + +
+
+
+ + + + + + + + + + + + + + <% if (portfolio && portfolio.length > 0) { %> + <% portfolio.forEach(item => { %> + + + + + + + + + + <% }) %> + <% } else { %> + + + + <% } %> + +
ФотоНазваниеКатегорияСтатусТехнологииСозданоДействия
+ <% if (item.images && item.images.length > 0) { %> + <%= item.title %> + <% } else { %> +
+ +
+ <% } %> + 		+
+ <%= item.title %> + <% if (item.featured) { %> + + + + <% } %> +
+ <%= item.shortDescription || 'Описание не указано' %> + 		+ + <%= item.category.replace('-', ' ') %> + + + <% if (item.isPublished) { %> + + Опубликовано + + <% } else { %> + + Черновик + + <% } %> + + <% if (item.technologies && item.technologies.length > 0) { %> + <% item.technologies.slice(0, 2).forEach(tech => { %> + <%= tech %> + <% }) %> + <% if (item.technologies.length > 2) { %> + +<%= item.technologies.length - 2 %> + <% } %> + <% } else { %> + — + <% } %> + + + <%= new Date(item.createdAt).toLocaleDateString('ru-RU') %> + + +
+ <% if (item.isPublished) { %> + + + + <% } %> + + + + + +
+
+
+ +

Проекты не найдены

+ + Добавить первый проект + +
+
+
+ + <% if (pagination && pagination.total > 1) { %> +
+
    + <% if (pagination.hasPrev) { %> +
  • + « +
    • + <% } %> + + <% for (let i = 1; i <= pagination.total; i++) { %> +
  • + <%= i %> +
    • + <% } %> + + <% if (pagination.hasNext) { %> +
  • + » +
    • + <% } %> +
+
+ <% } %> +
+
+
+ + \ No newline at end of file diff --git a/.history/views/admin/portfolio/list_20251026221355.ejs b/.history/views/admin/portfolio/list_20251026221355.ejs new file mode 100644 index 0000000..87b9faf --- /dev/null +++ b/.history/views/admin/portfolio/list_20251026221355.ejs @@ -0,0 +1,362 @@ + +
+
+
+
+

Управление портфолио

+
+
+
    +
  1. Админ
    2. +
  2. Портфолио
    3. +
+
+
+
+
+ + +
+
+ +
+
+
+
+
+
+
+ +
+ +
+
+
+
+ +
+
+ +
+
+ + Добавить проект + +
+
+
+
+
+
+ + +
+
+

Список проектов

+
+ + Всего: <%= portfolio ? portfolio.length : 0 %> + +
+
+
+ + + + + + + + + + + + + + <% if (portfolio && portfolio.length > 0) { %> + <% portfolio.forEach(item => { %> + + + + + + + + + + <% }) %> + <% } else { %> + + + + <% } %> + +
ФотоНазваниеКатегорияСтатусТехнологииСозданоДействия
+ <% if (item.images && item.images.length > 0) { %> + <%= item.title %> + <% } else { %> +
+ +
+ <% } %> + 		+
+ <%= item.title %> + <% if (item.featured) { %> + + + + <% } %> +
+ <%= item.shortDescription || 'Описание не указано' %> + 		+ + <%= item.category.replace('-', ' ') %> + + + <% if (item.isPublished) { %> + + Опубликовано + + <% } else { %> + + Черновик + + <% } %> + + <% if (item.technologies && item.technologies.length > 0) { %> + <% item.technologies.slice(0, 2).forEach(tech => { %> + <%= tech %> + <% }) %> + <% if (item.technologies.length > 2) { %> + +<%= item.technologies.length - 2 %> + <% } %> + <% } else { %> + — + <% } %> + + + <%= new Date(item.createdAt).toLocaleDateString('ru-RU') %> + + +
+ <% if (item.isPublished) { %> + + + + <% } %> + + + + + +
+
+
+ +

Проекты не найдены

+ + Добавить первый проект + +
+
+
+ + <% if (pagination && pagination.total > 1) { %> +
+
    + <% if (pagination.hasPrev) { %> +
  • + « +
    • + <% } %> + + <% for (let i = 1; i <= pagination.total; i++) { %> +
  • + <%= i %> +
    • + <% } %> + + <% if (pagination.hasNext) { %> +
  • + » +
    • + <% } %> +
+
+ <% } %> +
+
+
+ + \ No newline at end of file diff --git a/.history/views/admin/services/add_20251026220815.ejs b/.history/views/admin/services/add_20251026220815.ejs new file mode 100644 index 0000000..b986154 --- /dev/null +++ b/.history/views/admin/services/add_20251026220815.ejs @@ -0,0 +1,344 @@ + +
+
+
+
+

Добавить услугу

+
+
+
    +
  1. Админ
    2. +
  2. Услуги
    3. +
  3. Добавить
    4. +
+
+
+
+
+ + +
+
+
+
+
+ +
+
+

Основная информация

+
+
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
+
+ + +
+
+
+
+ + + FontAwesome класс иконки +
+
+
+ +
+ + +
+
+
+ + +
+
+

Ценообразование

+
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+ +
+ + +
+
+
+ + +
+
+

Функции и возможности

+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+
+ +
+ +
+
+

Настройки

+
+
+
+
+ + +
+
+ +
+
+ + +
+
+ +
+ + +
+
+
+ + +
+
+

Теги

+
+
+
+ + + Разделите теги запятыми +
+
+
+ + +
+
+

SEO настройки

+
+
+
+ + +
+ +
+ + +
+ +
+ + +
+
+
+
+
+ + +
+
+
+
+ + + Отмена + +
+
+
+
+
+
+
+ + \ No newline at end of file diff --git a/.history/views/admin/services/add_20251026220932.ejs b/.history/views/admin/services/add_20251026220932.ejs new file mode 100644 index 0000000..b986154 --- /dev/null +++ b/.history/views/admin/services/add_20251026220932.ejs @@ -0,0 +1,344 @@ + +
+
+
+
+

Добавить услугу

+
+
+
    +
  1. Админ
    2. +
  2. Услуги
    3. +
  3. Добавить
    4. +
+
+
+
+
+ + +
+
+
+
+
+ +
+
+

Основная информация

+
+
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
+
+ + +
+
+
+
+ + + FontAwesome класс иконки +
+
+
+ +
+ + +
+
+
+ + +
+
+

Ценообразование

+
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+ +
+ + +
+
+
+ + +
+
+

Функции и возможности

+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+
+ +
+ +
+
+

Настройки

+
+
+
+
+ + +
+
+ +
+
+ + +
+
+ +
+ + +
+
+
+ + +
+
+

Теги

+
+
+
+ + + Разделите теги запятыми +
+
+
+ + +
+
+

SEO настройки

+
+
+
+ + +
+ +
+ + +
+ +
+ + +
+
+
+
+
+ + +
+
+
+
+ + + Отмена + +
+
+
+
+
+
+
+ + \ No newline at end of file diff --git a/.history/views/admin/services/edit_20251026220907.ejs b/.history/views/admin/services/edit_20251026220907.ejs new file mode 100644 index 0000000..f8d8158 --- /dev/null +++ b/.history/views/admin/services/edit_20251026220907.ejs @@ -0,0 +1,410 @@ + +
+
+
+
+

Редактировать услугу

+
+
+
    +
  1. Админ
    2. +
  2. Услуги
    3. +
  3. Редактировать
    4. +
+
+
+
+
+ + +
+
+
+ +
+
+ +
+
+

Основная информация

+
+
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
+
+ + +
+
+
+
+ + + FontAwesome класс иконки +
+
+
+ +
+ + +
+
+
+ + +
+
+

Ценообразование

+
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+ +
+ + +
+
+
+ + +
+
+

Функции и возможности

+
+
+
+ <% if (service.features && service.features.length > 0) { %> + <% service.features.forEach((feature, index) => { %> +
+
+
+ +
+
+ +
+
+ +
+
+
+ <% }) %> + <% } else { %> +
+
+
+ +
+
+ +
+
+ +
+
+
+ <% } %> +
+ +
+
+
+ +
+ +
+
+

Настройки

+
+
+
+
+ > + +
+
+ +
+
+ > + +
+
+ +
+ + +
+
+
+ + +
+
+

Теги

+
+
+
+ + + Разделите теги запятыми +
+
+
+ + +
+
+

SEO настройки

+
+
+
+ + +
+ +
+ + +
+ +
+ + +
+
+
+
+
+ + +
+
+
+
+ + + Отмена + + +
+
+
+
+
+
+
+ + \ No newline at end of file diff --git a/.history/views/admin/services/edit_20251026220932.ejs b/.history/views/admin/services/edit_20251026220932.ejs new file mode 100644 index 0000000..f8d8158 --- /dev/null +++ b/.history/views/admin/services/edit_20251026220932.ejs @@ -0,0 +1,410 @@ + +
+
+
+
+

Редактировать услугу

+
+
+
    +
  1. Админ
    2. +
  2. Услуги
    3. +
  3. Редактировать
    4. +
+
+
+
+
+ + +
+
+
+ +
+
+ +
+
+

Основная информация

+
+
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
+
+ + +
+
+
+
+ + + FontAwesome класс иконки +
+
+
+ +
+ + +
+
+
+ + +
+
+

Ценообразование

+
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+ +
+ + +
+
+
+ + +
+
+

Функции и возможности

+
+
+
+ <% if (service.features && service.features.length > 0) { %> + <% service.features.forEach((feature, index) => { %> +
+
+
+ +
+
+ +
+
+ +
+
+
+ <% }) %> + <% } else { %> +
+
+
+ +
+
+ +
+
+ +
+
+
+ <% } %> +
+ +
+
+
+ +
+ +
+
+

Настройки

+
+
+
+
+ > + +
+
+ +
+
+ > + +
+
+ +
+ + +
+
+
+ + +
+
+

Теги

+
+
+
+ + + Разделите теги запятыми +
+
+
+ + +
+
+

SEO настройки

+
+
+
+ + +
+ +
+ + +
+ +
+ + +
+
+
+
+
+ + +
+
+
+
+ + + Отмена + + +
+
+
+
+
+
+
+ + \ No newline at end of file diff --git a/.history/views/admin/services/edit_20251026221027.ejs b/.history/views/admin/services/edit_20251026221027.ejs new file mode 100644 index 0000000..14bdaca --- /dev/null +++ b/.history/views/admin/services/edit_20251026221027.ejs @@ -0,0 +1,410 @@ + +
+
+
+
+

Редактировать услугу

+
+
+
    +
  1. Админ
    2. +
  2. Услуги
    3. +
  3. Редактировать
    4. +
+
+
+
+
+ + +
+
+
+ +
+
+ +
+
+

Основная информация

+
+
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
+
+ + +
+
+
+
+ + + FontAwesome класс иконки +
+
+
+ +
+ + +
+
+
+ + +
+
+

Ценообразование

+
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+ +
+ + +
+
+
+ + +
+
+

Функции и возможности

+
+
+
+ <% if (service.features && service.features.length > 0) { %> + <% service.features.forEach((feature, index) => { %> +
+
+
+ +
+
+ +
+
+ +
+
+
+ <% }) %> + <% } else { %> +
+
+
+ +
+
+ +
+
+ +
+
+
+ <% } %> +
+ +
+
+
+ +
+ +
+
+

Настройки

+
+
+
+
+ > + +
+
+ +
+
+ > + +
+
+ +
+ + +
+
+
+ + +
+
+

Теги

+
+
+
+ + + Разделите теги запятыми +
+
+
+ + +
+
+

SEO настройки

+
+
+
+ + +
+ +
+ + +
+ +
+ + +
+
+
+
+
+ + +
+
+
+
+ + + Отмена + + +
+
+
+
+
+
+
+ + \ No newline at end of file diff --git a/.history/views/admin/services/edit_20251026221035.ejs b/.history/views/admin/services/edit_20251026221035.ejs new file mode 100644 index 0000000..7a97324 --- /dev/null +++ b/.history/views/admin/services/edit_20251026221035.ejs @@ -0,0 +1,411 @@ + +
+
+
+
+

Редактировать услугу

+
+
+
    +
  1. Админ
    2. +
  2. Услуги
    3. +
  3. Редактировать
    4. +
+
+
+
+
+ + +
+
+
+ +
+
+ +
+
+

Основная информация

+
+
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
+
+ + +
+
+
+
+ + + FontAwesome класс иконки +
+
+
+ +
+ + +
+
+
+ + +
+
+

Ценообразование

+
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+ +
+ + +
+
+
+ + +
+
+

Функции и возможности

+
+
+
+ <% if (service.features && service.features.length > 0) { %> + <% service.features.forEach((feature, index) => { %> +
+
+
+ +
+
+ +
+
+ +
+
+
+ <% }) %> + <% } else { %> +
+
+
+ +
+
+ +
+
+ +
+
+
+ <% } %> +
+ +
+
+
+ +
+ +
+
+

Настройки

+
+
+
+
+ > + +
+
+ +
+
+ > + +
+
+ +
+ + +
+
+
+ + +
+
+

Теги

+
+
+
+ + + Разделите теги запятыми +
+
+
+ + +
+
+

SEO настройки

+
+
+
+ + +
+ +
+ + +
+ +
+ + +
+
+
+
+
+ + +
+
+
+
+ + + Отмена + + +
+
+
+
+
+
+
+ + \ No newline at end of file diff --git a/.history/views/admin/services/edit_20251026221118.ejs b/.history/views/admin/services/edit_20251026221118.ejs new file mode 100644 index 0000000..7a97324 --- /dev/null +++ b/.history/views/admin/services/edit_20251026221118.ejs @@ -0,0 +1,411 @@ + +
+
+
+
+

Редактировать услугу

+
+
+
    +
  1. Админ
    2. +
  2. Услуги
    3. +
  3. Редактировать
    4. +
+
+
+
+
+ + +
+
+
+ +
+
+ +
+
+

Основная информация

+
+
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
+
+ + +
+
+
+
+ + + FontAwesome класс иконки +
+
+
+ +
+ + +
+
+
+ + +
+
+

Ценообразование

+
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+ +
+ + +
+
+
+ + +
+
+

Функции и возможности

+
+
+
+ <% if (service.features && service.features.length > 0) { %> + <% service.features.forEach((feature, index) => { %> +
+
+
+ +
+
+ +
+
+ +
+
+
+ <% }) %> + <% } else { %> +
+
+
+ +
+
+ +
+
+ +
+
+
+ <% } %> +
+ +
+
+
+ +
+ +
+
+

Настройки

+
+
+
+
+ > + +
+
+ +
+
+ > + +
+
+ +
+ + +
+
+
+ + +
+
+

Теги

+
+
+
+ + + Разделите теги запятыми +
+
+
+ + +
+
+

SEO настройки

+
+
+
+ + +
+ +
+ + +
+ +
+ + +
+
+
+
+
+ + +
+
+
+
+ + + Отмена + + +
+
+
+
+
+
+
+ + \ No newline at end of file diff --git a/.history/views/admin/services/list_20251026220730.ejs b/.history/views/admin/services/list_20251026220730.ejs new file mode 100644 index 0000000..125dc77 --- /dev/null +++ b/.history/views/admin/services/list_20251026220730.ejs @@ -0,0 +1,206 @@ + +
+
+
+
+

Управление услугами

+
+
+
+ + + Добавить услугу + +
+
+
+
+
+ + +
+
+
+
+
+
+

Список услуг

+
+
+ +
+ +
+
+
+
+ +
+ <% if (services && services.length > 0) { %> + + + + + + + + + + + + + + + + <% services.forEach(service => { %> + + + + + + + + + + + + <% }) %> + +
IDНазваниеКатегорияСтатусЦена отВремяРекомендуемаяСозданоДействия
+ #<%= service.id.slice(-8) %> + +
+ + <%= service.name %> +
+ <% if (service.shortDescription) { %> + + <%= service.shortDescription.substring(0, 80) %><%= service.shortDescription.length > 80 ? '...' : '' %> + + <% } %> + 		+ <%= service.category %> + + <% if (service.isActive) { %> + Активна + <% } else { %> + Неактивна + <% } %> + + <% if (service.pricing && service.pricing.basePrice) { %> + $<%= service.pricing.basePrice %> + <% } else { %> + Не указана + <% } %> + + <% if (service.estimatedTime) { %> + + <%= service.estimatedTime %> + <% } else { %> + - + <% } %> + + <% if (service.featured) { %> + + <% } else { %> + + <% } %> + + + <%= new Date(service.createdAt).toLocaleDateString('ru-RU') %> + + +
+ + + + + + + +
+
+ <% } else { %> +
+ +

Услуги не найдены

+

Добавьте первую услугу для начала работы

+ + + Добавить услугу + +
+ <% } %> +
+ + + <% if (pagination && pagination.total > 1) { %> +
+
    + <% if (pagination.hasPrev) { %> +
  • + « +
    • + <% } %> + + <% for (let i = 1; i <= pagination.total; i++) { %> +
  • + <%= i %> +
    • + <% } %> + + <% if (pagination.hasNext) { %> +
  • + » +
    • + <% } %> +
+
+ <% } %> +
+
+
+
+
+ + \ No newline at end of file diff --git a/.history/views/admin/services/list_20251026220931.ejs b/.history/views/admin/services/list_20251026220931.ejs new file mode 100644 index 0000000..125dc77 --- /dev/null +++ b/.history/views/admin/services/list_20251026220931.ejs @@ -0,0 +1,206 @@ + +
+
+
+
+

Управление услугами

+
+
+
+ + + Добавить услугу + +
+
+
+
+
+ + +
+
+
+
+
+
+

Список услуг

+
+
+ +
+ +
+
+
+
+ +
+ <% if (services && services.length > 0) { %> + + + + + + + + + + + + + + + + <% services.forEach(service => { %> + + + + + + + + + + + + <% }) %> + +
IDНазваниеКатегорияСтатусЦена отВремяРекомендуемаяСозданоДействия
+ #<%= service.id.slice(-8) %> + +
+ + <%= service.name %> +
+ <% if (service.shortDescription) { %> + + <%= service.shortDescription.substring(0, 80) %><%= service.shortDescription.length > 80 ? '...' : '' %> + + <% } %> + 		+ <%= service.category %> + + <% if (service.isActive) { %> + Активна + <% } else { %> + Неактивна + <% } %> + + <% if (service.pricing && service.pricing.basePrice) { %> + $<%= service.pricing.basePrice %> + <% } else { %> + Не указана + <% } %> + + <% if (service.estimatedTime) { %> + + <%= service.estimatedTime %> + <% } else { %> + - + <% } %> + + <% if (service.featured) { %> + + <% } else { %> + + <% } %> + + + <%= new Date(service.createdAt).toLocaleDateString('ru-RU') %> + + +
+ + + + + + + +
+
+ <% } else { %> +
+ +

Услуги не найдены

+

Добавьте первую услугу для начала работы

+ + + Добавить услугу + +
+ <% } %> +
+ + + <% if (pagination && pagination.total > 1) { %> +
+
    + <% if (pagination.hasPrev) { %> +
  • + « +
    • + <% } %> + + <% for (let i = 1; i <= pagination.total; i++) { %> +
  • + <%= i %> +
    • + <% } %> + + <% if (pagination.hasNext) { %> +
  • + » +
    • + <% } %> +
+
+ <% } %> +
+
+
+
+
+ + \ No newline at end of file diff --git a/.history/views/admin/settings_20251026214908.ejs b/.history/views/admin/settings_20251026214908.ejs new file mode 100644 index 0000000..0de4d45 --- /dev/null +++ b/.history/views/admin/settings_20251026214908.ejs @@ -0,0 +1,362 @@ + +
+
+
+
+

Настройки сайта

+
+
+
    +
  1. Админ
    2. +
  2. Настройки
    3. +
+
+
+
+
+ + +
+
+ +
+
+

Основная информация

+
+
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+ +
+ + +
+ +
+
+
+ + +
+
+
+
+ + +
+
+
+ +
+
+
+ + +
+
+
+
+ + +
+
+
+
+
+ +
+
+
+ + +
+
+

SEO настройки

+
+
+
+
+ + + Разделяйте ключевые слова запятыми +
+ +
+ + + Рекомендуемая длина: до 160 символов +
+ +
+
+
+ + +
+
+
+
+ + +
+
+
+
+
+ +
+
+
+ + +
+
+

Социальные сети

+
+
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+ +
+
+
+ + +
+
+
+
+ + +
+
+
+ +
+
+
+ + +
+
+
+
+ + +
+
+
+
+
+ +
+
+
+ + +
+
+

Режим обслуживания

+
+
+
+
+ + +
+ + В режиме обслуживания сайт будет недоступен для обычных пользователей + +
+ +
+ + +
+ + +
+
+
+
+ + \ No newline at end of file diff --git a/.history/views/admin/settings_20251026214910.ejs b/.history/views/admin/settings_20251026214910.ejs new file mode 100644 index 0000000..0de4d45 --- /dev/null +++ b/.history/views/admin/settings_20251026214910.ejs @@ -0,0 +1,362 @@ + +
+
+
+
+

Настройки сайта

+
+
+
    +
  1. Админ
    2. +
  2. Настройки
    3. +
+
+
+
+
+ + +
+
+ +
+
+

Основная информация

+
+
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+ +
+ + +
+ +
+
+
+ + +
+
+
+
+ + +
+
+
+ +
+
+
+ + +
+
+
+
+ + +
+
+
+
+
+ +
+
+
+ + +
+
+

SEO настройки

+
+
+
+
+ + + Разделяйте ключевые слова запятыми +
+ +
+ + + Рекомендуемая длина: до 160 символов +
+ +
+
+
+ + +
+
+
+
+ + +
+
+
+
+
+ +
+
+
+ + +
+
+

Социальные сети

+
+
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+ +
+
+
+ + +
+
+
+
+ + +
+
+
+ +
+
+
+ + +
+
+
+
+ + +
+
+
+
+
+ +
+
+
+ + +
+
+

Режим обслуживания

+
+
+
+
+ + +
+ + В режиме обслуживания сайт будет недоступен для обычных пользователей + +
+ +
+ + +
+ + +
+
+
+
+ + \ No newline at end of file diff --git a/.history/views/admin/telegram_20251026214715.ejs b/.history/views/admin/telegram_20251026214715.ejs new file mode 100644 index 0000000..ed53dae --- /dev/null +++ b/.history/views/admin/telegram_20251026214715.ejs @@ -0,0 +1,1281 @@ + + +
+ +
+ +
+ +
+ +

Telegram Bot

Telegram Bot - SmartSolTech Admin + +
+ +
+ +
    + +
  1. Админ
    2. + +
  2. Telegram Bot
    3. + +
+ +
+ +
+ +
+ +
+ + + + + +
+ +
+ +
+ +
+ +
+ +

Статус бота

+ +
+ + + +
Telegram Bot + +
+ +

Настройка и управление уведомлениями через Telegram

+ +
+ +
+ +
+ +
+ + + + <%= botConfigured ? 'Подключен' : 'Не настроен' %> + +
+ + Статус подключения
+ + Проверка...
+ +
+ +
+ +
+ +
+ +
+ +

+ + + + Конфигурация бота + +

+ + Имя бота + + Загрузка...
+ +
+ +
+ +
+ +
Токен бота * + +
+ +
+ + value="<%= botToken %>" + +
placeholder="1234567890:ABCDEFGHIJKLMNOPQRSTUVWXYZ" + +

Конфигурация

class="block w-full pr-10 border border-gray-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"> + +
+ +
+ +

+ + Получите токен от @BotFather + +

+ +
+ + + + + +
+ +
+ + value="<%= chatId %>" + + placeholder="-1001234567890" + +
class="block w-full border border-gray-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"> + +

+ + Оставьте пустым, если будете выбирать чат из списка + +

+ + Узнайте ваш ID чата у @userinfobot
+ +
+ +
+ +
+ +
+ +
+ + Получить информацию о боте + +
+ +
+ +
+ +
+ +
+ +
+ + + +
<% if (botConfigured) { %> + +
+ +
+ +
+ +

+ +

+ +
Информация о боте + +
+ +
Обновить + +
+ +
+ + + +
+ +
<% if (botInfo) { %> + +
+ +
+ +
Имя бота
+ +
@<%= botInfo.username %>
+ +
+ + Сохранить
+ +
Отображаемое имя
+ +
+ +
+ +
ID бота
+ +
<%= botInfo.id %>
+ +
+ +
+ +
Может читать сообщения
+ +
+ +
<%= botInfo.can_read_all_group_messages ? 'Да' : 'Нет' %> + +

Тестовое сообщение

+ +
+ +
+ +
<% } else { %> + +
+ + + +

Настройте токен бота для получения информации

+ +
+ + Отправить тест <% } %> + +
+ + + + + + + +
+ +
+ +

+ +

Настройка Webhook

+ +
Доступные чаты + +
+ +
+ +
+ + <% if (availableChats && availableChats.length > 0) { %> + +
+ +
<% availableChats.forEach(chat => { %> + +
+ +
+ +
+ +
+ +
+ +
<%= chat.title %>
+ +
+ +
+ +
+ +
+ +
+ +
+ +
<% }); %> + +
+ +
<% } else { %> + +
+ + + +

Чаты не найдены

+ +

Отправьте боту сообщение или добавьте его в группу, затем нажмите "Найти чаты"

+ +

Журнал активности

+ +
<% } %> + +
+ + Очистить
+ + + +
+ +
+ +

+ +
+ + Отправить сообщение + +

+ +
+ +
+ + + +
+ +
+ + + + + + \ No newline at end of file diff --git a/.history/views/services_20251026180657.ejs b/.history/views/services_20251026180657.ejs new file mode 100644 index 0000000..ee7edf3 --- /dev/null +++ b/.history/views/services_20251026180657.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026181004.ejs b/.history/views/services_20251026181004.ejs new file mode 100644 index 0000000..ee7edf3 --- /dev/null +++ b/.history/views/services_20251026181004.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026181126.ejs b/.history/views/services_20251026181126.ejs new file mode 100644 index 0000000..58d63c1 --- /dev/null +++ b/.history/views/services_20251026181126.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026181142.ejs b/.history/views/services_20251026181142.ejs new file mode 100644 index 0000000..09aa5e0 --- /dev/null +++ b/.history/views/services_20251026181142.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026181153.ejs b/.history/views/services_20251026181153.ejs new file mode 100644 index 0000000..09aa5e0 --- /dev/null +++ b/.history/views/services_20251026181153.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026181439.ejs b/.history/views/services_20251026181439.ejs new file mode 100644 index 0000000..cfca867 --- /dev/null +++ b/.history/views/services_20251026181439.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026181456.ejs b/.history/views/services_20251026181456.ejs new file mode 100644 index 0000000..085f776 --- /dev/null +++ b/.history/views/services_20251026181456.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026181521.ejs b/.history/views/services_20251026181521.ejs new file mode 100644 index 0000000..085f776 --- /dev/null +++ b/.history/views/services_20251026181521.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026181619.ejs b/.history/views/services_20251026181619.ejs new file mode 100644 index 0000000..960caa3 --- /dev/null +++ b/.history/views/services_20251026181619.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026181632.ejs b/.history/views/services_20251026181632.ejs new file mode 100644 index 0000000..78474d0 --- /dev/null +++ b/.history/views/services_20251026181632.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026181647.ejs b/.history/views/services_20251026181647.ejs new file mode 100644 index 0000000..9155cef --- /dev/null +++ b/.history/views/services_20251026181647.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026182635.ejs b/.history/views/services_20251026182635.ejs new file mode 100644 index 0000000..9155cef --- /dev/null +++ b/.history/views/services_20251026182635.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026182736.ejs b/.history/views/services_20251026182736.ejs new file mode 100644 index 0000000..797ae83 --- /dev/null +++ b/.history/views/services_20251026182736.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026182747.ejs b/.history/views/services_20251026182747.ejs new file mode 100644 index 0000000..7e5c92d --- /dev/null +++ b/.history/views/services_20251026182747.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026182823.ejs b/.history/views/services_20251026182823.ejs new file mode 100644 index 0000000..7e5c92d --- /dev/null +++ b/.history/views/services_20251026182823.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026182903.ejs b/.history/views/services_20251026182903.ejs new file mode 100644 index 0000000..f2e7f90 --- /dev/null +++ b/.history/views/services_20251026182903.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026182917.ejs b/.history/views/services_20251026182917.ejs new file mode 100644 index 0000000..641909c --- /dev/null +++ b/.history/views/services_20251026182917.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026182938.ejs b/.history/views/services_20251026182938.ejs new file mode 100644 index 0000000..641909c --- /dev/null +++ b/.history/views/services_20251026182938.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026183037.ejs b/.history/views/services_20251026183037.ejs new file mode 100644 index 0000000..78e563a --- /dev/null +++ b/.history/views/services_20251026183037.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026183047.ejs b/.history/views/services_20251026183047.ejs new file mode 100644 index 0000000..ab2fbb4 --- /dev/null +++ b/.history/views/services_20251026183047.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026183056.ejs b/.history/views/services_20251026183056.ejs new file mode 100644 index 0000000..f660ea3 --- /dev/null +++ b/.history/views/services_20251026183056.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026183111.ejs b/.history/views/services_20251026183111.ejs new file mode 100644 index 0000000..9c1b0ea --- /dev/null +++ b/.history/views/services_20251026183111.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026183222.ejs b/.history/views/services_20251026183222.ejs new file mode 100644 index 0000000..9c1b0ea --- /dev/null +++ b/.history/views/services_20251026183222.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026184134.ejs b/.history/views/services_20251026184134.ejs new file mode 100644 index 0000000..460a1ee --- /dev/null +++ b/.history/views/services_20251026184134.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026184156.ejs b/.history/views/services_20251026184156.ejs new file mode 100644 index 0000000..460a1ee --- /dev/null +++ b/.history/views/services_20251026184156.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026201212.ejs b/.history/views/services_20251026201212.ejs new file mode 100644 index 0000000..140ee2d --- /dev/null +++ b/.history/views/services_20251026201212.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026201219.ejs b/.history/views/services_20251026201219.ejs new file mode 100644 index 0000000..140ee2d --- /dev/null +++ b/.history/views/services_20251026201219.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026201350.ejs b/.history/views/services_20251026201350.ejs new file mode 100644 index 0000000..460a1ee --- /dev/null +++ b/.history/views/services_20251026201350.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026201455.ejs b/.history/views/services_20251026201455.ejs new file mode 100644 index 0000000..460a1ee --- /dev/null +++ b/.history/views/services_20251026201455.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026201614.ejs b/.history/views/services_20251026201614.ejs new file mode 100644 index 0000000..e222f8c --- /dev/null +++ b/.history/views/services_20251026201614.ejs @@ -0,0 +1,298 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026201638.ejs b/.history/views/services_20251026201638.ejs new file mode 100644 index 0000000..9e04cf0 --- /dev/null +++ b/.history/views/services_20251026201638.ejs @@ -0,0 +1,301 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+ + +
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026201725.ejs b/.history/views/services_20251026201725.ejs new file mode 100644 index 0000000..9e04cf0 --- /dev/null +++ b/.history/views/services_20251026201725.ejs @@ -0,0 +1,301 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+ + +
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026201934.ejs b/.history/views/services_20251026201934.ejs new file mode 100644 index 0000000..c93dcc4 --- /dev/null +++ b/.history/views/services_20251026201934.ejs @@ -0,0 +1,308 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+ + +
+
+
+ + +
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+ + +
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026201952.ejs b/.history/views/services_20251026201952.ejs new file mode 100644 index 0000000..49cc509 --- /dev/null +++ b/.history/views/services_20251026201952.ejs @@ -0,0 +1,305 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+ + +
+
+
+ + +
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026202633.ejs b/.history/views/services_20251026202633.ejs new file mode 100644 index 0000000..49cc509 --- /dev/null +++ b/.history/views/services_20251026202633.ejs @@ -0,0 +1,305 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + <%= service.name %> + +
+ + +
+
+
+ + +
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026202903.ejs b/.history/views/services_20251026202903.ejs new file mode 100644 index 0000000..a13d44d --- /dev/null +++ b/.history/views/services_20251026202903.ejs @@ -0,0 +1,304 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ +
+ <% + let serviceImage = ''; + if (service.category === 'development' || service.name.includes('웹') || service.name.includes('개발')) { + serviceImage = '/images/services/web-development.svg'; + } else if (service.category === 'mobile' || service.name.includes('모바일') || service.name.includes('앱')) { + serviceImage = '/images/services/mobile-app.svg'; + } else if (service.category === 'design' || service.name.includes('디자인') || service.name.includes('UI')) { + serviceImage = '/images/services/ui-ux-design.svg'; + } else if (service.category === 'marketing' || service.name.includes('마케팅')) { + serviceImage = '/images/services/digital-marketing.svg'; + } else if (service.name.includes('브랜딩')) { + serviceImage = '/images/services/branding.svg'; + } else if (service.name.includes('컨설팅')) { + serviceImage = '/images/services/consulting.svg'; + } else { + serviceImage = '/images/services/default.svg'; + } + %> + +
+ + +
+
+
+ + +
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026202928.ejs b/.history/views/services_20251026202928.ejs new file mode 100644 index 0000000..e6164c3 --- /dev/null +++ b/.history/views/services_20251026202928.ejs @@ -0,0 +1,284 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ + + + +
+
+
+ + +
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026202929.ejs b/.history/views/services_20251026202929.ejs new file mode 100644 index 0000000..e6164c3 --- /dev/null +++ b/.history/views/services_20251026202929.ejs @@ -0,0 +1,284 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ + + + +
+
+
+ + +
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026203013.ejs b/.history/views/services_20251026203013.ejs new file mode 100644 index 0000000..9d3ba89 --- /dev/null +++ b/.history/views/services_20251026203013.ejs @@ -0,0 +1,284 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ + + + +
+
+
+ + +
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026203022.ejs b/.history/views/services_20251026203022.ejs new file mode 100644 index 0000000..ff4d854 --- /dev/null +++ b/.history/views/services_20251026203022.ejs @@ -0,0 +1,284 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ + + + +
+
+
+ + +
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026203047.ejs b/.history/views/services_20251026203047.ejs new file mode 100644 index 0000000..0629e0f --- /dev/null +++ b/.history/views/services_20251026203047.ejs @@ -0,0 +1,284 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ + + + +
+
+
+ + +
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026203115.ejs b/.history/views/services_20251026203115.ejs new file mode 100644 index 0000000..8d14b37 --- /dev/null +++ b/.history/views/services_20251026203115.ejs @@ -0,0 +1,284 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ + + + +
+
+
+ + +
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026203134.ejs b/.history/views/services_20251026203134.ejs new file mode 100644 index 0000000..7e09277 --- /dev/null +++ b/.history/views/services_20251026203134.ejs @@ -0,0 +1,284 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ + + + +
+
+
+ + +
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> + <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026203215.ejs b/.history/views/services_20251026203215.ejs new file mode 100644 index 0000000..1db6dbb --- /dev/null +++ b/.history/views/services_20251026203215.ejs @@ -0,0 +1,285 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ + + + +
+
+
+ + +
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> +
+ <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026203229.ejs b/.history/views/services_20251026203229.ejs new file mode 100644 index 0000000..70ba4ac --- /dev/null +++ b/.history/views/services_20251026203229.ejs @@ -0,0 +1,285 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ + + + +
+
+
+ + +
+
+ + +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> +
+ <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026203246.ejs b/.history/views/services_20251026203246.ejs new file mode 100644 index 0000000..52d66e0 --- /dev/null +++ b/.history/views/services_20251026203246.ejs @@ -0,0 +1,286 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ + + + +
+
+
+ + +
+
+ + + ,hr> +
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> +
+ <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026203248.ejs b/.history/views/services_20251026203248.ejs new file mode 100644 index 0000000..0c16175 --- /dev/null +++ b/.history/views/services_20251026203248.ejs @@ -0,0 +1,286 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ + + + +
+
+
+ + +
+
+ + +
+
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.contact') %> + + + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> +
+ <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026203322.ejs b/.history/views/services_20251026203322.ejs new file mode 100644 index 0000000..d9b4604 --- /dev/null +++ b/.history/views/services_20251026203322.ejs @@ -0,0 +1,282 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ + + + +
+
+
+ + +
+
+ + +
+
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> +
+ <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/.history/views/services_20251026203338.ejs b/.history/views/services_20251026203338.ejs new file mode 100644 index 0000000..9c1b78a --- /dev/null +++ b/.history/views/services_20251026203338.ejs @@ -0,0 +1,282 @@ + + + + + +
+
+

+ <%- __('services.hero.title') %> <%- __('services.hero.title_highlight') %> +

+

+ <%- __('services.hero.subtitle') %> +

+
+
+ + +
+
+
+ <% if (services && services.length > 0) { %> + <% services.forEach((service, index) => { %> +
+ + +
+ + +
+
+ + + + +
+
+
+ + +
+
+ + +
+
+
+ + + <% if (service.featured) { %> +
+ + <%- __('services.cards.popular') %> + +
+ <% } %> + + +
+ + <%= service.category %> + +
+ + +

+ <%= service.name %> +

+ + +

+ <%= service.shortDescription || service.description %> +

+ + + <% if (service.pricing) { %> +
+
<%- __('services.cards.starting_price') %>
+
+ <%= service.pricing.basePrice ? service.pricing.basePrice.toLocaleString() : __('services.cards.consultation') %> + <% if (service.pricing.basePrice) { %> + 원~ + <% } %> +
+
+ <% } %> + + +
+ + <%- __('services.cards.calculate_cost') %> + +
+
+
+
+
+ <% }) %> +
+ <% } else { %> +
+ +

<%- __('services.cards.coming_soon') %>

+

<%- __('services.cards.coming_soon_desc') %>

+
+ <% } %> +
+
+
+ + +
+
+
+

+ <%- __('services.process.title') %> +

+

+ <%- __('services.process.subtitle') %> +

+
+ +
+ +
+
+ 1 +
+

<%- __('services.process.step1.title') %>

+

+ <%- __('services.process.step1.description') %> +

+
+ + +
+
+ 2 +
+

<%- __('services.process.step2.title') %>

+

+ <%- __('services.process.step2.description') %> +

+
+ + +
+
+ 3 +
+

<%- __('services.process.step3.title') %>

+

+ <%- __('services.process.step3.description') %> +

+
+ + +
+
+ 4 +
+

<%- __('services.process.step4.title') %>

+

+ <%- __('services.process.step4.description') %> +

+
+
+
+
+ + +
+
+
+ +
+

+ <%- __('services.why_choose.title') %> +

+ +
+ +
+
+ +
+
+

<%- __('services.why_choose.modern_tech.title') %>

+

+ <%- __('services.why_choose.modern_tech.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.expert_team.title') %>

+

+ <%- __('services.why_choose.expert_team.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.fast_response.title') %>

+

+ <%- __('services.why_choose.fast_response.description') %> +

+
+
+ + +
+
+ +
+
+

<%- __('services.why_choose.continuous_support.title') %>

+

+ <%- __('services.why_choose.continuous_support.description') %> +

+
+
+
+
+ + +
+
+
+ +

<%- __('services.why_choose.quality_guarantee.title') %>

+

+ <%- __('services.why_choose.quality_guarantee.subtitle') %> +

+
+
+
+
+
+
+ + +
+
+

+ <%- __('services.cta.title') %> +

+

+ <%- __('services.cta.subtitle') %> +

+ + + <%- __('services.cta.calculate_cost') %> + + + <%- __('services.cta.view_portfolio') %> + +
+ +
+ + + + + \ No newline at end of file diff --git a/ADMINLTE_CSP_FIX.md b/ADMINLTE_CSP_FIX.md new file mode 100644 index 0000000..2d4045c --- /dev/null +++ b/ADMINLTE_CSP_FIX.md @@ -0,0 +1,63 @@ +# AdminLTE CSP Fix - Исправление Content Security Policy + +## Проблема +Content Security Policy (CSP) блокировал загрузку jQuery и Bootstrap из CDN, что приводило к ошибкам: + +``` +Content-Security-Policy: The page's settings blocked a script (script-src-elem) at https://code.jquery.com/jquery-3.6.0.min.js +Content-Security-Policy: The page's settings blocked a script (script-src-elem) at https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js +``` + +## Причина +В server.js в настройках helmet CSP для `scriptSrc` отсутствовали домены: +- `https://code.jquery.com` (для jQuery) +- `https://cdn.jsdelivr.net` (для Bootstrap) + +## Решение +Обновлены CSP настройки в `/server.js`: + +### ДО: +```javascript +scriptSrc: ["'self'", "'unsafe-inline'", "https://cdnjs.cloudflare.com", "https://unpkg.com", "https://cdn.tailwindcss.com"], +``` + +### ПОСЛЕ: +```javascript +scriptSrc: ["'self'", "'unsafe-inline'", "https://cdnjs.cloudflare.com", "https://unpkg.com", "https://cdn.tailwindcss.com", "https://code.jquery.com", "https://cdn.jsdelivr.net"], +``` + +## Полная CSP конфигурация +```javascript +app.use(helmet({ + contentSecurityPolicy: { + directives: { + defaultSrc: ["'self'"], + styleSrc: ["'self'", "'unsafe-inline'", "https://fonts.googleapis.com", "https://cdnjs.cloudflare.com", "https://cdn.jsdelivr.net", "https://unpkg.com", "https://cdn.tailwindcss.com"], + fontSrc: ["'self'", "https://fonts.gstatic.com", "https://cdnjs.cloudflare.com"], + scriptSrc: ["'self'", "'unsafe-inline'", "https://cdnjs.cloudflare.com", "https://unpkg.com", "https://cdn.tailwindcss.com", "https://code.jquery.com", "https://cdn.jsdelivr.net"], + imgSrc: ["'self'", "data:", "https:"], + connectSrc: ["'self'", "ws:", "wss:", "https://cdnjs.cloudflare.com", "https://cdn.jsdelivr.net", "https://unpkg.com", "https://fonts.googleapis.com", "https://fonts.gstatic.com", "https://cdn.tailwindcss.com"] + } + } +})); +``` + +## Результат +✅ AdminLTE 3 теперь работает полностью: +- ✅ CSS стили загружаются +- ✅ jQuery загружается без ошибок CSP +- ✅ Bootstrap загружается без ошибок CSP +- ✅ AdminLTE JavaScript функции работают +- ✅ Интерактивные элементы функциональны + +## Тестирование +После исправления CSP: +1. Перезапустить сервер: `npm start` +2. Открыть админку: `http://localhost:3000/admin` +3. Проверить консоль браузера - ошибки CSP исчезли +4. Проверить функциональность: навигация, выпадающие меню, модальные окна + +## Примечания +- Исправление обеспечивает безопасность через CSP при разрешении необходимых CDN +- AdminLTE теперь полностью функциональна с корейской локализацией +- Все зависимости загружаются правильно \ No newline at end of file diff --git a/ADMINLTE_SETUP_COMPLETE.md b/ADMINLTE_SETUP_COMPLETE.md new file mode 100644 index 0000000..2caca7a --- /dev/null +++ b/ADMINLTE_SETUP_COMPLETE.md @@ -0,0 +1,109 @@ +# SmartSolTech AdminLTE 3 - Документация + +## ✅ Успешно настроен AdminLTE 3! + +AdminLTE 3 теперь полностью интегрирован в ваш сайт SmartSolTech как основная админ-панель. + +## 🎯 Что было сделано: + +### 1. **Полная замена старой админки** +- ❌ Удалена старая Tailwind-админка +- ❌ Удалены все демо-файлы и сравнения +- ❌ Удален Tabler и связанные файлы +- ✅ AdminLTE 3 стал основной админкой + +### 2. **Новый дизайн и функциональность** +- 🎨 **Корейская локализация** - все элементы переведены +- 📊 **Современный dashboard** с информативными карточками +- 🔢 **Статистика в sidebar** - счетчики портфолио, услуг, сообщений +- 📱 **Адаптивный дизайн** для всех устройств +- 🎭 **Профессиональная цветовая схема** + +### 3. **Интеграция с существующей системой** +- 🔗 **Полная совместимость** с текущими маршрутами +- 📊 **Middleware для статистики** на всех страницах +- 🔐 **Сохранена вся авторизация** и безопасность +- 💾 **Все данные остались** без изменений + +## 🎨 Основные возможности AdminLTE: + +### Dashboard (대시보드) +- 📈 **Статистические карточки** с progress bar +- 📋 **Последние проекты** с статусами (완료/진행중/계획) +- 📧 **Последние сообщения** с цветными статусами +- ⚡ **Быстрые действия** с градиентными кнопками +- 📊 **Системный статус** и метрики + +### Навигация +- 🎯 **Активные индикаторы** текущей страницы +- 🔢 **Счетчики в sidebar** для каждого раздела +- 🌟 **Группировка разделов** (основные + системные) +- 📱 **Складное меню** для мобильных + +### Дизайн +- 🇰🇷 **Шрифт Noto Sans KR** для корейского текста +- 🎨 **Градиентные элементы** и современные цвета +- 💎 **Закругленные карточки** с тенями +- ⚡ **Плавные анимации** и переходы + +## 🔧 Техническая информация: + +### Файлы +- `views/admin/layout.ejs` - Основной layout AdminLTE +- `views/admin/dashboard.ejs` - Новый dashboard +- `routes/admin.js` - Обновленные маршруты с middleware + +### CSS & JS +- AdminLTE 3 CSS из `node_modules/admin-lte/dist/css/` +- jQuery + Bootstrap 4 для функциональности +- Font Awesome 6 для иконок +- Custom CSS для корейских шрифтов + +### Middleware +```javascript +// Автоматически добавляет статистику на все админ-страницы +const addStats = async (req, res, next) => { + // portfolioCount, servicesCount, contactsCount +} +``` + +## 🚀 Доступные URL: + +- **Админ-панель:** http://localhost:3000/admin +- **Dashboard:** http://localhost:3000/admin/dashboard +- **Портфолио:** http://localhost:3000/admin/portfolio +- **Услуги:** http://localhost:3000/admin/services +- **Сообщения:** http://localhost:3000/admin/contacts +- **Медиа:** http://localhost:3000/admin/media +- **Настройки:** http://localhost:3000/admin/settings +- **Телеграм:** http://localhost:3000/admin/telegram +- **Баннеры:** http://localhost:3000/admin/banner-editor + +## 💡 Преимущества новой админки: + +1. **Профессиональный вид** - соответствует корейским стандартам +2. **Удобство использования** - интуитивный интерфейс +3. **Производительность** - быстрая загрузка +4. **Мобильность** - отлично работает на телефонах +5. **Стабильность** - проверенное решение +6. **Бесплатность** - никаких лицензионных ограничений + +## 🎯 Что дальше? + +AdminLTE 3 полностью готов к работе! Можете: + +1. **Войти в админку** по адресу `/admin` +2. **Управлять контентом** через новый интерфейс +3. **Добавлять проекты** и услуги +4. **Настраивать сайт** через удобные формы +5. **Следить за статистикой** в реальном времени + +## 🔑 Логин: +- **Email:** admin@smartsoltech.kr +- **Пароль:** как настроено в .env + +--- + +**🎉 AdminLTE 3 успешно настроен и готов к использованию!** + +Старая админка полностью удалена, новая AdminLTE интегрирована и работает со всеми существующими функциями сайта. \ No newline at end of file diff --git a/models/Service.js b/models/Service.js index 61a9098..ddf34a6 100644 --- a/models/Service.js +++ b/models/Service.js @@ -19,18 +19,26 @@ const Service = sequelize.define('Service', { }, description: { type: DataTypes.TEXT, - allowNull: false + allowNull: true }, shortDescription: { - type: DataTypes.STRING(150), - allowNull: false + type: DataTypes.STRING(500), + allowNull: true }, icon: { type: DataTypes.STRING, - allowNull: false + allowNull: true, + defaultValue: 'fas fa-cog' }, category: { - type: DataTypes.ENUM('development', 'design', 'consulting', 'marketing', 'maintenance'), + type: DataTypes.ENUM( + 'web-development', + 'mobile-development', + 'ui-ux-design', + 'consulting', + 'support', + 'other' + ), allowNull: false }, features: { @@ -39,25 +47,12 @@ const Service = sequelize.define('Service', { }, pricing: { type: DataTypes.JSONB, - allowNull: false, - validate: { - isValidPricing(value) { - if (!value.basePrice || value.basePrice < 0) { - throw new Error('Base price must be a positive number'); - } - } - } + allowNull: true, + defaultValue: {} }, estimatedTime: { - type: DataTypes.JSONB, - allowNull: false, - validate: { - isValidTime(value) { - if (!value.min || !value.max || value.min > value.max) { - throw new Error('Invalid estimated time range'); - } - } - } + type: DataTypes.STRING, + allowNull: true }, isActive: { type: DataTypes.BOOLEAN, @@ -72,7 +67,7 @@ const Service = sequelize.define('Service', { defaultValue: 0 }, tags: { - type: DataTypes.ARRAY(DataTypes.STRING), + type: DataTypes.JSONB, defaultValue: [] }, seo: { diff --git a/package-lock.json b/package-lock.json index 96c1388..85b04fe 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,6 +9,7 @@ "version": "1.0.0", "license": "MIT", "dependencies": { + "admin-lte": "^4.0.0-rc3", "axios": "^1.12.2", "bcryptjs": "^2.4.3", "compression": "^1.7.4", @@ -27,8 +28,8 @@ "jsonwebtoken": "^9.0.2", "morgan": "^1.10.0", "multer": "^1.4.5-lts.1", - "node-telegram-bot-api": "^0.64.0", - "nodemailer": "^6.9.7", + "node-telegram-bot-api": "^0.63.0", + "nodemailer": "^7.0.10", "pg": "^8.16.3", "pg-hstore": "^2.3.4", "sequelize": "^6.37.7", @@ -1611,87 +1612,6 @@ "node": ">=6.9.0" } }, - "node_modules/@cypress/request": { - "version": "3.0.9", - "resolved": "https://registry.npmjs.org/@cypress/request/-/request-3.0.9.tgz", - "integrity": "sha512-I3l7FdGRXluAS44/0NguwWlO83J18p0vlr2FYHrJkWdNYhgVoiYo61IXPqaOsL+vNxU1ZqMACzItGK3/KKDsdw==", - "dependencies": { - "aws-sign2": "~0.7.0", - "aws4": "^1.8.0", - "caseless": "~0.12.0", - "combined-stream": "~1.0.6", - "extend": "~3.0.2", - "forever-agent": "~0.6.1", - "form-data": "~4.0.4", - "http-signature": "~1.4.0", - "is-typedarray": "~1.0.0", - "isstream": "~0.1.2", - "json-stringify-safe": "~5.0.1", - "mime-types": "~2.1.19", - "performance-now": "^2.1.0", - "qs": "6.14.0", - "safe-buffer": "^5.1.2", - "tough-cookie": "^5.0.0", - "tunnel-agent": "^0.6.0", - "uuid": "^8.3.2" - }, - "engines": { - "node": ">= 6" - } - }, - "node_modules/@cypress/request-promise": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/@cypress/request-promise/-/request-promise-5.0.0.tgz", - "integrity": "sha512-eKdYVpa9cBEw2kTBlHeu1PP16Blwtum6QHg/u9s/MoHkZfuo1pRGka1VlUHXF5kdew82BvOJVVGk0x8X0nbp+w==", - "dependencies": { - "bluebird": "^3.5.0", - "request-promise-core": "1.1.3", - "stealthy-require": "^1.1.1", - "tough-cookie": "^4.1.3" - }, - "engines": { - "node": ">=0.10.0" - }, - "peerDependencies": { - "@cypress/request": "^3.0.0" - } - }, - "node_modules/@cypress/request-promise/node_modules/tough-cookie": { - "version": "4.1.4", - "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.4.tgz", - "integrity": "sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==", - "dependencies": { - "psl": "^1.1.33", - "punycode": "^2.1.1", - "universalify": "^0.2.0", - "url-parse": "^1.5.3" - }, - "engines": { - "node": ">=6" - } - }, - "node_modules/@cypress/request-promise/node_modules/universalify": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz", - "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==", - "engines": { - "node": ">= 4.0.0" - } - }, - "node_modules/@cypress/request/node_modules/qs": { - "version": "6.14.0", - "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz", - "integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==", - "dependencies": { - "side-channel": "^1.1.0" - }, - "engines": { - "node": ">=0.6" - }, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, "node_modules/@discoveryjs/json-ext": { "version": "0.5.7", "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz", @@ -2727,6 +2647,11 @@ "acorn": "^8.14.0" } }, + "node_modules/admin-lte": { + "version": "4.0.0-rc3", + "resolved": "https://registry.npmjs.org/admin-lte/-/admin-lte-4.0.0-rc3.tgz", + "integrity": "sha512-BKEGJknLiNW/l++6tjO9YIy2x6il4y/S977cSaRfi+wadZF3xe7U+vDR8q2H99CVC49VmPqRwb36hiyEVmBQTw==" + }, "node_modules/ajv": { "version": "6.12.6", "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", @@ -4492,12 +4417,12 @@ "integrity": "sha512-NXdYc3dLr47pBkpUCHtKSwIOQXLVn8dZEuywboCOJY/osA0wFSLlSawr3KN8qXJEyX66FcONTH8EIlVuK0yyFA==" }, "node_modules/express-validator": { - "version": "7.2.1", - "resolved": "https://registry.npmjs.org/express-validator/-/express-validator-7.2.1.tgz", - "integrity": "sha512-CjNE6aakfpuwGaHQZ3m8ltCG2Qvivd7RHtVMS/6nVxOM7xVGqr4bhflsm4+N5FP5zI7Zxp+Hae+9RE+o8e3ZOQ==", + "version": "7.3.0", + "resolved": "https://registry.npmjs.org/express-validator/-/express-validator-7.3.0.tgz", + "integrity": "sha512-ujK2BX5JUun5NR4JuBo83YSXoDDIpoGz3QxgHTzQcHFevkKnwV1in4K7YNuuXQ1W3a2ObXB/P4OTnTZpUyGWiw==", "dependencies": { "lodash": "^4.17.21", - "validator": "~13.12.0" + "validator": "~13.15.15" }, "engines": { "node": ">= 8.0.0" @@ -5029,7 +4954,6 @@ "version": "2.0.0", "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz", "integrity": "sha512-Oqluz6zhGX8cyRaTQlFMPw80bSJVG2x/cFb8ZPhUILGgHka9SsokCCOQgpveePerqidZOrT14ipqfJb7ILcW5Q==", - "peer": true, "engines": { "node": ">=4" } @@ -5039,7 +4963,6 @@ "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.5.tgz", "integrity": "sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==", "deprecated": "this library is no longer supported", - "peer": true, "dependencies": { "ajv": "^6.12.3", "har-schema": "^2.0.0" @@ -5234,16 +5157,17 @@ } }, "node_modules/http-signature": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.4.0.tgz", - "integrity": "sha512-G5akfn7eKbpDN+8nPS/cb57YeA1jLTVxjpCj7tmm3QKPdyDy7T+qSC40e9ptydSWvkwjSXw1VbkpyEm39ukeAg==", + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz", + "integrity": "sha512-CAbnr6Rz4CYQkLYUtSNXxQPUH2gK8f3iWexVlsnMeD+GjlsQ0Xsy1cOX+mN3dtxYomRy21CiOzU8Uhw6OwncEQ==", "dependencies": { "assert-plus": "^1.0.0", - "jsprim": "^2.0.2", - "sshpk": "^1.18.0" + "jsprim": "^1.2.2", + "sshpk": "^1.7.0" }, "engines": { - "node": ">=0.10" + "node": ">=0.8", + "npm": ">=1.3.7" } }, "node_modules/i18n": { @@ -6027,17 +5951,17 @@ "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==" }, "node_modules/jsprim": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-2.0.2.tgz", - "integrity": "sha512-gqXddjPqQ6G40VdnI6T6yObEC+pDNvyP95wdQhkWkg7crHH3km5qP1FsOXEkzEQwnz6gz5qGTn1c2Y52wP3OyQ==", - "engines": [ - "node >=0.6.0" - ], + "version": "1.4.2", + "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.2.tgz", + "integrity": "sha512-P2bSOMAc/ciLz6DzgjVlGJP9+BrJWu5UDGK70C2iweC5QBIeFf0ZXRvGjEj2uYgrY2MkAAhsSWHDWlFtEroZWw==", "dependencies": { "assert-plus": "1.0.0", "extsprintf": "1.3.0", "json-schema": "0.4.0", "verror": "1.10.0" + }, + "engines": { + "node": ">=0.6.0" } }, "node_modules/jwa": { @@ -6575,19 +6499,19 @@ "dev": true }, "node_modules/node-telegram-bot-api": { - "version": "0.64.0", - "resolved": "https://registry.npmjs.org/node-telegram-bot-api/-/node-telegram-bot-api-0.64.0.tgz", - "integrity": "sha512-/gxCuaEDUyWMBiHInP0ufopUkaaKprXiv3lyP9MMZdPy2KPfYKNYNKfd1Ph7o9KhfURDtOYowPZCi4UCr+2caw==", + "version": "0.63.0", + "resolved": "https://registry.npmjs.org/node-telegram-bot-api/-/node-telegram-bot-api-0.63.0.tgz", + "integrity": "sha512-SssDLHZ+Qi7Ygwt2iKur2BBZUjRBBDxC98+ydyVZo/arUJlXz3nA6dUEYP3pjNLWW4qQJdf7OsptaUDrKTTHlg==", "dependencies": { - "@cypress/request": "^3.0.1", - "@cypress/request-promise": "^5.0.0", "array.prototype.findindex": "^2.0.2", "bl": "^1.2.3", "debug": "^3.2.7", "eventemitter3": "^3.0.0", "file-type": "^3.9.0", "mime": "^1.6.0", - "pump": "^2.0.0" + "pump": "^2.0.0", + "request": "^2.83.0", + "request-promise": "^4.2.2" }, "engines": { "node": ">=0.12" @@ -6607,9 +6531,9 @@ "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==" }, "node_modules/nodemailer": { - "version": "6.10.1", - "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-6.10.1.tgz", - "integrity": "sha512-Z+iLaBGVaSjbIzQ4pX6XV41HrooLsQ10ZWPUehGmuantvzWoDVBnmsdUcOIDM1t+yPor5pDhVlDESgOMEGxhHA==", + "version": "7.0.10", + "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-7.0.10.tgz", + "integrity": "sha512-Us/Se1WtT0ylXgNFfyFSx4LElllVLJXQjWi2Xz17xWw7amDKO2MLtFnVp1WACy7GkVGs+oBlRopVNUzlrGSw1w==", "engines": { "node": ">=6.0.0" } @@ -6699,7 +6623,6 @@ "version": "0.9.0", "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz", "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==", - "peer": true, "engines": { "node": "*" } @@ -7445,11 +7368,6 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/querystringify": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz", - "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==" - }, "node_modules/queue-microtask": { "version": "1.2.3", "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", @@ -7681,7 +7599,6 @@ "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz", "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==", "deprecated": "request has been deprecated, see https://github.com/request/request/issues/3142", - "peer": true, "dependencies": { "aws-sign2": "~0.7.0", "aws4": "^1.8.0", @@ -7708,12 +7625,30 @@ "node": ">= 6" } }, - "node_modules/request-promise-core": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/request-promise-core/-/request-promise-core-1.1.3.tgz", - "integrity": "sha512-QIs2+ArIGQVp5ZYbWD5ZLCY29D5CfWizP8eWnm8FoGD1TX61veauETVQbrV60662V0oFBkrDOuaBI8XgtuyYAQ==", + "node_modules/request-promise": { + "version": "4.2.6", + "resolved": "https://registry.npmjs.org/request-promise/-/request-promise-4.2.6.tgz", + "integrity": "sha512-HCHI3DJJUakkOr8fNoCc73E5nU5bqITjOYFMDrKHYOXWXrgD/SBaC7LjwuPymUprRyuF06UK7hd/lMHkmUXglQ==", + "deprecated": "request-promise has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142", "dependencies": { - "lodash": "^4.17.15" + "bluebird": "^3.5.0", + "request-promise-core": "1.1.4", + "stealthy-require": "^1.1.1", + "tough-cookie": "^2.3.3" + }, + "engines": { + "node": ">=0.10.0" + }, + "peerDependencies": { + "request": "^2.34" + } + }, + "node_modules/request-promise-core": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/request-promise-core/-/request-promise-core-1.1.4.tgz", + "integrity": "sha512-TTbAfBBRdWD7aNNOoVOBH4pN/KigV6LyapYNNlAPA8JwbovRti1E88m3sYAwsLi5ryhPKsE9APwnjFTgdUjTpw==", + "dependencies": { + "lodash": "^4.17.19" }, "engines": { "node": ">=0.10.0" @@ -7726,7 +7661,6 @@ "version": "2.3.3", "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz", "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==", - "peer": true, "dependencies": { "asynckit": "^0.4.0", "combined-stream": "^1.0.6", @@ -7736,64 +7670,19 @@ "node": ">= 0.12" } }, - "node_modules/request/node_modules/http-signature": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz", - "integrity": "sha512-CAbnr6Rz4CYQkLYUtSNXxQPUH2gK8f3iWexVlsnMeD+GjlsQ0Xsy1cOX+mN3dtxYomRy21CiOzU8Uhw6OwncEQ==", - "peer": true, - "dependencies": { - "assert-plus": "^1.0.0", - "jsprim": "^1.2.2", - "sshpk": "^1.7.0" - }, - "engines": { - "node": ">=0.8", - "npm": ">=1.3.7" - } - }, - "node_modules/request/node_modules/jsprim": { - "version": "1.4.2", - "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.2.tgz", - "integrity": "sha512-P2bSOMAc/ciLz6DzgjVlGJP9+BrJWu5UDGK70C2iweC5QBIeFf0ZXRvGjEj2uYgrY2MkAAhsSWHDWlFtEroZWw==", - "peer": true, - "dependencies": { - "assert-plus": "1.0.0", - "extsprintf": "1.3.0", - "json-schema": "0.4.0", - "verror": "1.10.0" - }, - "engines": { - "node": ">=0.6.0" - } - }, "node_modules/request/node_modules/qs": { "version": "6.5.3", "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.3.tgz", "integrity": "sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==", - "peer": true, "engines": { "node": ">=0.6" } }, - "node_modules/request/node_modules/tough-cookie": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz", - "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==", - "peer": true, - "dependencies": { - "psl": "^1.1.28", - "punycode": "^2.1.1" - }, - "engines": { - "node": ">=0.8" - } - }, "node_modules/request/node_modules/uuid": { "version": "3.4.0", "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz", "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==", "deprecated": "Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.", - "peer": true, "bin": { "uuid": "bin/uuid" } @@ -7807,11 +7696,6 @@ "node": ">=0.10.0" } }, - "node_modules/requires-port": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz", - "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==" - }, "node_modules/resolve": { "version": "1.22.10", "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz", @@ -9162,22 +9046,6 @@ "node": ">=0.8" } }, - "node_modules/tldts": { - "version": "6.1.86", - "resolved": "https://registry.npmjs.org/tldts/-/tldts-6.1.86.tgz", - "integrity": "sha512-WMi/OQ2axVTf/ykqCQgXiIct+mSQDFdH2fkwhPwgEwvJ1kSzZRiinb0zF2Xb8u4+OqPChmyI6MEu4EezNJz+FQ==", - "dependencies": { - "tldts-core": "^6.1.86" - }, - "bin": { - "tldts": "bin/cli.js" - } - }, - "node_modules/tldts-core": { - "version": "6.1.86", - "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.86.tgz", - "integrity": "sha512-Je6p7pkk+KMzMv2XXKmAE3McmolOQFdxkKw0R8EYNr7sELW46JqnNeTX8ybPiQgvg1ymCoF8LXs5fzFaZvJPTA==" - }, "node_modules/to-regex-range": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", @@ -9213,14 +9081,15 @@ } }, "node_modules/tough-cookie": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-5.1.2.tgz", - "integrity": "sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A==", + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz", + "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==", "dependencies": { - "tldts": "^6.1.32" + "psl": "^1.1.28", + "punycode": "^2.1.1" }, "engines": { - "node": ">=16" + "node": ">=0.8" } }, "node_modules/tr46": { @@ -9520,15 +9389,6 @@ "punycode": "^2.1.0" } }, - "node_modules/url-parse": { - "version": "1.5.10", - "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz", - "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==", - "dependencies": { - "querystringify": "^2.1.1", - "requires-port": "^1.0.0" - } - }, "node_modules/util-deprecate": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", @@ -9557,9 +9417,9 @@ } }, "node_modules/validator": { - "version": "13.12.0", - "resolved": "https://registry.npmjs.org/validator/-/validator-13.12.0.tgz", - "integrity": "sha512-c1Q0mCiPlgdTVVVIJIrBuxNicYE+t/7oKeI9MWLj3fh/uq2Pxh/3eeWbVZ4OcGW1TUf53At0njHw5SMdA3tmMg==", + "version": "13.15.20", + "resolved": "https://registry.npmjs.org/validator/-/validator-13.15.20.tgz", + "integrity": "sha512-KxPOq3V2LmfQPP4eqf3Mq/zrT0Dqp2Vmx2Bn285LwVahLc+CsxOM0crBHczm8ijlcjZ0Q5Xd6LW3z3odTPnlrw==", "engines": { "node": ">= 0.10" } diff --git a/package.json b/package.json index 2ca1086..35d89d1 100644 --- a/package.json +++ b/package.json @@ -25,6 +25,7 @@ "author": "SmartSolTech", "license": "MIT", "dependencies": { + "admin-lte": "^4.0.0-rc3", "axios": "^1.12.2", "bcryptjs": "^2.4.3", "compression": "^1.7.4", @@ -43,8 +44,8 @@ "jsonwebtoken": "^9.0.2", "morgan": "^1.10.0", "multer": "^1.4.5-lts.1", - "node-telegram-bot-api": "^0.64.0", - "nodemailer": "^6.9.7", + "node-telegram-bot-api": "^0.63.0", + "nodemailer": "^7.0.10", "pg": "^8.16.3", "pg-hstore": "^2.3.4", "sequelize": "^6.37.7", diff --git a/public/css/enhanced-animations.css b/public/css/enhanced-animations.css new file mode 100644 index 0000000..e239a26 --- /dev/null +++ b/public/css/enhanced-animations.css @@ -0,0 +1,203 @@ +/* Enhanced Animations for SmartSolTech */ + +/* Gradient Animation */ +@keyframes gradient-x { + 0%, 100% { + background-position: 0% 50%; + } + 50% { + background-position: 100% 50%; + } +} + +.animate-gradient-x { + background-size: 200% 200%; + animation: gradient-x 4s ease infinite; +} + +/* Enhanced Blob Animation */ +@keyframes blob { + 0% { + transform: translate(0px, 0px) scale(1); + } + 33% { + transform: translate(30px, -50px) scale(1.1); + } + 66% { + transform: translate(-20px, 20px) scale(0.9); + } + 100% { + transform: translate(0px, 0px) scale(1); + } +} + +.animate-blob { + animation: blob 7s infinite; +} + +.animation-delay-2000 { + animation-delay: 2s; +} + +.animation-delay-4000 { + animation-delay: 4s; +} + +.animation-delay-6000 { + animation-delay: 6s; +} + +/* Pulse Animation with Delay */ +@keyframes pulse-delayed { + 0%, 100% { + opacity: 1; + } + 50% { + opacity: 0.5; + } +} + +.animate-pulse-delayed { + animation: pulse-delayed 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; +} + +/* Floating Animation */ +@keyframes float { + 0%, 100% { + transform: translateY(0px); + } + 50% { + transform: translateY(-10px); + } +} + +.animate-float { + animation: float 3s ease-in-out infinite; +} + +/* Card Hover Effects */ +.card-hover { + transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); +} + +.card-hover:hover { + transform: translateY(-8px); + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); +} + +/* Background Pattern */ +.bg-pattern { + background-image: radial-gradient(circle at 1px 1px, rgba(59, 130, 246, 0.15) 1px, transparent 0); + background-size: 20px 20px; +} + +/* Glowing Effect */ +.glow { + box-shadow: 0 0 20px rgba(59, 130, 246, 0.5); +} + +.glow-purple { + box-shadow: 0 0 20px rgba(139, 92, 246, 0.5); +} + +.glow-green { + box-shadow: 0 0 20px rgba(16, 185, 129, 0.5); +} + +.glow-orange { + box-shadow: 0 0 20px rgba(251, 146, 60, 0.5); +} + +/* Hero Section Specific */ +.hero-section { + position: relative; + overflow: hidden; +} + +.hero-section::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: + radial-gradient(1200px 600px at 10% -10%, rgba(99, 102, 241, 0.35), transparent 60%), + radial-gradient(1000px 500px at 110% 10%, rgba(168, 85, 247, 0.35), transparent 60%); + pointer-events: none; + z-index: 1; +} + +/* Glass Effect */ +.glass-effect { + backdrop-filter: blur(16px); + -webkit-backdrop-filter: blur(16px); + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); +} + +/* Smooth Transitions */ +.smooth-transition { + transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); +} + +/* Text Shimmer Effect */ +@keyframes shimmer { + 0% { + background-position: -200% center; + } + 100% { + background-position: 200% center; + } +} + +.text-shimmer { + background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent); + background-size: 200% 100%; + animation: shimmer 2s infinite; + background-clip: text; + -webkit-background-clip: text; +} + +/* Button Hover Effects */ +.btn-enhanced { + position: relative; + overflow: hidden; + transition: all 0.3s ease; +} + +.btn-enhanced::before { + content: ''; + position: absolute; + top: 0; + left: -100%; + width: 100%; + height: 100%; + background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); + transition: left 0.5s; +} + +.btn-enhanced:hover::before { + left: 100%; +} + +/* Responsive Adjustments */ +@media (max-width: 768px) { + .animate-blob { + animation-duration: 10s; + } + + .card-hover:hover { + transform: translateY(-4px); + } +} + +/* Dark Mode Adjustments */ +.dark .glass-effect { + background: rgba(0, 0, 0, 0.1); + border: 1px solid rgba(255, 255, 255, 0.1); +} + +.dark .bg-pattern { + background-image: radial-gradient(circle at 1px 1px, rgba(59, 130, 246, 0.1) 1px, transparent 0); +} \ No newline at end of file diff --git a/public/css/tailwind.css b/public/css/tailwind.css index a12c414..2e321b7 100644 --- a/public/css/tailwind.css +++ b/public/css/tailwind.css @@ -692,6 +692,15 @@ h1, h2, h3, h4, h5, h6 { --tw-ring-color: rgb(100 116 139 / var(--tw-ring-opacity)); } +.btn-sm { + padding-left: 0.75rem; + padding-right: 0.75rem; + padding-top: 0.375rem; + padding-bottom: 0.375rem; + font-size: 0.625rem; + line-height: 0.875rem; +} + .card { border-radius: 0.5rem; border-width: 1px; @@ -704,6 +713,10 @@ h1, h2, h3, h4, h5, h6 { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } +.card-body { + padding: 1.5rem; +} + .form-input { display: block; width: 100%; @@ -762,6 +775,20 @@ h1, h2, h3, h4, h5, h6 { font-weight: 500; } +.badge-success { + --tw-bg-opacity: 1; + background-color: rgb(220 252 231 / var(--tw-bg-opacity)); + --tw-text-opacity: 1; + color: rgb(22 101 52 / var(--tw-text-opacity)); +} + +.badge-warning { + --tw-bg-opacity: 1; + background-color: rgb(254 249 195 / var(--tw-bg-opacity)); + --tw-text-opacity: 1; + color: rgb(133 77 14 / var(--tw-text-opacity)); +} + .alert { border-radius: 0.375rem; border-width: 1px; @@ -780,6 +807,10 @@ h1, h2, h3, h4, h5, h6 { border-width: 0; } +.pointer-events-none { + pointer-events: none; +} + .visible { visibility: visible; } @@ -857,10 +888,18 @@ h1, h2, h3, h4, h5, h6 { bottom: 0px; } +.bottom-20 { + bottom: 5rem; +} + .bottom-4 { bottom: 1rem; } +.bottom-5 { + bottom: 1.25rem; +} + .bottom-8 { bottom: 2rem; } @@ -877,10 +916,22 @@ h1, h2, h3, h4, h5, h6 { left: 50%; } +.left-1\/4 { + left: 25%; +} + +.left-10 { + left: 2.5rem; +} + .left-2 { left: 0.5rem; } +.left-3\/4 { + left: 75%; +} + .left-4 { left: 1rem; } @@ -889,20 +940,28 @@ h1, h2, h3, h4, h5, h6 { left: 10rem; } +.left-5 { + left: 1.25rem; +} + .right-0 { right: 0px; } -.right-1 { - right: 0.25rem; +.right-1\/4 { + right: 25%; +} + +.right-10 { + right: 2.5rem; } .right-2 { right: 0.5rem; } -.right-3 { - right: 0.75rem; +.right-20 { + right: 5rem; } .right-4 { @@ -917,16 +976,24 @@ h1, h2, h3, h4, h5, h6 { top: 0.125rem; } -.top-1 { - top: 0.25rem; +.top-1\/2 { + top: 50%; +} + +.top-1\/4 { + top: 25%; } .top-2 { top: 0.5rem; } -.top-3 { - top: 0.75rem; +.top-20 { + top: 5rem; +} + +.top-3\/4 { + top: 75%; } .top-4 { @@ -937,6 +1004,10 @@ h1, h2, h3, h4, h5, h6 { top: 10rem; } +.top-5 { + top: 1.25rem; +} + .z-10 { z-index: 10; } @@ -949,6 +1020,14 @@ h1, h2, h3, h4, h5, h6 { grid-column: 1 / -1; } +.float-right { + float: right; +} + +.m-0 { + margin: 0px; +} + .mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; @@ -964,14 +1043,6 @@ h1, h2, h3, h4, h5, h6 { margin-right: auto; } -.-mb-px { - margin-bottom: -1px; -} - -.-ml-px { - margin-left: -1px; -} - .mb-1 { margin-bottom: 0.25rem; } @@ -1028,8 +1099,8 @@ h1, h2, h3, h4, h5, h6 { margin-left: 1rem; } -.ml-5 { - margin-left: 1.25rem; +.ml-auto { + margin-left: auto; } .mr-1 { @@ -1048,6 +1119,10 @@ h1, h2, h3, h4, h5, h6 { margin-right: 1rem; } +.mr-auto { + margin-right: auto; +} + .mt-0\.5 { margin-top: 0.125rem; } @@ -1076,10 +1151,6 @@ h1, h2, h3, h4, h5, h6 { margin-top: 1rem; } -.mt-5 { - margin-top: 1.25rem; -} - .mt-6 { margin-top: 1.5rem; } @@ -1129,10 +1200,22 @@ h1, h2, h3, h4, h5, h6 { display: inline-flex; } +.table { + display: table; +} + +.table-row { + display: table-row; +} + .grid { display: grid; } +.contents { + display: contents; +} + .hidden { display: none; } @@ -1193,10 +1276,18 @@ h1, h2, h3, h4, h5, h6 { height: 1.25rem; } +.h-56 { + height: 14rem; +} + .h-6 { height: 1.5rem; } +.h-60 { + height: 15rem; +} + .h-64 { height: 16rem; } @@ -1205,6 +1296,10 @@ h1, h2, h3, h4, h5, h6 { height: 1.75rem; } +.h-72 { + height: 18rem; +} + .h-8 { height: 2rem; } @@ -1229,10 +1324,6 @@ h1, h2, h3, h4, h5, h6 { max-height: 24rem; } -.max-h-\[90vh\] { - max-height: 90vh; -} - .min-h-40 { min-height: 10rem; } @@ -1249,6 +1340,10 @@ h1, h2, h3, h4, h5, h6 { width: 50%; } +.w-1\/5 { + width: 20%; +} + .w-10 { width: 2.5rem; } @@ -1269,6 +1364,10 @@ h1, h2, h3, h4, h5, h6 { width: 0.5rem; } +.w-2\/5 { + width: 40%; +} + .w-20 { width: 5rem; } @@ -1293,6 +1392,10 @@ h1, h2, h3, h4, h5, h6 { width: 10rem; } +.w-48 { + width: 12rem; +} + .w-5 { width: 1.25rem; } @@ -1301,10 +1404,18 @@ h1, h2, h3, h4, h5, h6 { width: 1.5rem; } +.w-60 { + width: 15rem; +} + .w-64 { width: 16rem; } +.w-72 { + width: 18rem; +} + .w-8 { width: 2rem; } @@ -1361,10 +1472,6 @@ h1, h2, h3, h4, h5, h6 { max-width: none; } -.max-w-sm { - max-width: 24rem; -} - .flex-1 { flex: 1 1 0%; } @@ -1382,13 +1489,33 @@ h1, h2, h3, h4, h5, h6 { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.-translate-y-10 { + --tw-translate-y: -2.5rem; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.-translate-y-16 { + --tw-translate-y: -4rem; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.translate-x-10 { + --tw-translate-x: 2.5rem; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.translate-x-16 { + --tw-translate-x: 4rem; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .translate-x-full { --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.translate-y-4 { - --tw-translate-y: 1rem; +.translate-y-8 { + --tw-translate-y: 2rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @@ -1434,16 +1561,6 @@ h1, h2, h3, h4, h5, h6 { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } -@keyframes spin { - to { - transform: rotate(360deg); - } -} - -.animate-spin { - animation: spin 1s linear infinite; -} - .cursor-pointer { cursor: pointer; } @@ -1494,10 +1611,6 @@ h1, h2, h3, h4, h5, h6 { align-items: center; } -.justify-end { - justify-content: flex-end; -} - .justify-center { justify-content: center; } @@ -1510,6 +1623,10 @@ h1, h2, h3, h4, h5, h6 { gap: 3rem; } +.gap-16 { + gap: 4rem; +} + .gap-2 { gap: 0.5rem; } @@ -1560,18 +1677,18 @@ h1, h2, h3, h4, h5, h6 { margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); } -.space-x-8 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(2rem * var(--tw-space-x-reverse)); - margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))); -} - .space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } +.space-y-12 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(3rem * var(--tw-space-y-reverse)); +} + .space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); @@ -1617,10 +1734,6 @@ h1, h2, h3, h4, h5, h6 { overflow: hidden; } -.overflow-y-auto { - overflow-y: auto; -} - .truncate { overflow: hidden; text-overflow: ellipsis; @@ -1639,6 +1752,10 @@ h1, h2, h3, h4, h5, h6 { white-space: pre-wrap; } +.text-nowrap { + text-wrap: nowrap; +} + .break-all { word-break: break-all; } @@ -1676,26 +1793,6 @@ h1, h2, h3, h4, h5, h6 { border-bottom-left-radius: 0.5rem; } -.rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; -} - -.rounded-l-md { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; -} - -.rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; -} - -.rounded-r-md { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; -} - .rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; @@ -1717,10 +1814,6 @@ h1, h2, h3, h4, h5, h6 { border-bottom-width: 2px; } -.border-l-0 { - border-left-width: 0px; -} - .border-t { border-top-width: 1px; } @@ -1738,6 +1831,10 @@ h1, h2, h3, h4, h5, h6 { border-color: rgb(191 219 254 / var(--tw-border-opacity)); } +.border-blue-200\/50 { + border-color: rgb(191 219 254 / 0.5); +} + .border-blue-500 { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity)); @@ -1772,6 +1869,18 @@ h1, h2, h3, h4, h5, h6 { border-color: rgb(31 41 55 / var(--tw-border-opacity)); } +.border-green-200\/50 { + border-color: rgb(187 247 208 / 0.5); +} + +.border-orange-200\/50 { + border-color: rgb(254 215 170 / 0.5); +} + +.border-purple-200\/50 { + border-color: rgb(233 213 255 / 0.5); +} + .border-red-200 { --tw-border-opacity: 1; border-color: rgb(254 202 202 / var(--tw-border-opacity)); @@ -1791,6 +1900,10 @@ h1, h2, h3, h4, h5, h6 { background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } +.bg-black\/30 { + background-color: rgb(0 0 0 / 0.3); +} + .bg-blue-100 { --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity)); @@ -1811,6 +1924,10 @@ h1, h2, h3, h4, h5, h6 { background-color: rgb(59 130 246 / var(--tw-bg-opacity)); } +.bg-blue-500\/10 { + background-color: rgb(59 130 246 / 0.1); +} + .bg-blue-600 { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity)); @@ -1851,11 +1968,6 @@ h1, h2, h3, h4, h5, h6 { background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } -.bg-gray-500 { - --tw-bg-opacity: 1; - background-color: rgb(107 114 128 / var(--tw-bg-opacity)); -} - .bg-gray-600 { --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity)); @@ -1871,11 +1983,20 @@ h1, h2, h3, h4, h5, h6 { background-color: rgb(220 252 231 / var(--tw-bg-opacity)); } +.bg-green-400 { + --tw-bg-opacity: 1; + background-color: rgb(74 222 128 / var(--tw-bg-opacity)); +} + .bg-green-500 { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity)); } +.bg-green-500\/10 { + background-color: rgb(34 197 94 / 0.1); +} + .bg-green-600 { --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity)); @@ -1896,11 +2017,20 @@ h1, h2, h3, h4, h5, h6 { background-color: rgb(249 115 22 / var(--tw-bg-opacity)); } +.bg-orange-500\/10 { + background-color: rgb(249 115 22 / 0.1); +} + .bg-orange-600 { --tw-bg-opacity: 1; background-color: rgb(234 88 12 / var(--tw-bg-opacity)); } +.bg-pink-500 { + --tw-bg-opacity: 1; + background-color: rgb(236 72 153 / var(--tw-bg-opacity)); +} + .bg-purple-100 { --tw-bg-opacity: 1; background-color: rgb(243 232 255 / var(--tw-bg-opacity)); @@ -1911,6 +2041,10 @@ h1, h2, h3, h4, h5, h6 { background-color: rgb(168 85 247 / var(--tw-bg-opacity)); } +.bg-purple-500\/10 { + background-color: rgb(168 85 247 / 0.1); +} + .bg-purple-600 { --tw-bg-opacity: 1; background-color: rgb(147 51 234 / var(--tw-bg-opacity)); @@ -1941,10 +2075,18 @@ h1, h2, h3, h4, h5, h6 { background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } +.bg-white\/10 { + background-color: rgb(255 255 255 / 0.1); +} + .bg-white\/20 { background-color: rgb(255 255 255 / 0.2); } +.bg-white\/5 { + background-color: rgb(255 255 255 / 0.05); +} + .bg-white\/90 { background-color: rgb(255 255 255 / 0.9); } @@ -1981,14 +2123,6 @@ h1, h2, h3, h4, h5, h6 { --tw-bg-opacity: 0.1; } -.bg-opacity-20 { - --tw-bg-opacity: 0.2; -} - -.bg-opacity-50 { - --tw-bg-opacity: 0.5; -} - .bg-opacity-75 { --tw-bg-opacity: 0.75; } @@ -2057,6 +2191,12 @@ h1, h2, h3, h4, h5, h6 { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } +.from-blue-500\/10 { + --tw-gradient-from: rgb(59 130 246 / 0.1) var(--tw-gradient-from-position); + --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + .from-blue-600 { --tw-gradient-from: #2563eb var(--tw-gradient-from-position); --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position); @@ -2111,12 +2251,24 @@ h1, h2, h3, h4, h5, h6 { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } +.from-purple-100 { + --tw-gradient-from: #f3e8ff var(--tw-gradient-from-position); + --tw-gradient-to: rgb(243 232 255 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + .from-purple-50 { --tw-gradient-from: #faf5ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } +.from-purple-500 { + --tw-gradient-from: #a855f7 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + .from-purple-600 { --tw-gradient-from: #9333ea var(--tw-gradient-from-position); --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position); @@ -2141,11 +2293,26 @@ h1, h2, h3, h4, h5, h6 { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } +.via-black\/20 { + --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to); +} + .via-blue-900 { --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a var(--tw-gradient-via-position), var(--tw-gradient-to); } +.via-purple-400 { + --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), #c084fc var(--tw-gradient-via-position), var(--tw-gradient-to); +} + +.via-purple-500 { + --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), #a855f7 var(--tw-gradient-via-position), var(--tw-gradient-to); +} + .via-purple-600 { --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #9333ea var(--tw-gradient-via-position), var(--tw-gradient-to); @@ -2160,6 +2327,10 @@ h1, h2, h3, h4, h5, h6 { --tw-gradient-to: #dbeafe var(--tw-gradient-to-position); } +.to-blue-600 { + --tw-gradient-to: #2563eb var(--tw-gradient-to-position); +} + .to-blue-800 { --tw-gradient-to: #1e40af var(--tw-gradient-to-position); } @@ -2176,10 +2347,18 @@ h1, h2, h3, h4, h5, h6 { --tw-gradient-to: #dcfce7 var(--tw-gradient-to-position); } +.to-green-600 { + --tw-gradient-to: #16a34a var(--tw-gradient-to-position); +} + .to-indigo-100 { --tw-gradient-to: #e0e7ff var(--tw-gradient-to-position); } +.to-indigo-700 { + --tw-gradient-to: #4338ca var(--tw-gradient-to-position); +} + .to-indigo-900 { --tw-gradient-to: #312e81 var(--tw-gradient-to-position); } @@ -2188,6 +2367,22 @@ h1, h2, h3, h4, h5, h6 { --tw-gradient-to: #ffedd5 var(--tw-gradient-to-position); } +.to-orange-600 { + --tw-gradient-to: #ea580c var(--tw-gradient-to-position); +} + +.to-pink-100 { + --tw-gradient-to: #fce7f3 var(--tw-gradient-to-position); +} + +.to-pink-400 { + --tw-gradient-to: #f472b6 var(--tw-gradient-to-position); +} + +.to-pink-500 { + --tw-gradient-to: #ec4899 var(--tw-gradient-to-position); +} + .to-pink-600 { --tw-gradient-to: #db2777 var(--tw-gradient-to-position); } @@ -2196,10 +2391,6 @@ h1, h2, h3, h4, h5, h6 { --tw-gradient-to: #f3e8ff var(--tw-gradient-to-position); } -.to-purple-400 { - --tw-gradient-to: #c084fc var(--tw-gradient-to-position); -} - .to-purple-50 { --tw-gradient-to: #faf5ff var(--tw-gradient-to-position); } @@ -2208,6 +2399,10 @@ h1, h2, h3, h4, h5, h6 { --tw-gradient-to: #a855f7 var(--tw-gradient-to-position); } +.to-purple-500\/10 { + --tw-gradient-to: rgb(168 85 247 / 0.1) var(--tw-gradient-to-position); +} + .to-purple-600 { --tw-gradient-to: #9333ea var(--tw-gradient-to-position); } @@ -2254,6 +2449,10 @@ h1, h2, h3, h4, h5, h6 { object-fit: cover; } +.p-0 { + padding: 0px; +} + .p-12 { padding: 3rem; } @@ -2270,10 +2469,6 @@ h1, h2, h3, h4, h5, h6 { padding: 1rem; } -.p-5 { - padding: 1.25rem; -} - .p-6 { padding: 1.5rem; } @@ -2282,9 +2477,9 @@ h1, h2, h3, h4, h5, h6 { padding: 2rem; } -.px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; +.px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } .px-2 { @@ -2307,11 +2502,6 @@ h1, h2, h3, h4, h5, h6 { padding-right: 1rem; } -.px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; -} - .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; @@ -2393,12 +2583,16 @@ h1, h2, h3, h4, h5, h6 { padding-left: 0.75rem; } -.pr-10 { - padding-right: 2.5rem; +.pl-4 { + padding-left: 1rem; } -.pr-3 { - padding-right: 0.75rem; +.pr-4 { + padding-right: 1rem; +} + +.pr-8 { + padding-right: 2rem; } .pt-2 { @@ -2421,6 +2615,10 @@ h1, h2, h3, h4, h5, h6 { padding-top: 2rem; } +.text-left { + text-align: left; +} + .text-center { text-align: center; } @@ -2429,10 +2627,6 @@ h1, h2, h3, h4, h5, h6 { text-align: right; } -.font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; -} - .font-sans { font-family: Ubuntu, system-ui, sans-serif; } @@ -2507,10 +2701,6 @@ h1, h2, h3, h4, h5, h6 { font-weight: 600; } -.capitalize { - text-transform: capitalize; -} - .italic { font-style: italic; } @@ -2551,11 +2741,6 @@ h1, h2, h3, h4, h5, h6 { color: rgb(37 99 235 / var(--tw-text-opacity)); } -.text-blue-700 { - --tw-text-opacity: 1; - color: rgb(29 78 216 / var(--tw-text-opacity)); -} - .text-blue-800 { --tw-text-opacity: 1; color: rgb(30 64 175 / var(--tw-text-opacity)); @@ -2616,21 +2801,11 @@ h1, h2, h3, h4, h5, h6 { color: rgb(22 163 74 / var(--tw-text-opacity)); } -.text-green-700 { - --tw-text-opacity: 1; - color: rgb(21 128 61 / var(--tw-text-opacity)); -} - .text-green-800 { --tw-text-opacity: 1; color: rgb(22 101 52 / var(--tw-text-opacity)); } -.text-indigo-600 { - --tw-text-opacity: 1; - color: rgb(79 70 229 / var(--tw-text-opacity)); -} - .text-orange-500 { --tw-text-opacity: 1; color: rgb(249 115 22 / var(--tw-text-opacity)); @@ -2671,16 +2846,6 @@ h1, h2, h3, h4, h5, h6 { color: rgb(220 38 38 / var(--tw-text-opacity)); } -.text-red-700 { - --tw-text-opacity: 1; - color: rgb(185 28 28 / var(--tw-text-opacity)); -} - -.text-red-800 { - --tw-text-opacity: 1; - color: rgb(153 27 27 / var(--tw-text-opacity)); -} - .text-transparent { color: transparent; } @@ -2690,6 +2855,14 @@ h1, h2, h3, h4, h5, h6 { color: rgb(255 255 255 / var(--tw-text-opacity)); } +.text-white\/70 { + color: rgb(255 255 255 / 0.7); +} + +.text-white\/90 { + color: rgb(255 255 255 / 0.9); +} + .text-yellow-300 { --tw-text-opacity: 1; color: rgb(253 224 71 / var(--tw-text-opacity)); @@ -2722,6 +2895,16 @@ h1, h2, h3, h4, h5, h6 { text-decoration-line: underline; } +.placeholder-gray-400::-moz-placeholder { + --tw-placeholder-opacity: 1; + color: rgb(156 163 175 / var(--tw-placeholder-opacity)); +} + +.placeholder-gray-400::placeholder { + --tw-placeholder-opacity: 1; + color: rgb(156 163 175 / var(--tw-placeholder-opacity)); +} + .placeholder-gray-500::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(107 114 128 / var(--tw-placeholder-opacity)); @@ -2740,10 +2923,18 @@ h1, h2, h3, h4, h5, h6 { opacity: 1; } +.opacity-20 { + opacity: 0.2; +} + .opacity-30 { opacity: 0.3; } +.opacity-5 { + opacity: 0.05; +} + .opacity-50 { opacity: 0.5; } @@ -2811,6 +3002,11 @@ h1, h2, h3, h4, h5, h6 { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.blur-3xl { + --tw-blur: blur(64px); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} + .blur-xl { --tw-blur: blur(24px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); @@ -2888,47 +3084,6 @@ h1, h2, h3, h4, h5, h6 { /* Custom utility styles */ -.file\:mr-4::file-selector-button { - margin-right: 1rem; -} - -.file\:rounded-full::file-selector-button { - border-radius: 9999px; -} - -.file\:border-0::file-selector-button { - border-width: 0px; -} - -.file\:bg-blue-50::file-selector-button { - --tw-bg-opacity: 1; - background-color: rgb(239 246 255 / var(--tw-bg-opacity)); -} - -.file\:px-4::file-selector-button { - padding-left: 1rem; - padding-right: 1rem; -} - -.file\:py-2::file-selector-button { - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} - -.file\:text-sm::file-selector-button { - font-size: 0.75rem; - line-height: 1rem; -} - -.file\:font-semibold::file-selector-button { - font-weight: 600; -} - -.file\:text-blue-700::file-selector-button { - --tw-text-opacity: 1; - color: rgb(29 78 216 / var(--tw-text-opacity)); -} - .last\:border-b-0:last-child { border-bottom-width: 0px; } @@ -2943,6 +3098,11 @@ h1, h2, h3, h4, h5, h6 { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.hover\:-translate-y-3:hover { + --tw-translate-y: -0.75rem; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .hover\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; @@ -2955,16 +3115,22 @@ h1, h2, h3, h4, h5, h6 { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.hover\:scale-\[1\.02\]:hover { + --tw-scale-x: 1.02; + --tw-scale-y: 1.02; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.hover\:border-blue-300:hover { + --tw-border-opacity: 1; + border-color: rgb(147 197 253 / var(--tw-border-opacity)); +} + .hover\:border-blue-500:hover { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity)); } -.hover\:border-gray-300:hover { - --tw-border-opacity: 1; - border-color: rgb(209 213 219 / var(--tw-border-opacity)); -} - .hover\:bg-blue-50:hover { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity)); @@ -3015,11 +3181,6 @@ h1, h2, h3, h4, h5, h6 { background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } -.hover\:bg-gray-600:hover { - --tw-bg-opacity: 1; - background-color: rgb(75 85 99 / var(--tw-bg-opacity)); -} - .hover\:bg-gray-700:hover { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)); @@ -3035,24 +3196,9 @@ h1, h2, h3, h4, h5, h6 { background-color: rgb(22 163 74 / var(--tw-bg-opacity)); } -.hover\:bg-green-700:hover { +.hover\:bg-purple-50:hover { --tw-bg-opacity: 1; - background-color: rgb(21 128 61 / var(--tw-bg-opacity)); -} - -.hover\:bg-indigo-50:hover { - --tw-bg-opacity: 1; - background-color: rgb(238 242 255 / var(--tw-bg-opacity)); -} - -.hover\:bg-purple-700:hover { - --tw-bg-opacity: 1; - background-color: rgb(126 34 206 / var(--tw-bg-opacity)); -} - -.hover\:bg-red-50:hover { - --tw-bg-opacity: 1; - background-color: rgb(254 242 242 / var(--tw-bg-opacity)); + background-color: rgb(250 245 255 / var(--tw-bg-opacity)); } .hover\:bg-red-600:hover { @@ -3070,9 +3216,10 @@ h1, h2, h3, h4, h5, h6 { background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } -.hover\:bg-yellow-50:hover { - --tw-bg-opacity: 1; - background-color: rgb(254 252 232 / var(--tw-bg-opacity)); +.hover\:from-blue-100:hover { + --tw-gradient-from: #dbeafe var(--tw-gradient-from-position); + --tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:from-blue-600:hover { @@ -3087,6 +3234,50 @@ h1, h2, h3, h4, h5, h6 { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } +.hover\:from-green-100:hover { + --tw-gradient-from: #dcfce7 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(220 252 231 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.hover\:from-orange-100:hover { + --tw-gradient-from: #ffedd5 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(255 237 213 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.hover\:from-purple-100:hover { + --tw-gradient-from: #f3e8ff var(--tw-gradient-from-position); + --tw-gradient-to: rgb(243 232 255 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.hover\:from-purple-700:hover { + --tw-gradient-from: #7e22ce var(--tw-gradient-from-position); + --tw-gradient-to: rgb(126 34 206 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.hover\:to-blue-200:hover { + --tw-gradient-to: #bfdbfe var(--tw-gradient-to-position); +} + +.hover\:to-green-200:hover { + --tw-gradient-to: #bbf7d0 var(--tw-gradient-to-position); +} + +.hover\:to-orange-200:hover { + --tw-gradient-to: #fed7aa var(--tw-gradient-to-position); +} + +.hover\:to-pink-700:hover { + --tw-gradient-to: #be185d var(--tw-gradient-to-position); +} + +.hover\:to-purple-200:hover { + --tw-gradient-to: #e9d5ff var(--tw-gradient-to-position); +} + .hover\:to-purple-700:hover { --tw-gradient-to: #7e22ce var(--tw-gradient-to-position); } @@ -3121,54 +3312,14 @@ h1, h2, h3, h4, h5, h6 { color: rgb(30 58 138 / var(--tw-text-opacity)); } -.hover\:text-gray-600:hover { - --tw-text-opacity: 1; - color: rgb(75 85 99 / var(--tw-text-opacity)); -} - -.hover\:text-gray-700:hover { - --tw-text-opacity: 1; - color: rgb(55 65 81 / var(--tw-text-opacity)); -} - .hover\:text-gray-900:hover { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity)); } -.hover\:text-green-500:hover { +.hover\:text-purple-700:hover { --tw-text-opacity: 1; - color: rgb(34 197 94 / var(--tw-text-opacity)); -} - -.hover\:text-green-600:hover { - --tw-text-opacity: 1; - color: rgb(22 163 74 / var(--tw-text-opacity)); -} - -.hover\:text-indigo-600:hover { - --tw-text-opacity: 1; - color: rgb(79 70 229 / var(--tw-text-opacity)); -} - -.hover\:text-indigo-900:hover { - --tw-text-opacity: 1; - color: rgb(49 46 129 / var(--tw-text-opacity)); -} - -.hover\:text-orange-500:hover { - --tw-text-opacity: 1; - color: rgb(249 115 22 / var(--tw-text-opacity)); -} - -.hover\:text-purple-500:hover { - --tw-text-opacity: 1; - color: rgb(168 85 247 / var(--tw-text-opacity)); -} - -.hover\:text-red-600:hover { - --tw-text-opacity: 1; - color: rgb(220 38 38 / var(--tw-text-opacity)); + color: rgb(126 34 206 / var(--tw-text-opacity)); } .hover\:text-red-800:hover { @@ -3176,21 +3327,11 @@ h1, h2, h3, h4, h5, h6 { color: rgb(153 27 27 / var(--tw-text-opacity)); } -.hover\:text-red-900:hover { - --tw-text-opacity: 1; - color: rgb(127 29 29 / var(--tw-text-opacity)); -} - .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } -.hover\:text-yellow-600:hover { - --tw-text-opacity: 1; - color: rgb(202 138 4 / var(--tw-text-opacity)); -} - .hover\:underline:hover { text-decoration-line: underline; } @@ -3223,9 +3364,9 @@ h1, h2, h3, h4, h5, h6 { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.hover\:file\:bg-blue-100::file-selector-button:hover { - --tw-bg-opacity: 1; - background-color: rgb(219 234 254 / var(--tw-bg-opacity)); +.hover\:shadow-white\/25:hover { + --tw-shadow-color: rgb(255 255 255 / 0.25); + --tw-shadow: var(--tw-shadow-colored); } .focus\:z-10:focus { @@ -3237,11 +3378,6 @@ h1, h2, h3, h4, h5, h6 { border-color: rgb(59 130 246 / var(--tw-border-opacity)); } -.focus\:border-indigo-500:focus { - --tw-border-opacity: 1; - border-color: rgb(99 102 241 / var(--tw-border-opacity)); -} - .focus\:border-transparent:focus { border-color: transparent; } @@ -3251,12 +3387,6 @@ h1, h2, h3, h4, h5, h6 { outline-offset: 2px; } -.focus\:ring-1:focus { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); -} - .focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -3273,11 +3403,6 @@ h1, h2, h3, h4, h5, h6 { --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity)); } -.focus\:ring-indigo-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity)); -} - .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; } @@ -3300,11 +3425,26 @@ h1, h2, h3, h4, h5, h6 { visibility: visible; } +.group\/link:hover .group-hover\/link\:translate-x-1 { + --tw-translate-x: 0.25rem; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.group:hover .group-hover\:translate-x-1 { + --tw-translate-x: 0.25rem; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .group:hover .group-hover\:translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.group:hover .group-hover\:rotate-3 { + --tw-rotate: 3deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .group:hover .group-hover\:scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; @@ -3317,6 +3457,12 @@ h1, h2, h3, h4, h5, h6 { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.group:hover .group-hover\:scale-150 { + --tw-scale-x: 1.5; + --tw-scale-y: 1.5; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .group:hover .group-hover\:border-blue-500 { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity)); @@ -3352,6 +3498,26 @@ h1, h2, h3, h4, h5, h6 { border-color: rgb(234 179 8 / var(--tw-border-opacity)); } +.group:hover .group-hover\:bg-blue-500 { + --tw-bg-opacity: 1; + background-color: rgb(59 130 246 / var(--tw-bg-opacity)); +} + +.group:hover .group-hover\:bg-green-500 { + --tw-bg-opacity: 1; + background-color: rgb(34 197 94 / var(--tw-bg-opacity)); +} + +.group:hover .group-hover\:bg-orange-500 { + --tw-bg-opacity: 1; + background-color: rgb(249 115 22 / var(--tw-bg-opacity)); +} + +.group:hover .group-hover\:bg-purple-500 { + --tw-bg-opacity: 1; + background-color: rgb(168 85 247 / var(--tw-bg-opacity)); +} + .group:hover .group-hover\:bg-opacity-25 { --tw-bg-opacity: 0.25; } @@ -3366,6 +3532,26 @@ h1, h2, h3, h4, h5, h6 { color: rgb(37 99 235 / var(--tw-text-opacity)); } +.group:hover .group-hover\:text-green-600 { + --tw-text-opacity: 1; + color: rgb(22 163 74 / var(--tw-text-opacity)); +} + +.group:hover .group-hover\:text-orange-600 { + --tw-text-opacity: 1; + color: rgb(234 88 12 / var(--tw-text-opacity)); +} + +.group:hover .group-hover\:text-purple-600 { + --tw-text-opacity: 1; + color: rgb(147 51 234 / var(--tw-text-opacity)); +} + +.group:hover .group-hover\:text-white { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + .group:hover .group-hover\:opacity-100 { opacity: 1; } @@ -3383,6 +3569,10 @@ h1, h2, h3, h4, h5, h6 { grid-template-columns: repeat(2, minmax(0, 1fr)); } + .sm\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + .sm\:flex-row { flex-direction: row; } @@ -3439,20 +3629,6 @@ h1, h2, h3, h4, h5, h6 { flex-direction: row; } - .md\:items-center { - align-items: center; - } - - .md\:justify-between { - justify-content: space-between; - } - - .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0px * var(--tw-space-y-reverse)); - } - .md\:p-12 { padding: 3rem; } @@ -3462,11 +3638,6 @@ h1, h2, h3, h4, h5, h6 { line-height: 1.5rem; } - .md\:text-3xl { - font-size: 1.375rem; - line-height: 1.75rem; - } - .md\:text-4xl { font-size: 1.625rem; line-height: 2rem; @@ -3481,6 +3652,11 @@ h1, h2, h3, h4, h5, h6 { font-size: 2.5rem; line-height: 3rem; } + + .md\:text-xl { + font-size: 1rem; + line-height: 1.375rem; + } } @media (min-width: 1024px) { @@ -3496,10 +3672,6 @@ h1, h2, h3, h4, h5, h6 { grid-column: span 2 / span 2; } - .lg\:w-80 { - width: 20rem; - } - .lg\:w-auto { width: auto; } @@ -3532,18 +3704,6 @@ h1, h2, h3, h4, h5, h6 { justify-content: flex-end; } - .lg\:space-x-6 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1.5rem * var(--tw-space-x-reverse)); - margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); - } - - .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0px * var(--tw-space-y-reverse)); - } - .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; @@ -3557,25 +3717,23 @@ h1, h2, h3, h4, h5, h6 { font-size: 1.375rem; line-height: 1.75rem; } -} -@media (min-width: 1280px) { - .xl\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); + .lg\:text-7xl { + font-size: 3rem; + line-height: 3.5rem; } } @media (prefers-color-scheme: dark) { - .dark\:border-blue-400 { - --tw-border-opacity: 1; - border-color: rgb(96 165 250 / var(--tw-border-opacity)); - } - .dark\:border-blue-700 { --tw-border-opacity: 1; border-color: rgb(29 78 216 / var(--tw-border-opacity)); } + .dark\:border-blue-700\/50 { + border-color: rgb(29 78 216 / 0.5); + } + .dark\:border-gray-500 { --tw-border-opacity: 1; border-color: rgb(107 114 128 / var(--tw-border-opacity)); @@ -3595,6 +3753,22 @@ h1, h2, h3, h4, h5, h6 { border-color: rgb(55 65 81 / var(--tw-border-opacity)); } + .dark\:border-gray-700\/50 { + border-color: rgb(55 65 81 / 0.5); + } + + .dark\:border-green-700\/50 { + border-color: rgb(21 128 61 / 0.5); + } + + .dark\:border-orange-700\/50 { + border-color: rgb(194 65 12 / 0.5); + } + + .dark\:border-purple-700\/50 { + border-color: rgb(126 34 206 / 0.5); + } + .dark\:bg-blue-400 { --tw-bg-opacity: 1; background-color: rgb(96 165 250 / var(--tw-bg-opacity)); @@ -3663,16 +3837,16 @@ h1, h2, h3, h4, h5, h6 { background-color: rgb(124 45 18 / var(--tw-bg-opacity)); } + .dark\:bg-pink-400 { + --tw-bg-opacity: 1; + background-color: rgb(244 114 182 / var(--tw-bg-opacity)); + } + .dark\:bg-purple-400 { --tw-bg-opacity: 1; background-color: rgb(192 132 252 / var(--tw-bg-opacity)); } - .dark\:bg-purple-500 { - --tw-bg-opacity: 1; - background-color: rgb(168 85 247 / var(--tw-bg-opacity)); - } - .dark\:bg-purple-900 { --tw-bg-opacity: 1; background-color: rgb(88 28 135 / var(--tw-bg-opacity)); @@ -3694,6 +3868,12 @@ h1, h2, h3, h4, h5, h6 { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } + .dark\:from-blue-900\/20 { + --tw-gradient-from: rgb(30 58 138 / 0.2) var(--tw-gradient-from-position); + --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); + } + .dark\:from-emerald-900 { --tw-gradient-from: #064e3b var(--tw-gradient-from-position); --tw-gradient-to: rgb(6 78 59 / 0) var(--tw-gradient-to-position); @@ -3718,18 +3898,42 @@ h1, h2, h3, h4, h5, h6 { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } + .dark\:from-green-900\/20 { + --tw-gradient-from: rgb(20 83 45 / 0.2) var(--tw-gradient-from-position); + --tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); + } + .dark\:from-orange-900 { --tw-gradient-from: #7c2d12 var(--tw-gradient-from-position); --tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } + .dark\:from-orange-900\/20 { + --tw-gradient-from: rgb(124 45 18 / 0.2) var(--tw-gradient-from-position); + --tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); + } + .dark\:from-purple-900 { --tw-gradient-from: #581c87 var(--tw-gradient-from-position); --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } + .dark\:from-purple-900\/20 { + --tw-gradient-from: rgb(88 28 135 / 0.2) var(--tw-gradient-from-position); + --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); + } + + .dark\:from-purple-900\/50 { + --tw-gradient-from: rgb(88 28 135 / 0.5) var(--tw-gradient-from-position); + --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); + } + .dark\:from-red-900 { --tw-gradient-from: #7f1d1d var(--tw-gradient-from-position); --tw-gradient-to: rgb(127 29 29 / 0) var(--tw-gradient-to-position); @@ -3751,6 +3955,10 @@ h1, h2, h3, h4, h5, h6 { --tw-gradient-to: #1e40af var(--tw-gradient-to-position); } + .dark\:to-blue-800\/20 { + --tw-gradient-to: rgb(30 64 175 / 0.2) var(--tw-gradient-to-position); + } + .dark\:to-emerald-800 { --tw-gradient-to: #065f46 var(--tw-gradient-to-position); } @@ -3767,14 +3975,30 @@ h1, h2, h3, h4, h5, h6 { --tw-gradient-to: #166534 var(--tw-gradient-to-position); } + .dark\:to-green-800\/20 { + --tw-gradient-to: rgb(22 101 52 / 0.2) var(--tw-gradient-to-position); + } + .dark\:to-orange-800 { --tw-gradient-to: #9a3412 var(--tw-gradient-to-position); } + .dark\:to-orange-800\/20 { + --tw-gradient-to: rgb(154 52 18 / 0.2) var(--tw-gradient-to-position); + } + + .dark\:to-pink-900\/50 { + --tw-gradient-to: rgb(131 24 67 / 0.5) var(--tw-gradient-to-position); + } + .dark\:to-purple-800 { --tw-gradient-to: #6b21a8 var(--tw-gradient-to-position); } + .dark\:to-purple-800\/20 { + --tw-gradient-to: rgb(107 33 168 / 0.2) var(--tw-gradient-to-position); + } + .dark\:to-purple-900 { --tw-gradient-to: #581c87 var(--tw-gradient-to-position); } @@ -3832,6 +4056,11 @@ h1, h2, h3, h4, h5, h6 { color: rgb(251 146 60 / var(--tw-text-opacity)); } + .dark\:text-purple-300 { + --tw-text-opacity: 1; + color: rgb(216 180 254 / var(--tw-text-opacity)); + } + .dark\:text-purple-400 { --tw-text-opacity: 1; color: rgb(192 132 252 / var(--tw-text-opacity)); @@ -3856,9 +4085,8 @@ h1, h2, h3, h4, h5, h6 { opacity: 0.7; } - .dark\:hover\:bg-blue-400:hover { - --tw-bg-opacity: 1; - background-color: rgb(96 165 250 / var(--tw-bg-opacity)); + .dark\:hover\:bg-blue-900\/20:hover { + background-color: rgb(30 58 138 / 0.2); } .dark\:hover\:bg-gray-600:hover { @@ -3871,14 +4099,52 @@ h1, h2, h3, h4, h5, h6 { background-color: rgb(55 65 81 / var(--tw-bg-opacity)); } - .dark\:hover\:bg-purple-400:hover { - --tw-bg-opacity: 1; - background-color: rgb(192 132 252 / var(--tw-bg-opacity)); + .dark\:hover\:bg-green-900\/20:hover { + background-color: rgb(20 83 45 / 0.2); } - .dark\:hover\:text-blue-300:hover { - --tw-text-opacity: 1; - color: rgb(147 197 253 / var(--tw-text-opacity)); + .dark\:hover\:bg-purple-900\/20:hover { + background-color: rgb(88 28 135 / 0.2); + } + + .dark\:hover\:from-blue-800\/30:hover { + --tw-gradient-from: rgb(30 64 175 / 0.3) var(--tw-gradient-from-position); + --tw-gradient-to: rgb(30 64 175 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); + } + + .dark\:hover\:from-green-800\/30:hover { + --tw-gradient-from: rgb(22 101 52 / 0.3) var(--tw-gradient-from-position); + --tw-gradient-to: rgb(22 101 52 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); + } + + .dark\:hover\:from-orange-800\/30:hover { + --tw-gradient-from: rgb(154 52 18 / 0.3) var(--tw-gradient-from-position); + --tw-gradient-to: rgb(154 52 18 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); + } + + .dark\:hover\:from-purple-800\/30:hover { + --tw-gradient-from: rgb(107 33 168 / 0.3) var(--tw-gradient-from-position); + --tw-gradient-to: rgb(107 33 168 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); + } + + .dark\:hover\:to-blue-700\/30:hover { + --tw-gradient-to: rgb(29 78 216 / 0.3) var(--tw-gradient-to-position); + } + + .dark\:hover\:to-green-700\/30:hover { + --tw-gradient-to: rgb(21 128 61 / 0.3) var(--tw-gradient-to-position); + } + + .dark\:hover\:to-orange-700\/30:hover { + --tw-gradient-to: rgb(194 65 12 / 0.3) var(--tw-gradient-to-position); + } + + .dark\:hover\:to-purple-700\/30:hover { + --tw-gradient-to: rgb(126 34 206 / 0.3) var(--tw-gradient-to-position); } .dark\:hover\:text-gray-200:hover { @@ -3886,13 +4152,28 @@ h1, h2, h3, h4, h5, h6 { color: rgb(229 231 235 / var(--tw-text-opacity)); } - .dark\:hover\:text-gray-900:hover { + .dark\:hover\:text-purple-300:hover { --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); + color: rgb(216 180 254 / var(--tw-text-opacity)); } .group:hover .dark\:group-hover\:text-blue-400 { --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity)); } + + .group:hover .dark\:group-hover\:text-green-400 { + --tw-text-opacity: 1; + color: rgb(74 222 128 / var(--tw-text-opacity)); + } + + .group:hover .dark\:group-hover\:text-orange-400 { + --tw-text-opacity: 1; + color: rgb(251 146 60 / var(--tw-text-opacity)); + } + + .group:hover .dark\:group-hover\:text-purple-400 { + --tw-text-opacity: 1; + color: rgb(192 132 252 / var(--tw-text-opacity)); + } } \ No newline at end of file diff --git a/public/images/services/branding.svg b/public/images/services/branding.svg new file mode 100644 index 0000000..1468c63 --- /dev/null +++ b/public/images/services/branding.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Aa + Brand + 123 + + + + © + \ No newline at end of file diff --git a/public/images/services/consulting.svg b/public/images/services/consulting.svg new file mode 100644 index 0000000..546322d --- /dev/null +++ b/public/images/services/consulting.svg @@ -0,0 +1,69 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/images/services/default.svg b/public/images/services/default.svg new file mode 100644 index 0000000..1cffcbd --- /dev/null +++ b/public/images/services/default.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/images/services/digital-marketing.svg b/public/images/services/digital-marketing.svg new file mode 100644 index 0000000..d0e3861 --- /dev/null +++ b/public/images/services/digital-marketing.svg @@ -0,0 +1,56 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + f + + + t + + + i + + + + + + + + SEO + + + + + + + + + + \ No newline at end of file diff --git a/public/images/services/mobile-app.svg b/public/images/services/mobile-app.svg new file mode 100644 index 0000000..a357dce --- /dev/null +++ b/public/images/services/mobile-app.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/images/services/ui-ux-design.svg b/public/images/services/ui-ux-design.svg new file mode 100644 index 0000000..899c22e --- /dev/null +++ b/public/images/services/ui-ux-design.svg @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Aa + UI/UX + \ No newline at end of file diff --git a/public/images/services/web-development.svg b/public/images/services/web-development.svg new file mode 100644 index 0000000..da73055 --- /dev/null +++ b/public/images/services/web-development.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + </> + {} + \ No newline at end of file diff --git a/public/sw.js b/public/sw.js index ea47299..f37048c 100644 --- a/public/sw.js +++ b/public/sw.js @@ -10,13 +10,19 @@ const STATIC_FILES = [ '/css/fixes.css', '/css/dark-theme.css', '/js/main.js', + '/vendor/jquery/jquery-3.6.0.min.js', + '/vendor/bootstrap/bootstrap.bundle.min.js', + '/vendor/bootstrap/bootstrap.min.css', + '/vendor/adminlte/adminlte.min.js', + '/vendor/adminlte/adminlte.min.css', + '/vendor/adminlte/fontawesome.min.css', '/images/logo.png', '/images/icon-192x192.png', '/images/icon-144x144.png', '/manifest.json', 'https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap', + 'https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap', 'https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css', - 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css', 'https://unpkg.com/aos@2.3.1/dist/aos.css', 'https://unpkg.com/aos@2.3.1/dist/aos.js' ]; diff --git a/public/vendor/adminlte/adminlte.min.css b/public/vendor/adminlte/adminlte.min.css new file mode 100644 index 0000000..49d8c14 --- /dev/null +++ b/public/vendor/adminlte/adminlte.min.css @@ -0,0 +1,12 @@ +/*! + * AdminLTE v3.2.0 + * Author: Colorlib + * Website: AdminLTE.io + * License: Open source - MIT + *//*! + * Bootstrap v4.6.1 (https://getbootstrap.com/) + * Copyright 2011-2021 The Bootstrap Authors + * Copyright 2011-2021 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:none}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit;text-align:-webkit-match-parent}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;box-shadow:0 1px 2px rgba(0,0,0,.075);max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem;box-shadow:inset 0 -.1rem 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;box-shadow:none}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:7.5px;padding-left:7.5px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-7.5px;margin-left:-7.5px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:7.5px;padding-left:7.5px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-md-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-md-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529;background-color:transparent}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#212529;border-color:#383f45}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#212529}.table-dark td,.table-dark th,.table-dark thead th{border-color:#383f45}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(2.25rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;box-shadow:inset 0 0 0 transparent;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:inset 0 0 0 transparent}.form-control::-webkit-input-placeholder{color:#939ba2;opacity:1}.form-control::-moz-placeholder{color:#939ba2;opacity:1}.form-control:-ms-input-placeholder{color:#939ba2;opacity:1}.form-control::-ms-input-placeholder{color:#939ba2;opacity:1}.form-control::placeholder{color:#939ba2;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.8125rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(2.875rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.form-row>.col>.valid-tooltip,.form-row>[class*=col-]>.valid-tooltip{left:5px}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:2.25rem!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 0 rgba(40,167,69,.25)}.was-validated select.form-control:valid,select.form-control.is-valid{padding-right:3rem!important;background-position:right 1.5rem center}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:2.25rem;background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc(.75em + 2.3125rem)!important;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 0 rgba(40,167,69,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 0 rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 0 rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip{left:5px}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:2.25rem!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 0 rgba(220,53,69,.25)}.was-validated select.form-control:invalid,select.form-control.is-invalid{padding-right:3rem!important;background-position:right 1.5rem center}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:2.25rem;background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc(.75em + 2.3125rem)!important;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 0 rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 0 rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 0 rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:none}.btn.disabled,.btn:disabled{opacity:.65;box-shadow:none}.btn:not(:disabled):not(.disabled){cursor:pointer}.btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active{box-shadow:none}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff;box-shadow:none}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 0 rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d;box-shadow:none}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#5a6268;border-color:#545b62;box-shadow:0 0 0 0 rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745;box-shadow:none}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#218838;border-color:#1e7e34;box-shadow:0 0 0 0 rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8;box-shadow:none}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 0 rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(58,176,195,.5)}.btn-warning{color:#1f2d3d;background-color:#ffc107;border-color:#ffc107;box-shadow:none}.btn-warning:hover{color:#1f2d3d;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{color:#1f2d3d;background-color:#e0a800;border-color:#d39e00;box-shadow:0 0 0 0 rgba(221,171,15,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#1f2d3d;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#1f2d3d;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(221,171,15,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545;box-shadow:none}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c82333;border-color:#bd2130;box-shadow:0 0 0 0 rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(225,83,97,.5)}.btn-light{color:#1f2d3d;background-color:#f8f9fa;border-color:#f8f9fa;box-shadow:none}.btn-light:hover{color:#1f2d3d;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{color:#1f2d3d;background-color:#e2e6ea;border-color:#dae0e5;box-shadow:0 0 0 0 rgba(215,218,222,.5)}.btn-light.disabled,.btn-light:disabled{color:#1f2d3d;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#1f2d3d;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(215,218,222,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40;box-shadow:none}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{color:#fff;background-color:#23272b;border-color:#1d2124;box-shadow:0 0 0 0 rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 0 rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 0 rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 0 rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 0 rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#1f2d3d;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 0 rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#1f2d3d;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 0 rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#1f2d3d;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 0 rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#1f2d3d;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 0 rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:none}.btn-link.focus,.btn-link:focus{text-decoration:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.175)}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group.show .dropdown-toggle{box-shadow:none}.btn-group.show .dropdown-toggle.btn-link{box-shadow:none}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,.input-group.has-validation>.custom-select:nth-last-child(n+3),.input-group.has-validation>.form-control:nth-last-child(n+3){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(2.875rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.8125rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;z-index:1;display:block;min-height:1.5rem;padding-left:1.5rem;-webkit-print-color-adjust:exact;color-adjust:exact}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff;box-shadow:none}.custom-control-input:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff;box-shadow:none}.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#dee2e6;border:#adb5bd solid 1px;box-shadow:inset 0 .25rem .25rem rgba(0,0,0,.1)}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:50%/50% 50% no-repeat}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff;box-shadow:none}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#dee2e6;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(2.25rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;border:1px solid #ced4da;border-radius:.25rem;box-shadow:inset 0 1px 2px rgba(0,0,0,.075);-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.075)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.custom-select-sm{height:calc(1.8125rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:75%}.custom-select-lg{height:calc(2.875rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:125%}.custom-file{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;overflow:hidden;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:none}.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(2.25rem + 2px);padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;box-shadow:none}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:2.25rem;padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:1rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;box-shadow:0 .1rem .25rem rgba(0,0,0,.1);-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem;box-shadow:inset 0 .25rem .25rem rgba(0,0,0,.1)}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;box-shadow:0 .1rem .25rem rgba(0,0,0,.1);-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem;box-shadow:inset 0 .25rem .25rem rgba(0,0,0,.1)}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:0;margin-left:0;background-color:#007bff;border:0;border-radius:1rem;box-shadow:0 .1rem .25rem rgba(0,0,0,.1);-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem;box-shadow:inset 0 .25rem .25rem rgba(0,0,0,.1)}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item,.nav-fill>.nav-link{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem .5rem}.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:.5rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:50%/100% 100% no-repeat}.navbar-nav-scroll{max-height:75vh;overflow-y:auto}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:1rem;padding-left:1rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:1rem;padding-left:1rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:1rem;padding-left:1rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:1rem;padding-left:1rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:1rem;padding-left:1rem}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:#fff}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.75);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:rgba(255,255,255,.75)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:0 solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 0);border-top-right-radius:calc(.25rem - 0)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 0);border-bottom-left-radius:calc(.25rem - 0)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:0 solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 0) calc(.25rem - 0) 0 0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:0 solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 0) calc(.25rem - 0)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem;border-radius:calc(.25rem - 0)}.card-img,.card-img-bottom,.card-img-top{-ms-flex-negative:0;flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 0);border-top-right-radius:calc(.25rem - 0)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 0);border-bottom-left-radius:calc(.25rem - 0)}.card-deck .card{margin-bottom:7.5px}@media (min-width:576px){.card-deck{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-7.5px;margin-left:-7.5px}.card-deck .card{-ms-flex:1 0 0%;flex:1 0 0%;margin-right:7.5px;margin-bottom:0;margin-left:7.5px}}.card-group>.card{margin-bottom:7.5px}@media (min-width:576px){.card-group{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion{overflow-anchor:none}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:0}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#1f2d3d;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#1f2d3d;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#1f2d3d;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#1f2d3d;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close,.alert-dismissible .mailbox-attachment-close{position:absolute;top:0;right:0;z-index:2;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;line-height:0;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem;box-shadow:inset 0 .1rem .1rem rgba(0,0,0,.1)}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:1s linear infinite progress-bar-stripes;animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close,.mailbox-attachment-close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover,.mailbox-attachment-close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover,.mailbox-attachment-close:not(:disabled):not(.disabled):focus,.mailbox-attachment-close:not(:disabled):not(.disabled):hover{opacity:.75}button.close,button.mailbox-attachment-close{padding:0;background-color:transparent;border:0}a.close.disabled,a.disabled.mailbox-attachment-close{pointer-events:none}.toast{-ms-flex-preferred-size:350px;flex-basis:350px;max-width:350px;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:-webkit-min-content;height:-moz-min-content;height:min-content;content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;box-shadow:0 .25rem .5rem rgba(0,0,0,.5);outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close,.modal-header .mailbox-attachment-close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:.75rem;border-top:1px solid #e9ecef;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:-webkit-min-content;height:-moz-min-content;height:min-content}.modal-content{box-shadow:0 .5rem 1rem rgba(0,0,0,.5)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;box-shadow:0 .25rem .5rem rgba(0,0,0,.2)}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;color:inherit;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:50%/100% 100% no-repeat}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:.75s linear infinite spinner-grow;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{-webkit-animation-duration:1.5s;animation-duration:1.5s}}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;word-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes shake{0%{-webkit-transform:translate(2px,1px) rotate(0);transform:translate(2px,1px) rotate(0)}10%{-webkit-transform:translate(-1px,-2px) rotate(-2deg);transform:translate(-1px,-2px) rotate(-2deg)}20%{-webkit-transform:translate(-3px,0) rotate(3deg);transform:translate(-3px,0) rotate(3deg)}30%{-webkit-transform:translate(0,2px) rotate(0);transform:translate(0,2px) rotate(0)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg);transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0);transform:translate(-3px,1px) rotate(0)}70%{-webkit-transform:translate(2px,1px) rotate(-2deg);transform:translate(2px,1px) rotate(-2deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(4deg);transform:translate(-1px,-1px) rotate(4deg)}90%{-webkit-transform:translate(2px,2px) rotate(0);transform:translate(2px,2px) rotate(0)}100%{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}@keyframes shake{0%{-webkit-transform:translate(2px,1px) rotate(0);transform:translate(2px,1px) rotate(0)}10%{-webkit-transform:translate(-1px,-2px) rotate(-2deg);transform:translate(-1px,-2px) rotate(-2deg)}20%{-webkit-transform:translate(-3px,0) rotate(3deg);transform:translate(-3px,0) rotate(3deg)}30%{-webkit-transform:translate(0,2px) rotate(0);transform:translate(0,2px) rotate(0)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg);transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0);transform:translate(-3px,1px) rotate(0)}70%{-webkit-transform:translate(2px,1px) rotate(-2deg);transform:translate(2px,1px) rotate(-2deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(4deg);transform:translate(-1px,-1px) rotate(4deg)}90%{-webkit-transform:translate(2px,2px) rotate(0);transform:translate(2px,2px) rotate(0)}100%{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.dark-mode :root{--lightblue:#86bad8;--navy:#002c59;--olive:#74c8a3;--lime:#67ffa9;--fuchsia:#f672d8;--maroon:#ed6c9b;--blue:#3f6791;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#e74c3c;--orange:#fd7e14;--yellow:#f39c12;--green:#00bc8c;--teal:#20c997;--cyan:#3498db;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#3f6791;--secondary:#6c757d;--success:#00bc8c;--info:#3498db;--warning:#f39c12;--danger:#e74c3c;--light:#f8f9fa;--dark:#343a40}.animation__shake{-webkit-animation:shake 1.5s;animation:shake 1.5s}.animation__wobble{-webkit-animation:wobble 1.5s;animation:wobble 1.5s}.preloader{display:-ms-flexbox;display:flex;background-color:#f4f6f9;height:100vh;width:100%;transition:height .2s linear;position:fixed;left:0;top:0;z-index:9999}.dark-mode .preloader{background-color:#454d55!important;color:#fff}html.scroll-smooth{scroll-behavior:smooth}.wrapper,body,html{min-height:100%}.wrapper{position:relative}.wrapper .content-wrapper{min-height:calc(100vh - calc(3.5rem + 1px) - calc(3.5rem + 1px))}.layout-boxed .wrapper{box-shadow:0 0 10 rgba(0,0,0,.3)}.layout-boxed .wrapper,.layout-boxed .wrapper::before{margin:0 auto;max-width:1250px;overflow:hidden}.layout-boxed .wrapper .main-sidebar{left:inherit}@supports not (-webkit-touch-callout:none){.layout-fixed .wrapper .sidebar{height:calc(100vh - (3.5rem + 1px))}.layout-fixed.text-sm .wrapper .sidebar{height:calc(100vh - (2.93725rem + 1px))}}.layout-navbar-fixed.layout-fixed .wrapper .control-sidebar{top:calc(3.5rem + 1px)}.layout-navbar-fixed.layout-fixed .wrapper .main-header.text-sm~.control-sidebar{top:calc(2.93725rem + 1px)}.layout-navbar-fixed.layout-fixed .wrapper .sidebar{margin-top:calc(3.5rem + 1px)}.layout-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm~.sidebar{margin-top:calc(2.93725rem + 1px)}.layout-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar{top:calc(2.93725rem + 1px)}.layout-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar{margin-top:calc(2.93725rem + 1px)}.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse .wrapper .brand-link,.layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse .wrapper .brand-link,.layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .brand-link{height:calc(3.5rem + 1px);width:4.6rem}.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse .wrapper .brand-link.text-sm,.layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse .wrapper .brand-link.text-sm,.layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .brand-link.text-sm{height:calc(2.93725rem + 1px)}.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse.text-sm .wrapper .brand-link,.layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse.text-sm .wrapper .brand-link,.layout-navbar-fixed.sidebar-mini.sidebar-collapse.text-sm .wrapper .brand-link{height:calc(2.93725rem + 1px)}body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar{margin-top:calc(calc(2.93725rem + 1px)/ -1)}body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar{margin-top:calc(2.93725rem + 1px)}.layout-navbar-fixed .wrapper .control-sidebar{top:0}.layout-navbar-fixed .wrapper a.anchor{display:block;position:relative;top:calc((3.5rem + 1px + (.5rem * 2))/ -1)}.layout-navbar-fixed .wrapper .main-sidebar:hover .brand-link{transition:width .3s ease-in-out;width:250px}.layout-navbar-fixed .wrapper .brand-link{overflow:hidden;position:fixed;top:0;transition:width .3s ease-in-out;width:250px;z-index:1035}.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .wrapper .sidebar-dark-lightblue .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .wrapper .sidebar-light-lightblue .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .wrapper .sidebar-dark-navy .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .wrapper .sidebar-light-navy .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .wrapper .sidebar-dark-olive .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .wrapper .sidebar-light-olive .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .wrapper .sidebar-dark-lime .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .wrapper .sidebar-light-lime .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .wrapper .sidebar-dark-fuchsia .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .wrapper .sidebar-light-fuchsia .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .wrapper .sidebar-dark-maroon .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .wrapper .sidebar-light-maroon .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .wrapper .sidebar-dark-blue .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .wrapper .sidebar-light-blue .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .wrapper .sidebar-dark-indigo .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .wrapper .sidebar-light-indigo .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .wrapper .sidebar-dark-purple .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .wrapper .sidebar-light-purple .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .wrapper .sidebar-dark-pink .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .wrapper .sidebar-light-pink .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .wrapper .sidebar-dark-red .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .wrapper .sidebar-light-red .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .wrapper .sidebar-dark-orange .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .wrapper .sidebar-light-orange .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .wrapper .sidebar-dark-yellow .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .wrapper .sidebar-light-yellow .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .wrapper .sidebar-dark-green .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .wrapper .sidebar-light-green .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .wrapper .sidebar-dark-teal .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .wrapper .sidebar-light-teal .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .wrapper .sidebar-dark-cyan .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .wrapper .sidebar-light-cyan .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .wrapper .sidebar-dark-white .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .wrapper .sidebar-light-white .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .wrapper .sidebar-dark-gray .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .wrapper .sidebar-light-gray .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .wrapper .sidebar-dark-gray-dark .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .wrapper .sidebar-light-gray-dark .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .wrapper .main-header.border-bottom-0~.content-wrapper{margin-top:3.5rem}.layout-navbar-fixed .wrapper .content-wrapper{margin-top:calc(3.5rem + 1px)}.layout-navbar-fixed .wrapper .main-header.text-sm~.content-wrapper{margin-top:calc(2.93725rem + 1px)}.layout-navbar-fixed .wrapper .main-header{left:0;position:fixed;right:0;top:0;z-index:1033}.layout-navbar-fixed.text-sm .wrapper .content-wrapper{margin-top:calc(2.93725rem + 1px)}.layout-navbar-not-fixed .wrapper .brand-link{position:static}.layout-navbar-not-fixed .wrapper .content-wrapper,.layout-navbar-not-fixed .wrapper .sidebar{margin-top:0}.layout-navbar-not-fixed .wrapper .main-header{position:static}.layout-navbar-not-fixed.layout-fixed .wrapper .sidebar{margin-top:0}.layout-navbar-fixed.layout-fixed .wrapper .control-sidebar{top:calc(3.5rem + 1px)}.layout-navbar-fixed.layout-fixed .wrapper .main-header.text-sm~.control-sidebar,.text-sm .layout-navbar-fixed.layout-fixed .wrapper .main-header~.control-sidebar{top:calc(2.93725rem + 1px)}.layout-navbar-fixed.layout-fixed .wrapper .sidebar{margin-top:calc(3.5rem + 1px)}.layout-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm~.sidebar,.text-sm .layout-navbar-fixed.layout-fixed .wrapper .brand-link~.sidebar{margin-top:calc(2.93725rem + 1px)}.layout-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar{top:calc(2.93725rem + 1px)}.layout-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar{margin-top:calc(2.93725rem + 1px)}.layout-navbar-fixed .wrapper .control-sidebar{top:0}.layout-navbar-fixed .wrapper a.anchor{display:block;position:relative;top:calc((3.5rem + 1px + (.5rem * 2))/ -1)}.layout-navbar-fixed .wrapper.sidebar-collapse .brand-link{height:calc(3.5rem + 1px);transition:width .3s ease-in-out;width:4.6rem}.layout-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm,.text-sm .layout-navbar-fixed .wrapper.sidebar-collapse .brand-link{height:calc(2.93725rem + 1px)}.layout-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link{transition:width .3s ease-in-out;width:250px}.layout-navbar-fixed .wrapper .brand-link{overflow:hidden;position:fixed;top:0;transition:width .3s ease-in-out;width:250px;z-index:1035}.layout-navbar-fixed .wrapper .content-wrapper{margin-top:calc(3.5rem + 1px)}.layout-navbar-fixed .wrapper .main-header.text-sm~.content-wrapper,.text-sm .layout-navbar-fixed .wrapper .main-header~.content-wrapper{margin-top:calc(2.93725rem + 1px)}.layout-navbar-fixed .wrapper .main-header{left:0;position:fixed;right:0;top:0;z-index:1037}.layout-navbar-fixed.text-sm .wrapper .content-wrapper{margin-top:calc(2.93725rem + 1px)}body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar{margin-top:calc(calc(2.93725rem + 1px)/ -1)}body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar{margin-top:calc(2.93725rem + 1px)}.layout-navbar-not-fixed .wrapper .brand-link{position:static}.layout-navbar-not-fixed .wrapper .content-wrapper,.layout-navbar-not-fixed .wrapper .sidebar{margin-top:0}.layout-navbar-not-fixed .wrapper .main-header{position:static}.layout-navbar-not-fixed.layout-fixed .wrapper .sidebar{margin-top:0}@media (min-width:576px){.layout-sm-navbar-fixed.layout-fixed .wrapper .control-sidebar{top:calc(3.5rem + 1px)}.layout-sm-navbar-fixed.layout-fixed .wrapper .main-header.text-sm~.control-sidebar,.text-sm .layout-sm-navbar-fixed.layout-fixed .wrapper .main-header~.control-sidebar{top:calc(2.93725rem + 1px)}.layout-sm-navbar-fixed.layout-fixed .wrapper .sidebar{margin-top:calc(3.5rem + 1px)}.layout-sm-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm~.sidebar,.text-sm .layout-sm-navbar-fixed.layout-fixed .wrapper .brand-link~.sidebar{margin-top:calc(2.93725rem + 1px)}.layout-sm-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar{top:calc(2.93725rem + 1px)}.layout-sm-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar{margin-top:calc(2.93725rem + 1px)}.layout-sm-navbar-fixed .wrapper .control-sidebar{top:0}.layout-sm-navbar-fixed .wrapper a.anchor{display:block;position:relative;top:calc((3.5rem + 1px + (.5rem * 2))/ -1)}.layout-sm-navbar-fixed .wrapper.sidebar-collapse .brand-link{height:calc(3.5rem + 1px);transition:width .3s ease-in-out;width:4.6rem}.layout-sm-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm,.text-sm .layout-sm-navbar-fixed .wrapper.sidebar-collapse .brand-link{height:calc(2.93725rem + 1px)}.layout-sm-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link{transition:width .3s ease-in-out;width:250px}.layout-sm-navbar-fixed .wrapper .brand-link{overflow:hidden;position:fixed;top:0;transition:width .3s ease-in-out;width:250px;z-index:1035}.layout-sm-navbar-fixed .wrapper .content-wrapper{margin-top:calc(3.5rem + 1px)}.layout-sm-navbar-fixed .wrapper .main-header.text-sm~.content-wrapper,.text-sm .layout-sm-navbar-fixed .wrapper .main-header~.content-wrapper{margin-top:calc(2.93725rem + 1px)}.layout-sm-navbar-fixed .wrapper .main-header{left:0;position:fixed;right:0;top:0;z-index:1037}.layout-sm-navbar-fixed.text-sm .wrapper .content-wrapper{margin-top:calc(2.93725rem + 1px)}body:not(.layout-fixed).layout-sm-navbar-fixed.text-sm .wrapper .main-sidebar{margin-top:calc(calc(2.93725rem + 1px)/ -1)}body:not(.layout-fixed).layout-sm-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar{margin-top:calc(2.93725rem + 1px)}.layout-sm-navbar-not-fixed .wrapper .brand-link{position:static}.layout-sm-navbar-not-fixed .wrapper .content-wrapper,.layout-sm-navbar-not-fixed .wrapper .sidebar{margin-top:0}.layout-sm-navbar-not-fixed .wrapper .main-header{position:static}.layout-sm-navbar-not-fixed.layout-fixed .wrapper .sidebar{margin-top:0}}@media (min-width:768px){.layout-md-navbar-fixed.layout-fixed .wrapper .control-sidebar{top:calc(3.5rem + 1px)}.layout-md-navbar-fixed.layout-fixed .wrapper .main-header.text-sm~.control-sidebar,.text-sm .layout-md-navbar-fixed.layout-fixed .wrapper .main-header~.control-sidebar{top:calc(2.93725rem + 1px)}.layout-md-navbar-fixed.layout-fixed .wrapper .sidebar{margin-top:calc(3.5rem + 1px)}.layout-md-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm~.sidebar,.text-sm .layout-md-navbar-fixed.layout-fixed .wrapper .brand-link~.sidebar{margin-top:calc(2.93725rem + 1px)}.layout-md-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar{top:calc(2.93725rem + 1px)}.layout-md-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar{margin-top:calc(2.93725rem + 1px)}.layout-md-navbar-fixed .wrapper .control-sidebar{top:0}.layout-md-navbar-fixed .wrapper a.anchor{display:block;position:relative;top:calc((3.5rem + 1px + (.5rem * 2))/ -1)}.layout-md-navbar-fixed .wrapper.sidebar-collapse .brand-link{height:calc(3.5rem + 1px);transition:width .3s ease-in-out;width:4.6rem}.layout-md-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm,.text-sm .layout-md-navbar-fixed .wrapper.sidebar-collapse .brand-link{height:calc(2.93725rem + 1px)}.layout-md-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link{transition:width .3s ease-in-out;width:250px}.layout-md-navbar-fixed .wrapper .brand-link{overflow:hidden;position:fixed;top:0;transition:width .3s ease-in-out;width:250px;z-index:1035}.layout-md-navbar-fixed .wrapper .content-wrapper{margin-top:calc(3.5rem + 1px)}.layout-md-navbar-fixed .wrapper .main-header.text-sm~.content-wrapper,.text-sm .layout-md-navbar-fixed .wrapper .main-header~.content-wrapper{margin-top:calc(2.93725rem + 1px)}.layout-md-navbar-fixed .wrapper .main-header{left:0;position:fixed;right:0;top:0;z-index:1037}.layout-md-navbar-fixed.text-sm .wrapper .content-wrapper{margin-top:calc(2.93725rem + 1px)}body:not(.layout-fixed).layout-md-navbar-fixed.text-sm .wrapper .main-sidebar{margin-top:calc(calc(2.93725rem + 1px)/ -1)}body:not(.layout-fixed).layout-md-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar{margin-top:calc(2.93725rem + 1px)}.layout-md-navbar-not-fixed .wrapper .brand-link{position:static}.layout-md-navbar-not-fixed .wrapper .content-wrapper,.layout-md-navbar-not-fixed .wrapper .sidebar{margin-top:0}.layout-md-navbar-not-fixed .wrapper .main-header{position:static}.layout-md-navbar-not-fixed.layout-fixed .wrapper .sidebar{margin-top:0}}@media (min-width:992px){.layout-lg-navbar-fixed.layout-fixed .wrapper .control-sidebar{top:calc(3.5rem + 1px)}.layout-lg-navbar-fixed.layout-fixed .wrapper .main-header.text-sm~.control-sidebar,.text-sm .layout-lg-navbar-fixed.layout-fixed .wrapper .main-header~.control-sidebar{top:calc(2.93725rem + 1px)}.layout-lg-navbar-fixed.layout-fixed .wrapper .sidebar{margin-top:calc(3.5rem + 1px)}.layout-lg-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm~.sidebar,.text-sm .layout-lg-navbar-fixed.layout-fixed .wrapper .brand-link~.sidebar{margin-top:calc(2.93725rem + 1px)}.layout-lg-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar{top:calc(2.93725rem + 1px)}.layout-lg-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar{margin-top:calc(2.93725rem + 1px)}.layout-lg-navbar-fixed .wrapper .control-sidebar{top:0}.layout-lg-navbar-fixed .wrapper a.anchor{display:block;position:relative;top:calc((3.5rem + 1px + (.5rem * 2))/ -1)}.layout-lg-navbar-fixed .wrapper.sidebar-collapse .brand-link{height:calc(3.5rem + 1px);transition:width .3s ease-in-out;width:4.6rem}.layout-lg-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm,.text-sm .layout-lg-navbar-fixed .wrapper.sidebar-collapse .brand-link{height:calc(2.93725rem + 1px)}.layout-lg-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link{transition:width .3s ease-in-out;width:250px}.layout-lg-navbar-fixed .wrapper .brand-link{overflow:hidden;position:fixed;top:0;transition:width .3s ease-in-out;width:250px;z-index:1035}.layout-lg-navbar-fixed .wrapper .content-wrapper{margin-top:calc(3.5rem + 1px)}.layout-lg-navbar-fixed .wrapper .main-header.text-sm~.content-wrapper,.text-sm .layout-lg-navbar-fixed .wrapper .main-header~.content-wrapper{margin-top:calc(2.93725rem + 1px)}.layout-lg-navbar-fixed .wrapper .main-header{left:0;position:fixed;right:0;top:0;z-index:1037}.layout-lg-navbar-fixed.text-sm .wrapper .content-wrapper{margin-top:calc(2.93725rem + 1px)}body:not(.layout-fixed).layout-lg-navbar-fixed.text-sm .wrapper .main-sidebar{margin-top:calc(calc(2.93725rem + 1px)/ -1)}body:not(.layout-fixed).layout-lg-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar{margin-top:calc(2.93725rem + 1px)}.layout-lg-navbar-not-fixed .wrapper .brand-link{position:static}.layout-lg-navbar-not-fixed .wrapper .content-wrapper,.layout-lg-navbar-not-fixed .wrapper .sidebar{margin-top:0}.layout-lg-navbar-not-fixed .wrapper .main-header{position:static}.layout-lg-navbar-not-fixed.layout-fixed .wrapper .sidebar{margin-top:0}}@media (min-width:1200px){.layout-xl-navbar-fixed.layout-fixed .wrapper .control-sidebar{top:calc(3.5rem + 1px)}.layout-xl-navbar-fixed.layout-fixed .wrapper .main-header.text-sm~.control-sidebar,.text-sm .layout-xl-navbar-fixed.layout-fixed .wrapper .main-header~.control-sidebar{top:calc(2.93725rem + 1px)}.layout-xl-navbar-fixed.layout-fixed .wrapper .sidebar{margin-top:calc(3.5rem + 1px)}.layout-xl-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm~.sidebar,.text-sm .layout-xl-navbar-fixed.layout-fixed .wrapper .brand-link~.sidebar{margin-top:calc(2.93725rem + 1px)}.layout-xl-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar{top:calc(2.93725rem + 1px)}.layout-xl-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar{margin-top:calc(2.93725rem + 1px)}.layout-xl-navbar-fixed .wrapper .control-sidebar{top:0}.layout-xl-navbar-fixed .wrapper a.anchor{display:block;position:relative;top:calc((3.5rem + 1px + (.5rem * 2))/ -1)}.layout-xl-navbar-fixed .wrapper.sidebar-collapse .brand-link{height:calc(3.5rem + 1px);transition:width .3s ease-in-out;width:4.6rem}.layout-xl-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm,.text-sm .layout-xl-navbar-fixed .wrapper.sidebar-collapse .brand-link{height:calc(2.93725rem + 1px)}.layout-xl-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link{transition:width .3s ease-in-out;width:250px}.layout-xl-navbar-fixed .wrapper .brand-link{overflow:hidden;position:fixed;top:0;transition:width .3s ease-in-out;width:250px;z-index:1035}.layout-xl-navbar-fixed .wrapper .content-wrapper{margin-top:calc(3.5rem + 1px)}.layout-xl-navbar-fixed .wrapper .main-header.text-sm~.content-wrapper,.text-sm .layout-xl-navbar-fixed .wrapper .main-header~.content-wrapper{margin-top:calc(2.93725rem + 1px)}.layout-xl-navbar-fixed .wrapper .main-header{left:0;position:fixed;right:0;top:0;z-index:1037}.layout-xl-navbar-fixed.text-sm .wrapper .content-wrapper{margin-top:calc(2.93725rem + 1px)}body:not(.layout-fixed).layout-xl-navbar-fixed.text-sm .wrapper .main-sidebar{margin-top:calc(calc(2.93725rem + 1px)/ -1)}body:not(.layout-fixed).layout-xl-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar{margin-top:calc(2.93725rem + 1px)}.layout-xl-navbar-not-fixed .wrapper .brand-link{position:static}.layout-xl-navbar-not-fixed .wrapper .content-wrapper,.layout-xl-navbar-not-fixed .wrapper .sidebar{margin-top:0}.layout-xl-navbar-not-fixed .wrapper .main-header{position:static}.layout-xl-navbar-not-fixed.layout-fixed .wrapper .sidebar{margin-top:0}}.layout-footer-fixed .wrapper .control-sidebar{bottom:0}.layout-footer-fixed .wrapper .main-footer{bottom:0;left:0;position:fixed;right:0;z-index:1032}.layout-footer-not-fixed .wrapper .main-footer{position:static}.layout-footer-not-fixed .wrapper .content-wrapper{margin-bottom:0}.layout-footer-fixed .wrapper .control-sidebar{bottom:0}.layout-footer-fixed .wrapper .main-footer{bottom:0;left:0;position:fixed;right:0;z-index:1032}.layout-footer-fixed .wrapper .content-wrapper{padding-bottom:calc(3.5rem + 1px)}.layout-footer-not-fixed .wrapper .main-footer{position:static}@media (min-width:576px){.layout-sm-footer-fixed .wrapper .control-sidebar{bottom:0}.layout-sm-footer-fixed .wrapper .main-footer{bottom:0;left:0;position:fixed;right:0;z-index:1032}.layout-sm-footer-fixed .wrapper .content-wrapper{padding-bottom:calc(3.5rem + 1px)}.layout-sm-footer-not-fixed .wrapper .main-footer{position:static}}@media (min-width:768px){.layout-md-footer-fixed .wrapper .control-sidebar{bottom:0}.layout-md-footer-fixed .wrapper .main-footer{bottom:0;left:0;position:fixed;right:0;z-index:1032}.layout-md-footer-fixed .wrapper .content-wrapper{padding-bottom:calc(3.5rem + 1px)}.layout-md-footer-not-fixed .wrapper .main-footer{position:static}}@media (min-width:992px){.layout-lg-footer-fixed .wrapper .control-sidebar{bottom:0}.layout-lg-footer-fixed .wrapper .main-footer{bottom:0;left:0;position:fixed;right:0;z-index:1032}.layout-lg-footer-fixed .wrapper .content-wrapper{padding-bottom:calc(3.5rem + 1px)}.layout-lg-footer-not-fixed .wrapper .main-footer{position:static}}@media (min-width:1200px){.layout-xl-footer-fixed .wrapper .control-sidebar{bottom:0}.layout-xl-footer-fixed .wrapper .main-footer{bottom:0;left:0;position:fixed;right:0;z-index:1032}.layout-xl-footer-fixed .wrapper .content-wrapper{padding-bottom:calc(3.5rem + 1px)}.layout-xl-footer-not-fixed .wrapper .main-footer{position:static}}.layout-top-nav .wrapper{margin-left:0}.layout-top-nav .wrapper .main-header .brand-image{margin-top:-.5rem;margin-right:.2rem;height:33px}.layout-top-nav .wrapper .main-sidebar{bottom:inherit;height:inherit}.layout-top-nav .wrapper .content-wrapper,.layout-top-nav .wrapper .main-footer,.layout-top-nav .wrapper .main-header{margin-left:0}body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .content-wrapper,body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .content-wrapper::before,body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .main-footer,body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .main-footer::before,body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .main-header,body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .main-header::before{margin-left:0}@media (min-width:768px){body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header{transition:margin-left .3s ease-in-out;margin-left:250px}}@media (min-width:768px) and (prefers-reduced-motion:reduce){body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header{transition:none}}@media (min-width:768px){.sidebar-collapse body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,.sidebar-collapse body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,.sidebar-collapse body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header{margin-left:0}}@media (max-width:991.98px){body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header{margin-left:0}}@media (min-width:768px){.sidebar-mini-md .content-wrapper,.sidebar-mini-md .main-footer,.sidebar-mini-md .main-header{transition:margin-left .3s ease-in-out;margin-left:250px}}@media (min-width:768px) and (prefers-reduced-motion:reduce){.sidebar-mini-md .content-wrapper,.sidebar-mini-md .main-footer,.sidebar-mini-md .main-header{transition:none}}@media (min-width:768px){.sidebar-collapse .sidebar-mini-md .content-wrapper,.sidebar-collapse .sidebar-mini-md .main-footer,.sidebar-collapse .sidebar-mini-md .main-header{margin-left:4.6rem}}@media (max-width:991.98px){.sidebar-mini-md .content-wrapper,.sidebar-mini-md .main-footer,.sidebar-mini-md .main-header{margin-left:4.6rem}}@media (max-width:767.98px){.sidebar-mini-md .content-wrapper,.sidebar-mini-md .main-footer,.sidebar-mini-md .main-header{margin-left:0}}@media (min-width:768px){.sidebar-mini-xs .content-wrapper,.sidebar-mini-xs .main-footer,.sidebar-mini-xs .main-header{transition:margin-left .3s ease-in-out;margin-left:250px}}@media (min-width:768px) and (prefers-reduced-motion:reduce){.sidebar-mini-xs .content-wrapper,.sidebar-mini-xs .main-footer,.sidebar-mini-xs .main-header{transition:none}}@media (min-width:768px){.sidebar-collapse .sidebar-mini-xs .content-wrapper,.sidebar-collapse .sidebar-mini-xs .main-footer,.sidebar-collapse .sidebar-mini-xs .main-header{margin-left:4.6rem}}@media (max-width:991.98px){.sidebar-mini-xs .content-wrapper,.sidebar-mini-xs .main-footer,.sidebar-mini-xs .main-header{margin-left:4.6rem}}.content-wrapper{background-color:#f4f6f9}.content-wrapper>.content{padding:0 .5rem}.main-sidebar,.main-sidebar::before{transition:margin-left .3s ease-in-out,width .3s ease-in-out;width:250px}@media (prefers-reduced-motion:reduce){.main-sidebar,.main-sidebar::before{transition:none}}.sidebar-collapse:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .main-sidebar,.sidebar-collapse:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .main-sidebar::before{box-shadow:none!important}.sidebar-collapse .main-sidebar,.sidebar-collapse .main-sidebar::before{margin-left:-250px}.sidebar-collapse .main-sidebar .nav-sidebar.nav-child-indent .nav-treeview{padding:0}@media (max-width:767.98px){.main-sidebar,.main-sidebar::before{box-shadow:none!important;margin-left:-250px}.sidebar-open .main-sidebar,.sidebar-open .main-sidebar::before{margin-left:0}}body:not(.layout-fixed) .main-sidebar{height:inherit;min-height:100%;position:absolute;top:0}body:not(.layout-fixed) .main-sidebar .sidebar{overflow-y:auto}.layout-fixed .brand-link{width:250px}.layout-fixed .main-sidebar{bottom:0;float:none;left:0;position:fixed;top:0}.layout-fixed .control-sidebar{bottom:0;float:none;position:fixed;top:0}.layout-fixed .control-sidebar .control-sidebar-content{height:calc(100vh - calc(3.5rem + 1px));overflow-y:auto;scrollbar-width:thin;scrollbar-color:#a9a9a9 transparent}.layout-fixed .control-sidebar .control-sidebar-content::-webkit-scrollbar{width:.5rem;height:.5rem}.layout-fixed .control-sidebar .control-sidebar-content::-webkit-scrollbar-thumb{background-color:#a9a9a9}.layout-fixed .control-sidebar .control-sidebar-content::-webkit-scrollbar-track{background-color:transparent}.layout-fixed .control-sidebar .control-sidebar-content::-webkit-scrollbar-corner{background-color:transparent}@supports (-webkit-touch-callout:none){.layout-fixed .main-sidebar{height:inherit}}.main-footer{background-color:#fff;border-top:1px solid #dee2e6;color:#869099;padding:1rem}.main-footer.text-sm,.text-sm .main-footer{padding:.812rem}.content-header{padding:15px .5rem}.text-sm .content-header{padding:10px .5rem}.content-header h1{font-size:1.8rem;margin:0}.text-sm .content-header h1{font-size:1.5rem}.content-header .breadcrumb{background-color:transparent;line-height:1.8rem;margin-bottom:0;padding:0}.text-sm .content-header .breadcrumb{line-height:1.5rem}.hold-transition .content-wrapper,.hold-transition .control-sidebar,.hold-transition .control-sidebar *,.hold-transition .main-footer,.hold-transition .main-header,.hold-transition .main-sidebar,.hold-transition .main-sidebar *{transition:none!important;-webkit-animation-duration:0s!important;animation-duration:0s!important}.dark-mode{background-color:#454d55!important;color:#fff}.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*=navbar]){background-color:#fff}.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*=navbar]){background-color:#343a40}.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*=navbar]){background-color:#fff}@media (min-width:576px){.layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*=navbar]){background-color:#343a40}.layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*=navbar]){background-color:#fff}.layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*=navbar]){background-color:#343a40}.layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*=navbar]){background-color:#fff}.layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*=navbar]){background-color:#343a40}.layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*=navbar]){background-color:#fff}.layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*=navbar]){background-color:#343a40}.layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*=navbar]){background-color:#fff}.layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*=navbar]){background-color:#343a40}.layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*=navbar]){background-color:#fff}.layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*=navbar]){background-color:#343a40}.layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*=navbar]){background-color:#fff}.layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*=navbar]){background-color:#343a40}.layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*=navbar]){background-color:#fff}.layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*=navbar]){background-color:#343a40}.layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*=navbar]){background-color:#fff}}@media (min-width:768px){.layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*=navbar]){background-color:#343a40}.layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*=navbar]){background-color:#fff}.layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*=navbar]){background-color:#343a40}.layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*=navbar]){background-color:#fff}.layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*=navbar]){background-color:#343a40}.layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*=navbar]){background-color:#fff}.layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*=navbar]){background-color:#343a40}.layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*=navbar]){background-color:#fff}.layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*=navbar]){background-color:#343a40}.layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*=navbar]){background-color:#fff}.layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*=navbar]){background-color:#343a40}.layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*=navbar]){background-color:#fff}.layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*=navbar]){background-color:#343a40}.layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*=navbar]){background-color:#fff}.layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*=navbar]){background-color:#343a40}.layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*=navbar]){background-color:#fff}}@media (min-width:992px){.layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*=navbar]){background-color:#343a40}.layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*=navbar]){background-color:#fff}.layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*=navbar]){background-color:#343a40}.layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*=navbar]){background-color:#fff}.layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*=navbar]){background-color:#343a40}.layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*=navbar]){background-color:#fff}.layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*=navbar]){background-color:#343a40}.layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*=navbar]){background-color:#fff}.layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*=navbar]){background-color:#343a40}.layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*=navbar]){background-color:#fff}.layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*=navbar]){background-color:#343a40}.layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*=navbar]){background-color:#fff}.layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*=navbar]){background-color:#343a40}.layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*=navbar]){background-color:#fff}.layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*=navbar]){background-color:#343a40}.layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*=navbar]){background-color:#fff}}@media (min-width:1200px){.layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*=navbar]){background-color:#343a40}.layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*=navbar]){background-color:#fff}.layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*=navbar]){background-color:#343a40}.layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*=navbar]){background-color:#fff}.layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*=navbar]){background-color:#343a40}.layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*=navbar]){background-color:#fff}.layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*=navbar]){background-color:#343a40}.layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*=navbar]){background-color:#fff}.layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*=navbar]){background-color:#343a40}.layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*=navbar]){background-color:#fff}.layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*=navbar]){background-color:#343a40}.layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*=navbar]){background-color:#fff}.layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*=navbar]){background-color:#343a40}.layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*=navbar]){background-color:#fff}.layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*=navbar]){background-color:#343a40}.layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*=navbar]){background-color:#fff}}.dark-mode .breadcrumb-item+.breadcrumb-item::before,.dark-mode .breadcrumb-item.active{color:#adb5bd}.dark-mode .main-footer{background-color:#343a40;border-color:#4b545c}.dark-mode .content-wrapper{background-color:#454d55;color:#fff}.dark-mode .content-wrapper .content-header{color:#fff}.main-header{border-bottom:1px solid #dee2e6;z-index:1034}.main-header .nav-link{height:2.5rem;position:relative}.main-header.text-sm .nav-link,.text-sm .main-header .nav-link{height:1.93725rem;padding:.35rem 1rem}.main-header.text-sm .nav-link>.fa,.main-header.text-sm .nav-link>.fab,.main-header.text-sm .nav-link>.fad,.main-header.text-sm .nav-link>.fal,.main-header.text-sm .nav-link>.far,.main-header.text-sm .nav-link>.fas,.main-header.text-sm .nav-link>.ion,.main-header.text-sm .nav-link>.svg-inline--fa,.text-sm .main-header .nav-link>.fa,.text-sm .main-header .nav-link>.fab,.text-sm .main-header .nav-link>.fad,.text-sm .main-header .nav-link>.fal,.text-sm .main-header .nav-link>.far,.text-sm .main-header .nav-link>.fas,.text-sm .main-header .nav-link>.ion,.text-sm .main-header .nav-link>.svg-inline--fa{font-size:.875rem}.main-header .navbar-nav .nav-item{margin:0}.main-header .navbar-nav[class*="-right"] .dropdown-menu{left:auto;margin-top:-3px;right:0}@media (max-width:575.98px){.main-header .navbar-nav[class*="-right"] .dropdown-menu{left:0;right:auto}}.main-header.dropdown-legacy .dropdown-menu{top:3rem;margin-top:0}.navbar-img{height:calc(calc(3.5rem + 1px) * .5);width:auto}.navbar-badge{font-size:.6rem;font-weight:300;padding:2px 4px;position:absolute;right:5px;top:9px}.btn-navbar{background-color:transparent;border-left-width:0}.form-control-navbar{border-right-width:0}.form-control-navbar+.input-group-append{margin-left:0}.btn-navbar,.form-control-navbar{transition:none}.navbar-dark .btn-navbar,.navbar-dark .form-control-navbar{background-color:#343a40;border-color:#6c757d}.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.6)}.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.6)}.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.6)}.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.6)}.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.6)}.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{color:rgba(255,255,255,.6)}.navbar-dark .form-control-navbar:focus,.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#495057;border-color:#6c757d!important;color:#ced4da}.navbar-light .btn-navbar,.navbar-light .form-control-navbar{background-color:#dadfe4;border-color:#ced4da}.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(0,0,0,.6)}.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(0,0,0,.6)}.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(0,0,0,.6)}.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(0,0,0,.6)}.navbar-light .form-control-navbar::placeholder{color:rgba(0,0,0,.6)}.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{color:rgba(0,0,0,.6)}.navbar-light .form-control-navbar:focus,.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#d3d9df;border-color:#c7ced5!important;color:#ced4da}.navbar-light .navbar-search-block .form-control-navbar:focus,.navbar-light .navbar-search-block .form-control-navbar:focus+.input-group-append .btn-navbar{color:rgba(0,0,0,.6)}.navbar-search-block{position:absolute;padding:0 1rem;left:0;top:0;right:0;bottom:0;z-index:10;display:none;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;background-color:initial}.navbar-search-block.navbar-search-open{display:-ms-flexbox;display:flex}.navbar-search-block .input-group{width:100%}.brand-link{display:block;font-size:1.25rem;line-height:1.5;padding:.8125rem .5rem;transition:width .3s ease-in-out;white-space:nowrap}.brand-link:hover{color:#fff;text-decoration:none}.text-sm .brand-link{font-size:inherit}[class*=sidebar-dark] .brand-link{border-bottom:1px solid #4b545c}[class*=sidebar-dark] .brand-link,[class*=sidebar-dark] .brand-link .pushmenu{color:rgba(255,255,255,.8)}[class*=sidebar-dark] .brand-link .pushmenu:hover,[class*=sidebar-dark] .brand-link:hover{color:#fff}[class*=sidebar-light] .brand-link{border-bottom:1px solid #dee2e6}[class*=sidebar-light] .brand-link,[class*=sidebar-light] .brand-link .pushmenu{color:rgba(0,0,0,.8)}[class*=sidebar-light] .brand-link .pushmenu:hover,[class*=sidebar-light] .brand-link:hover{color:#000}.brand-link .pushmenu{margin-right:.5rem;font-size:1rem}.brand-link .brand-link{padding:0;border-bottom:none}.brand-link .brand-image{float:left;line-height:.8;margin-left:.8rem;margin-right:.5rem;margin-top:-3px;max-height:33px;width:auto}.brand-link .brand-image-xs{float:left;line-height:.8;margin-top:-.1rem;max-height:33px;width:auto}.brand-link .brand-image-xl{line-height:.8;max-height:40px;width:auto}.brand-link .brand-image-xl.single{margin-top:-.3rem}.brand-link.text-sm .brand-image,.text-sm .brand-link .brand-image{height:29px;margin-bottom:-.25rem;margin-left:.95rem;margin-top:-.25rem}.brand-link.text-sm .brand-image-xs,.text-sm .brand-link .brand-image-xs{margin-top:-.2rem;max-height:29px}.brand-link.text-sm .brand-image-xl,.text-sm .brand-link .brand-image-xl{margin-top:-.225rem;max-height:38px}.main-sidebar{height:100vh;overflow-y:hidden;z-index:1038}.main-sidebar a:-moz-focusring{border:0;outline:0}.sidebar{height:calc(100% - (3.5rem + 1px));overflow-x:hidden;overflow-y:initial;padding-bottom:0;padding-left:.5rem;padding-right:.5rem;padding-top:0;scrollbar-color:#a9a9a9 transparent;scrollbar-width:none}.sidebar::-webkit-scrollbar-thumb{background-color:#a9a9a9}.sidebar::-webkit-scrollbar-track{background-color:transparent}.sidebar::-webkit-scrollbar-corner{background-color:transparent}.sidebar::-webkit-scrollbar{width:0}.sidebar:hover{scrollbar-width:thin}.sidebar:hover::-webkit-scrollbar{width:.5rem;height:.5rem}.brand-link.border-bottom-0~.sidebar{height:calc(100% - 3.5rem)}.user-panel{position:relative}[class*=sidebar-dark] .user-panel{border-bottom:1px solid #4f5962}[class*=sidebar-light] .user-panel{border-bottom:1px solid #dee2e6}.user-panel,.user-panel .info{overflow:hidden;white-space:nowrap}.user-panel .image{display:inline-block;padding-left:.8rem}.user-panel img{height:auto;width:2.1rem}.user-panel .info{display:inline-block;padding:5px 5px 5px 10px}.user-panel .dropdown-menu,.user-panel .status{font-size:.875rem}.nav-sidebar .nav-item>.nav-link{margin-bottom:.2rem}.nav-sidebar .nav-item>.nav-link .right{transition:-webkit-transform ease-in-out .3s;transition:transform ease-in-out .3s;transition:transform ease-in-out .3s,-webkit-transform ease-in-out .3s}@media (prefers-reduced-motion:reduce){.nav-sidebar .nav-item>.nav-link .right{transition:none}}.nav-sidebar .nav-link>.right,.nav-sidebar .nav-link>p>.right{position:absolute;right:1rem;top:.7rem}.nav-sidebar .nav-link>.right i,.nav-sidebar .nav-link>.right span,.nav-sidebar .nav-link>p>.right i,.nav-sidebar .nav-link>p>.right span{margin-left:.5rem}.nav-sidebar .nav-link>.right:nth-child(2),.nav-sidebar .nav-link>p>.right:nth-child(2){right:2.2rem}.nav-sidebar .menu-open>.nav-treeview{display:block}.nav-sidebar .menu-is-opening>.nav-link i.right,.nav-sidebar .menu-is-opening>.nav-link svg.right,.nav-sidebar .menu-open>.nav-link i.right,.nav-sidebar .menu-open>.nav-link svg.right{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.nav-sidebar>.nav-item{margin-bottom:0}.nav-sidebar>.nav-item .nav-icon{margin-left:.05rem;font-size:1.2rem;margin-right:.2rem;text-align:center;width:1.6rem}.nav-sidebar>.nav-item .nav-icon.fa,.nav-sidebar>.nav-item .nav-icon.fab,.nav-sidebar>.nav-item .nav-icon.fad,.nav-sidebar>.nav-item .nav-icon.fal,.nav-sidebar>.nav-item .nav-icon.far,.nav-sidebar>.nav-item .nav-icon.fas,.nav-sidebar>.nav-item .nav-icon.ion,.nav-sidebar>.nav-item .nav-icon.svg-inline--fa{font-size:1.1rem}.nav-sidebar>.nav-item .float-right{margin-top:3px}.nav-sidebar .nav-treeview{display:none;list-style:none;padding:0}.nav-sidebar .nav-treeview>.nav-item>.nav-link>.nav-icon{width:1.6rem}.nav-sidebar.nav-child-indent .nav-treeview{transition:padding .3s ease-in-out;padding-left:1rem}.text-sm .nav-sidebar.nav-child-indent .nav-treeview{padding-left:.5rem}.nav-sidebar.nav-child-indent.nav-legacy .nav-treeview .nav-treeview{padding-left:2rem;margin-left:-1rem}.text-sm .nav-sidebar.nav-child-indent.nav-legacy .nav-treeview .nav-treeview{padding-left:1rem;margin-left:-.5rem}.nav-sidebar .nav-header{font-size:.9rem;padding:.5rem .75rem}.nav-sidebar .nav-link p{display:inline;margin:0;white-space:normal}.sidebar-is-opening .sidebar .nav-sidebar .nav-link p{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}#sidebar-overlay{background-color:rgba(0,0,0,.1);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1037}@media (max-width:991.98px){.sidebar-open #sidebar-overlay{display:block}}[class*=sidebar-light-]{background-color:#fff}[class*=sidebar-light-] .user-panel a:hover{color:#212529}[class*=sidebar-light-] .user-panel .status{background-color:rgba(0,0,0,.1);color:#343a40}[class*=sidebar-light-] .user-panel .status:active,[class*=sidebar-light-] .user-panel .status:focus,[class*=sidebar-light-] .user-panel .status:hover{background-color:rgba(0,0,0,.1);color:#212529}[class*=sidebar-light-] .user-panel .dropdown-menu{box-shadow:0 2px 4px rgba(0,0,0,.4);border-color:rgba(0,0,0,.1)}[class*=sidebar-light-] .user-panel .dropdown-item{color:#212529}[class*=sidebar-light-] .nav-sidebar>.nav-item>.nav-link:active,[class*=sidebar-light-] .nav-sidebar>.nav-item>.nav-link:focus{color:#343a40}[class*=sidebar-light-] .nav-sidebar>.nav-item.menu-open>.nav-link,[class*=sidebar-light-] .nav-sidebar>.nav-item:hover>.nav-link{background-color:rgba(0,0,0,.1);color:#212529}[class*=sidebar-light-] .nav-sidebar>.nav-item>.nav-link.active{color:#000;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}[class*=sidebar-light-] .nav-sidebar>.nav-item>.nav-treeview{background-color:transparent}[class*=sidebar-light-] .nav-header{background-color:inherit;color:#292d32}[class*=sidebar-light-] .sidebar a{color:#343a40}[class*=sidebar-light-] .sidebar a:hover{text-decoration:none}[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link{color:#777}[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link:focus,[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link:hover{background-color:rgba(0,0,0,.1);color:#000}[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link.active,[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link.active:hover{background-color:rgba(0,0,0,.1);color:#212529}[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link:hover{background-color:rgba(0,0,0,.1)}[class*=sidebar-light-] .nav-flat .nav-item .nav-treeview .nav-treeview{border-color:rgba(0,0,0,.1)}[class*=sidebar-light-] .nav-flat .nav-item .nav-treeview>.nav-item>.nav-link,[class*=sidebar-light-] .nav-flat .nav-item .nav-treeview>.nav-item>.nav-link.active{border-color:rgba(0,0,0,.1)}[class*=sidebar-dark-]{background-color:#343a40}[class*=sidebar-dark-] .user-panel a:hover{color:#fff}[class*=sidebar-dark-] .user-panel .status{background-color:rgba(255,255,255,.1);color:#c2c7d0}[class*=sidebar-dark-] .user-panel .status:active,[class*=sidebar-dark-] .user-panel .status:focus,[class*=sidebar-dark-] .user-panel .status:hover{background-color:rgba(247,247,247,.1);color:#fff}[class*=sidebar-dark-] .user-panel .dropdown-menu{box-shadow:0 2px 4px rgba(0,0,0,.4);border-color:rgba(242,242,242,.1)}[class*=sidebar-dark-] .user-panel .dropdown-item{color:#212529}[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:active{color:#c2c7d0}[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link,[class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link,[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus{background-color:rgba(255,255,255,.1);color:#fff}[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link.active{color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-treeview{background-color:transparent}[class*=sidebar-dark-] .nav-header{background-color:inherit;color:#d0d4db}[class*=sidebar-dark-] .sidebar a{color:#c2c7d0}[class*=sidebar-dark-] .sidebar a:focus,[class*=sidebar-dark-] .sidebar a:hover{text-decoration:none}[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link{color:#c2c7d0}[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:focus,[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:hover{background-color:rgba(255,255,255,.1);color:#fff}[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active,[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus,[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover{background-color:rgba(255,255,255,.9);color:#343a40}[class*=sidebar-dark-] .nav-flat .nav-item .nav-treeview .nav-treeview{border-color:rgba(255,255,255,.9)}[class*=sidebar-dark-] .nav-flat .nav-item .nav-treeview>.nav-item>.nav-link,[class*=sidebar-dark-] .nav-flat .nav-item .nav-treeview>.nav-item>.nav-link.active{border-color:rgba(255,255,255,.9)}.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active{background-color:#007bff;color:#fff}.sidebar-dark-primary .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.sidebar-light-primary .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#007bff}.sidebar-dark-secondary .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-secondary .nav-sidebar>.nav-item>.nav-link.active{background-color:#6c757d;color:#fff}.sidebar-dark-secondary .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.sidebar-light-secondary .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#6c757d}.sidebar-dark-success .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-success .nav-sidebar>.nav-item>.nav-link.active{background-color:#28a745;color:#fff}.sidebar-dark-success .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.sidebar-light-success .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#28a745}.sidebar-dark-info .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-info .nav-sidebar>.nav-item>.nav-link.active{background-color:#17a2b8;color:#fff}.sidebar-dark-info .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.sidebar-light-info .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#17a2b8}.sidebar-dark-warning .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-warning .nav-sidebar>.nav-item>.nav-link.active{background-color:#ffc107;color:#1f2d3d}.sidebar-dark-warning .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.sidebar-light-warning .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#ffc107}.sidebar-dark-danger .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-danger .nav-sidebar>.nav-item>.nav-link.active{background-color:#dc3545;color:#fff}.sidebar-dark-danger .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.sidebar-light-danger .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#dc3545}.sidebar-dark-light .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-light .nav-sidebar>.nav-item>.nav-link.active{background-color:#f8f9fa;color:#1f2d3d}.sidebar-dark-light .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.sidebar-light-light .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#f8f9fa}.sidebar-dark-dark .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-dark .nav-sidebar>.nav-item>.nav-link.active{background-color:#343a40;color:#fff}.sidebar-dark-dark .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.sidebar-light-dark .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#343a40}.sidebar-dark-lightblue .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-lightblue .nav-sidebar>.nav-item>.nav-link.active{background-color:#3c8dbc;color:#fff}.sidebar-dark-lightblue .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.sidebar-light-lightblue .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#3c8dbc}.sidebar-dark-navy .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-navy .nav-sidebar>.nav-item>.nav-link.active{background-color:#001f3f;color:#fff}.sidebar-dark-navy .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.sidebar-light-navy .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#001f3f}.sidebar-dark-olive .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-olive .nav-sidebar>.nav-item>.nav-link.active{background-color:#3d9970;color:#fff}.sidebar-dark-olive .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.sidebar-light-olive .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#3d9970}.sidebar-dark-lime .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-lime .nav-sidebar>.nav-item>.nav-link.active{background-color:#01ff70;color:#1f2d3d}.sidebar-dark-lime .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.sidebar-light-lime .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#01ff70}.sidebar-dark-fuchsia .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-fuchsia .nav-sidebar>.nav-item>.nav-link.active{background-color:#f012be;color:#fff}.sidebar-dark-fuchsia .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.sidebar-light-fuchsia .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#f012be}.sidebar-dark-maroon .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-maroon .nav-sidebar>.nav-item>.nav-link.active{background-color:#d81b60;color:#fff}.sidebar-dark-maroon .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.sidebar-light-maroon .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#d81b60}.sidebar-dark-blue .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-blue .nav-sidebar>.nav-item>.nav-link.active{background-color:#007bff;color:#fff}.sidebar-dark-blue .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.sidebar-light-blue .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#007bff}.sidebar-dark-indigo .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-indigo .nav-sidebar>.nav-item>.nav-link.active{background-color:#6610f2;color:#fff}.sidebar-dark-indigo .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.sidebar-light-indigo .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#6610f2}.sidebar-dark-purple .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-purple .nav-sidebar>.nav-item>.nav-link.active{background-color:#6f42c1;color:#fff}.sidebar-dark-purple .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.sidebar-light-purple .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#6f42c1}.sidebar-dark-pink .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-pink .nav-sidebar>.nav-item>.nav-link.active{background-color:#e83e8c;color:#fff}.sidebar-dark-pink .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.sidebar-light-pink .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#e83e8c}.sidebar-dark-red .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-red .nav-sidebar>.nav-item>.nav-link.active{background-color:#dc3545;color:#fff}.sidebar-dark-red .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.sidebar-light-red .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#dc3545}.sidebar-dark-orange .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-orange .nav-sidebar>.nav-item>.nav-link.active{background-color:#fd7e14;color:#1f2d3d}.sidebar-dark-orange .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.sidebar-light-orange .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#fd7e14}.sidebar-dark-yellow .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-yellow .nav-sidebar>.nav-item>.nav-link.active{background-color:#ffc107;color:#1f2d3d}.sidebar-dark-yellow .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.sidebar-light-yellow .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#ffc107}.sidebar-dark-green .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-green .nav-sidebar>.nav-item>.nav-link.active{background-color:#28a745;color:#fff}.sidebar-dark-green .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.sidebar-light-green .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#28a745}.sidebar-dark-teal .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-teal .nav-sidebar>.nav-item>.nav-link.active{background-color:#20c997;color:#fff}.sidebar-dark-teal .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.sidebar-light-teal .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#20c997}.sidebar-dark-cyan .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-cyan .nav-sidebar>.nav-item>.nav-link.active{background-color:#17a2b8;color:#fff}.sidebar-dark-cyan .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.sidebar-light-cyan .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#17a2b8}.sidebar-dark-white .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-white .nav-sidebar>.nav-item>.nav-link.active{background-color:#fff;color:#1f2d3d}.sidebar-dark-white .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.sidebar-light-white .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#fff}.sidebar-dark-gray .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-gray .nav-sidebar>.nav-item>.nav-link.active{background-color:#6c757d;color:#fff}.sidebar-dark-gray .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.sidebar-light-gray .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#6c757d}.sidebar-dark-gray-dark .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-gray-dark .nav-sidebar>.nav-item>.nav-link.active{background-color:#343a40;color:#fff}.sidebar-dark-gray-dark .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.sidebar-light-gray-dark .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#343a40}.sidebar-mini .main-sidebar.sidebar-focused .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,.sidebar-mini .main-sidebar:not(.sidebar-no-expand) .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,.sidebar-mini-md .main-sidebar.sidebar-focused .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand) .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand) .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview{padding-left:1rem;margin-left:-.5rem}.nav-flat{margin:-.25rem -.5rem 0}.nav-flat .nav-item>.nav-link{border-radius:0;margin-bottom:0}.nav-flat .nav-item>.nav-link>.nav-icon{margin-left:.55rem}.nav-flat:not(.nav-child-indent) .nav-treeview .nav-item>.nav-link>.nav-icon{margin-left:.4rem}.nav-flat.nav-child-indent .nav-treeview{padding-left:0}.nav-flat.nav-child-indent .nav-treeview .nav-icon{margin-left:.85rem}.nav-flat.nav-child-indent .nav-treeview .nav-treeview{border-left:.2rem solid}.nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-icon{margin-left:1.15rem}.nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon{margin-left:1.45rem}.nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon{margin-left:1.75rem}.nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon{margin-left:2.05rem}.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-icon{margin-left:.55rem}.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-link{padding-left:calc(1rem - .2rem)}.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-treeview .nav-icon{margin-left:.35rem}.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-treeview .nav-treeview .nav-icon{margin-left:.15rem}.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon{margin-left:-.15rem}.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon{margin-left:-.35rem}.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon,.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon,.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon,.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon,.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon,.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon{margin-left:.4rem}.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon,.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon,.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon,.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon,.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon,.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon{margin-left:.85rem}.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon,.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon,.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon,.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon,.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon,.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon{margin-left:1.15rem}.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon,.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon,.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon,.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon,.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon,.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon{margin-left:1.45rem}.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon{margin-left:1.75rem}.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon{margin-left:2.05rem}.nav-flat .nav-icon{transition:margin-left ease-in-out .3s}@media (prefers-reduced-motion:reduce){.nav-flat .nav-icon{transition:none}}.nav-flat .nav-treeview .nav-icon{margin-left:-.2rem}.nav-flat.nav-sidebar>.nav-item .nav-treeview,.nav-flat.nav-sidebar>.nav-item>.nav-treeview{background-color:rgba(255,255,255,.05)}.nav-flat.nav-sidebar>.nav-item .nav-treeview .nav-item>.nav-link,.nav-flat.nav-sidebar>.nav-item>.nav-treeview .nav-item>.nav-link{border-left:.2rem solid}.nav-legacy{margin:-.25rem -.5rem 0}.nav-legacy.nav-sidebar .nav-item>.nav-link{border-radius:0;margin-bottom:0}.nav-legacy.nav-sidebar .nav-item>.nav-link>.nav-icon{margin-left:.55rem}.text-sm .nav-legacy.nav-sidebar .nav-item>.nav-link>.nav-icon{margin-left:.75rem}.nav-legacy.nav-sidebar>.nav-item>.nav-link.active{background-color:inherit;border-left:3px solid transparent;box-shadow:none}.nav-legacy.nav-sidebar>.nav-item>.nav-link.active>.nav-icon{margin-left:calc(.55rem - 3px)}.text-sm .nav-legacy.nav-sidebar>.nav-item>.nav-link.active>.nav-icon{margin-left:calc(.75rem - 3px)}.text-sm .nav-legacy.nav-sidebar.nav-flat .nav-treeview .nav-item>.nav-link>.nav-icon{margin-left:calc(.75rem - 3px)}.sidebar-mini .nav-legacy>.nav-item .nav-link .nav-icon,.sidebar-mini-md .nav-legacy>.nav-item .nav-link .nav-icon,.sidebar-mini-xs .nav-legacy>.nav-item .nav-link .nav-icon{transition:margin-left ease-in-out .3s;margin-left:.6rem}@media (prefers-reduced-motion:reduce){.sidebar-mini .nav-legacy>.nav-item .nav-link .nav-icon,.sidebar-mini-md .nav-legacy>.nav-item .nav-link .nav-icon,.sidebar-mini-xs .nav-legacy>.nav-item .nav-link .nav-icon{transition:none}}.main-sidebar.sidebar-focused .nav-legacy .sidebar-mini-md.sidebar-collapse.nav-child-indent .nav-treeview,.main-sidebar.sidebar-focused .nav-legacy .sidebar-mini-xs.sidebar-collapse.nav-child-indent .nav-treeview,.main-sidebar.sidebar-focused .nav-legacy .sidebar-mini.sidebar-collapse.nav-child-indent .nav-treeview,.main-sidebar:hover .nav-legacy .sidebar-mini-md.sidebar-collapse.nav-child-indent .nav-treeview,.main-sidebar:hover .nav-legacy .sidebar-mini-xs.sidebar-collapse.nav-child-indent .nav-treeview,.main-sidebar:hover .nav-legacy .sidebar-mini.sidebar-collapse.nav-child-indent .nav-treeview{padding-left:1rem}.main-sidebar.sidebar-focused .nav-legacy .sidebar-mini-md.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview,.main-sidebar.sidebar-focused .nav-legacy .sidebar-mini-xs.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview,.main-sidebar.sidebar-focused .nav-legacy .sidebar-mini.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview,.main-sidebar:hover .nav-legacy .sidebar-mini-md.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview,.main-sidebar:hover .nav-legacy .sidebar-mini-xs.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview,.main-sidebar:hover .nav-legacy .sidebar-mini.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview{padding-left:2rem;margin-left:-1rem}.main-sidebar.sidebar-focused .nav-legacy .sidebar-mini-md.sidebar-collapse.text-sm.nav-child-indent .nav-treeview,.main-sidebar.sidebar-focused .nav-legacy .sidebar-mini-xs.sidebar-collapse.text-sm.nav-child-indent .nav-treeview,.main-sidebar.sidebar-focused .nav-legacy .sidebar-mini.sidebar-collapse.text-sm.nav-child-indent .nav-treeview,.main-sidebar:hover .nav-legacy .sidebar-mini-md.sidebar-collapse.text-sm.nav-child-indent .nav-treeview,.main-sidebar:hover .nav-legacy .sidebar-mini-xs.sidebar-collapse.text-sm.nav-child-indent .nav-treeview,.main-sidebar:hover .nav-legacy .sidebar-mini.sidebar-collapse.text-sm.nav-child-indent .nav-treeview{padding-left:.5rem}.main-sidebar.sidebar-focused .nav-legacy .sidebar-mini-md.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview,.main-sidebar.sidebar-focused .nav-legacy .sidebar-mini-xs.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview,.main-sidebar.sidebar-focused .nav-legacy .sidebar-mini.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview,.main-sidebar:hover .nav-legacy .sidebar-mini-md.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview,.main-sidebar:hover .nav-legacy .sidebar-mini-xs.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview,.main-sidebar:hover .nav-legacy .sidebar-mini.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview{padding-left:1rem;margin-left:-.5rem}.sidebar-mini-md.sidebar-collapse .nav-legacy .sidebar>.nav-item>.nav-link .nav-icon,.sidebar-mini-xs.sidebar-collapse .nav-legacy .sidebar>.nav-item>.nav-link .nav-icon,.sidebar-mini.sidebar-collapse .nav-legacy .sidebar>.nav-item>.nav-link .nav-icon{margin-left:.55rem}.sidebar-mini-md.sidebar-collapse .nav-legacy .sidebar>.nav-item>.nav-link.active>.nav-icon,.sidebar-mini-xs.sidebar-collapse .nav-legacy .sidebar>.nav-item>.nav-link.active>.nav-icon,.sidebar-mini.sidebar-collapse .nav-legacy .sidebar>.nav-item>.nav-link.active>.nav-icon{margin-left:.36rem}.sidebar-mini-md.sidebar-collapse .nav-legacy .sidebar.nav-child-indent .nav-treeview .nav-treeview,.sidebar-mini-xs.sidebar-collapse .nav-legacy .sidebar.nav-child-indent .nav-treeview .nav-treeview,.sidebar-mini.sidebar-collapse .nav-legacy .sidebar.nav-child-indent .nav-treeview .nav-treeview{padding-left:0;margin-left:0}.sidebar-mini-md.sidebar-collapse.text-sm .nav-legacy .sidebar>.nav-item>.nav-link .nav-icon,.sidebar-mini-xs.sidebar-collapse.text-sm .nav-legacy .sidebar>.nav-item>.nav-link .nav-icon,.sidebar-mini.sidebar-collapse.text-sm .nav-legacy .sidebar>.nav-item>.nav-link .nav-icon{margin-left:.75rem}.sidebar-mini-md.sidebar-collapse.text-sm .nav-legacy .sidebar>.nav-item>.nav-link.active>.nav-icon,.sidebar-mini-xs.sidebar-collapse.text-sm .nav-legacy .sidebar>.nav-item>.nav-link.active>.nav-icon,.sidebar-mini.sidebar-collapse.text-sm .nav-legacy .sidebar>.nav-item>.nav-link.active>.nav-icon{margin-left:calc(.75rem - 3px)}[class*=sidebar-dark] .nav-legacy.nav-sidebar>.nav-item .nav-treeview,[class*=sidebar-dark] .nav-legacy.nav-sidebar>.nav-item>.nav-treeview{background-color:rgba(255,255,255,.05)}[class*=sidebar-dark] .nav-legacy.nav-sidebar>.nav-item>.nav-link.active{color:#fff}[class*=sidebar-dark] .nav-legacy .nav-treeview>.nav-item>.nav-link.active,[class*=sidebar-dark] .nav-legacy .nav-treeview>.nav-item>.nav-link:focus,[class*=sidebar-dark] .nav-legacy .nav-treeview>.nav-item>.nav-link:hover{background-color:transparent;color:#fff}[class*=sidebar-light] .nav-legacy.nav-sidebar>.nav-item .nav-treeview,[class*=sidebar-light] .nav-legacy.nav-sidebar>.nav-item>.nav-treeview{background-color:rgba(0,0,0,.05)}[class*=sidebar-light] .nav-legacy.nav-sidebar>.nav-item>.nav-link.active{color:#000}[class*=sidebar-light] .nav-legacy .nav-treeview>.nav-item>.nav-link.active,[class*=sidebar-light] .nav-legacy .nav-treeview>.nav-item>.nav-link:focus,[class*=sidebar-light] .nav-legacy .nav-treeview>.nav-item>.nav-link:hover{background-color:transparent;color:#000}.nav-collapse-hide-child .menu-open>.nav-treeview{max-height:-webkit-min-content;max-height:-moz-min-content;max-height:min-content;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.sidebar-collapse .sidebar:not(:hover) .nav-collapse-hide-child .menu-open>.nav-treeview{max-height:0;-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-sidebar.sidebar-focused .nav-collapse-hide-child .sidebar-mini-md.sidebar-collapse .menu-open>.nav-treeview,.main-sidebar.sidebar-focused .nav-collapse-hide-child .sidebar-mini-xs.sidebar-collapse .menu-open>.nav-treeview,.main-sidebar.sidebar-focused .nav-collapse-hide-child .sidebar-mini.sidebar-collapse .menu-open>.nav-treeview,.main-sidebar:not(.sidebar-no-expand):hover .nav-collapse-hide-child .sidebar-mini-md.sidebar-collapse .menu-open>.nav-treeview,.main-sidebar:not(.sidebar-no-expand):hover .nav-collapse-hide-child .sidebar-mini-xs.sidebar-collapse .menu-open>.nav-treeview,.main-sidebar:not(.sidebar-no-expand):hover .nav-collapse-hide-child .sidebar-mini.sidebar-collapse .menu-open>.nav-treeview{max-height:-webkit-min-content;max-height:-moz-min-content;max-height:min-content;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.nav-compact .nav-header,.nav-compact .nav-link{padding-top:.25rem;padding-bottom:.25rem}.nav-compact .nav-header:not(:first-of-type){padding-top:.75rem;padding-bottom:.25rem}.nav-compact .nav-link>.right,.nav-compact .nav-link>p>.right{top:.465rem}.text-sm .nav-compact .nav-link>.right,.text-sm .nav-compact .nav-link>p>.right{top:.7rem}[class*=sidebar-dark] .btn-sidebar,[class*=sidebar-dark] .form-control-sidebar{background-color:#3f474e;border:1px solid #56606a;color:#fff}[class*=sidebar-dark] .btn-sidebar:focus,[class*=sidebar-dark] .form-control-sidebar:focus{border:1px solid #7a8793}[class*=sidebar-dark] .btn-sidebar:hover{background-color:#454d55}[class*=sidebar-dark] .btn-sidebar:focus{background-color:#4b545c}[class*=sidebar-dark] .list-group-item{background-color:#454d55;border-color:#56606a;color:#c2c7d0}[class*=sidebar-dark] .list-group-item:hover{background-color:#4b545c}[class*=sidebar-dark] .list-group-item:focus{background-color:#515a63}[class*=sidebar-dark] .list-group-item .search-path{color:#adb5bd}[class*=sidebar-light] .btn-sidebar,[class*=sidebar-light] .form-control-sidebar{background-color:#f2f2f2;border:1px solid #d9d9d9;color:#1f2d3d}[class*=sidebar-light] .btn-sidebar:focus,[class*=sidebar-light] .form-control-sidebar:focus{border:1px solid #b3b3b3}[class*=sidebar-light] .btn-sidebar:hover{background-color:#ececec}[class*=sidebar-light] .btn-sidebar:focus{background-color:#e6e6e6}[class*=sidebar-light] .list-group-item{border-color:#d9d9d9}[class*=sidebar-light] .list-group-item:hover{background-color:#ececec}[class*=sidebar-light] .list-group-item:focus{background-color:#e6e6e6}[class*=sidebar-light] .list-group-item .search-path{color:#6c757d}.sidebar .form-inline .input-group{width:100%;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.sidebar nav .form-inline{margin-bottom:.2rem}.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs).sidebar-collapse .main-sidebar{margin-left:0}.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .content-wrapper,.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .main-footer,.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .main-header{z-index:9999;position:relative}.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .control-sidebar{z-index:9999}.sidebar-collapse .form-control-sidebar,.sidebar-collapse .form-control-sidebar~.input-group-append,.sidebar-collapse .sidebar-search-results{display:none}[data-widget=sidebar-search] input[type=search]::-ms-clear,[data-widget=sidebar-search] input[type=search]::-ms-reveal{display:none;width:0;height:0}[data-widget=sidebar-search] input[type=search]::-webkit-search-cancel-button,[data-widget=sidebar-search] input[type=search]::-webkit-search-decoration,[data-widget=sidebar-search] input[type=search]::-webkit-search-results-button,[data-widget=sidebar-search] input[type=search]::-webkit-search-results-decoration{display:none}.sidebar-search-results{position:relative;display:none;width:100%}.sidebar-search-open .sidebar-search-results{display:inline-block}.sidebar-search-results .search-title{margin-bottom:-.1rem}.sidebar-search-results .list-group{position:absolute;width:100%;z-index:1039}.sidebar-search-results .list-group>.list-group-item{padding:.375rem .75rem}.sidebar-search-results .list-group>.list-group-item:-moz-focusring{margin-top:0;border-left:1px solid transparent;border-top:0;border-bottom:1px solid transparent}.sidebar-search-results .list-group>.list-group-item:first-child{margin-top:0;border-top:0;border-top-left-radius:0;border-top-right-radius:0}.sidebar-search-results .search-path{font-size:80%}.sidebar-search-open .btn,.sidebar-search-open .form-control{border-bottom-right-radius:0;border-bottom-left-radius:0}[class*=sidebar-dark] .sidebar-custom{border-top:1px solid #4f5962}[class*=sidebar-light] .sidebar-custom{border-top:1px solid #dee2e6}.layout-fixed.sidebar-collapse .hide-on-collapse{display:none}.layout-fixed.sidebar-collapse:hover .hide-on-collapse{display:block}.layout-fixed.text-sm .main-sidebar-custom .sidebar{height:calc(100% - ((2.93725rem + 3.8rem) + 1px))}.layout-fixed.text-sm .main-sidebar-custom .sidebar-custom{height:3.8rem;padding:.85rem .5rem}.layout-fixed .main-sidebar-custom{height:-webkit-fill-available;height:-moz-available;height:-ms-stretch;height:stretch}.layout-fixed .main-sidebar-custom .sidebar{height:calc(100% - ((3.5rem + 4rem) + 1px))}.layout-fixed .main-sidebar-custom .sidebar-custom{height:4rem;padding:.85rem .5rem}.layout-fixed .main-sidebar-custom-lg .sidebar{height:calc(100% - ((3.5rem + 6rem) + 1px))}.layout-fixed .main-sidebar-custom-lg .sidebar-custom{height:6rem}.layout-fixed .main-sidebar-custom-xl .sidebar{height:calc(100% - ((3.5rem + 8rem) + 1px))}.layout-fixed .main-sidebar-custom-xl .sidebar-custom{height:8rem}.layout-fixed .main-sidebar-custom .pos-right,.layout-fixed .main-sidebar-custom-lg .pos-right,.layout-fixed .main-sidebar-custom-xl .pos-right{position:absolute;right:.5rem}.sidebar-hidden .main-sidebar,.sidebar-hidden.sidebar-mini.sidebar-collapse .main-sidebar{display:none!important}.sidebar-hidden .content-wrapper,.sidebar-hidden .main-header,.sidebar-hidden.sidebar-mini.sidebar-collapse .content-wrapper,.sidebar-hidden.sidebar-mini.sidebar-collapse .main-header{margin-left:0!important}.dark-mode .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,.dark-mode .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active{background-color:#3f6791;color:#fff}.dark-mode .sidebar-dark-primary .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.dark-mode .sidebar-light-primary .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#3f6791}.dark-mode .sidebar-dark-secondary .nav-sidebar>.nav-item>.nav-link.active,.dark-mode .sidebar-light-secondary .nav-sidebar>.nav-item>.nav-link.active{background-color:#6c757d;color:#fff}.dark-mode .sidebar-dark-secondary .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.dark-mode .sidebar-light-secondary .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#6c757d}.dark-mode .sidebar-dark-success .nav-sidebar>.nav-item>.nav-link.active,.dark-mode .sidebar-light-success .nav-sidebar>.nav-item>.nav-link.active{background-color:#00bc8c;color:#fff}.dark-mode .sidebar-dark-success .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.dark-mode .sidebar-light-success .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#00bc8c}.dark-mode .sidebar-dark-info .nav-sidebar>.nav-item>.nav-link.active,.dark-mode .sidebar-light-info .nav-sidebar>.nav-item>.nav-link.active{background-color:#3498db;color:#fff}.dark-mode .sidebar-dark-info .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.dark-mode .sidebar-light-info .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#3498db}.dark-mode .sidebar-dark-warning .nav-sidebar>.nav-item>.nav-link.active,.dark-mode .sidebar-light-warning .nav-sidebar>.nav-item>.nav-link.active{background-color:#f39c12;color:#1f2d3d}.dark-mode .sidebar-dark-warning .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.dark-mode .sidebar-light-warning .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#f39c12}.dark-mode .sidebar-dark-danger .nav-sidebar>.nav-item>.nav-link.active,.dark-mode .sidebar-light-danger .nav-sidebar>.nav-item>.nav-link.active{background-color:#e74c3c;color:#fff}.dark-mode .sidebar-dark-danger .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.dark-mode .sidebar-light-danger .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#e74c3c}.dark-mode .sidebar-dark-light .nav-sidebar>.nav-item>.nav-link.active,.dark-mode .sidebar-light-light .nav-sidebar>.nav-item>.nav-link.active{background-color:#f8f9fa;color:#1f2d3d}.dark-mode .sidebar-dark-light .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.dark-mode .sidebar-light-light .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#f8f9fa}.dark-mode .sidebar-dark-dark .nav-sidebar>.nav-item>.nav-link.active,.dark-mode .sidebar-light-dark .nav-sidebar>.nav-item>.nav-link.active{background-color:#343a40;color:#fff}.dark-mode .sidebar-dark-dark .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.dark-mode .sidebar-light-dark .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#343a40}.dark-mode .sidebar-dark-lightblue .nav-sidebar>.nav-item>.nav-link.active,.dark-mode .sidebar-light-lightblue .nav-sidebar>.nav-item>.nav-link.active{background-color:#86bad8;color:#1f2d3d}.dark-mode .sidebar-dark-lightblue .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.dark-mode .sidebar-light-lightblue .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#86bad8}.dark-mode .sidebar-dark-navy .nav-sidebar>.nav-item>.nav-link.active,.dark-mode .sidebar-light-navy .nav-sidebar>.nav-item>.nav-link.active{background-color:#002c59;color:#fff}.dark-mode .sidebar-dark-navy .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.dark-mode .sidebar-light-navy .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#002c59}.dark-mode .sidebar-dark-olive .nav-sidebar>.nav-item>.nav-link.active,.dark-mode .sidebar-light-olive .nav-sidebar>.nav-item>.nav-link.active{background-color:#74c8a3;color:#1f2d3d}.dark-mode .sidebar-dark-olive .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.dark-mode .sidebar-light-olive .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#74c8a3}.dark-mode .sidebar-dark-lime .nav-sidebar>.nav-item>.nav-link.active,.dark-mode .sidebar-light-lime .nav-sidebar>.nav-item>.nav-link.active{background-color:#67ffa9;color:#1f2d3d}.dark-mode .sidebar-dark-lime .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.dark-mode .sidebar-light-lime .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#67ffa9}.dark-mode .sidebar-dark-fuchsia .nav-sidebar>.nav-item>.nav-link.active,.dark-mode .sidebar-light-fuchsia .nav-sidebar>.nav-item>.nav-link.active{background-color:#f672d8;color:#1f2d3d}.dark-mode .sidebar-dark-fuchsia .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.dark-mode .sidebar-light-fuchsia .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#f672d8}.dark-mode .sidebar-dark-maroon .nav-sidebar>.nav-item>.nav-link.active,.dark-mode .sidebar-light-maroon .nav-sidebar>.nav-item>.nav-link.active{background-color:#ed6c9b;color:#1f2d3d}.dark-mode .sidebar-dark-maroon .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.dark-mode .sidebar-light-maroon .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#ed6c9b}.dark-mode .sidebar-dark-blue .nav-sidebar>.nav-item>.nav-link.active,.dark-mode .sidebar-light-blue .nav-sidebar>.nav-item>.nav-link.active{background-color:#3f6791;color:#fff}.dark-mode .sidebar-dark-blue .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.dark-mode .sidebar-light-blue .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#3f6791}.dark-mode .sidebar-dark-indigo .nav-sidebar>.nav-item>.nav-link.active,.dark-mode .sidebar-light-indigo .nav-sidebar>.nav-item>.nav-link.active{background-color:#6610f2;color:#fff}.dark-mode .sidebar-dark-indigo .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.dark-mode .sidebar-light-indigo .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#6610f2}.dark-mode .sidebar-dark-purple .nav-sidebar>.nav-item>.nav-link.active,.dark-mode .sidebar-light-purple .nav-sidebar>.nav-item>.nav-link.active{background-color:#6f42c1;color:#fff}.dark-mode .sidebar-dark-purple .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.dark-mode .sidebar-light-purple .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#6f42c1}.dark-mode .sidebar-dark-pink .nav-sidebar>.nav-item>.nav-link.active,.dark-mode .sidebar-light-pink .nav-sidebar>.nav-item>.nav-link.active{background-color:#e83e8c;color:#fff}.dark-mode .sidebar-dark-pink .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.dark-mode .sidebar-light-pink .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#e83e8c}.dark-mode .sidebar-dark-red .nav-sidebar>.nav-item>.nav-link.active,.dark-mode .sidebar-light-red .nav-sidebar>.nav-item>.nav-link.active{background-color:#e74c3c;color:#fff}.dark-mode .sidebar-dark-red .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.dark-mode .sidebar-light-red .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#e74c3c}.dark-mode .sidebar-dark-orange .nav-sidebar>.nav-item>.nav-link.active,.dark-mode .sidebar-light-orange .nav-sidebar>.nav-item>.nav-link.active{background-color:#fd7e14;color:#1f2d3d}.dark-mode .sidebar-dark-orange .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.dark-mode .sidebar-light-orange .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#fd7e14}.dark-mode .sidebar-dark-yellow .nav-sidebar>.nav-item>.nav-link.active,.dark-mode .sidebar-light-yellow .nav-sidebar>.nav-item>.nav-link.active{background-color:#f39c12;color:#1f2d3d}.dark-mode .sidebar-dark-yellow .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.dark-mode .sidebar-light-yellow .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#f39c12}.dark-mode .sidebar-dark-green .nav-sidebar>.nav-item>.nav-link.active,.dark-mode .sidebar-light-green .nav-sidebar>.nav-item>.nav-link.active{background-color:#00bc8c;color:#fff}.dark-mode .sidebar-dark-green .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.dark-mode .sidebar-light-green .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#00bc8c}.dark-mode .sidebar-dark-teal .nav-sidebar>.nav-item>.nav-link.active,.dark-mode .sidebar-light-teal .nav-sidebar>.nav-item>.nav-link.active{background-color:#20c997;color:#fff}.dark-mode .sidebar-dark-teal .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.dark-mode .sidebar-light-teal .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#20c997}.dark-mode .sidebar-dark-cyan .nav-sidebar>.nav-item>.nav-link.active,.dark-mode .sidebar-light-cyan .nav-sidebar>.nav-item>.nav-link.active{background-color:#3498db;color:#fff}.dark-mode .sidebar-dark-cyan .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.dark-mode .sidebar-light-cyan .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#3498db}.dark-mode .sidebar-dark-white .nav-sidebar>.nav-item>.nav-link.active,.dark-mode .sidebar-light-white .nav-sidebar>.nav-item>.nav-link.active{background-color:#fff;color:#1f2d3d}.dark-mode .sidebar-dark-white .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.dark-mode .sidebar-light-white .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#fff}.dark-mode .sidebar-dark-gray .nav-sidebar>.nav-item>.nav-link.active,.dark-mode .sidebar-light-gray .nav-sidebar>.nav-item>.nav-link.active{background-color:#6c757d;color:#fff}.dark-mode .sidebar-dark-gray .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.dark-mode .sidebar-light-gray .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#6c757d}.dark-mode .sidebar-dark-gray-dark .nav-sidebar>.nav-item>.nav-link.active,.dark-mode .sidebar-light-gray-dark .nav-sidebar>.nav-item>.nav-link.active{background-color:#343a40;color:#fff}.dark-mode .sidebar-dark-gray-dark .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,.dark-mode .sidebar-light-gray-dark .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{border-color:#343a40}.dark-mode [class*=sidebar-light-] .sidebar a{color:#343a40}.dark-mode [class*=sidebar-light-] .sidebar a:hover{text-decoration:none}.logo-xl,.logo-xs{opacity:1;position:absolute;visibility:visible}.logo-xl.brand-image-xs,.logo-xs.brand-image-xs{left:18px;top:12px}.logo-xl.brand-image-xl,.logo-xs.brand-image-xl{left:12px;top:6px}.logo-xs{opacity:0;visibility:hidden}.logo-xs.brand-image-xl{left:16px;top:8px}.brand-link.logo-switch::before{content:"\00a0"}@media (min-width:992px){.sidebar-mini .nav-sidebar,.sidebar-mini .nav-sidebar .nav-link,.sidebar-mini .nav-sidebar>.nav-header{white-space:nowrap}.sidebar-mini.sidebar-collapse .d-hidden-mini{display:none}.sidebar-mini.sidebar-collapse .content-wrapper,.sidebar-mini.sidebar-collapse .main-footer,.sidebar-mini.sidebar-collapse .main-header{margin-left:4.6rem!important}.sidebar-mini.sidebar-collapse .nav-sidebar .nav-header{display:none}.sidebar-mini.sidebar-collapse .sidebar .nav-sidebar .nav-link p{width:0;white-space:nowrap}.sidebar-mini.sidebar-collapse .brand-text,.sidebar-mini.sidebar-collapse .sidebar .nav-sidebar .nav-link p,.sidebar-mini.sidebar-collapse .sidebar .user-panel>.info{margin-left:-10px;-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:hidden}.sidebar-mini.sidebar-collapse .logo-xl{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:hidden}.sidebar-mini.sidebar-collapse .logo-xs{display:inline-block;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:visible}.sidebar-mini.sidebar-collapse .main-sidebar{overflow-x:hidden}.sidebar-mini.sidebar-collapse .main-sidebar,.sidebar-mini.sidebar-collapse .main-sidebar::before{margin-left:0;width:4.6rem}.sidebar-mini.sidebar-collapse .main-sidebar .user-panel .image{float:none}.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused,.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover{width:250px}.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-link,.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-link{width:250px}.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel,.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel{text-align:left}.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel .image,.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel .image{float:left}.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-text,.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .logo-xl,.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .sidebar .nav-sidebar .nav-link p,.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel>.info,.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-text,.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .logo-xl,.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar .nav-sidebar .nav-link p,.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel>.info{display:inline-block;margin-left:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:visible}.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .logo-xs,.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .logo-xs{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:hidden}.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-image,.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-image{margin-right:.5rem}.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .sidebar-form,.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel>.info,.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar-form,.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel>.info{display:block!important;-webkit-transform:translateZ(0);transform:translateZ(0)}.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .nav-sidebar>.nav-item>.nav-link>span,.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .nav-sidebar>.nav-item>.nav-link>span{display:inline-block!important}.sidebar-mini.sidebar-collapse .visible-sidebar-mini{display:block!important}.sidebar-mini.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link{width:250px}.sidebar-mini.sidebar-collapse.layout-fixed .brand-link{width:4.6rem}}@media (max-width:991.98px){.sidebar-mini.sidebar-collapse .main-sidebar{box-shadow:none!important}}@media (min-width:768px){.sidebar-mini-md .nav-sidebar,.sidebar-mini-md .nav-sidebar .nav-link,.sidebar-mini-md .nav-sidebar>.nav-header{white-space:nowrap}.sidebar-mini-md.sidebar-collapse .d-hidden-mini{display:none}.sidebar-mini-md.sidebar-collapse .content-wrapper,.sidebar-mini-md.sidebar-collapse .main-footer,.sidebar-mini-md.sidebar-collapse .main-header{margin-left:4.6rem!important}.sidebar-mini-md.sidebar-collapse .nav-sidebar .nav-header{display:none}.sidebar-mini-md.sidebar-collapse .sidebar .nav-sidebar .nav-link p{width:0;white-space:nowrap}.sidebar-mini-md.sidebar-collapse .brand-text,.sidebar-mini-md.sidebar-collapse .sidebar .nav-sidebar .nav-link p,.sidebar-mini-md.sidebar-collapse .sidebar .user-panel>.info{margin-left:-10px;-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:hidden}.sidebar-mini-md.sidebar-collapse .logo-xl{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:hidden}.sidebar-mini-md.sidebar-collapse .logo-xs{display:inline-block;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:visible}.sidebar-mini-md.sidebar-collapse .main-sidebar{overflow-x:hidden}.sidebar-mini-md.sidebar-collapse .main-sidebar,.sidebar-mini-md.sidebar-collapse .main-sidebar::before{margin-left:0;width:4.6rem}.sidebar-mini-md.sidebar-collapse .main-sidebar .user-panel .image{float:none}.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused,.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover{width:250px}.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-link,.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-link{width:250px}.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel,.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel{text-align:left}.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel .image,.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel .image{float:left}.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-text,.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .logo-xl,.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .sidebar .nav-sidebar .nav-link p,.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel>.info,.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-text,.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .logo-xl,.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar .nav-sidebar .nav-link p,.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel>.info{display:inline-block;margin-left:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:visible}.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .logo-xs,.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .logo-xs{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:hidden}.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-image,.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-image{margin-right:.5rem}.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .sidebar-form,.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel>.info,.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar-form,.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel>.info{display:block!important;-webkit-transform:translateZ(0);transform:translateZ(0)}.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .nav-sidebar>.nav-item>.nav-link>span,.sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .nav-sidebar>.nav-item>.nav-link>span{display:inline-block!important}.sidebar-mini-md.sidebar-collapse .visible-sidebar-mini{display:block!important}.sidebar-mini-md.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link{width:250px}.sidebar-mini-md.sidebar-collapse.layout-fixed .brand-link{width:4.6rem}}@media (max-width:767.98px){.sidebar-mini-md.sidebar-collapse .main-sidebar{box-shadow:none!important}}.sidebar-mini-xs .nav-sidebar,.sidebar-mini-xs .nav-sidebar .nav-link,.sidebar-mini-xs .nav-sidebar>.nav-header{white-space:nowrap}.sidebar-mini-xs.sidebar-collapse .d-hidden-mini{display:none}.sidebar-mini-xs.sidebar-collapse .content-wrapper,.sidebar-mini-xs.sidebar-collapse .main-footer,.sidebar-mini-xs.sidebar-collapse .main-header{margin-left:4.6rem!important}.sidebar-mini-xs.sidebar-collapse .nav-sidebar .nav-header{display:none}.sidebar-mini-xs.sidebar-collapse .sidebar .nav-sidebar .nav-link p{width:0;white-space:nowrap}.sidebar-mini-xs.sidebar-collapse .brand-text,.sidebar-mini-xs.sidebar-collapse .sidebar .nav-sidebar .nav-link p,.sidebar-mini-xs.sidebar-collapse .sidebar .user-panel>.info{margin-left:-10px;-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:hidden}.sidebar-mini-xs.sidebar-collapse .logo-xl{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:hidden}.sidebar-mini-xs.sidebar-collapse .logo-xs{display:inline-block;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:visible}.sidebar-mini-xs.sidebar-collapse .main-sidebar{overflow-x:hidden}.sidebar-mini-xs.sidebar-collapse .main-sidebar,.sidebar-mini-xs.sidebar-collapse .main-sidebar::before{margin-left:0;width:4.6rem}.sidebar-mini-xs.sidebar-collapse .main-sidebar .user-panel .image{float:none}.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused,.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover{width:250px}.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-link,.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-link{width:250px}.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel,.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel{text-align:left}.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel .image,.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel .image{float:left}.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-text,.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .logo-xl,.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .sidebar .nav-sidebar .nav-link p,.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel>.info,.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-text,.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .logo-xl,.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar .nav-sidebar .nav-link p,.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel>.info{display:inline-block;margin-left:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:visible}.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .logo-xs,.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .logo-xs{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:hidden}.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-image,.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-image{margin-right:.5rem}.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .sidebar-form,.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel>.info,.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar-form,.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel>.info{display:block!important;-webkit-transform:translateZ(0);transform:translateZ(0)}.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .nav-sidebar>.nav-item>.nav-link>span,.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .nav-sidebar>.nav-item>.nav-link>span{display:inline-block!important}.sidebar-mini-xs.sidebar-collapse .visible-sidebar-mini{display:block!important}.sidebar-mini-xs.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link{width:250px}.sidebar-mini-xs.sidebar-collapse.layout-fixed .brand-link{width:4.6rem}.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-link,.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-link,.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-link{width:calc(250px - .5rem * 2 - 1rem)}.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-link,.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-link,.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-link{width:calc(250px - .5rem * 2 - 2rem)}.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link{width:calc(250px - .5rem * 2 - 3rem)}.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link{width:calc(250px - .5rem * 2 - 4rem)}.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link{width:calc(250px - .5rem * 2 - 5rem)}.sidebar-mini .main-sidebar .nav-legacy .nav-link,.sidebar-mini-md .main-sidebar .nav-legacy .nav-link,.sidebar-mini-xs .main-sidebar .nav-legacy .nav-link{width:250px}.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-link,.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-link,.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-link{width:calc(250px - 1rem)}.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link,.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link,.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link{width:calc(250px - 1rem - 1rem)}.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link{width:calc(250px - 1rem - 2rem)}.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link{width:calc(250px - 1rem - 3rem)}.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link{width:calc(250px - 1rem - 4rem)}.sidebar-mini .main-sidebar .nav-flat .nav-link,.sidebar-mini-md .main-sidebar .nav-flat .nav-link,.sidebar-mini-xs .main-sidebar .nav-flat .nav-link{width:250px}.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-link,.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-link,.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-link{width:calc(250px)}.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link,.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link,.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link{width:calc(250px - .2rem)}.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link{width:calc(250px - .2rem * 2)}.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link{width:calc(250px - .2rem * 3)}.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link{width:calc(250px - .2rem * 4)}.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-link,.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-link,.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-link{width:calc(250px - .5rem * 2 - .5rem)}.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-link,.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-link,.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-link{width:calc(250px - .5rem * 2 - 1rem)}.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link{width:calc(250px - .5rem * 2 - 1.5rem)}.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link{width:calc(250px - .5rem * 2 - 2rem)}.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link{width:calc(250px - .5rem * 2 - 2.5rem)}.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-link,.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-link,.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-link{width:250px}.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link,.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link,.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link{width:calc(250px - .5rem)}.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link,.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link,.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link{width:calc(250px - .5rem * 2)}.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link{width:calc(250px - .5rem * 3)}.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link{width:calc(250px - .5rem * 4)}.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link{width:calc(250px - .5rem * 5)}.sidebar-mini .main-sidebar .nav-link,.sidebar-mini-md .main-sidebar .nav-link,.sidebar-mini-xs .main-sidebar .nav-link{width:calc(250px - .5rem * 2);transition:width ease-in-out .3s}@media (prefers-reduced-motion:reduce){.sidebar-mini .main-sidebar .nav-link,.sidebar-mini-md .main-sidebar .nav-link,.sidebar-mini-xs .main-sidebar .nav-link{transition:none}}.sidebar-collapse.sidebar-mini .main-sidebar .sidebar-search-results,.sidebar-collapse.sidebar-mini-md .main-sidebar .sidebar-search-results,.sidebar-collapse.sidebar-mini-xs .main-sidebar .sidebar-search-results{display:none}.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar .nav-link{width:3.6rem}.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar.nav-flat .nav-link,.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar.nav-legacy .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar.nav-flat .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar.nav-legacy .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar.nav-flat .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar.nav-legacy .nav-link{width:4.6rem}.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-treeview,.sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-treeview,.sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-treeview{padding-left:0!important;margin-left:0!important}.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-link{width:calc(4.6rem - .5rem * 2)}.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.hide-nav-header-on-hover) .nav-header,.sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.hide-nav-header-on-hover) .nav-header,.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused:not(.hide-nav-header-on-hover) .nav-header,.sidebar-collapse.sidebar-mini-md .main-sidebar:hover:not(.hide-nav-header-on-hover) .nav-header,.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused:not(.hide-nav-header-on-hover) .nav-header,.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover:not(.hide-nav-header-on-hover) .nav-header{display:inline-block}.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .nav-link,.sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.sidebar-no-expand) .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar:hover:not(.sidebar-no-expand) .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover:not(.sidebar-no-expand) .nav-link{width:calc(250px - .5rem * 2)}.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar,.sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar,.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar,.sidebar-collapse.sidebar-mini-md .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar,.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar,.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar{display:inline-block}.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar~.input-group-append,.sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar~.input-group-append,.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar~.input-group-append,.sidebar-collapse.sidebar-mini-md .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar~.input-group-append,.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar~.input-group-append,.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar~.input-group-append{display:-ms-flexbox;display:flex}.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results,.sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results,.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results,.sidebar-collapse.sidebar-mini-md .main-sidebar:hover:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results,.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results,.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results{display:inline-block}.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent .nav-link,.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent .nav-link{width:calc(250px - .5rem * 2)}.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy .nav-link,.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy .nav-link{width:250px}.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-link{width:calc(250px - 1rem)}.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link{width:calc(250px - 1rem - 1rem)}.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link{width:calc(250px - 1rem - 2rem)}.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link{width:calc(250px - 1rem - 3rem)}.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link{width:calc(250px - 1rem - 4rem)}.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat .nav-link,.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat .nav-link{width:250px}.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-link{width:calc(250px)}.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link{width:calc(250px - .2rem)}.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link{width:calc(250px - .2rem * 2)}.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link{width:calc(250px - .2rem * 3)}.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link{width:calc(250px - .2rem * 4)}.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-compact .nav-link,.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-compact .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-compact .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-compact .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-compact .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-compact .nav-link{width:calc(250px - .5rem * 2)}.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-link,.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-link{width:250px}.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link{width:calc(250px - .5rem)}.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link{width:calc(250px - .5rem * 2)}.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link{width:calc(250px - .5rem * 3)}.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link{width:calc(250px - .5rem * 4)}.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,.sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link{width:calc(250px - .5rem * 5)}.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused,.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover,.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused,.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover,.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused,.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover{width:4.6rem}.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .nav-header,.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .nav-header,.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .nav-header,.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .nav-header,.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .nav-header,.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .nav-header{display:none}.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .brand-link,.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .brand-link,.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .brand-link,.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .brand-link,.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .brand-link,.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .brand-link{width:4.6rem!important}.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel .image,.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .user-panel .image,.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel .image,.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .user-panel .image,.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel .image,.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .user-panel .image{float:none!important}.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xs,.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .logo-xs,.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xs,.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .logo-xs,.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xs,.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .logo-xs{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:visible}.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xl,.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .logo-xl,.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xl,.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .logo-xl,.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xl,.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .logo-xl{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:hidden}.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview,.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview,.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview,.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview,.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview,.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview{padding-left:0}.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .brand-text,.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar .nav-link p,.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .user-panel>.info,.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .sidebar .brand-text,.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar .nav-link p,.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .sidebar .user-panel>.info,.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .brand-text,.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar .nav-link p,.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .user-panel>.info,.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .sidebar .brand-text,.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar .nav-link p,.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .sidebar .user-panel>.info,.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .brand-text,.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar .nav-link p,.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .user-panel>.info,.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .sidebar .brand-text,.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar .nav-link p,.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .sidebar .user-panel>.info{margin-left:-10px;-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:hidden;display:inline-block;width:0}.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar>.nav-item .nav-icon,.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar>.nav-item .nav-icon,.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar>.nav-item .nav-icon,.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar>.nav-item .nav-icon,.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar>.nav-item .nav-icon,.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar>.nav-item .nav-icon{margin-right:0}.nav-sidebar{position:relative}.nav-sidebar:hover{overflow:visible}.nav-sidebar>.nav-header,.sidebar-form{overflow:hidden;text-overflow:clip}.nav-sidebar .nav-item>.nav-link{position:relative}.nav-sidebar .nav-item>.nav-link>.float-right{margin-top:-7px;position:absolute;right:10px;top:50%}.main-sidebar .brand-text,.main-sidebar .logo-xl,.main-sidebar .logo-xs,.sidebar .nav-link p,.sidebar .user-panel .info{transition:margin-left .3s linear,opacity .3s ease,visibility .3s ease}@media (prefers-reduced-motion:reduce){.main-sidebar .brand-text,.main-sidebar .logo-xl,.main-sidebar .logo-xs,.sidebar .nav-link p,.sidebar .user-panel .info{transition:none}}html.control-sidebar-animate{overflow-x:hidden}.control-sidebar{bottom:calc(3.5rem + 1px);position:absolute;top:calc(3.5rem + 1px);z-index:1031}.control-sidebar,.control-sidebar::before{bottom:calc(3.5rem + 1px);display:none;right:-250px;width:250px;transition:right .3s ease-in-out,display .3s ease-in-out}@media (prefers-reduced-motion:reduce){.control-sidebar,.control-sidebar::before{transition:none}}.control-sidebar::before{content:"";display:block;position:fixed;top:0;z-index:-1}body.text-sm .control-sidebar{bottom:calc(2.9365rem + 1px);top:calc(2.93725rem + 1px)}.main-header.text-sm~.control-sidebar{top:calc(2.93725rem + 1px)}.main-footer.text-sm~.control-sidebar{bottom:calc(2.9365rem + 1px)}.control-sidebar-push-slide .content-wrapper,.control-sidebar-push-slide .main-footer{transition:margin-right .3s ease-in-out}@media (prefers-reduced-motion:reduce){.control-sidebar-push-slide .content-wrapper,.control-sidebar-push-slide .main-footer{transition:none}}.control-sidebar-open .control-sidebar{display:block!important}.control-sidebar-open .control-sidebar,.control-sidebar-open .control-sidebar::before{right:0}.control-sidebar-open.control-sidebar-push .content-wrapper,.control-sidebar-open.control-sidebar-push .main-footer,.control-sidebar-open.control-sidebar-push-slide .content-wrapper,.control-sidebar-open.control-sidebar-push-slide .main-footer{margin-right:250px}.control-sidebar-slide-open .control-sidebar{display:block}.control-sidebar-slide-open .control-sidebar,.control-sidebar-slide-open .control-sidebar::before{right:0;transition:right .3s ease-in-out,display .3s ease-in-out}@media (prefers-reduced-motion:reduce){.control-sidebar-slide-open .control-sidebar,.control-sidebar-slide-open .control-sidebar::before{transition:none}}.control-sidebar-slide-open.control-sidebar-push .content-wrapper,.control-sidebar-slide-open.control-sidebar-push .main-footer,.control-sidebar-slide-open.control-sidebar-push-slide .content-wrapper,.control-sidebar-slide-open.control-sidebar-push-slide .main-footer{margin-right:250px}.control-sidebar-dark{background-color:#343a40}.control-sidebar-dark,.control-sidebar-dark .nav-link,.control-sidebar-dark a{color:#c2c7d0}.control-sidebar-dark a:hover{color:#fff}.control-sidebar-dark h1,.control-sidebar-dark h2,.control-sidebar-dark h3,.control-sidebar-dark h4,.control-sidebar-dark h5,.control-sidebar-dark h6,.control-sidebar-dark label{color:#fff}.control-sidebar-dark .nav-tabs{background-color:rgba(255,255,255,.1);border-bottom:0;margin-bottom:5px}.control-sidebar-dark .nav-tabs .nav-item{margin:0}.control-sidebar-dark .nav-tabs .nav-link{border-radius:0;padding:10px 20px;position:relative;text-align:center}.control-sidebar-dark .nav-tabs .nav-link,.control-sidebar-dark .nav-tabs .nav-link.active,.control-sidebar-dark .nav-tabs .nav-link:active,.control-sidebar-dark .nav-tabs .nav-link:focus,.control-sidebar-dark .nav-tabs .nav-link:hover{border:0}.control-sidebar-dark .nav-tabs .nav-link.active,.control-sidebar-dark .nav-tabs .nav-link:active,.control-sidebar-dark .nav-tabs .nav-link:focus,.control-sidebar-dark .nav-tabs .nav-link:hover{border-bottom-color:transparent;border-left-color:transparent;border-top-color:transparent;color:#fff}.control-sidebar-dark .nav-tabs .nav-link.active{background-color:#343a40}.control-sidebar-dark .tab-pane{padding:10px 15px}.control-sidebar-light{color:#4b545c;background-color:#fff;border-left:1px solid #dee2e6}.text-sm .dropdown-menu{font-size:.875rem!important}.text-sm .dropdown-toggle::after{vertical-align:.2rem}.dropdown-item-title{font-size:1rem;margin:0}.dropdown-icon::after{margin-left:0}.dropdown-menu-lg{max-width:300px;min-width:280px;padding:0}.dropdown-menu-lg .dropdown-divider{margin:0}.dropdown-menu-lg .dropdown-item{padding:.5rem 1rem}.dropdown-menu-lg p{margin:0;white-space:normal}.dropdown-submenu{position:relative}.dropdown-submenu>a::after{border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid;float:right;margin-left:.5rem;margin-top:.5rem}.dropdown-submenu>.dropdown-menu{left:100%;margin-left:0;margin-top:0;top:0}.dropdown-hover .dropdown-submenu:hover>.dropdown-menu,.dropdown-hover.dropdown-submenu:hover>.dropdown-menu,.dropdown-hover.nav-item.dropdown:hover>.dropdown-menu,.dropdown-hover:hover>.dropdown-menu{display:block}.dropdown-menu-xl{max-width:420px;min-width:360px;padding:0}.dropdown-menu-xl .dropdown-divider{margin:0}.dropdown-menu-xl .dropdown-item{padding:.5rem 1rem}.dropdown-menu-xl p{margin:0;white-space:normal}.dropdown-footer,.dropdown-header{display:block;font-size:.875rem;padding:.5rem 1rem;text-align:center}.open:not(.dropup)>.animated-dropdown-menu{-webkit-animation:flipInX .7s both;animation:flipInX .7s both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}.navbar-custom-menu>.navbar-nav>li{position:relative}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{position:absolute;right:0;left:auto}@media (max-width:767.98px){.navbar-custom-menu>.navbar-nav{float:right}.navbar-custom-menu>.navbar-nav>li{position:static}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{position:absolute;right:5%;left:auto;border:1px solid #ddd;background-color:#fff}}.navbar-nav>.user-menu>.nav-link::after{content:none}.navbar-nav>.user-menu>.dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;padding:0;width:280px}.navbar-nav>.user-menu>.dropdown-menu,.navbar-nav>.user-menu>.dropdown-menu>.user-body{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.navbar-nav>.user-menu>.dropdown-menu>li.user-header{height:175px;padding:10px;text-align:center}.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img{z-index:5;height:90px;width:90px;border:3px solid;border-color:transparent;border-color:rgba(255,255,255,.2)}.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p{z-index:5;font-size:17px;margin-top:10px}.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p>small{display:block;font-size:12px}.navbar-nav>.user-menu>.dropdown-menu>.user-body{border-bottom:1px solid #495057;border-top:1px solid #dee2e6;padding:15px}.navbar-nav>.user-menu>.dropdown-menu>.user-body::after{display:block;clear:both;content:""}@media (min-width:576px){.navbar-nav>.user-menu>.dropdown-menu>.user-body a{background-color:#fff!important;color:#495057!important}}.navbar-nav>.user-menu>.dropdown-menu>.user-footer{background-color:#f8f9fa;padding:10px}.navbar-nav>.user-menu>.dropdown-menu>.user-footer::after{display:block;clear:both;content:""}.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default{color:#6c757d}@media (min-width:576px){.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:hover{background-color:#f8f9fa}}.navbar-nav>.user-menu .user-image{border-radius:50%;float:left;height:2.1rem;margin-right:10px;margin-top:-2px;width:2.1rem}@media (min-width:576px){.navbar-nav>.user-menu .user-image{float:none;line-height:10px;margin-right:.4rem;margin-top:-8px}}.dark-mode .dropdown-menu{background-color:#343a40;color:#fff}.dark-mode .dropdown-item{color:#fff}.dark-mode .dropdown-item:focus,.dark-mode .dropdown-item:hover{background-color:#3f474e}.dark-mode .dropdown-divider{border-color:#6c757d}.dark-mode .navbar-nav>.user-menu>.dropdown-menu>.user-footer{background-color:#3a4047;color:#fff}.dark-mode .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default{color:#fff}.dark-mode .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:focus,.dark-mode .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:hover{background-color:#3f474e;color:#dee2e6}.dark-mode .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:focus{background-color:#454d55}.dark-mode .navbar-nav>.user-menu>.dropdown-menu>.user-body{border-color:#6c757d}.dark-mode .navbar-nav>.user-menu>.dropdown-menu>.user-body a{background-color:transparent!important;color:#fff!important}.dark-mode .navbar-nav>.user-menu>.dropdown-menu>.user-body a:focus,.dark-mode .navbar-nav>.user-menu>.dropdown-menu>.user-body a:hover{color:#ced4da!important}.nav-pills .nav-link{color:#6c757d}.nav-pills .nav-link:not(.active):hover{color:#007bff}.nav-pills .nav-item.dropdown.show .nav-link:hover{color:#fff}.nav-tabs.flex-column{border-bottom:0;border-right:1px solid #dee2e6}.nav-tabs.flex-column .nav-link{border-bottom-left-radius:.25rem;border-top-right-radius:0;margin-right:-1px}.nav-tabs.flex-column .nav-link:focus,.nav-tabs.flex-column .nav-link:hover{border-color:#e9ecef transparent #e9ecef #e9ecef}.nav-tabs.flex-column .nav-item.show .nav-link,.nav-tabs.flex-column .nav-link.active{border-color:#dee2e6 transparent #dee2e6 #dee2e6}.nav-tabs.flex-column.nav-tabs-right{border-left:1px solid #dee2e6;border-right:0}.nav-tabs.flex-column.nav-tabs-right .nav-link{border-bottom-left-radius:0;border-bottom-right-radius:.25rem;border-top-left-radius:0;border-top-right-radius:.25rem;margin-left:-1px}.nav-tabs.flex-column.nav-tabs-right .nav-link:focus,.nav-tabs.flex-column.nav-tabs-right .nav-link:hover{border-color:#e9ecef #e9ecef #e9ecef transparent}.nav-tabs.flex-column.nav-tabs-right .nav-item.show .nav-link,.nav-tabs.flex-column.nav-tabs-right .nav-link.active{border-color:#dee2e6 #dee2e6 #dee2e6 transparent}.navbar-no-expand{-ms-flex-direction:row;flex-direction:row}.navbar-no-expand .nav-link{padding-left:1rem;padding-right:1rem}.navbar-no-expand .dropdown-menu{position:absolute}.navbar-light{background-color:#f8f9fa}.navbar-dark{background-color:#343a40;border-color:#4b545c}.navbar-primary{background-color:#007bff;color:#fff}.navbar-primary.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.navbar-primary.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.navbar-primary.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-primary.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-primary.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.navbar-primary.navbar-light .form-control-navbar,.navbar-primary.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#0071eb;border-color:#0065d1;color:rgba(52,58,64,.8)}.navbar-primary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.navbar-primary.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.navbar-primary.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.navbar-primary.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.navbar-primary.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.navbar-primary.navbar-light .form-control-navbar:focus,.navbar-primary.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#006fe6;border-color:#0065d1!important;color:#343a40}.navbar-primary.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.navbar-primary.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.navbar-primary.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-primary.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-primary.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.navbar-primary.navbar-dark .form-control-navbar,.navbar-primary.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#1486ff;border-color:#2e93ff;color:rgba(255,255,255,.8)}.navbar-primary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.navbar-primary.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.navbar-primary.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.navbar-primary.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.navbar-primary.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.navbar-primary.navbar-dark .form-control-navbar:focus,.navbar-primary.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#1a88ff;border-color:#2e93ff!important;color:#fff}.navbar-secondary{background-color:#6c757d;color:#fff}.navbar-secondary.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.navbar-secondary.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.navbar-secondary.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-secondary.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-secondary.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.navbar-secondary.navbar-light .form-control-navbar,.navbar-secondary.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#636b72;border-color:#575e64;color:rgba(52,58,64,.8)}.navbar-secondary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.navbar-secondary.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.navbar-secondary.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.navbar-secondary.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.navbar-secondary.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.navbar-secondary.navbar-light .form-control-navbar:focus,.navbar-secondary.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#60686f;border-color:#575e64!important;color:#343a40}.navbar-secondary.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.navbar-secondary.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.navbar-secondary.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-secondary.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-secondary.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.navbar-secondary.navbar-dark .form-control-navbar,.navbar-secondary.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#757f88;border-color:#838c94;color:rgba(255,255,255,.8)}.navbar-secondary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.navbar-secondary.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.navbar-secondary.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.navbar-secondary.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.navbar-secondary.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.navbar-secondary.navbar-dark .form-control-navbar:focus,.navbar-secondary.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#78828a;border-color:#838c94!important;color:#fff}.navbar-success{background-color:#28a745;color:#fff}.navbar-success.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.navbar-success.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.navbar-success.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-success.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-success.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.navbar-success.navbar-light .form-control-navbar,.navbar-success.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#24973e;border-color:#1f8236;color:rgba(52,58,64,.8)}.navbar-success.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.navbar-success.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.navbar-success.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.navbar-success.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.navbar-success.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.navbar-success.navbar-light .form-control-navbar:focus,.navbar-success.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#23923d;border-color:#1f8236!important;color:#343a40}.navbar-success.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.navbar-success.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.navbar-success.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-success.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-success.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.navbar-success.navbar-dark .form-control-navbar,.navbar-success.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#2cb74c;border-color:#31cc54;color:rgba(255,255,255,.8)}.navbar-success.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.navbar-success.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.navbar-success.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.navbar-success.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.navbar-success.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.navbar-success.navbar-dark .form-control-navbar:focus,.navbar-success.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#2dbc4e;border-color:#31cc54!important;color:#fff}.navbar-info{background-color:#17a2b8;color:#fff}.navbar-info.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.navbar-info.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.navbar-info.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-info.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-info.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.navbar-info.navbar-light .form-control-navbar,.navbar-info.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#1592a6;border-color:#127e8f;color:rgba(52,58,64,.8)}.navbar-info.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.navbar-info.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.navbar-info.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.navbar-info.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.navbar-info.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.navbar-info.navbar-light .form-control-navbar:focus,.navbar-info.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#148ea1;border-color:#127e8f!important;color:#343a40}.navbar-info.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.navbar-info.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.navbar-info.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-info.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-info.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.navbar-info.navbar-dark .form-control-navbar,.navbar-info.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#19b2ca;border-color:#1cc6e1;color:rgba(255,255,255,.8)}.navbar-info.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.navbar-info.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.navbar-info.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.navbar-info.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.navbar-info.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.navbar-info.navbar-dark .form-control-navbar:focus,.navbar-info.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#1ab6cf;border-color:#1cc6e1!important;color:#fff}.navbar-warning{background-color:#ffc107;color:#1f2d3d}.navbar-warning.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.navbar-warning.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.navbar-warning.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-warning.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-warning.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.navbar-warning.navbar-light .form-control-navbar,.navbar-warning.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#f2b500;border-color:#d8a200;color:rgba(52,58,64,.8)}.navbar-warning.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.navbar-warning.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.navbar-warning.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.navbar-warning.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.navbar-warning.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.navbar-warning.navbar-light .form-control-navbar:focus,.navbar-warning.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#edb100;border-color:#d8a200!important;color:#343a40}.navbar-warning.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.navbar-warning.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.navbar-warning.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-warning.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-warning.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.navbar-warning.navbar-dark .form-control-navbar,.navbar-warning.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#ffc61b;border-color:#ffcc35;color:rgba(255,255,255,.8)}.navbar-warning.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.navbar-warning.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.navbar-warning.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.navbar-warning.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.navbar-warning.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.navbar-warning.navbar-dark .form-control-navbar:focus,.navbar-warning.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#ffc721;border-color:#ffcc35!important;color:#fff}.navbar-danger{background-color:#dc3545;color:#fff}.navbar-danger.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.navbar-danger.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.navbar-danger.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-danger.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-danger.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.navbar-danger.navbar-light .form-control-navbar,.navbar-danger.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#d72536;border-color:#c22231;color:rgba(52,58,64,.8)}.navbar-danger.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.navbar-danger.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.navbar-danger.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.navbar-danger.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.navbar-danger.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.navbar-danger.navbar-light .form-control-navbar:focus,.navbar-danger.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#d32535;border-color:#c22231!important;color:#343a40}.navbar-danger.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.navbar-danger.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.navbar-danger.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-danger.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-danger.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.navbar-danger.navbar-dark .form-control-navbar,.navbar-danger.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#df4655;border-color:#e35c69;color:rgba(255,255,255,.8)}.navbar-danger.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.navbar-danger.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.navbar-danger.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.navbar-danger.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.navbar-danger.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.navbar-danger.navbar-dark .form-control-navbar:focus,.navbar-danger.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#e04b59;border-color:#e35c69!important;color:#fff}.navbar-lightblue{background-color:#3c8dbc;color:#fff}.navbar-lightblue.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.navbar-lightblue.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.navbar-lightblue.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-lightblue.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-lightblue.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.navbar-lightblue.navbar-light .form-control-navbar,.navbar-lightblue.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#3781ad;border-color:#317399;color:rgba(52,58,64,.8)}.navbar-lightblue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.navbar-lightblue.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.navbar-lightblue.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.navbar-lightblue.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.navbar-lightblue.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.navbar-lightblue.navbar-light .form-control-navbar:focus,.navbar-lightblue.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#367fa9;border-color:#317399!important;color:#343a40}.navbar-lightblue.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.navbar-lightblue.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.navbar-lightblue.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-lightblue.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-lightblue.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.navbar-lightblue.navbar-dark .form-control-navbar,.navbar-lightblue.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#4897c5;border-color:#5ba2cb;color:rgba(255,255,255,.8)}.navbar-lightblue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.navbar-lightblue.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.navbar-lightblue.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.navbar-lightblue.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.navbar-lightblue.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.navbar-lightblue.navbar-dark .form-control-navbar:focus,.navbar-lightblue.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#4c99c6;border-color:#5ba2cb!important;color:#fff}.navbar-navy{background-color:#001f3f;color:#fff}.navbar-navy.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.navbar-navy.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.navbar-navy.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-navy.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-navy.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.navbar-navy.navbar-light .form-control-navbar,.navbar-navy.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#00152b;border-color:#000811;color:rgba(52,58,64,.8)}.navbar-navy.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.navbar-navy.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.navbar-navy.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.navbar-navy.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.navbar-navy.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.navbar-navy.navbar-light .form-control-navbar:focus,.navbar-navy.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#001226;border-color:#000811!important;color:#343a40}.navbar-navy.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.navbar-navy.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.navbar-navy.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-navy.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-navy.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.navbar-navy.navbar-dark .form-control-navbar,.navbar-navy.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#002953;border-color:#00366d;color:rgba(255,255,255,.8)}.navbar-navy.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.navbar-navy.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.navbar-navy.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.navbar-navy.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.navbar-navy.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.navbar-navy.navbar-dark .form-control-navbar:focus,.navbar-navy.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#002c59;border-color:#00366d!important;color:#fff}.navbar-olive{background-color:#3d9970;color:#fff}.navbar-olive.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.navbar-olive.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.navbar-olive.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-olive.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-olive.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.navbar-olive.navbar-light .form-control-navbar,.navbar-olive.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#378a65;border-color:#307858;color:rgba(52,58,64,.8)}.navbar-olive.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.navbar-olive.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.navbar-olive.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.navbar-olive.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.navbar-olive.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.navbar-olive.navbar-light .form-control-navbar:focus,.navbar-olive.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#368763;border-color:#307858!important;color:#343a40}.navbar-olive.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.navbar-olive.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.navbar-olive.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-olive.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-olive.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.navbar-olive.navbar-dark .form-control-navbar,.navbar-olive.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#43a87b;border-color:#4cb888;color:rgba(255,255,255,.8)}.navbar-olive.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.navbar-olive.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.navbar-olive.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.navbar-olive.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.navbar-olive.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.navbar-olive.navbar-dark .form-control-navbar:focus,.navbar-olive.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#44ab7d;border-color:#4cb888!important;color:#fff}.navbar-lime{background-color:#01ff70;color:#1f2d3d}.navbar-lime.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.navbar-lime.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.navbar-lime.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-lime.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-lime.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.navbar-lime.navbar-light .form-control-navbar,.navbar-lime.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#00ec67;border-color:#00d25c;color:rgba(52,58,64,.8)}.navbar-lime.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.navbar-lime.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.navbar-lime.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.navbar-lime.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.navbar-lime.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.navbar-lime.navbar-light .form-control-navbar:focus,.navbar-lime.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#00e765;border-color:#00d25c!important;color:#343a40}.navbar-lime.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.navbar-lime.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.navbar-lime.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-lime.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-lime.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.navbar-lime.navbar-dark .form-control-navbar,.navbar-lime.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#15ff7b;border-color:#2fff8a;color:rgba(255,255,255,.8)}.navbar-lime.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.navbar-lime.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.navbar-lime.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.navbar-lime.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.navbar-lime.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.navbar-lime.navbar-dark .form-control-navbar:focus,.navbar-lime.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#1bff7e;border-color:#2fff8a!important;color:#fff}.navbar-fuchsia{background-color:#f012be;color:#fff}.navbar-fuchsia.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.navbar-fuchsia.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.navbar-fuchsia.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-fuchsia.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-fuchsia.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.navbar-fuchsia.navbar-light .form-control-navbar,.navbar-fuchsia.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#df0eb0;border-color:#c70d9d;color:rgba(52,58,64,.8)}.navbar-fuchsia.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.navbar-fuchsia.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.navbar-fuchsia.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.navbar-fuchsia.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.navbar-fuchsia.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.navbar-fuchsia.navbar-light .form-control-navbar:focus,.navbar-fuchsia.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#db0ead;border-color:#c70d9d!important;color:#343a40}.navbar-fuchsia.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.navbar-fuchsia.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.navbar-fuchsia.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-fuchsia.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-fuchsia.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.navbar-fuchsia.navbar-dark .form-control-navbar,.navbar-fuchsia.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#f125c3;border-color:#f33dca;color:rgba(255,255,255,.8)}.navbar-fuchsia.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.navbar-fuchsia.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.navbar-fuchsia.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.navbar-fuchsia.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.navbar-fuchsia.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.navbar-fuchsia.navbar-dark .form-control-navbar:focus,.navbar-fuchsia.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#f22ac5;border-color:#f33dca!important;color:#fff}.navbar-maroon{background-color:#d81b60;color:#fff}.navbar-maroon.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.navbar-maroon.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.navbar-maroon.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-maroon.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-maroon.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.navbar-maroon.navbar-light .form-control-navbar,.navbar-maroon.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#c61958;border-color:#af164e;color:rgba(52,58,64,.8)}.navbar-maroon.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.navbar-maroon.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.navbar-maroon.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.navbar-maroon.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.navbar-maroon.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.navbar-maroon.navbar-light .form-control-navbar:focus,.navbar-maroon.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#c11856;border-color:#af164e!important;color:#343a40}.navbar-maroon.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.navbar-maroon.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.navbar-maroon.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-maroon.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-maroon.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.navbar-maroon.navbar-dark .form-control-navbar,.navbar-maroon.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#e4246a;border-color:#e63a79;color:rgba(255,255,255,.8)}.navbar-maroon.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.navbar-maroon.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.navbar-maroon.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.navbar-maroon.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.navbar-maroon.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.navbar-maroon.navbar-dark .form-control-navbar:focus,.navbar-maroon.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#e4286d;border-color:#e63a79!important;color:#fff}.navbar-blue{background-color:#007bff;color:#fff}.navbar-blue.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.navbar-blue.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.navbar-blue.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-blue.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-blue.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.navbar-blue.navbar-light .form-control-navbar,.navbar-blue.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#0071eb;border-color:#0065d1;color:rgba(52,58,64,.8)}.navbar-blue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.navbar-blue.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.navbar-blue.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.navbar-blue.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.navbar-blue.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.navbar-blue.navbar-light .form-control-navbar:focus,.navbar-blue.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#006fe6;border-color:#0065d1!important;color:#343a40}.navbar-blue.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.navbar-blue.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.navbar-blue.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-blue.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-blue.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.navbar-blue.navbar-dark .form-control-navbar,.navbar-blue.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#1486ff;border-color:#2e93ff;color:rgba(255,255,255,.8)}.navbar-blue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.navbar-blue.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.navbar-blue.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.navbar-blue.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.navbar-blue.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.navbar-blue.navbar-dark .form-control-navbar:focus,.navbar-blue.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#1a88ff;border-color:#2e93ff!important;color:#fff}.navbar-indigo{background-color:#6610f2;color:#fff}.navbar-indigo.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.navbar-indigo.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.navbar-indigo.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-indigo.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-indigo.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.navbar-indigo.navbar-light .form-control-navbar,.navbar-indigo.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#5d0ce1;border-color:#530bc9;color:rgba(52,58,64,.8)}.navbar-indigo.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.navbar-indigo.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.navbar-indigo.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.navbar-indigo.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.navbar-indigo.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.navbar-indigo.navbar-light .form-control-navbar:focus,.navbar-indigo.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#5b0cdd;border-color:#530bc9!important;color:#343a40}.navbar-indigo.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.navbar-indigo.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.navbar-indigo.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-indigo.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-indigo.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.navbar-indigo.navbar-dark .form-control-navbar,.navbar-indigo.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#7223f3;border-color:#823cf4;color:rgba(255,255,255,.8)}.navbar-indigo.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.navbar-indigo.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.navbar-indigo.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.navbar-indigo.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.navbar-indigo.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.navbar-indigo.navbar-dark .form-control-navbar:focus,.navbar-indigo.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#7528f3;border-color:#823cf4!important;color:#fff}.navbar-purple{background-color:#6f42c1;color:#fff}.navbar-purple.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.navbar-purple.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.navbar-purple.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-purple.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-purple.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.navbar-purple.navbar-light .form-control-navbar,.navbar-purple.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#663bb4;border-color:#5b35a0;color:rgba(52,58,64,.8)}.navbar-purple.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.navbar-purple.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.navbar-purple.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.navbar-purple.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.navbar-purple.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.navbar-purple.navbar-light .form-control-navbar:focus,.navbar-purple.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#643ab0;border-color:#5b35a0!important;color:#343a40}.navbar-purple.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.navbar-purple.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.navbar-purple.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-purple.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-purple.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.navbar-purple.navbar-dark .form-control-navbar,.navbar-purple.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#7b51c6;border-color:#8965cc;color:rgba(255,255,255,.8)}.navbar-purple.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.navbar-purple.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.navbar-purple.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.navbar-purple.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.navbar-purple.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.navbar-purple.navbar-dark .form-control-navbar:focus,.navbar-purple.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#7e55c7;border-color:#8965cc!important;color:#fff}.navbar-pink{background-color:#e83e8c;color:#fff}.navbar-pink.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.navbar-pink.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.navbar-pink.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-pink.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-pink.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.navbar-pink.navbar-light .form-control-navbar,.navbar-pink.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#e62c81;border-color:#de1a74;color:rgba(52,58,64,.8)}.navbar-pink.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.navbar-pink.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.navbar-pink.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.navbar-pink.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.navbar-pink.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.navbar-pink.navbar-light .form-control-navbar:focus,.navbar-pink.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#e5277e;border-color:#de1a74!important;color:#343a40}.navbar-pink.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.navbar-pink.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.navbar-pink.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-pink.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-pink.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.navbar-pink.navbar-dark .form-control-navbar,.navbar-pink.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#ea5097;border-color:#ed67a4;color:rgba(255,255,255,.8)}.navbar-pink.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.navbar-pink.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.navbar-pink.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.navbar-pink.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.navbar-pink.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.navbar-pink.navbar-dark .form-control-navbar:focus,.navbar-pink.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#eb559a;border-color:#ed67a4!important;color:#fff}.navbar-red{background-color:#dc3545;color:#fff}.navbar-red.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.navbar-red.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.navbar-red.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-red.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-red.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.navbar-red.navbar-light .form-control-navbar,.navbar-red.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#d72536;border-color:#c22231;color:rgba(52,58,64,.8)}.navbar-red.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.navbar-red.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.navbar-red.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.navbar-red.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.navbar-red.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.navbar-red.navbar-light .form-control-navbar:focus,.navbar-red.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#d32535;border-color:#c22231!important;color:#343a40}.navbar-red.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.navbar-red.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.navbar-red.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-red.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-red.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.navbar-red.navbar-dark .form-control-navbar,.navbar-red.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#df4655;border-color:#e35c69;color:rgba(255,255,255,.8)}.navbar-red.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.navbar-red.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.navbar-red.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.navbar-red.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.navbar-red.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.navbar-red.navbar-dark .form-control-navbar:focus,.navbar-red.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#e04b59;border-color:#e35c69!important;color:#fff}.navbar-orange{background-color:#fd7e14;color:#1f2d3d}.navbar-orange.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.navbar-orange.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.navbar-orange.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-orange.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-orange.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.navbar-orange.navbar-light .form-control-navbar,.navbar-orange.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#fa7302;border-color:#e16702;color:rgba(52,58,64,.8)}.navbar-orange.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.navbar-orange.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.navbar-orange.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.navbar-orange.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.navbar-orange.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.navbar-orange.navbar-light .form-control-navbar:focus,.navbar-orange.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#f57102;border-color:#e16702!important;color:#343a40}.navbar-orange.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.navbar-orange.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.navbar-orange.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-orange.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-orange.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.navbar-orange.navbar-dark .form-control-navbar,.navbar-orange.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#fd8928;border-color:#fd9742;color:rgba(255,255,255,.8)}.navbar-orange.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.navbar-orange.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.navbar-orange.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.navbar-orange.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.navbar-orange.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.navbar-orange.navbar-dark .form-control-navbar:focus,.navbar-orange.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#fd8c2d;border-color:#fd9742!important;color:#fff}.navbar-yellow{background-color:#ffc107;color:#1f2d3d}.navbar-yellow.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.navbar-yellow.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.navbar-yellow.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-yellow.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-yellow.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.navbar-yellow.navbar-light .form-control-navbar,.navbar-yellow.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#f2b500;border-color:#d8a200;color:rgba(52,58,64,.8)}.navbar-yellow.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.navbar-yellow.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.navbar-yellow.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.navbar-yellow.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.navbar-yellow.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.navbar-yellow.navbar-light .form-control-navbar:focus,.navbar-yellow.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#edb100;border-color:#d8a200!important;color:#343a40}.navbar-yellow.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.navbar-yellow.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.navbar-yellow.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-yellow.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-yellow.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.navbar-yellow.navbar-dark .form-control-navbar,.navbar-yellow.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#ffc61b;border-color:#ffcc35;color:rgba(255,255,255,.8)}.navbar-yellow.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.navbar-yellow.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.navbar-yellow.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.navbar-yellow.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.navbar-yellow.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.navbar-yellow.navbar-dark .form-control-navbar:focus,.navbar-yellow.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#ffc721;border-color:#ffcc35!important;color:#fff}.navbar-green{background-color:#28a745;color:#fff}.navbar-green.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.navbar-green.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.navbar-green.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-green.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-green.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.navbar-green.navbar-light .form-control-navbar,.navbar-green.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#24973e;border-color:#1f8236;color:rgba(52,58,64,.8)}.navbar-green.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.navbar-green.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.navbar-green.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.navbar-green.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.navbar-green.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.navbar-green.navbar-light .form-control-navbar:focus,.navbar-green.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#23923d;border-color:#1f8236!important;color:#343a40}.navbar-green.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.navbar-green.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.navbar-green.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-green.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-green.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.navbar-green.navbar-dark .form-control-navbar,.navbar-green.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#2cb74c;border-color:#31cc54;color:rgba(255,255,255,.8)}.navbar-green.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.navbar-green.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.navbar-green.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.navbar-green.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.navbar-green.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.navbar-green.navbar-dark .form-control-navbar:focus,.navbar-green.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#2dbc4e;border-color:#31cc54!important;color:#fff}.navbar-teal{background-color:#20c997;color:#fff}.navbar-teal.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.navbar-teal.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.navbar-teal.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-teal.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-teal.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.navbar-teal.navbar-light .form-control-navbar,.navbar-teal.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#1db78a;border-color:#1aa179;color:rgba(52,58,64,.8)}.navbar-teal.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.navbar-teal.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.navbar-teal.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.navbar-teal.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.navbar-teal.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.navbar-teal.navbar-light .form-control-navbar:focus,.navbar-teal.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#1cb386;border-color:#1aa179!important;color:#343a40}.navbar-teal.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.navbar-teal.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.navbar-teal.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-teal.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-teal.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.navbar-teal.navbar-dark .form-control-navbar,.navbar-teal.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#23dba4;border-color:#38dfae;color:rgba(255,255,255,.8)}.navbar-teal.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.navbar-teal.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.navbar-teal.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.navbar-teal.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.navbar-teal.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.navbar-teal.navbar-dark .form-control-navbar:focus,.navbar-teal.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#26dca6;border-color:#38dfae!important;color:#fff}.navbar-cyan{background-color:#17a2b8;color:#fff}.navbar-cyan.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.navbar-cyan.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.navbar-cyan.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-cyan.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-cyan.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.navbar-cyan.navbar-light .form-control-navbar,.navbar-cyan.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#1592a6;border-color:#127e8f;color:rgba(52,58,64,.8)}.navbar-cyan.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.navbar-cyan.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.navbar-cyan.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.navbar-cyan.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.navbar-cyan.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.navbar-cyan.navbar-light .form-control-navbar:focus,.navbar-cyan.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#148ea1;border-color:#127e8f!important;color:#343a40}.navbar-cyan.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.navbar-cyan.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.navbar-cyan.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-cyan.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-cyan.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.navbar-cyan.navbar-dark .form-control-navbar,.navbar-cyan.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#19b2ca;border-color:#1cc6e1;color:rgba(255,255,255,.8)}.navbar-cyan.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.navbar-cyan.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.navbar-cyan.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.navbar-cyan.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.navbar-cyan.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.navbar-cyan.navbar-dark .form-control-navbar:focus,.navbar-cyan.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#1ab6cf;border-color:#1cc6e1!important;color:#fff}.navbar-white{background-color:#fff;color:#1f2d3d}.navbar-white.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.navbar-white.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.navbar-white.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-white.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-white.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.navbar-white.navbar-light .form-control-navbar,.navbar-white.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#f5f5f5;border-color:#e8e8e8;color:rgba(52,58,64,.8)}.navbar-white.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.navbar-white.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.navbar-white.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.navbar-white.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.navbar-white.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.navbar-white.navbar-light .form-control-navbar:focus,.navbar-white.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#f2f2f2;border-color:#e8e8e8!important;color:#343a40}.navbar-white.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.navbar-white.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.navbar-white.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-white.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-white.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.navbar-white.navbar-dark .form-control-navbar,.navbar-white.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#fff;border-color:#fff;color:rgba(255,255,255,.8)}.navbar-white.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.navbar-white.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.navbar-white.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.navbar-white.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.navbar-white.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.navbar-white.navbar-dark .form-control-navbar:focus,.navbar-white.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#fff;border-color:#fff!important;color:#fff}.navbar-gray{background-color:#6c757d;color:#fff}.navbar-gray.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.navbar-gray.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.navbar-gray.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-gray.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-gray.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.navbar-gray.navbar-light .form-control-navbar,.navbar-gray.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#636b72;border-color:#575e64;color:rgba(52,58,64,.8)}.navbar-gray.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.navbar-gray.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.navbar-gray.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.navbar-gray.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.navbar-gray.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.navbar-gray.navbar-light .form-control-navbar:focus,.navbar-gray.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#60686f;border-color:#575e64!important;color:#343a40}.navbar-gray.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.navbar-gray.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.navbar-gray.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-gray.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-gray.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.navbar-gray.navbar-dark .form-control-navbar,.navbar-gray.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#757f88;border-color:#838c94;color:rgba(255,255,255,.8)}.navbar-gray.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.navbar-gray.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.navbar-gray.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.navbar-gray.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.navbar-gray.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.navbar-gray.navbar-dark .form-control-navbar:focus,.navbar-gray.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#78828a;border-color:#838c94!important;color:#fff}.navbar-gray-dark{background-color:#343a40;color:#fff}.navbar-gray-dark.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.navbar-gray-dark.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.navbar-gray-dark.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-gray-dark.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.navbar-gray-dark.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.navbar-gray-dark.navbar-light .form-control-navbar,.navbar-gray-dark.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#2b3035;border-color:#1f2327;color:rgba(52,58,64,.8)}.navbar-gray-dark.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.navbar-gray-dark.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.navbar-gray-dark.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.navbar-gray-dark.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.navbar-gray-dark.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.navbar-gray-dark.navbar-light .form-control-navbar:focus,.navbar-gray-dark.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#292d32;border-color:#1f2327!important;color:#343a40}.navbar-gray-dark.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.navbar-gray-dark.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.navbar-gray-dark.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-gray-dark.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.navbar-gray-dark.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.navbar-gray-dark.navbar-dark .form-control-navbar,.navbar-gray-dark.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#3d444b;border-color:#495159;color:rgba(255,255,255,.8)}.navbar-gray-dark.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.navbar-gray-dark.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.navbar-gray-dark.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.navbar-gray-dark.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.navbar-gray-dark.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.navbar-gray-dark.navbar-dark .form-control-navbar:focus,.navbar-gray-dark.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#3f474e;border-color:#495159!important;color:#fff}.navbar-nav-not-expanded{-ms-flex-direction:row;flex-direction:row}.navbar-nav-not-expanded .dropdown-menu{position:absolute}.navbar-nav-not-expanded .nav-link{padding-right:1rem;padding-left:1rem}.dark-mode .nav-pills .nav-link{color:#ced4da}.dark-mode .nav-tabs{border-color:#56606a}.dark-mode .nav-tabs .nav-link:focus,.dark-mode .nav-tabs .nav-link:hover{border-color:#56606a}.dark-mode .nav-tabs .nav-item.show .nav-link,.dark-mode .nav-tabs .nav-link.active{background-color:#343a40;border-color:#56606a #56606a transparent #56606a;color:#fff}.dark-mode .nav-tabs.flex-column .nav-item.show .nav-link.active,.dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:focus,.dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:hover,.dark-mode .nav-tabs.flex-column .nav-link.active,.dark-mode .nav-tabs.flex-column .nav-link:focus,.dark-mode .nav-tabs.flex-column .nav-link:hover{border-color:#56606a transparent #56606a #56606a}.dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:focus,.dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:hover,.dark-mode .nav-tabs.flex-column .nav-link:focus,.dark-mode .nav-tabs.flex-column .nav-link:hover{background-color:#3f474e}.dark-mode .nav-tabs.flex-column.nav-tabs-right{border-color:#56606a}.dark-mode .nav-tabs.flex-column.nav-tabs-right .nav-link.active,.dark-mode .nav-tabs.flex-column.nav-tabs-right .nav-link:focus,.dark-mode .nav-tabs.flex-column.nav-tabs-right .nav-link:hover{border-color:#56606a #56606a #56606a transparent}.dark-mode .navbar-light{background-color:#f8f9fa}.dark-mode .navbar-dark{background-color:#343a40;border-color:#4b545c}.dark-mode .navbar-primary{background-color:#3f6791;color:#fff}.dark-mode .navbar-primary.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-primary.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-primary.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-primary.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-primary.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-primary.navbar-light .form-control-navbar,.dark-mode .navbar-primary.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#395d83;border-color:#315071;color:rgba(52,58,64,.8)}.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus,.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#375a7f;border-color:#315071!important;color:#343a40}.dark-mode .navbar-primary.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-primary.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-primary.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-primary.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-primary.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-primary.navbar-dark .form-control-navbar,.dark-mode .navbar-primary.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#45719f;border-color:#4d7eb1;color:rgba(255,255,255,.8)}.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus,.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#4774a3;border-color:#4d7eb1!important;color:#fff}.dark-mode .navbar-secondary{background-color:#6c757d;color:#fff}.dark-mode .navbar-secondary.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-secondary.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-secondary.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-secondary.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-secondary.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-secondary.navbar-light .form-control-navbar,.dark-mode .navbar-secondary.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#636b72;border-color:#575e64;color:rgba(52,58,64,.8)}.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus,.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#60686f;border-color:#575e64!important;color:#343a40}.dark-mode .navbar-secondary.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-secondary.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-secondary.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-secondary.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-secondary.navbar-dark .form-control-navbar,.dark-mode .navbar-secondary.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#757f88;border-color:#838c94;color:rgba(255,255,255,.8)}.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus,.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#78828a;border-color:#838c94!important;color:#fff}.dark-mode .navbar-success{background-color:#00bc8c;color:#fff}.dark-mode .navbar-success.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-success.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-success.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-success.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-success.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-success.navbar-light .form-control-navbar,.dark-mode .navbar-success.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#00a87d;border-color:#008e6a;color:rgba(52,58,64,.8)}.dark-mode .navbar-success.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.dark-mode .navbar-success.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.dark-mode .navbar-success.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.dark-mode .navbar-success.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.dark-mode .navbar-success.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.dark-mode .navbar-success.navbar-light .form-control-navbar:focus,.dark-mode .navbar-success.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#00a379;border-color:#008e6a!important;color:#343a40}.dark-mode .navbar-success.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-success.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-success.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-success.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-success.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-success.navbar-dark .form-control-navbar,.dark-mode .navbar-success.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#00d09b;border-color:#00eaae;color:rgba(255,255,255,.8)}.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus,.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#00d69f;border-color:#00eaae!important;color:#fff}.dark-mode .navbar-info{background-color:#3498db;color:#fff}.dark-mode .navbar-info.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-info.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-info.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-info.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-info.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-info.navbar-light .form-control-navbar,.dark-mode .navbar-info.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#268fd5;border-color:#2280bf;color:rgba(52,58,64,.8)}.dark-mode .navbar-info.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.dark-mode .navbar-info.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.dark-mode .navbar-info.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.dark-mode .navbar-info.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.dark-mode .navbar-info.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.dark-mode .navbar-info.navbar-light .form-control-navbar:focus,.dark-mode .navbar-info.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#258cd1;border-color:#2280bf!important;color:#343a40}.dark-mode .navbar-info.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-info.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-info.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-info.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-info.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-info.navbar-dark .form-control-navbar,.dark-mode .navbar-info.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#45a1de;border-color:#5bace2;color:rgba(255,255,255,.8)}.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus,.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#4aa3df;border-color:#5bace2!important;color:#fff}.dark-mode .navbar-warning{background-color:#f39c12;color:#1f2d3d}.dark-mode .navbar-warning.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-warning.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-warning.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-warning.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-warning.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-warning.navbar-light .form-control-navbar,.dark-mode .navbar-warning.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#e5910c;border-color:#cd820a;color:rgba(52,58,64,.8)}.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus,.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#e08e0b;border-color:#cd820a!important;color:#343a40}.dark-mode .navbar-warning.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-warning.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-warning.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-warning.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-warning.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-warning.navbar-dark .form-control-navbar,.dark-mode .navbar-warning.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#f4a425;border-color:#f5ae3e;color:rgba(255,255,255,.8)}.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus,.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#f4a62a;border-color:#f5ae3e!important;color:#fff}.dark-mode .navbar-danger{background-color:#e74c3c;color:#fff}.dark-mode .navbar-danger.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-danger.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-danger.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-danger.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-danger.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-danger.navbar-light .form-control-navbar,.dark-mode .navbar-danger.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#e53b2a;border-color:#da2d1b;color:rgba(52,58,64,.8)}.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus,.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#e43725;border-color:#da2d1b!important;color:#343a40}.dark-mode .navbar-danger.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-danger.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-danger.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-danger.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-danger.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-danger.navbar-dark .form-control-navbar,.dark-mode .navbar-danger.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#e95d4e;border-color:#ec7265;color:rgba(255,255,255,.8)}.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus,.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#ea6153;border-color:#ec7265!important;color:#fff}.dark-mode .navbar-lightblue{background-color:#86bad8;color:#1f2d3d}.dark-mode .navbar-lightblue.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-lightblue.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-lightblue.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-lightblue.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-lightblue.navbar-light .form-control-navbar,.dark-mode .navbar-lightblue.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#76b1d3;border-color:#63a6cd;color:rgba(52,58,64,.8)}.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus,.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#72afd2;border-color:#63a6cd!important;color:#343a40}.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar,.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#95c3dd;border-color:#a9cee3;color:rgba(255,255,255,.8)}.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus,.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#99c5de;border-color:#a9cee3!important;color:#fff}.dark-mode .navbar-navy{background-color:#002c59;color:#fff}.dark-mode .navbar-navy.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-navy.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-navy.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-navy.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-navy.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-navy.navbar-light .form-control-navbar,.dark-mode .navbar-navy.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#024;border-color:#00152b;color:rgba(52,58,64,.8)}.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus,.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#001f3f;border-color:#00152b!important;color:#343a40}.dark-mode .navbar-navy.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-navy.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-navy.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-navy.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-navy.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-navy.navbar-dark .form-control-navbar,.dark-mode .navbar-navy.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#00366d;border-color:#004286;color:rgba(255,255,255,.8)}.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus,.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#003872;border-color:#004286!important;color:#fff}.dark-mode .navbar-olive{background-color:#74c8a3;color:#1f2d3d}.dark-mode .navbar-olive.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-olive.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-olive.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-olive.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-olive.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-olive.navbar-light .form-control-navbar,.dark-mode .navbar-olive.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#66c299;border-color:#53bb8d;color:rgba(52,58,64,.8)}.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus,.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#62c096;border-color:#53bb8d!important;color:#343a40}.dark-mode .navbar-olive.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-olive.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-olive.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-olive.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-olive.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-olive.navbar-dark .form-control-navbar,.dark-mode .navbar-olive.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#83ceac;border-color:#95d5b8;color:rgba(255,255,255,.8)}.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus,.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#87cfaf;border-color:#95d5b8!important;color:#fff}.dark-mode .navbar-lime{background-color:#67ffa9;color:#1f2d3d}.dark-mode .navbar-lime.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-lime.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-lime.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-lime.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-lime.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-lime.navbar-light .form-control-navbar,.dark-mode .navbar-lime.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#53ff9e;border-color:#39ff90;color:rgba(52,58,64,.8)}.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus,.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#4eff9b;border-color:#39ff90!important;color:#343a40}.dark-mode .navbar-lime.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-lime.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-lime.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-lime.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-lime.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-lime.navbar-dark .form-control-navbar,.dark-mode .navbar-lime.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#7bffb5;border-color:#95ffc3;color:rgba(255,255,255,.8)}.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus,.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#81ffb8;border-color:#95ffc3!important;color:#fff}.dark-mode .navbar-fuchsia{background-color:#f672d8;color:#1f2d3d}.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar,.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#f55fd3;border-color:#f347cc;color:rgba(52,58,64,.8)}.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus,.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#f55ad2;border-color:#f347cc!important;color:#343a40}.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar,.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#f785de;border-color:#f99de4;color:rgba(255,255,255,.8)}.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus,.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#f88adf;border-color:#f99de4!important;color:#fff}.dark-mode .navbar-maroon{background-color:#ed6c9b;color:#1f2d3d}.dark-mode .navbar-maroon.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-maroon.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-maroon.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-maroon.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-maroon.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-maroon.navbar-light .form-control-navbar,.dark-mode .navbar-maroon.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#ea5a8f;border-color:#e8447f;color:rgba(52,58,64,.8)}.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus,.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#ea568c;border-color:#e8447f!important;color:#343a40}.dark-mode .navbar-maroon.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-maroon.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-maroon.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-maroon.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-maroon.navbar-dark .form-control-navbar,.dark-mode .navbar-maroon.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#ef7ea8;border-color:#f295b7;color:rgba(255,255,255,.8)}.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus,.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#f083ab;border-color:#f295b7!important;color:#fff}.dark-mode .navbar-blue{background-color:#3f6791;color:#fff}.dark-mode .navbar-blue.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-blue.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-blue.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-blue.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-blue.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-blue.navbar-light .form-control-navbar,.dark-mode .navbar-blue.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#395d83;border-color:#315071;color:rgba(52,58,64,.8)}.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus,.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#375a7f;border-color:#315071!important;color:#343a40}.dark-mode .navbar-blue.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-blue.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-blue.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-blue.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-blue.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-blue.navbar-dark .form-control-navbar,.dark-mode .navbar-blue.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#45719f;border-color:#4d7eb1;color:rgba(255,255,255,.8)}.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus,.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#4774a3;border-color:#4d7eb1!important;color:#fff}.dark-mode .navbar-indigo{background-color:#6610f2;color:#fff}.dark-mode .navbar-indigo.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-indigo.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-indigo.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-indigo.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-indigo.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-indigo.navbar-light .form-control-navbar,.dark-mode .navbar-indigo.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#5d0ce1;border-color:#530bc9;color:rgba(52,58,64,.8)}.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus,.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#5b0cdd;border-color:#530bc9!important;color:#343a40}.dark-mode .navbar-indigo.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-indigo.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-indigo.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-indigo.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-indigo.navbar-dark .form-control-navbar,.dark-mode .navbar-indigo.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#7223f3;border-color:#823cf4;color:rgba(255,255,255,.8)}.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus,.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#7528f3;border-color:#823cf4!important;color:#fff}.dark-mode .navbar-purple{background-color:#6f42c1;color:#fff}.dark-mode .navbar-purple.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-purple.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-purple.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-purple.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-purple.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-purple.navbar-light .form-control-navbar,.dark-mode .navbar-purple.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#663bb4;border-color:#5b35a0;color:rgba(52,58,64,.8)}.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus,.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#643ab0;border-color:#5b35a0!important;color:#343a40}.dark-mode .navbar-purple.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-purple.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-purple.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-purple.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-purple.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-purple.navbar-dark .form-control-navbar,.dark-mode .navbar-purple.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#7b51c6;border-color:#8965cc;color:rgba(255,255,255,.8)}.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus,.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#7e55c7;border-color:#8965cc!important;color:#fff}.dark-mode .navbar-pink{background-color:#e83e8c;color:#fff}.dark-mode .navbar-pink.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-pink.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-pink.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-pink.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-pink.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-pink.navbar-light .form-control-navbar,.dark-mode .navbar-pink.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#e62c81;border-color:#de1a74;color:rgba(52,58,64,.8)}.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus,.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#e5277e;border-color:#de1a74!important;color:#343a40}.dark-mode .navbar-pink.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-pink.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-pink.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-pink.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-pink.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-pink.navbar-dark .form-control-navbar,.dark-mode .navbar-pink.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#ea5097;border-color:#ed67a4;color:rgba(255,255,255,.8)}.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus,.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#eb559a;border-color:#ed67a4!important;color:#fff}.dark-mode .navbar-red{background-color:#e74c3c;color:#fff}.dark-mode .navbar-red.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-red.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-red.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-red.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-red.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-red.navbar-light .form-control-navbar,.dark-mode .navbar-red.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#e53b2a;border-color:#da2d1b;color:rgba(52,58,64,.8)}.dark-mode .navbar-red.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.dark-mode .navbar-red.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.dark-mode .navbar-red.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.dark-mode .navbar-red.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.dark-mode .navbar-red.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.dark-mode .navbar-red.navbar-light .form-control-navbar:focus,.dark-mode .navbar-red.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#e43725;border-color:#da2d1b!important;color:#343a40}.dark-mode .navbar-red.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-red.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-red.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-red.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-red.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-red.navbar-dark .form-control-navbar,.dark-mode .navbar-red.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#e95d4e;border-color:#ec7265;color:rgba(255,255,255,.8)}.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus,.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#ea6153;border-color:#ec7265!important;color:#fff}.dark-mode .navbar-orange{background-color:#fd7e14;color:#1f2d3d}.dark-mode .navbar-orange.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-orange.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-orange.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-orange.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-orange.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-orange.navbar-light .form-control-navbar,.dark-mode .navbar-orange.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#fa7302;border-color:#e16702;color:rgba(52,58,64,.8)}.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus,.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#f57102;border-color:#e16702!important;color:#343a40}.dark-mode .navbar-orange.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-orange.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-orange.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-orange.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-orange.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-orange.navbar-dark .form-control-navbar,.dark-mode .navbar-orange.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#fd8928;border-color:#fd9742;color:rgba(255,255,255,.8)}.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus,.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#fd8c2d;border-color:#fd9742!important;color:#fff}.dark-mode .navbar-yellow{background-color:#f39c12;color:#1f2d3d}.dark-mode .navbar-yellow.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-yellow.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-yellow.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-yellow.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-yellow.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-yellow.navbar-light .form-control-navbar,.dark-mode .navbar-yellow.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#e5910c;border-color:#cd820a;color:rgba(52,58,64,.8)}.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus,.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#e08e0b;border-color:#cd820a!important;color:#343a40}.dark-mode .navbar-yellow.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-yellow.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-yellow.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-yellow.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-yellow.navbar-dark .form-control-navbar,.dark-mode .navbar-yellow.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#f4a425;border-color:#f5ae3e;color:rgba(255,255,255,.8)}.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus,.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#f4a62a;border-color:#f5ae3e!important;color:#fff}.dark-mode .navbar-green{background-color:#00bc8c;color:#fff}.dark-mode .navbar-green.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-green.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-green.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-green.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-green.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-green.navbar-light .form-control-navbar,.dark-mode .navbar-green.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#00a87d;border-color:#008e6a;color:rgba(52,58,64,.8)}.dark-mode .navbar-green.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.dark-mode .navbar-green.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.dark-mode .navbar-green.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.dark-mode .navbar-green.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.dark-mode .navbar-green.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.dark-mode .navbar-green.navbar-light .form-control-navbar:focus,.dark-mode .navbar-green.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#00a379;border-color:#008e6a!important;color:#343a40}.dark-mode .navbar-green.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-green.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-green.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-green.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-green.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-green.navbar-dark .form-control-navbar,.dark-mode .navbar-green.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#00d09b;border-color:#00eaae;color:rgba(255,255,255,.8)}.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus,.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#00d69f;border-color:#00eaae!important;color:#fff}.dark-mode .navbar-teal{background-color:#20c997;color:#fff}.dark-mode .navbar-teal.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-teal.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-teal.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-teal.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-teal.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-teal.navbar-light .form-control-navbar,.dark-mode .navbar-teal.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#1db78a;border-color:#1aa179;color:rgba(52,58,64,.8)}.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus,.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#1cb386;border-color:#1aa179!important;color:#343a40}.dark-mode .navbar-teal.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-teal.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-teal.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-teal.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-teal.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-teal.navbar-dark .form-control-navbar,.dark-mode .navbar-teal.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#23dba4;border-color:#38dfae;color:rgba(255,255,255,.8)}.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus,.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#26dca6;border-color:#38dfae!important;color:#fff}.dark-mode .navbar-cyan{background-color:#3498db;color:#fff}.dark-mode .navbar-cyan.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-cyan.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-cyan.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-cyan.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-cyan.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-cyan.navbar-light .form-control-navbar,.dark-mode .navbar-cyan.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#268fd5;border-color:#2280bf;color:rgba(52,58,64,.8)}.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus,.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#258cd1;border-color:#2280bf!important;color:#343a40}.dark-mode .navbar-cyan.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-cyan.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-cyan.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-cyan.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-cyan.navbar-dark .form-control-navbar,.dark-mode .navbar-cyan.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#45a1de;border-color:#5bace2;color:rgba(255,255,255,.8)}.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus,.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#4aa3df;border-color:#5bace2!important;color:#fff}.dark-mode .navbar-white{background-color:#fff;color:#1f2d3d}.dark-mode .navbar-white.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-white.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-white.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-white.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-white.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-white.navbar-light .form-control-navbar,.dark-mode .navbar-white.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#f5f5f5;border-color:#e8e8e8;color:rgba(52,58,64,.8)}.dark-mode .navbar-white.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.dark-mode .navbar-white.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.dark-mode .navbar-white.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.dark-mode .navbar-white.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.dark-mode .navbar-white.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.dark-mode .navbar-white.navbar-light .form-control-navbar:focus,.dark-mode .navbar-white.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#f2f2f2;border-color:#e8e8e8!important;color:#343a40}.dark-mode .navbar-white.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-white.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-white.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-white.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-white.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-white.navbar-dark .form-control-navbar,.dark-mode .navbar-white.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#fff;border-color:#fff;color:rgba(255,255,255,.8)}.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus,.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#fff;border-color:#fff!important;color:#fff}.dark-mode .navbar-gray{background-color:#6c757d;color:#fff}.dark-mode .navbar-gray.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-gray.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-gray.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-gray.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-gray.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-gray.navbar-light .form-control-navbar,.dark-mode .navbar-gray.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#636b72;border-color:#575e64;color:rgba(52,58,64,.8)}.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus,.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#60686f;border-color:#575e64!important;color:#343a40}.dark-mode .navbar-gray.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-gray.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-gray.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-gray.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-gray.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-gray.navbar-dark .form-control-navbar,.dark-mode .navbar-gray.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#757f88;border-color:#838c94;color:rgba(255,255,255,.8)}.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus,.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#78828a;border-color:#838c94!important;color:#fff}.dark-mode .navbar-gray-dark{background-color:#343a40;color:#fff}.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar::-webkit-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar::-moz-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar::-ms-input-placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar::placeholder{color:rgba(52,58,64,.8)}.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar,.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{background-color:#2b3035;border-color:#1f2327;color:rgba(52,58,64,.8)}.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus::-webkit-input-placeholder{color:#343a40}.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus::-moz-placeholder{color:#343a40}.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus:-ms-input-placeholder{color:#343a40}.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus::-ms-input-placeholder{color:#343a40}.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus::placeholder{color:#343a40}.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus,.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#292d32;border-color:#1f2327!important;color:#343a40}.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar::-moz-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar::-ms-input-placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar::placeholder{color:rgba(255,255,255,.8)}.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar,.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar{background-color:#3d444b;border-color:#495159;color:rgba(255,255,255,.8)}.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder{color:#fff}.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus::-moz-placeholder{color:#fff}.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus:-ms-input-placeholder{color:#fff}.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus::-ms-input-placeholder{color:#fff}.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus::placeholder{color:#fff}.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus,.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus+.input-group-append .btn-navbar{background-color:#3f474e;border-color:#495159!important;color:#fff}.pagination-month .page-item{justify-self:stretch}.pagination-month .page-item .page-link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;box-shadow:none}.pagination-month .page-item:first-child .page-link,.pagination-month .page-item:last-child .page-link{height:100%;font-size:1.25rem}.pagination-month .page-item .page-month{margin-bottom:0;font-size:1.25rem;font-weight:700}.pagination-month .page-item .page-year{margin-bottom:0}.pagination-month.pagination-lg .page-month{font-size:1.5625rem}.pagination-month.pagination-sm .page-month{font-size:1rem}.dark-mode .page-item.disabled .page-link,.dark-mode .page-item.disabled a{background-color:#3a4047!important;border-color:#6c757d!important;color:#6c757d}.dark-mode .page-item .page-link{color:#3f6791}.dark-mode .page-item.active .page-link{background-color:#3f6791;border-color:#3f6791;color:#fff}.dark-mode .page-item.active .page-link:focus,.dark-mode .page-item.active .page-link:hover{color:#ced4da!important}.dark-mode .page-item:not(.active) .page-link{background-color:#343a40;border-color:#6c757d}.dark-mode .page-item:not(.active) .page-link:focus,.dark-mode .page-item:not(.active) .page-link:hover{color:#4774a3;background-color:#3f474e}.form-group.has-icon{position:relative}.form-group.has-icon .form-control{padding-right:35px}.form-group.has-icon .form-icon{background-color:transparent;border:0;cursor:pointer;font-size:1rem;padding:.375rem .75rem;position:absolute;right:3px;top:0}.btn-group-vertical .btn.btn-flat:first-of-type,.btn-group-vertical .btn.btn-flat:last-of-type{border-radius:0}.form-control-feedback.fa,.form-control-feedback.fab,.form-control-feedback.fad,.form-control-feedback.fal,.form-control-feedback.far,.form-control-feedback.fas,.form-control-feedback.ion,.form-control-feedback.svg-inline--fa{line-height:calc(2.25rem + 2px)}.input-group-lg+.form-control-feedback.fa,.input-group-lg+.form-control-feedback.fab,.input-group-lg+.form-control-feedback.fad,.input-group-lg+.form-control-feedback.fal,.input-group-lg+.form-control-feedback.far,.input-group-lg+.form-control-feedback.fas,.input-group-lg+.form-control-feedback.ion,.input-group-lg+.form-control-feedback.svg-inline--fa,.input-lg+.form-control-feedback.fa,.input-lg+.form-control-feedback.fab,.input-lg+.form-control-feedback.fad,.input-lg+.form-control-feedback.fal,.input-lg+.form-control-feedback.far,.input-lg+.form-control-feedback.fas,.input-lg+.form-control-feedback.ion,.input-lg+.form-control-feedback.svg-inline--fa{line-height:calc(2.875rem + 2px)}.form-group-lg .form-control+.form-control-feedback.fa,.form-group-lg .form-control+.form-control-feedback.fab,.form-group-lg .form-control+.form-control-feedback.fad,.form-group-lg .form-control+.form-control-feedback.fal,.form-group-lg .form-control+.form-control-feedback.far,.form-group-lg .form-control+.form-control-feedback.fas,.form-group-lg .form-control+.form-control-feedback.ion,.form-group-lg .form-control+.form-control-feedback.svg-inline--fa{line-height:calc(2.875rem + 2px)}.input-group-sm+.form-control-feedback.fa,.input-group-sm+.form-control-feedback.fab,.input-group-sm+.form-control-feedback.fad,.input-group-sm+.form-control-feedback.fal,.input-group-sm+.form-control-feedback.far,.input-group-sm+.form-control-feedback.fas,.input-group-sm+.form-control-feedback.ion,.input-group-sm+.form-control-feedback.svg-inline--fa,.input-sm+.form-control-feedback.fa,.input-sm+.form-control-feedback.fab,.input-sm+.form-control-feedback.fad,.input-sm+.form-control-feedback.fal,.input-sm+.form-control-feedback.far,.input-sm+.form-control-feedback.fas,.input-sm+.form-control-feedback.ion,.input-sm+.form-control-feedback.svg-inline--fa{line-height:calc(1.8125rem + 2px)}.form-group-sm .form-control+.form-control-feedback.fa,.form-group-sm .form-control+.form-control-feedback.fab,.form-group-sm .form-control+.form-control-feedback.fad,.form-group-sm .form-control+.form-control-feedback.fal,.form-group-sm .form-control+.form-control-feedback.far,.form-group-sm .form-control+.form-control-feedback.fas,.form-group-sm .form-control+.form-control-feedback.ion,.form-group-sm .form-control+.form-control-feedback.svg-inline--fa{line-height:calc(1.8125rem + 2px)}label:not(.form-check-label):not(.custom-file-label){font-weight:700}.warning-feedback{font-size:80%;color:#ffc107;display:none;margin-top:.25rem;width:100%}.warning-tooltip{border-radius:.25rem;font-size:.875rem;background-color:rgba(255,193,7,.9);color:#1f2d3d;display:none;line-height:1.5;margin-top:.1rem;max-width:100%;padding:.25rem .5rem;position:absolute;top:100%;z-index:5}.form-control.is-warning{border-color:#ffc107}.form-control.is-warning:focus{border-color:#ffc107;box-shadow:0 0 0 0 rgba(255,193,7,.25)}.form-control.is-warning~.warning-feedback,.form-control.is-warning~.warning-tooltip{display:block}textarea.form-control.is-warning{padding-right:2.25rem;background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-warning{border-color:#ffc107}.custom-select.is-warning:focus{border-color:#ffc107;box-shadow:0 0 0 0 rgba(255,193,7,.25)}.custom-select.is-warning~.warning-feedback,.custom-select.is-warning~.warning-tooltip{display:block}.form-control-file.is-warning~.warning-feedback,.form-control-file.is-warning~.warning-tooltip{display:block}.form-check-input.is-warning~.form-check-label{color:#ffc107}.form-check-input.is-warning~.warning-feedback,.form-check-input.is-warning~.warning-tooltip{display:block}.custom-control-input.is-warning~.custom-control-label{color:#ffc107}.custom-control-input.is-warning~.custom-control-label::before{border-color:#ffc107}.custom-control-input.is-warning~.warning-feedback,.custom-control-input.is-warning~.warning-tooltip{display:block}.custom-control-input.is-warning:checked~.custom-control-label::before{background-color:#ffce3a;border-color:#ffce3a}.custom-control-input.is-warning:focus~.custom-control-label::before{box-shadow:0 0 0 0 rgba(255,193,7,.25)}.custom-control-input.is-warning:focus:not(:checked)~.custom-control-label::before{border-color:#ffc107}.custom-file-input.is-warning~.custom-file-label{border-color:#ffc107}.custom-file-input.is-warning~.warning-feedback,.custom-file-input.is-warning~.warning-tooltip{display:block}.custom-file-input.is-warning:focus~.custom-file-label{border-color:#ffc107;box-shadow:0 0 0 0 rgba(255,193,7,.25)}body.text-sm .input-group-text{font-size:.875rem}.custom-select.form-control-border,.form-control.form-control-border{border-top:0;border-left:0;border-right:0;border-radius:0;box-shadow:inherit}.custom-select.form-control-border.border-width-2,.form-control.form-control-border.border-width-2{border-bottom-width:2px}.custom-select.form-control-border.border-width-3,.form-control.form-control-border.border-width-3{border-bottom-width:3px}.custom-switch.custom-switch-off-primary .custom-control-input~.custom-control-label::before{background-color:#007bff;border-color:#004a99}.custom-switch.custom-switch-off-primary .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,123,255,.25)}.custom-switch.custom-switch-off-primary .custom-control-input~.custom-control-label::after{background-color:#003e80}.custom-switch.custom-switch-on-primary .custom-control-input:checked~.custom-control-label::before{background-color:#007bff;border-color:#004a99}.custom-switch.custom-switch-on-primary .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,123,255,.25)}.custom-switch.custom-switch-on-primary .custom-control-input:checked~.custom-control-label::after{background-color:#99caff}.custom-switch.custom-switch-off-secondary .custom-control-input~.custom-control-label::before{background-color:#6c757d;border-color:#3d4246}.custom-switch.custom-switch-off-secondary .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(108,117,125,.25)}.custom-switch.custom-switch-off-secondary .custom-control-input~.custom-control-label::after{background-color:#313539}.custom-switch.custom-switch-on-secondary .custom-control-input:checked~.custom-control-label::before{background-color:#6c757d;border-color:#3d4246}.custom-switch.custom-switch-on-secondary .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(108,117,125,.25)}.custom-switch.custom-switch-on-secondary .custom-control-input:checked~.custom-control-label::after{background-color:#bcc1c6}.custom-switch.custom-switch-off-success .custom-control-input~.custom-control-label::before{background-color:#28a745;border-color:#145523}.custom-switch.custom-switch-off-success .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(40,167,69,.25)}.custom-switch.custom-switch-off-success .custom-control-input~.custom-control-label::after{background-color:#0f401b}.custom-switch.custom-switch-on-success .custom-control-input:checked~.custom-control-label::before{background-color:#28a745;border-color:#145523}.custom-switch.custom-switch-on-success .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(40,167,69,.25)}.custom-switch.custom-switch-on-success .custom-control-input:checked~.custom-control-label::after{background-color:#86e29b}.custom-switch.custom-switch-off-info .custom-control-input~.custom-control-label::before{background-color:#17a2b8;border-color:#0c525d}.custom-switch.custom-switch-off-info .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(23,162,184,.25)}.custom-switch.custom-switch-off-info .custom-control-input~.custom-control-label::after{background-color:#093e47}.custom-switch.custom-switch-on-info .custom-control-input:checked~.custom-control-label::before{background-color:#17a2b8;border-color:#0c525d}.custom-switch.custom-switch-on-info .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(23,162,184,.25)}.custom-switch.custom-switch-on-info .custom-control-input:checked~.custom-control-label::after{background-color:#7adeee}.custom-switch.custom-switch-off-warning .custom-control-input~.custom-control-label::before{background-color:#ffc107;border-color:#a07800}.custom-switch.custom-switch-off-warning .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(255,193,7,.25)}.custom-switch.custom-switch-off-warning .custom-control-input~.custom-control-label::after{background-color:#876500}.custom-switch.custom-switch-on-warning .custom-control-input:checked~.custom-control-label::before{background-color:#ffc107;border-color:#a07800}.custom-switch.custom-switch-on-warning .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(255,193,7,.25)}.custom-switch.custom-switch-on-warning .custom-control-input:checked~.custom-control-label::after{background-color:#ffe7a0}.custom-switch.custom-switch-off-danger .custom-control-input~.custom-control-label::before{background-color:#dc3545;border-color:#921925}.custom-switch.custom-switch-off-danger .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(220,53,69,.25)}.custom-switch.custom-switch-off-danger .custom-control-input~.custom-control-label::after{background-color:#7c151f}.custom-switch.custom-switch-on-danger .custom-control-input:checked~.custom-control-label::before{background-color:#dc3545;border-color:#921925}.custom-switch.custom-switch-on-danger .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(220,53,69,.25)}.custom-switch.custom-switch-on-danger .custom-control-input:checked~.custom-control-label::after{background-color:#f3b7bd}.custom-switch.custom-switch-off-light .custom-control-input~.custom-control-label::before{background-color:#f8f9fa;border-color:#bdc6d0}.custom-switch.custom-switch-off-light .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(248,249,250,.25)}.custom-switch.custom-switch-off-light .custom-control-input~.custom-control-label::after{background-color:#aeb9c5}.custom-switch.custom-switch-on-light .custom-control-input:checked~.custom-control-label::before{background-color:#f8f9fa;border-color:#bdc6d0}.custom-switch.custom-switch-on-light .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(248,249,250,.25)}.custom-switch.custom-switch-on-light .custom-control-input:checked~.custom-control-label::after{background-color:#fff}.custom-switch.custom-switch-off-dark .custom-control-input~.custom-control-label::before{background-color:#343a40;border-color:#060708}.custom-switch.custom-switch-off-dark .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,58,64,.25)}.custom-switch.custom-switch-off-dark .custom-control-input~.custom-control-label::after{background-color:#000}.custom-switch.custom-switch-on-dark .custom-control-input:checked~.custom-control-label::before{background-color:#343a40;border-color:#060708}.custom-switch.custom-switch-on-dark .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,58,64,.25)}.custom-switch.custom-switch-on-dark .custom-control-input:checked~.custom-control-label::after{background-color:#7a8793}.custom-switch.custom-switch-off-lightblue .custom-control-input~.custom-control-label::before{background-color:#3c8dbc;border-color:#23536f}.custom-switch.custom-switch-off-lightblue .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(60,141,188,.25)}.custom-switch.custom-switch-off-lightblue .custom-control-input~.custom-control-label::after{background-color:#1d455b}.custom-switch.custom-switch-on-lightblue .custom-control-input:checked~.custom-control-label::before{background-color:#3c8dbc;border-color:#23536f}.custom-switch.custom-switch-on-lightblue .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(60,141,188,.25)}.custom-switch.custom-switch-on-lightblue .custom-control-input:checked~.custom-control-label::after{background-color:#acd0e5}.custom-switch.custom-switch-off-navy .custom-control-input~.custom-control-label::before{background-color:#001f3f;border-color:#000}.custom-switch.custom-switch-off-navy .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,31,63,.25)}.custom-switch.custom-switch-off-navy .custom-control-input~.custom-control-label::after{background-color:#000}.custom-switch.custom-switch-on-navy .custom-control-input:checked~.custom-control-label::before{background-color:#001f3f;border-color:#000}.custom-switch.custom-switch-on-navy .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,31,63,.25)}.custom-switch.custom-switch-on-navy .custom-control-input:checked~.custom-control-label::after{background-color:#006ad8}.custom-switch.custom-switch-off-olive .custom-control-input~.custom-control-label::before{background-color:#3d9970;border-color:#20503b}.custom-switch.custom-switch-off-olive .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(61,153,112,.25)}.custom-switch.custom-switch-off-olive .custom-control-input~.custom-control-label::after{background-color:#193e2d}.custom-switch.custom-switch-on-olive .custom-control-input:checked~.custom-control-label::before{background-color:#3d9970;border-color:#20503b}.custom-switch.custom-switch-on-olive .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(61,153,112,.25)}.custom-switch.custom-switch-on-olive .custom-control-input:checked~.custom-control-label::after{background-color:#99d6bb}.custom-switch.custom-switch-off-lime .custom-control-input~.custom-control-label::before{background-color:#01ff70;border-color:#009a43}.custom-switch.custom-switch-off-lime .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(1,255,112,.25)}.custom-switch.custom-switch-off-lime .custom-control-input~.custom-control-label::after{background-color:#008138}.custom-switch.custom-switch-on-lime .custom-control-input:checked~.custom-control-label::before{background-color:#01ff70;border-color:#009a43}.custom-switch.custom-switch-on-lime .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(1,255,112,.25)}.custom-switch.custom-switch-on-lime .custom-control-input:checked~.custom-control-label::after{background-color:#9affc6}.custom-switch.custom-switch-off-fuchsia .custom-control-input~.custom-control-label::before{background-color:#f012be;border-color:#930974}.custom-switch.custom-switch-off-fuchsia .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(240,18,190,.25)}.custom-switch.custom-switch-off-fuchsia .custom-control-input~.custom-control-label::after{background-color:#7b0861}.custom-switch.custom-switch-on-fuchsia .custom-control-input:checked~.custom-control-label::before{background-color:#f012be;border-color:#930974}.custom-switch.custom-switch-on-fuchsia .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(240,18,190,.25)}.custom-switch.custom-switch-on-fuchsia .custom-control-input:checked~.custom-control-label::after{background-color:#f9a2e5}.custom-switch.custom-switch-off-maroon .custom-control-input~.custom-control-label::before{background-color:#d81b60;border-color:#7d1038}.custom-switch.custom-switch-off-maroon .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(216,27,96,.25)}.custom-switch.custom-switch-off-maroon .custom-control-input~.custom-control-label::after{background-color:#670d2e}.custom-switch.custom-switch-on-maroon .custom-control-input:checked~.custom-control-label::before{background-color:#d81b60;border-color:#7d1038}.custom-switch.custom-switch-on-maroon .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(216,27,96,.25)}.custom-switch.custom-switch-on-maroon .custom-control-input:checked~.custom-control-label::after{background-color:#f29aba}.custom-switch.custom-switch-off-blue .custom-control-input~.custom-control-label::before{background-color:#007bff;border-color:#004a99}.custom-switch.custom-switch-off-blue .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,123,255,.25)}.custom-switch.custom-switch-off-blue .custom-control-input~.custom-control-label::after{background-color:#003e80}.custom-switch.custom-switch-on-blue .custom-control-input:checked~.custom-control-label::before{background-color:#007bff;border-color:#004a99}.custom-switch.custom-switch-on-blue .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,123,255,.25)}.custom-switch.custom-switch-on-blue .custom-control-input:checked~.custom-control-label::after{background-color:#99caff}.custom-switch.custom-switch-off-indigo .custom-control-input~.custom-control-label::before{background-color:#6610f2;border-color:#3d0894}.custom-switch.custom-switch-off-indigo .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(102,16,242,.25)}.custom-switch.custom-switch-off-indigo .custom-control-input~.custom-control-label::after{background-color:#33077c}.custom-switch.custom-switch-on-indigo .custom-control-input:checked~.custom-control-label::before{background-color:#6610f2;border-color:#3d0894}.custom-switch.custom-switch-on-indigo .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(102,16,242,.25)}.custom-switch.custom-switch-on-indigo .custom-control-input:checked~.custom-control-label::after{background-color:#c3a1fa}.custom-switch.custom-switch-off-purple .custom-control-input~.custom-control-label::before{background-color:#6f42c1;border-color:#432776}.custom-switch.custom-switch-off-purple .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(111,66,193,.25)}.custom-switch.custom-switch-off-purple .custom-control-input~.custom-control-label::after{background-color:#382063}.custom-switch.custom-switch-on-purple .custom-control-input:checked~.custom-control-label::before{background-color:#6f42c1;border-color:#432776}.custom-switch.custom-switch-on-purple .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(111,66,193,.25)}.custom-switch.custom-switch-on-purple .custom-control-input:checked~.custom-control-label::after{background-color:#c7b5e7}.custom-switch.custom-switch-off-pink .custom-control-input~.custom-control-label::before{background-color:#e83e8c;border-color:#ac145a}.custom-switch.custom-switch-off-pink .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(232,62,140,.25)}.custom-switch.custom-switch-off-pink .custom-control-input~.custom-control-label::after{background-color:#95124e}.custom-switch.custom-switch-on-pink .custom-control-input:checked~.custom-control-label::before{background-color:#e83e8c;border-color:#ac145a}.custom-switch.custom-switch-on-pink .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(232,62,140,.25)}.custom-switch.custom-switch-on-pink .custom-control-input:checked~.custom-control-label::after{background-color:#f8c7dd}.custom-switch.custom-switch-off-red .custom-control-input~.custom-control-label::before{background-color:#dc3545;border-color:#921925}.custom-switch.custom-switch-off-red .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(220,53,69,.25)}.custom-switch.custom-switch-off-red .custom-control-input~.custom-control-label::after{background-color:#7c151f}.custom-switch.custom-switch-on-red .custom-control-input:checked~.custom-control-label::before{background-color:#dc3545;border-color:#921925}.custom-switch.custom-switch-on-red .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(220,53,69,.25)}.custom-switch.custom-switch-on-red .custom-control-input:checked~.custom-control-label::after{background-color:#f3b7bd}.custom-switch.custom-switch-off-orange .custom-control-input~.custom-control-label::before{background-color:#fd7e14;border-color:#aa4e01}.custom-switch.custom-switch-off-orange .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(253,126,20,.25)}.custom-switch.custom-switch-off-orange .custom-control-input~.custom-control-label::after{background-color:#904201}.custom-switch.custom-switch-on-orange .custom-control-input:checked~.custom-control-label::before{background-color:#fd7e14;border-color:#aa4e01}.custom-switch.custom-switch-on-orange .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(253,126,20,.25)}.custom-switch.custom-switch-on-orange .custom-control-input:checked~.custom-control-label::after{background-color:#fed1ac}.custom-switch.custom-switch-off-yellow .custom-control-input~.custom-control-label::before{background-color:#ffc107;border-color:#a07800}.custom-switch.custom-switch-off-yellow .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(255,193,7,.25)}.custom-switch.custom-switch-off-yellow .custom-control-input~.custom-control-label::after{background-color:#876500}.custom-switch.custom-switch-on-yellow .custom-control-input:checked~.custom-control-label::before{background-color:#ffc107;border-color:#a07800}.custom-switch.custom-switch-on-yellow .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(255,193,7,.25)}.custom-switch.custom-switch-on-yellow .custom-control-input:checked~.custom-control-label::after{background-color:#ffe7a0}.custom-switch.custom-switch-off-green .custom-control-input~.custom-control-label::before{background-color:#28a745;border-color:#145523}.custom-switch.custom-switch-off-green .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(40,167,69,.25)}.custom-switch.custom-switch-off-green .custom-control-input~.custom-control-label::after{background-color:#0f401b}.custom-switch.custom-switch-on-green .custom-control-input:checked~.custom-control-label::before{background-color:#28a745;border-color:#145523}.custom-switch.custom-switch-on-green .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(40,167,69,.25)}.custom-switch.custom-switch-on-green .custom-control-input:checked~.custom-control-label::after{background-color:#86e29b}.custom-switch.custom-switch-off-teal .custom-control-input~.custom-control-label::before{background-color:#20c997;border-color:#127155}.custom-switch.custom-switch-off-teal .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(32,201,151,.25)}.custom-switch.custom-switch-off-teal .custom-control-input~.custom-control-label::after{background-color:#0e5b44}.custom-switch.custom-switch-on-teal .custom-control-input:checked~.custom-control-label::before{background-color:#20c997;border-color:#127155}.custom-switch.custom-switch-on-teal .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(32,201,151,.25)}.custom-switch.custom-switch-on-teal .custom-control-input:checked~.custom-control-label::after{background-color:#94eed3}.custom-switch.custom-switch-off-cyan .custom-control-input~.custom-control-label::before{background-color:#17a2b8;border-color:#0c525d}.custom-switch.custom-switch-off-cyan .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(23,162,184,.25)}.custom-switch.custom-switch-off-cyan .custom-control-input~.custom-control-label::after{background-color:#093e47}.custom-switch.custom-switch-on-cyan .custom-control-input:checked~.custom-control-label::before{background-color:#17a2b8;border-color:#0c525d}.custom-switch.custom-switch-on-cyan .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(23,162,184,.25)}.custom-switch.custom-switch-on-cyan .custom-control-input:checked~.custom-control-label::after{background-color:#7adeee}.custom-switch.custom-switch-off-white .custom-control-input~.custom-control-label::before{background-color:#fff;border-color:#ccc}.custom-switch.custom-switch-off-white .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(255,255,255,.25)}.custom-switch.custom-switch-off-white .custom-control-input~.custom-control-label::after{background-color:#bfbfbf}.custom-switch.custom-switch-on-white .custom-control-input:checked~.custom-control-label::before{background-color:#fff;border-color:#ccc}.custom-switch.custom-switch-on-white .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(255,255,255,.25)}.custom-switch.custom-switch-on-white .custom-control-input:checked~.custom-control-label::after{background-color:#fff}.custom-switch.custom-switch-off-gray .custom-control-input~.custom-control-label::before{background-color:#6c757d;border-color:#3d4246}.custom-switch.custom-switch-off-gray .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(108,117,125,.25)}.custom-switch.custom-switch-off-gray .custom-control-input~.custom-control-label::after{background-color:#313539}.custom-switch.custom-switch-on-gray .custom-control-input:checked~.custom-control-label::before{background-color:#6c757d;border-color:#3d4246}.custom-switch.custom-switch-on-gray .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(108,117,125,.25)}.custom-switch.custom-switch-on-gray .custom-control-input:checked~.custom-control-label::after{background-color:#bcc1c6}.custom-switch.custom-switch-off-gray-dark .custom-control-input~.custom-control-label::before{background-color:#343a40;border-color:#060708}.custom-switch.custom-switch-off-gray-dark .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,58,64,.25)}.custom-switch.custom-switch-off-gray-dark .custom-control-input~.custom-control-label::after{background-color:#000}.custom-switch.custom-switch-on-gray-dark .custom-control-input:checked~.custom-control-label::before{background-color:#343a40;border-color:#060708}.custom-switch.custom-switch-on-gray-dark .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,58,64,.25)}.custom-switch.custom-switch-on-gray-dark .custom-control-input:checked~.custom-control-label::after{background-color:#7a8793}.custom-range.custom-range-primary:focus{outline:0}.custom-range.custom-range-primary:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,123,255,.25)}.custom-range.custom-range-primary:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,123,255,.25)}.custom-range.custom-range-primary:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,123,255,.25)}.custom-range.custom-range-primary::-webkit-slider-thumb{background-color:#007bff}.custom-range.custom-range-primary::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range.custom-range-primary::-moz-range-thumb{background-color:#007bff}.custom-range.custom-range-primary::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range.custom-range-primary::-ms-thumb{background-color:#007bff}.custom-range.custom-range-primary::-ms-thumb:active{background-color:#b3d7ff}.custom-range.custom-range-secondary:focus{outline:0}.custom-range.custom-range-secondary:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(108,117,125,.25)}.custom-range.custom-range-secondary:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(108,117,125,.25)}.custom-range.custom-range-secondary:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(108,117,125,.25)}.custom-range.custom-range-secondary::-webkit-slider-thumb{background-color:#6c757d}.custom-range.custom-range-secondary::-webkit-slider-thumb:active{background-color:#caced1}.custom-range.custom-range-secondary::-moz-range-thumb{background-color:#6c757d}.custom-range.custom-range-secondary::-moz-range-thumb:active{background-color:#caced1}.custom-range.custom-range-secondary::-ms-thumb{background-color:#6c757d}.custom-range.custom-range-secondary::-ms-thumb:active{background-color:#caced1}.custom-range.custom-range-success:focus{outline:0}.custom-range.custom-range-success:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(40,167,69,.25)}.custom-range.custom-range-success:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(40,167,69,.25)}.custom-range.custom-range-success:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(40,167,69,.25)}.custom-range.custom-range-success::-webkit-slider-thumb{background-color:#28a745}.custom-range.custom-range-success::-webkit-slider-thumb:active{background-color:#9be7ac}.custom-range.custom-range-success::-moz-range-thumb{background-color:#28a745}.custom-range.custom-range-success::-moz-range-thumb:active{background-color:#9be7ac}.custom-range.custom-range-success::-ms-thumb{background-color:#28a745}.custom-range.custom-range-success::-ms-thumb:active{background-color:#9be7ac}.custom-range.custom-range-info:focus{outline:0}.custom-range.custom-range-info:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(23,162,184,.25)}.custom-range.custom-range-info:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(23,162,184,.25)}.custom-range.custom-range-info:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(23,162,184,.25)}.custom-range.custom-range-info::-webkit-slider-thumb{background-color:#17a2b8}.custom-range.custom-range-info::-webkit-slider-thumb:active{background-color:#90e4f1}.custom-range.custom-range-info::-moz-range-thumb{background-color:#17a2b8}.custom-range.custom-range-info::-moz-range-thumb:active{background-color:#90e4f1}.custom-range.custom-range-info::-ms-thumb{background-color:#17a2b8}.custom-range.custom-range-info::-ms-thumb:active{background-color:#90e4f1}.custom-range.custom-range-warning:focus{outline:0}.custom-range.custom-range-warning:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(255,193,7,.25)}.custom-range.custom-range-warning:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(255,193,7,.25)}.custom-range.custom-range-warning:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(255,193,7,.25)}.custom-range.custom-range-warning::-webkit-slider-thumb{background-color:#ffc107}.custom-range.custom-range-warning::-webkit-slider-thumb:active{background-color:#ffeeba}.custom-range.custom-range-warning::-moz-range-thumb{background-color:#ffc107}.custom-range.custom-range-warning::-moz-range-thumb:active{background-color:#ffeeba}.custom-range.custom-range-warning::-ms-thumb{background-color:#ffc107}.custom-range.custom-range-warning::-ms-thumb:active{background-color:#ffeeba}.custom-range.custom-range-danger:focus{outline:0}.custom-range.custom-range-danger:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(220,53,69,.25)}.custom-range.custom-range-danger:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(220,53,69,.25)}.custom-range.custom-range-danger:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(220,53,69,.25)}.custom-range.custom-range-danger::-webkit-slider-thumb{background-color:#dc3545}.custom-range.custom-range-danger::-webkit-slider-thumb:active{background-color:#f6cdd1}.custom-range.custom-range-danger::-moz-range-thumb{background-color:#dc3545}.custom-range.custom-range-danger::-moz-range-thumb:active{background-color:#f6cdd1}.custom-range.custom-range-danger::-ms-thumb{background-color:#dc3545}.custom-range.custom-range-danger::-ms-thumb:active{background-color:#f6cdd1}.custom-range.custom-range-light:focus{outline:0}.custom-range.custom-range-light:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(248,249,250,.25)}.custom-range.custom-range-light:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(248,249,250,.25)}.custom-range.custom-range-light:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(248,249,250,.25)}.custom-range.custom-range-light::-webkit-slider-thumb{background-color:#f8f9fa}.custom-range.custom-range-light::-webkit-slider-thumb:active{background-color:#fff}.custom-range.custom-range-light::-moz-range-thumb{background-color:#f8f9fa}.custom-range.custom-range-light::-moz-range-thumb:active{background-color:#fff}.custom-range.custom-range-light::-ms-thumb{background-color:#f8f9fa}.custom-range.custom-range-light::-ms-thumb:active{background-color:#fff}.custom-range.custom-range-dark:focus{outline:0}.custom-range.custom-range-dark:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,58,64,.25)}.custom-range.custom-range-dark:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,58,64,.25)}.custom-range.custom-range-dark:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,58,64,.25)}.custom-range.custom-range-dark::-webkit-slider-thumb{background-color:#343a40}.custom-range.custom-range-dark::-webkit-slider-thumb:active{background-color:#88939e}.custom-range.custom-range-dark::-moz-range-thumb{background-color:#343a40}.custom-range.custom-range-dark::-moz-range-thumb:active{background-color:#88939e}.custom-range.custom-range-dark::-ms-thumb{background-color:#343a40}.custom-range.custom-range-dark::-ms-thumb:active{background-color:#88939e}.custom-range.custom-range-lightblue:focus{outline:0}.custom-range.custom-range-lightblue:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(60,141,188,.25)}.custom-range.custom-range-lightblue:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(60,141,188,.25)}.custom-range.custom-range-lightblue:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(60,141,188,.25)}.custom-range.custom-range-lightblue::-webkit-slider-thumb{background-color:#3c8dbc}.custom-range.custom-range-lightblue::-webkit-slider-thumb:active{background-color:#c0dbeb}.custom-range.custom-range-lightblue::-moz-range-thumb{background-color:#3c8dbc}.custom-range.custom-range-lightblue::-moz-range-thumb:active{background-color:#c0dbeb}.custom-range.custom-range-lightblue::-ms-thumb{background-color:#3c8dbc}.custom-range.custom-range-lightblue::-ms-thumb:active{background-color:#c0dbeb}.custom-range.custom-range-navy:focus{outline:0}.custom-range.custom-range-navy:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,31,63,.25)}.custom-range.custom-range-navy:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,31,63,.25)}.custom-range.custom-range-navy:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,31,63,.25)}.custom-range.custom-range-navy::-webkit-slider-thumb{background-color:#001f3f}.custom-range.custom-range-navy::-webkit-slider-thumb:active{background-color:#0077f2}.custom-range.custom-range-navy::-moz-range-thumb{background-color:#001f3f}.custom-range.custom-range-navy::-moz-range-thumb:active{background-color:#0077f2}.custom-range.custom-range-navy::-ms-thumb{background-color:#001f3f}.custom-range.custom-range-navy::-ms-thumb:active{background-color:#0077f2}.custom-range.custom-range-olive:focus{outline:0}.custom-range.custom-range-olive:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(61,153,112,.25)}.custom-range.custom-range-olive:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(61,153,112,.25)}.custom-range.custom-range-olive:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(61,153,112,.25)}.custom-range.custom-range-olive::-webkit-slider-thumb{background-color:#3d9970}.custom-range.custom-range-olive::-webkit-slider-thumb:active{background-color:#abdec7}.custom-range.custom-range-olive::-moz-range-thumb{background-color:#3d9970}.custom-range.custom-range-olive::-moz-range-thumb:active{background-color:#abdec7}.custom-range.custom-range-olive::-ms-thumb{background-color:#3d9970}.custom-range.custom-range-olive::-ms-thumb:active{background-color:#abdec7}.custom-range.custom-range-lime:focus{outline:0}.custom-range.custom-range-lime:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(1,255,112,.25)}.custom-range.custom-range-lime:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(1,255,112,.25)}.custom-range.custom-range-lime:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(1,255,112,.25)}.custom-range.custom-range-lime::-webkit-slider-thumb{background-color:#01ff70}.custom-range.custom-range-lime::-webkit-slider-thumb:active{background-color:#b4ffd4}.custom-range.custom-range-lime::-moz-range-thumb{background-color:#01ff70}.custom-range.custom-range-lime::-moz-range-thumb:active{background-color:#b4ffd4}.custom-range.custom-range-lime::-ms-thumb{background-color:#01ff70}.custom-range.custom-range-lime::-ms-thumb:active{background-color:#b4ffd4}.custom-range.custom-range-fuchsia:focus{outline:0}.custom-range.custom-range-fuchsia:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(240,18,190,.25)}.custom-range.custom-range-fuchsia:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(240,18,190,.25)}.custom-range.custom-range-fuchsia:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(240,18,190,.25)}.custom-range.custom-range-fuchsia::-webkit-slider-thumb{background-color:#f012be}.custom-range.custom-range-fuchsia::-webkit-slider-thumb:active{background-color:#fbbaec}.custom-range.custom-range-fuchsia::-moz-range-thumb{background-color:#f012be}.custom-range.custom-range-fuchsia::-moz-range-thumb:active{background-color:#fbbaec}.custom-range.custom-range-fuchsia::-ms-thumb{background-color:#f012be}.custom-range.custom-range-fuchsia::-ms-thumb:active{background-color:#fbbaec}.custom-range.custom-range-maroon:focus{outline:0}.custom-range.custom-range-maroon:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(216,27,96,.25)}.custom-range.custom-range-maroon:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(216,27,96,.25)}.custom-range.custom-range-maroon:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(216,27,96,.25)}.custom-range.custom-range-maroon::-webkit-slider-thumb{background-color:#d81b60}.custom-range.custom-range-maroon::-webkit-slider-thumb:active{background-color:#f5b0c9}.custom-range.custom-range-maroon::-moz-range-thumb{background-color:#d81b60}.custom-range.custom-range-maroon::-moz-range-thumb:active{background-color:#f5b0c9}.custom-range.custom-range-maroon::-ms-thumb{background-color:#d81b60}.custom-range.custom-range-maroon::-ms-thumb:active{background-color:#f5b0c9}.custom-range.custom-range-blue:focus{outline:0}.custom-range.custom-range-blue:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,123,255,.25)}.custom-range.custom-range-blue:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,123,255,.25)}.custom-range.custom-range-blue:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,123,255,.25)}.custom-range.custom-range-blue::-webkit-slider-thumb{background-color:#007bff}.custom-range.custom-range-blue::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range.custom-range-blue::-moz-range-thumb{background-color:#007bff}.custom-range.custom-range-blue::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range.custom-range-blue::-ms-thumb{background-color:#007bff}.custom-range.custom-range-blue::-ms-thumb:active{background-color:#b3d7ff}.custom-range.custom-range-indigo:focus{outline:0}.custom-range.custom-range-indigo:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(102,16,242,.25)}.custom-range.custom-range-indigo:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(102,16,242,.25)}.custom-range.custom-range-indigo:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(102,16,242,.25)}.custom-range.custom-range-indigo::-webkit-slider-thumb{background-color:#6610f2}.custom-range.custom-range-indigo::-webkit-slider-thumb:active{background-color:#d2b9fb}.custom-range.custom-range-indigo::-moz-range-thumb{background-color:#6610f2}.custom-range.custom-range-indigo::-moz-range-thumb:active{background-color:#d2b9fb}.custom-range.custom-range-indigo::-ms-thumb{background-color:#6610f2}.custom-range.custom-range-indigo::-ms-thumb:active{background-color:#d2b9fb}.custom-range.custom-range-purple:focus{outline:0}.custom-range.custom-range-purple:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(111,66,193,.25)}.custom-range.custom-range-purple:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(111,66,193,.25)}.custom-range.custom-range-purple:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(111,66,193,.25)}.custom-range.custom-range-purple::-webkit-slider-thumb{background-color:#6f42c1}.custom-range.custom-range-purple::-webkit-slider-thumb:active{background-color:#d5c8ed}.custom-range.custom-range-purple::-moz-range-thumb{background-color:#6f42c1}.custom-range.custom-range-purple::-moz-range-thumb:active{background-color:#d5c8ed}.custom-range.custom-range-purple::-ms-thumb{background-color:#6f42c1}.custom-range.custom-range-purple::-ms-thumb:active{background-color:#d5c8ed}.custom-range.custom-range-pink:focus{outline:0}.custom-range.custom-range-pink:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(232,62,140,.25)}.custom-range.custom-range-pink:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(232,62,140,.25)}.custom-range.custom-range-pink:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(232,62,140,.25)}.custom-range.custom-range-pink::-webkit-slider-thumb{background-color:#e83e8c}.custom-range.custom-range-pink::-webkit-slider-thumb:active{background-color:#fbddeb}.custom-range.custom-range-pink::-moz-range-thumb{background-color:#e83e8c}.custom-range.custom-range-pink::-moz-range-thumb:active{background-color:#fbddeb}.custom-range.custom-range-pink::-ms-thumb{background-color:#e83e8c}.custom-range.custom-range-pink::-ms-thumb:active{background-color:#fbddeb}.custom-range.custom-range-red:focus{outline:0}.custom-range.custom-range-red:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(220,53,69,.25)}.custom-range.custom-range-red:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(220,53,69,.25)}.custom-range.custom-range-red:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(220,53,69,.25)}.custom-range.custom-range-red::-webkit-slider-thumb{background-color:#dc3545}.custom-range.custom-range-red::-webkit-slider-thumb:active{background-color:#f6cdd1}.custom-range.custom-range-red::-moz-range-thumb{background-color:#dc3545}.custom-range.custom-range-red::-moz-range-thumb:active{background-color:#f6cdd1}.custom-range.custom-range-red::-ms-thumb{background-color:#dc3545}.custom-range.custom-range-red::-ms-thumb:active{background-color:#f6cdd1}.custom-range.custom-range-orange:focus{outline:0}.custom-range.custom-range-orange:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(253,126,20,.25)}.custom-range.custom-range-orange:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(253,126,20,.25)}.custom-range.custom-range-orange:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(253,126,20,.25)}.custom-range.custom-range-orange::-webkit-slider-thumb{background-color:#fd7e14}.custom-range.custom-range-orange::-webkit-slider-thumb:active{background-color:#ffdfc5}.custom-range.custom-range-orange::-moz-range-thumb{background-color:#fd7e14}.custom-range.custom-range-orange::-moz-range-thumb:active{background-color:#ffdfc5}.custom-range.custom-range-orange::-ms-thumb{background-color:#fd7e14}.custom-range.custom-range-orange::-ms-thumb:active{background-color:#ffdfc5}.custom-range.custom-range-yellow:focus{outline:0}.custom-range.custom-range-yellow:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(255,193,7,.25)}.custom-range.custom-range-yellow:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(255,193,7,.25)}.custom-range.custom-range-yellow:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(255,193,7,.25)}.custom-range.custom-range-yellow::-webkit-slider-thumb{background-color:#ffc107}.custom-range.custom-range-yellow::-webkit-slider-thumb:active{background-color:#ffeeba}.custom-range.custom-range-yellow::-moz-range-thumb{background-color:#ffc107}.custom-range.custom-range-yellow::-moz-range-thumb:active{background-color:#ffeeba}.custom-range.custom-range-yellow::-ms-thumb{background-color:#ffc107}.custom-range.custom-range-yellow::-ms-thumb:active{background-color:#ffeeba}.custom-range.custom-range-green:focus{outline:0}.custom-range.custom-range-green:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(40,167,69,.25)}.custom-range.custom-range-green:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(40,167,69,.25)}.custom-range.custom-range-green:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(40,167,69,.25)}.custom-range.custom-range-green::-webkit-slider-thumb{background-color:#28a745}.custom-range.custom-range-green::-webkit-slider-thumb:active{background-color:#9be7ac}.custom-range.custom-range-green::-moz-range-thumb{background-color:#28a745}.custom-range.custom-range-green::-moz-range-thumb:active{background-color:#9be7ac}.custom-range.custom-range-green::-ms-thumb{background-color:#28a745}.custom-range.custom-range-green::-ms-thumb:active{background-color:#9be7ac}.custom-range.custom-range-teal:focus{outline:0}.custom-range.custom-range-teal:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(32,201,151,.25)}.custom-range.custom-range-teal:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(32,201,151,.25)}.custom-range.custom-range-teal:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(32,201,151,.25)}.custom-range.custom-range-teal::-webkit-slider-thumb{background-color:#20c997}.custom-range.custom-range-teal::-webkit-slider-thumb:active{background-color:#aaf1dc}.custom-range.custom-range-teal::-moz-range-thumb{background-color:#20c997}.custom-range.custom-range-teal::-moz-range-thumb:active{background-color:#aaf1dc}.custom-range.custom-range-teal::-ms-thumb{background-color:#20c997}.custom-range.custom-range-teal::-ms-thumb:active{background-color:#aaf1dc}.custom-range.custom-range-cyan:focus{outline:0}.custom-range.custom-range-cyan:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(23,162,184,.25)}.custom-range.custom-range-cyan:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(23,162,184,.25)}.custom-range.custom-range-cyan:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(23,162,184,.25)}.custom-range.custom-range-cyan::-webkit-slider-thumb{background-color:#17a2b8}.custom-range.custom-range-cyan::-webkit-slider-thumb:active{background-color:#90e4f1}.custom-range.custom-range-cyan::-moz-range-thumb{background-color:#17a2b8}.custom-range.custom-range-cyan::-moz-range-thumb:active{background-color:#90e4f1}.custom-range.custom-range-cyan::-ms-thumb{background-color:#17a2b8}.custom-range.custom-range-cyan::-ms-thumb:active{background-color:#90e4f1}.custom-range.custom-range-white:focus{outline:0}.custom-range.custom-range-white:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(255,255,255,.25)}.custom-range.custom-range-white:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(255,255,255,.25)}.custom-range.custom-range-white:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(255,255,255,.25)}.custom-range.custom-range-white::-webkit-slider-thumb{background-color:#fff}.custom-range.custom-range-white::-webkit-slider-thumb:active{background-color:#fff}.custom-range.custom-range-white::-moz-range-thumb{background-color:#fff}.custom-range.custom-range-white::-moz-range-thumb:active{background-color:#fff}.custom-range.custom-range-white::-ms-thumb{background-color:#fff}.custom-range.custom-range-white::-ms-thumb:active{background-color:#fff}.custom-range.custom-range-gray:focus{outline:0}.custom-range.custom-range-gray:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(108,117,125,.25)}.custom-range.custom-range-gray:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(108,117,125,.25)}.custom-range.custom-range-gray:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(108,117,125,.25)}.custom-range.custom-range-gray::-webkit-slider-thumb{background-color:#6c757d}.custom-range.custom-range-gray::-webkit-slider-thumb:active{background-color:#caced1}.custom-range.custom-range-gray::-moz-range-thumb{background-color:#6c757d}.custom-range.custom-range-gray::-moz-range-thumb:active{background-color:#caced1}.custom-range.custom-range-gray::-ms-thumb{background-color:#6c757d}.custom-range.custom-range-gray::-ms-thumb:active{background-color:#caced1}.custom-range.custom-range-gray-dark:focus{outline:0}.custom-range.custom-range-gray-dark:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,58,64,.25)}.custom-range.custom-range-gray-dark:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,58,64,.25)}.custom-range.custom-range-gray-dark:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,58,64,.25)}.custom-range.custom-range-gray-dark::-webkit-slider-thumb{background-color:#343a40}.custom-range.custom-range-gray-dark::-webkit-slider-thumb:active{background-color:#88939e}.custom-range.custom-range-gray-dark::-moz-range-thumb{background-color:#343a40}.custom-range.custom-range-gray-dark::-moz-range-thumb:active{background-color:#88939e}.custom-range.custom-range-gray-dark::-ms-thumb{background-color:#343a40}.custom-range.custom-range-gray-dark::-ms-thumb:active{background-color:#88939e}.custom-control-input-primary:checked~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-control-input-primary.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23007bff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.custom-control-input-primary.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23007bff'/%3E%3C/svg%3E")!important}.custom-control-input-primary:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input-primary:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input-primary:not(:disabled):active~.custom-control-label::before{background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input-secondary:checked~.custom-control-label::before{border-color:#6c757d;background-color:#6c757d}.custom-control-input-secondary.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.custom-control-input-secondary.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E")!important}.custom-control-input-secondary:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(108,117,125,.25)}.custom-control-input-secondary:focus:not(:checked)~.custom-control-label::before{border-color:#afb5ba}.custom-control-input-secondary:not(:disabled):active~.custom-control-label::before{background-color:#caced1;border-color:#caced1}.custom-control-input-success:checked~.custom-control-label::before{border-color:#28a745;background-color:#28a745}.custom-control-input-success.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.custom-control-input-success.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2328a745'/%3E%3C/svg%3E")!important}.custom-control-input-success:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input-success:focus:not(:checked)~.custom-control-label::before{border-color:#71dd8a}.custom-control-input-success:not(:disabled):active~.custom-control-label::before{background-color:#9be7ac;border-color:#9be7ac}.custom-control-input-info:checked~.custom-control-label::before{border-color:#17a2b8;background-color:#17a2b8}.custom-control-input-info.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2317a2b8' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.custom-control-input-info.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2317a2b8'/%3E%3C/svg%3E")!important}.custom-control-input-info:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(23,162,184,.25)}.custom-control-input-info:focus:not(:checked)~.custom-control-label::before{border-color:#63d9ec}.custom-control-input-info:not(:disabled):active~.custom-control-label::before{background-color:#90e4f1;border-color:#90e4f1}.custom-control-input-warning:checked~.custom-control-label::before{border-color:#ffc107;background-color:#ffc107}.custom-control-input-warning.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffc107' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.custom-control-input-warning.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffc107'/%3E%3C/svg%3E")!important}.custom-control-input-warning:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(255,193,7,.25)}.custom-control-input-warning:focus:not(:checked)~.custom-control-label::before{border-color:#ffe187}.custom-control-input-warning:not(:disabled):active~.custom-control-label::before{background-color:#ffeeba;border-color:#ffeeba}.custom-control-input-danger:checked~.custom-control-label::before{border-color:#dc3545;background-color:#dc3545}.custom-control-input-danger.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23dc3545' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.custom-control-input-danger.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23dc3545'/%3E%3C/svg%3E")!important}.custom-control-input-danger:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input-danger:focus:not(:checked)~.custom-control-label::before{border-color:#efa2a9}.custom-control-input-danger:not(:disabled):active~.custom-control-label::before{background-color:#f6cdd1;border-color:#f6cdd1}.custom-control-input-light:checked~.custom-control-label::before{border-color:#f8f9fa;background-color:#f8f9fa}.custom-control-input-light.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f8f9fa' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.custom-control-input-light.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f8f9fa'/%3E%3C/svg%3E")!important}.custom-control-input-light:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(248,249,250,.25)}.custom-control-input-light:focus:not(:checked)~.custom-control-label::before{border-color:#fff}.custom-control-input-light:not(:disabled):active~.custom-control-label::before{background-color:#fff;border-color:#fff}.custom-control-input-dark:checked~.custom-control-label::before{border-color:#343a40;background-color:#343a40}.custom-control-input-dark.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.custom-control-input-dark.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E")!important}.custom-control-input-dark:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(52,58,64,.25)}.custom-control-input-dark:focus:not(:checked)~.custom-control-label::before{border-color:#6d7a86}.custom-control-input-dark:not(:disabled):active~.custom-control-label::before{background-color:#88939e;border-color:#88939e}.custom-control-input-lightblue:checked~.custom-control-label::before{border-color:#3c8dbc;background-color:#3c8dbc}.custom-control-input-lightblue.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233c8dbc' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.custom-control-input-lightblue.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233c8dbc'/%3E%3C/svg%3E")!important}.custom-control-input-lightblue:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(60,141,188,.25)}.custom-control-input-lightblue:focus:not(:checked)~.custom-control-label::before{border-color:#99c5de}.custom-control-input-lightblue:not(:disabled):active~.custom-control-label::before{background-color:#c0dbeb;border-color:#c0dbeb}.custom-control-input-navy:checked~.custom-control-label::before{border-color:#001f3f;background-color:#001f3f}.custom-control-input-navy.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23001f3f' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.custom-control-input-navy.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23001f3f'/%3E%3C/svg%3E")!important}.custom-control-input-navy:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(0,31,63,.25)}.custom-control-input-navy:focus:not(:checked)~.custom-control-label::before{border-color:#005ebf}.custom-control-input-navy:not(:disabled):active~.custom-control-label::before{background-color:#0077f2;border-color:#0077f2}.custom-control-input-olive:checked~.custom-control-label::before{border-color:#3d9970;background-color:#3d9970}.custom-control-input-olive.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233d9970' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.custom-control-input-olive.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233d9970'/%3E%3C/svg%3E")!important}.custom-control-input-olive:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(61,153,112,.25)}.custom-control-input-olive:focus:not(:checked)~.custom-control-label::before{border-color:#87cfaf}.custom-control-input-olive:not(:disabled):active~.custom-control-label::before{background-color:#abdec7;border-color:#abdec7}.custom-control-input-lime:checked~.custom-control-label::before{border-color:#01ff70;background-color:#01ff70}.custom-control-input-lime.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2301ff70' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.custom-control-input-lime.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2301ff70'/%3E%3C/svg%3E")!important}.custom-control-input-lime:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(1,255,112,.25)}.custom-control-input-lime:focus:not(:checked)~.custom-control-label::before{border-color:#81ffb8}.custom-control-input-lime:not(:disabled):active~.custom-control-label::before{background-color:#b4ffd4;border-color:#b4ffd4}.custom-control-input-fuchsia:checked~.custom-control-label::before{border-color:#f012be;background-color:#f012be}.custom-control-input-fuchsia.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f012be' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.custom-control-input-fuchsia.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f012be'/%3E%3C/svg%3E")!important}.custom-control-input-fuchsia:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(240,18,190,.25)}.custom-control-input-fuchsia:focus:not(:checked)~.custom-control-label::before{border-color:#f88adf}.custom-control-input-fuchsia:not(:disabled):active~.custom-control-label::before{background-color:#fbbaec;border-color:#fbbaec}.custom-control-input-maroon:checked~.custom-control-label::before{border-color:#d81b60;background-color:#d81b60}.custom-control-input-maroon.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23d81b60' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.custom-control-input-maroon.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23d81b60'/%3E%3C/svg%3E")!important}.custom-control-input-maroon:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(216,27,96,.25)}.custom-control-input-maroon:focus:not(:checked)~.custom-control-label::before{border-color:#f083ab}.custom-control-input-maroon:not(:disabled):active~.custom-control-label::before{background-color:#f5b0c9;border-color:#f5b0c9}.custom-control-input-blue:checked~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-control-input-blue.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23007bff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.custom-control-input-blue.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23007bff'/%3E%3C/svg%3E")!important}.custom-control-input-blue:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input-blue:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input-blue:not(:disabled):active~.custom-control-label::before{background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input-indigo:checked~.custom-control-label::before{border-color:#6610f2;background-color:#6610f2}.custom-control-input-indigo.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236610f2' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.custom-control-input-indigo.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236610f2'/%3E%3C/svg%3E")!important}.custom-control-input-indigo:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(102,16,242,.25)}.custom-control-input-indigo:focus:not(:checked)~.custom-control-label::before{border-color:#b389f9}.custom-control-input-indigo:not(:disabled):active~.custom-control-label::before{background-color:#d2b9fb;border-color:#d2b9fb}.custom-control-input-purple:checked~.custom-control-label::before{border-color:#6f42c1;background-color:#6f42c1}.custom-control-input-purple.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236f42c1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.custom-control-input-purple.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236f42c1'/%3E%3C/svg%3E")!important}.custom-control-input-purple:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(111,66,193,.25)}.custom-control-input-purple:focus:not(:checked)~.custom-control-label::before{border-color:#b8a2e0}.custom-control-input-purple:not(:disabled):active~.custom-control-label::before{background-color:#d5c8ed;border-color:#d5c8ed}.custom-control-input-pink:checked~.custom-control-label::before{border-color:#e83e8c;background-color:#e83e8c}.custom-control-input-pink.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23e83e8c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.custom-control-input-pink.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e83e8c'/%3E%3C/svg%3E")!important}.custom-control-input-pink:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(232,62,140,.25)}.custom-control-input-pink:focus:not(:checked)~.custom-control-label::before{border-color:#f6b0d0}.custom-control-input-pink:not(:disabled):active~.custom-control-label::before{background-color:#fbddeb;border-color:#fbddeb}.custom-control-input-red:checked~.custom-control-label::before{border-color:#dc3545;background-color:#dc3545}.custom-control-input-red.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23dc3545' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.custom-control-input-red.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23dc3545'/%3E%3C/svg%3E")!important}.custom-control-input-red:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input-red:focus:not(:checked)~.custom-control-label::before{border-color:#efa2a9}.custom-control-input-red:not(:disabled):active~.custom-control-label::before{background-color:#f6cdd1;border-color:#f6cdd1}.custom-control-input-orange:checked~.custom-control-label::before{border-color:#fd7e14;background-color:#fd7e14}.custom-control-input-orange.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fd7e14' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.custom-control-input-orange.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fd7e14'/%3E%3C/svg%3E")!important}.custom-control-input-orange:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(253,126,20,.25)}.custom-control-input-orange:focus:not(:checked)~.custom-control-label::before{border-color:#fec392}.custom-control-input-orange:not(:disabled):active~.custom-control-label::before{background-color:#ffdfc5;border-color:#ffdfc5}.custom-control-input-yellow:checked~.custom-control-label::before{border-color:#ffc107;background-color:#ffc107}.custom-control-input-yellow.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffc107' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.custom-control-input-yellow.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffc107'/%3E%3C/svg%3E")!important}.custom-control-input-yellow:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(255,193,7,.25)}.custom-control-input-yellow:focus:not(:checked)~.custom-control-label::before{border-color:#ffe187}.custom-control-input-yellow:not(:disabled):active~.custom-control-label::before{background-color:#ffeeba;border-color:#ffeeba}.custom-control-input-green:checked~.custom-control-label::before{border-color:#28a745;background-color:#28a745}.custom-control-input-green.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.custom-control-input-green.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2328a745'/%3E%3C/svg%3E")!important}.custom-control-input-green:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input-green:focus:not(:checked)~.custom-control-label::before{border-color:#71dd8a}.custom-control-input-green:not(:disabled):active~.custom-control-label::before{background-color:#9be7ac;border-color:#9be7ac}.custom-control-input-teal:checked~.custom-control-label::before{border-color:#20c997;background-color:#20c997}.custom-control-input-teal.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2320c997' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.custom-control-input-teal.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2320c997'/%3E%3C/svg%3E")!important}.custom-control-input-teal:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(32,201,151,.25)}.custom-control-input-teal:focus:not(:checked)~.custom-control-label::before{border-color:#7eeaca}.custom-control-input-teal:not(:disabled):active~.custom-control-label::before{background-color:#aaf1dc;border-color:#aaf1dc}.custom-control-input-cyan:checked~.custom-control-label::before{border-color:#17a2b8;background-color:#17a2b8}.custom-control-input-cyan.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2317a2b8' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.custom-control-input-cyan.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2317a2b8'/%3E%3C/svg%3E")!important}.custom-control-input-cyan:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(23,162,184,.25)}.custom-control-input-cyan:focus:not(:checked)~.custom-control-label::before{border-color:#63d9ec}.custom-control-input-cyan:not(:disabled):active~.custom-control-label::before{background-color:#90e4f1;border-color:#90e4f1}.custom-control-input-white:checked~.custom-control-label::before{border-color:#fff;background-color:#fff}.custom-control-input-white.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.custom-control-input-white.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")!important}.custom-control-input-white:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(255,255,255,.25)}.custom-control-input-white:focus:not(:checked)~.custom-control-label::before{border-color:#fff}.custom-control-input-white:not(:disabled):active~.custom-control-label::before{background-color:#fff;border-color:#fff}.custom-control-input-gray:checked~.custom-control-label::before{border-color:#6c757d;background-color:#6c757d}.custom-control-input-gray.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.custom-control-input-gray.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E")!important}.custom-control-input-gray:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(108,117,125,.25)}.custom-control-input-gray:focus:not(:checked)~.custom-control-label::before{border-color:#afb5ba}.custom-control-input-gray:not(:disabled):active~.custom-control-label::before{background-color:#caced1;border-color:#caced1}.custom-control-input-gray-dark:checked~.custom-control-label::before{border-color:#343a40;background-color:#343a40}.custom-control-input-gray-dark.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.custom-control-input-gray-dark.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E")!important}.custom-control-input-gray-dark:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(52,58,64,.25)}.custom-control-input-gray-dark:focus:not(:checked)~.custom-control-label::before{border-color:#6d7a86}.custom-control-input-gray-dark:not(:disabled):active~.custom-control-label::before{background-color:#88939e;border-color:#88939e}.custom-control-input-outline~.custom-control-label::before{background-color:transparent!important;box-shadow:none}.custom-control-input-outline:checked~.custom-control-label::before{background-color:transparent}.navbar-dark .btn-navbar,.navbar-dark .form-control-navbar{background-color:#3f474e;border:1px solid #56606a;color:#fff}.navbar-dark .btn-navbar:hover{background-color:#454d55}.navbar-dark .btn-navbar:focus{background-color:#4b545c}.navbar-dark .form-control-navbar+.input-group-append>.btn-navbar,.navbar-dark .form-control-navbar+.input-group-prepend>.btn-navbar{background-color:#3f474e;color:#fff;border:1px solid #56606a;border-left:none}.dark-mode .custom-control-label::before,.dark-mode .custom-file-label,.dark-mode .custom-file-label::after,.dark-mode .custom-select,.dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar),.dark-mode .input-group-text{background-color:#343a40;color:#fff}.dark-mode .custom-file-label,.dark-mode .custom-file-label::after,.dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar):not(.is-invalid):not(:focus){border-color:#6c757d}.dark-mode select{background-color:#343a40;color:#fff;border-color:#6c757d}.dark-mode .custom-select{background:#343a40 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat}.dark-mode .custom-select[multiple]{background:#343a40}.dark-mode .input-group-text{border-color:#6c757d}.dark-mode .custom-control-input:disabled~.custom-control-label::before,.dark-mode .custom-control-input[disabled]~.custom-control-label::before{background-color:#3f474e;border-color:#6c757d;color:#fff}.dark-mode input:-webkit-autofill,.dark-mode input:-webkit-autofill:focus,.dark-mode input:-webkit-autofill:hover,.dark-mode select:-webkit-autofill,.dark-mode select:-webkit-autofill:focus,.dark-mode select:-webkit-autofill:hover,.dark-mode textarea:-webkit-autofill,.dark-mode textarea:-webkit-autofill:focus,.dark-mode textarea:-webkit-autofill:hover{-webkit-text-fill-color:#fff}.dark-mode .custom-range::-webkit-slider-runnable-track{background-color:#454d55}.dark-mode .custom-range::-moz-range-track{background-color:#454d55}.dark-mode .custom-range::-ms-track{background-color:#454d55}.dark-mode .custom-range.custom-range-primary:focus{outline:0}.dark-mode .custom-range.custom-range-primary:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(63,103,145,.25)}.dark-mode .custom-range.custom-range-primary:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(63,103,145,.25)}.dark-mode .custom-range.custom-range-primary:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(63,103,145,.25)}.dark-mode .custom-range.custom-range-primary::-webkit-slider-thumb{background-color:#3f6791}.dark-mode .custom-range.custom-range-primary::-webkit-slider-thumb:active{background-color:#a9c1da}.dark-mode .custom-range.custom-range-primary::-moz-range-thumb{background-color:#3f6791}.dark-mode .custom-range.custom-range-primary::-moz-range-thumb:active{background-color:#a9c1da}.dark-mode .custom-range.custom-range-primary::-ms-thumb{background-color:#3f6791}.dark-mode .custom-range.custom-range-primary::-ms-thumb:active{background-color:#a9c1da}.dark-mode .custom-range.custom-range-secondary:focus{outline:0}.dark-mode .custom-range.custom-range-secondary:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(108,117,125,.25)}.dark-mode .custom-range.custom-range-secondary:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(108,117,125,.25)}.dark-mode .custom-range.custom-range-secondary:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(108,117,125,.25)}.dark-mode .custom-range.custom-range-secondary::-webkit-slider-thumb{background-color:#6c757d}.dark-mode .custom-range.custom-range-secondary::-webkit-slider-thumb:active{background-color:#caced1}.dark-mode .custom-range.custom-range-secondary::-moz-range-thumb{background-color:#6c757d}.dark-mode .custom-range.custom-range-secondary::-moz-range-thumb:active{background-color:#caced1}.dark-mode .custom-range.custom-range-secondary::-ms-thumb{background-color:#6c757d}.dark-mode .custom-range.custom-range-secondary::-ms-thumb:active{background-color:#caced1}.dark-mode .custom-range.custom-range-success:focus{outline:0}.dark-mode .custom-range.custom-range-success:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,188,140,.25)}.dark-mode .custom-range.custom-range-success:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,188,140,.25)}.dark-mode .custom-range.custom-range-success:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,188,140,.25)}.dark-mode .custom-range.custom-range-success::-webkit-slider-thumb{background-color:#00bc8c}.dark-mode .custom-range.custom-range-success::-webkit-slider-thumb:active{background-color:#70ffda}.dark-mode .custom-range.custom-range-success::-moz-range-thumb{background-color:#00bc8c}.dark-mode .custom-range.custom-range-success::-moz-range-thumb:active{background-color:#70ffda}.dark-mode .custom-range.custom-range-success::-ms-thumb{background-color:#00bc8c}.dark-mode .custom-range.custom-range-success::-ms-thumb:active{background-color:#70ffda}.dark-mode .custom-range.custom-range-info:focus{outline:0}.dark-mode .custom-range.custom-range-info:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,152,219,.25)}.dark-mode .custom-range.custom-range-info:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,152,219,.25)}.dark-mode .custom-range.custom-range-info:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,152,219,.25)}.dark-mode .custom-range.custom-range-info::-webkit-slider-thumb{background-color:#3498db}.dark-mode .custom-range.custom-range-info::-webkit-slider-thumb:active{background-color:#cce5f6}.dark-mode .custom-range.custom-range-info::-moz-range-thumb{background-color:#3498db}.dark-mode .custom-range.custom-range-info::-moz-range-thumb:active{background-color:#cce5f6}.dark-mode .custom-range.custom-range-info::-ms-thumb{background-color:#3498db}.dark-mode .custom-range.custom-range-info::-ms-thumb:active{background-color:#cce5f6}.dark-mode .custom-range.custom-range-warning:focus{outline:0}.dark-mode .custom-range.custom-range-warning:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(243,156,18,.25)}.dark-mode .custom-range.custom-range-warning:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(243,156,18,.25)}.dark-mode .custom-range.custom-range-warning:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(243,156,18,.25)}.dark-mode .custom-range.custom-range-warning::-webkit-slider-thumb{background-color:#f39c12}.dark-mode .custom-range.custom-range-warning::-webkit-slider-thumb:active{background-color:#fce3bc}.dark-mode .custom-range.custom-range-warning::-moz-range-thumb{background-color:#f39c12}.dark-mode .custom-range.custom-range-warning::-moz-range-thumb:active{background-color:#fce3bc}.dark-mode .custom-range.custom-range-warning::-ms-thumb{background-color:#f39c12}.dark-mode .custom-range.custom-range-warning::-ms-thumb:active{background-color:#fce3bc}.dark-mode .custom-range.custom-range-danger:focus{outline:0}.dark-mode .custom-range.custom-range-danger:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(231,76,60,.25)}.dark-mode .custom-range.custom-range-danger:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(231,76,60,.25)}.dark-mode .custom-range.custom-range-danger:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(231,76,60,.25)}.dark-mode .custom-range.custom-range-danger::-webkit-slider-thumb{background-color:#e74c3c}.dark-mode .custom-range.custom-range-danger::-webkit-slider-thumb:active{background-color:#fbdedb}.dark-mode .custom-range.custom-range-danger::-moz-range-thumb{background-color:#e74c3c}.dark-mode .custom-range.custom-range-danger::-moz-range-thumb:active{background-color:#fbdedb}.dark-mode .custom-range.custom-range-danger::-ms-thumb{background-color:#e74c3c}.dark-mode .custom-range.custom-range-danger::-ms-thumb:active{background-color:#fbdedb}.dark-mode .custom-range.custom-range-light:focus{outline:0}.dark-mode .custom-range.custom-range-light:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(248,249,250,.25)}.dark-mode .custom-range.custom-range-light:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(248,249,250,.25)}.dark-mode .custom-range.custom-range-light:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(248,249,250,.25)}.dark-mode .custom-range.custom-range-light::-webkit-slider-thumb{background-color:#f8f9fa}.dark-mode .custom-range.custom-range-light::-webkit-slider-thumb:active{background-color:#fff}.dark-mode .custom-range.custom-range-light::-moz-range-thumb{background-color:#f8f9fa}.dark-mode .custom-range.custom-range-light::-moz-range-thumb:active{background-color:#fff}.dark-mode .custom-range.custom-range-light::-ms-thumb{background-color:#f8f9fa}.dark-mode .custom-range.custom-range-light::-ms-thumb:active{background-color:#fff}.dark-mode .custom-range.custom-range-dark:focus{outline:0}.dark-mode .custom-range.custom-range-dark:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,58,64,.25)}.dark-mode .custom-range.custom-range-dark:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,58,64,.25)}.dark-mode .custom-range.custom-range-dark:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,58,64,.25)}.dark-mode .custom-range.custom-range-dark::-webkit-slider-thumb{background-color:#343a40}.dark-mode .custom-range.custom-range-dark::-webkit-slider-thumb:active{background-color:#88939e}.dark-mode .custom-range.custom-range-dark::-moz-range-thumb{background-color:#343a40}.dark-mode .custom-range.custom-range-dark::-moz-range-thumb:active{background-color:#88939e}.dark-mode .custom-range.custom-range-dark::-ms-thumb{background-color:#343a40}.dark-mode .custom-range.custom-range-dark::-ms-thumb:active{background-color:#88939e}.dark-mode .custom-range.custom-range-lightblue:focus{outline:0}.dark-mode .custom-range.custom-range-lightblue:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(134,186,216,.25)}.dark-mode .custom-range.custom-range-lightblue:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(134,186,216,.25)}.dark-mode .custom-range.custom-range-lightblue:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(134,186,216,.25)}.dark-mode .custom-range.custom-range-lightblue::-webkit-slider-thumb{background-color:#86bad8}.dark-mode .custom-range.custom-range-lightblue::-webkit-slider-thumb:active{background-color:#fff}.dark-mode .custom-range.custom-range-lightblue::-moz-range-thumb{background-color:#86bad8}.dark-mode .custom-range.custom-range-lightblue::-moz-range-thumb:active{background-color:#fff}.dark-mode .custom-range.custom-range-lightblue::-ms-thumb{background-color:#86bad8}.dark-mode .custom-range.custom-range-lightblue::-ms-thumb:active{background-color:#fff}.dark-mode .custom-range.custom-range-navy:focus{outline:0}.dark-mode .custom-range.custom-range-navy:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,44,89,.25)}.dark-mode .custom-range.custom-range-navy:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,44,89,.25)}.dark-mode .custom-range.custom-range-navy:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,44,89,.25)}.dark-mode .custom-range.custom-range-navy::-webkit-slider-thumb{background-color:#002c59}.dark-mode .custom-range.custom-range-navy::-webkit-slider-thumb:active{background-color:#0c84ff}.dark-mode .custom-range.custom-range-navy::-moz-range-thumb{background-color:#002c59}.dark-mode .custom-range.custom-range-navy::-moz-range-thumb:active{background-color:#0c84ff}.dark-mode .custom-range.custom-range-navy::-ms-thumb{background-color:#002c59}.dark-mode .custom-range.custom-range-navy::-ms-thumb:active{background-color:#0c84ff}.dark-mode .custom-range.custom-range-olive:focus{outline:0}.dark-mode .custom-range.custom-range-olive:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(116,200,163,.25)}.dark-mode .custom-range.custom-range-olive:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(116,200,163,.25)}.dark-mode .custom-range.custom-range-olive:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(116,200,163,.25)}.dark-mode .custom-range.custom-range-olive::-webkit-slider-thumb{background-color:#74c8a3}.dark-mode .custom-range.custom-range-olive::-webkit-slider-thumb:active{background-color:#f4fbf8}.dark-mode .custom-range.custom-range-olive::-moz-range-thumb{background-color:#74c8a3}.dark-mode .custom-range.custom-range-olive::-moz-range-thumb:active{background-color:#f4fbf8}.dark-mode .custom-range.custom-range-olive::-ms-thumb{background-color:#74c8a3}.dark-mode .custom-range.custom-range-olive::-ms-thumb:active{background-color:#f4fbf8}.dark-mode .custom-range.custom-range-lime:focus{outline:0}.dark-mode .custom-range.custom-range-lime:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(103,255,169,.25)}.dark-mode .custom-range.custom-range-lime:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(103,255,169,.25)}.dark-mode .custom-range.custom-range-lime:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(103,255,169,.25)}.dark-mode .custom-range.custom-range-lime::-webkit-slider-thumb{background-color:#67ffa9}.dark-mode .custom-range.custom-range-lime::-webkit-slider-thumb:active{background-color:#fff}.dark-mode .custom-range.custom-range-lime::-moz-range-thumb{background-color:#67ffa9}.dark-mode .custom-range.custom-range-lime::-moz-range-thumb:active{background-color:#fff}.dark-mode .custom-range.custom-range-lime::-ms-thumb{background-color:#67ffa9}.dark-mode .custom-range.custom-range-lime::-ms-thumb:active{background-color:#fff}.dark-mode .custom-range.custom-range-fuchsia:focus{outline:0}.dark-mode .custom-range.custom-range-fuchsia:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(246,114,216,.25)}.dark-mode .custom-range.custom-range-fuchsia:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(246,114,216,.25)}.dark-mode .custom-range.custom-range-fuchsia:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(246,114,216,.25)}.dark-mode .custom-range.custom-range-fuchsia::-webkit-slider-thumb{background-color:#f672d8}.dark-mode .custom-range.custom-range-fuchsia::-webkit-slider-thumb:active{background-color:#fff}.dark-mode .custom-range.custom-range-fuchsia::-moz-range-thumb{background-color:#f672d8}.dark-mode .custom-range.custom-range-fuchsia::-moz-range-thumb:active{background-color:#fff}.dark-mode .custom-range.custom-range-fuchsia::-ms-thumb{background-color:#f672d8}.dark-mode .custom-range.custom-range-fuchsia::-ms-thumb:active{background-color:#fff}.dark-mode .custom-range.custom-range-maroon:focus{outline:0}.dark-mode .custom-range.custom-range-maroon:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(237,108,155,.25)}.dark-mode .custom-range.custom-range-maroon:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(237,108,155,.25)}.dark-mode .custom-range.custom-range-maroon:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(237,108,155,.25)}.dark-mode .custom-range.custom-range-maroon::-webkit-slider-thumb{background-color:#ed6c9b}.dark-mode .custom-range.custom-range-maroon::-webkit-slider-thumb:active{background-color:#fff}.dark-mode .custom-range.custom-range-maroon::-moz-range-thumb{background-color:#ed6c9b}.dark-mode .custom-range.custom-range-maroon::-moz-range-thumb:active{background-color:#fff}.dark-mode .custom-range.custom-range-maroon::-ms-thumb{background-color:#ed6c9b}.dark-mode .custom-range.custom-range-maroon::-ms-thumb:active{background-color:#fff}.dark-mode .custom-range.custom-range-blue:focus{outline:0}.dark-mode .custom-range.custom-range-blue:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(63,103,145,.25)}.dark-mode .custom-range.custom-range-blue:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(63,103,145,.25)}.dark-mode .custom-range.custom-range-blue:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(63,103,145,.25)}.dark-mode .custom-range.custom-range-blue::-webkit-slider-thumb{background-color:#3f6791}.dark-mode .custom-range.custom-range-blue::-webkit-slider-thumb:active{background-color:#a9c1da}.dark-mode .custom-range.custom-range-blue::-moz-range-thumb{background-color:#3f6791}.dark-mode .custom-range.custom-range-blue::-moz-range-thumb:active{background-color:#a9c1da}.dark-mode .custom-range.custom-range-blue::-ms-thumb{background-color:#3f6791}.dark-mode .custom-range.custom-range-blue::-ms-thumb:active{background-color:#a9c1da}.dark-mode .custom-range.custom-range-indigo:focus{outline:0}.dark-mode .custom-range.custom-range-indigo:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(102,16,242,.25)}.dark-mode .custom-range.custom-range-indigo:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(102,16,242,.25)}.dark-mode .custom-range.custom-range-indigo:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(102,16,242,.25)}.dark-mode .custom-range.custom-range-indigo::-webkit-slider-thumb{background-color:#6610f2}.dark-mode .custom-range.custom-range-indigo::-webkit-slider-thumb:active{background-color:#d2b9fb}.dark-mode .custom-range.custom-range-indigo::-moz-range-thumb{background-color:#6610f2}.dark-mode .custom-range.custom-range-indigo::-moz-range-thumb:active{background-color:#d2b9fb}.dark-mode .custom-range.custom-range-indigo::-ms-thumb{background-color:#6610f2}.dark-mode .custom-range.custom-range-indigo::-ms-thumb:active{background-color:#d2b9fb}.dark-mode .custom-range.custom-range-purple:focus{outline:0}.dark-mode .custom-range.custom-range-purple:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(111,66,193,.25)}.dark-mode .custom-range.custom-range-purple:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(111,66,193,.25)}.dark-mode .custom-range.custom-range-purple:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(111,66,193,.25)}.dark-mode .custom-range.custom-range-purple::-webkit-slider-thumb{background-color:#6f42c1}.dark-mode .custom-range.custom-range-purple::-webkit-slider-thumb:active{background-color:#d5c8ed}.dark-mode .custom-range.custom-range-purple::-moz-range-thumb{background-color:#6f42c1}.dark-mode .custom-range.custom-range-purple::-moz-range-thumb:active{background-color:#d5c8ed}.dark-mode .custom-range.custom-range-purple::-ms-thumb{background-color:#6f42c1}.dark-mode .custom-range.custom-range-purple::-ms-thumb:active{background-color:#d5c8ed}.dark-mode .custom-range.custom-range-pink:focus{outline:0}.dark-mode .custom-range.custom-range-pink:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(232,62,140,.25)}.dark-mode .custom-range.custom-range-pink:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(232,62,140,.25)}.dark-mode .custom-range.custom-range-pink:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(232,62,140,.25)}.dark-mode .custom-range.custom-range-pink::-webkit-slider-thumb{background-color:#e83e8c}.dark-mode .custom-range.custom-range-pink::-webkit-slider-thumb:active{background-color:#fbddeb}.dark-mode .custom-range.custom-range-pink::-moz-range-thumb{background-color:#e83e8c}.dark-mode .custom-range.custom-range-pink::-moz-range-thumb:active{background-color:#fbddeb}.dark-mode .custom-range.custom-range-pink::-ms-thumb{background-color:#e83e8c}.dark-mode .custom-range.custom-range-pink::-ms-thumb:active{background-color:#fbddeb}.dark-mode .custom-range.custom-range-red:focus{outline:0}.dark-mode .custom-range.custom-range-red:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(231,76,60,.25)}.dark-mode .custom-range.custom-range-red:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(231,76,60,.25)}.dark-mode .custom-range.custom-range-red:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(231,76,60,.25)}.dark-mode .custom-range.custom-range-red::-webkit-slider-thumb{background-color:#e74c3c}.dark-mode .custom-range.custom-range-red::-webkit-slider-thumb:active{background-color:#fbdedb}.dark-mode .custom-range.custom-range-red::-moz-range-thumb{background-color:#e74c3c}.dark-mode .custom-range.custom-range-red::-moz-range-thumb:active{background-color:#fbdedb}.dark-mode .custom-range.custom-range-red::-ms-thumb{background-color:#e74c3c}.dark-mode .custom-range.custom-range-red::-ms-thumb:active{background-color:#fbdedb}.dark-mode .custom-range.custom-range-orange:focus{outline:0}.dark-mode .custom-range.custom-range-orange:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(253,126,20,.25)}.dark-mode .custom-range.custom-range-orange:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(253,126,20,.25)}.dark-mode .custom-range.custom-range-orange:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(253,126,20,.25)}.dark-mode .custom-range.custom-range-orange::-webkit-slider-thumb{background-color:#fd7e14}.dark-mode .custom-range.custom-range-orange::-webkit-slider-thumb:active{background-color:#ffdfc5}.dark-mode .custom-range.custom-range-orange::-moz-range-thumb{background-color:#fd7e14}.dark-mode .custom-range.custom-range-orange::-moz-range-thumb:active{background-color:#ffdfc5}.dark-mode .custom-range.custom-range-orange::-ms-thumb{background-color:#fd7e14}.dark-mode .custom-range.custom-range-orange::-ms-thumb:active{background-color:#ffdfc5}.dark-mode .custom-range.custom-range-yellow:focus{outline:0}.dark-mode .custom-range.custom-range-yellow:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(243,156,18,.25)}.dark-mode .custom-range.custom-range-yellow:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(243,156,18,.25)}.dark-mode .custom-range.custom-range-yellow:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(243,156,18,.25)}.dark-mode .custom-range.custom-range-yellow::-webkit-slider-thumb{background-color:#f39c12}.dark-mode .custom-range.custom-range-yellow::-webkit-slider-thumb:active{background-color:#fce3bc}.dark-mode .custom-range.custom-range-yellow::-moz-range-thumb{background-color:#f39c12}.dark-mode .custom-range.custom-range-yellow::-moz-range-thumb:active{background-color:#fce3bc}.dark-mode .custom-range.custom-range-yellow::-ms-thumb{background-color:#f39c12}.dark-mode .custom-range.custom-range-yellow::-ms-thumb:active{background-color:#fce3bc}.dark-mode .custom-range.custom-range-green:focus{outline:0}.dark-mode .custom-range.custom-range-green:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,188,140,.25)}.dark-mode .custom-range.custom-range-green:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,188,140,.25)}.dark-mode .custom-range.custom-range-green:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,188,140,.25)}.dark-mode .custom-range.custom-range-green::-webkit-slider-thumb{background-color:#00bc8c}.dark-mode .custom-range.custom-range-green::-webkit-slider-thumb:active{background-color:#70ffda}.dark-mode .custom-range.custom-range-green::-moz-range-thumb{background-color:#00bc8c}.dark-mode .custom-range.custom-range-green::-moz-range-thumb:active{background-color:#70ffda}.dark-mode .custom-range.custom-range-green::-ms-thumb{background-color:#00bc8c}.dark-mode .custom-range.custom-range-green::-ms-thumb:active{background-color:#70ffda}.dark-mode .custom-range.custom-range-teal:focus{outline:0}.dark-mode .custom-range.custom-range-teal:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(32,201,151,.25)}.dark-mode .custom-range.custom-range-teal:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(32,201,151,.25)}.dark-mode .custom-range.custom-range-teal:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(32,201,151,.25)}.dark-mode .custom-range.custom-range-teal::-webkit-slider-thumb{background-color:#20c997}.dark-mode .custom-range.custom-range-teal::-webkit-slider-thumb:active{background-color:#aaf1dc}.dark-mode .custom-range.custom-range-teal::-moz-range-thumb{background-color:#20c997}.dark-mode .custom-range.custom-range-teal::-moz-range-thumb:active{background-color:#aaf1dc}.dark-mode .custom-range.custom-range-teal::-ms-thumb{background-color:#20c997}.dark-mode .custom-range.custom-range-teal::-ms-thumb:active{background-color:#aaf1dc}.dark-mode .custom-range.custom-range-cyan:focus{outline:0}.dark-mode .custom-range.custom-range-cyan:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,152,219,.25)}.dark-mode .custom-range.custom-range-cyan:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,152,219,.25)}.dark-mode .custom-range.custom-range-cyan:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,152,219,.25)}.dark-mode .custom-range.custom-range-cyan::-webkit-slider-thumb{background-color:#3498db}.dark-mode .custom-range.custom-range-cyan::-webkit-slider-thumb:active{background-color:#cce5f6}.dark-mode .custom-range.custom-range-cyan::-moz-range-thumb{background-color:#3498db}.dark-mode .custom-range.custom-range-cyan::-moz-range-thumb:active{background-color:#cce5f6}.dark-mode .custom-range.custom-range-cyan::-ms-thumb{background-color:#3498db}.dark-mode .custom-range.custom-range-cyan::-ms-thumb:active{background-color:#cce5f6}.dark-mode .custom-range.custom-range-white:focus{outline:0}.dark-mode .custom-range.custom-range-white:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(255,255,255,.25)}.dark-mode .custom-range.custom-range-white:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(255,255,255,.25)}.dark-mode .custom-range.custom-range-white:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(255,255,255,.25)}.dark-mode .custom-range.custom-range-white::-webkit-slider-thumb{background-color:#fff}.dark-mode .custom-range.custom-range-white::-webkit-slider-thumb:active{background-color:#fff}.dark-mode .custom-range.custom-range-white::-moz-range-thumb{background-color:#fff}.dark-mode .custom-range.custom-range-white::-moz-range-thumb:active{background-color:#fff}.dark-mode .custom-range.custom-range-white::-ms-thumb{background-color:#fff}.dark-mode .custom-range.custom-range-white::-ms-thumb:active{background-color:#fff}.dark-mode .custom-range.custom-range-gray:focus{outline:0}.dark-mode .custom-range.custom-range-gray:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(108,117,125,.25)}.dark-mode .custom-range.custom-range-gray:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(108,117,125,.25)}.dark-mode .custom-range.custom-range-gray:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(108,117,125,.25)}.dark-mode .custom-range.custom-range-gray::-webkit-slider-thumb{background-color:#6c757d}.dark-mode .custom-range.custom-range-gray::-webkit-slider-thumb:active{background-color:#caced1}.dark-mode .custom-range.custom-range-gray::-moz-range-thumb{background-color:#6c757d}.dark-mode .custom-range.custom-range-gray::-moz-range-thumb:active{background-color:#caced1}.dark-mode .custom-range.custom-range-gray::-ms-thumb{background-color:#6c757d}.dark-mode .custom-range.custom-range-gray::-ms-thumb:active{background-color:#caced1}.dark-mode .custom-range.custom-range-gray-dark:focus{outline:0}.dark-mode .custom-range.custom-range-gray-dark:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,58,64,.25)}.dark-mode .custom-range.custom-range-gray-dark:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,58,64,.25)}.dark-mode .custom-range.custom-range-gray-dark:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,58,64,.25)}.dark-mode .custom-range.custom-range-gray-dark::-webkit-slider-thumb{background-color:#343a40}.dark-mode .custom-range.custom-range-gray-dark::-webkit-slider-thumb:active{background-color:#88939e}.dark-mode .custom-range.custom-range-gray-dark::-moz-range-thumb{background-color:#343a40}.dark-mode .custom-range.custom-range-gray-dark::-moz-range-thumb:active{background-color:#88939e}.dark-mode .custom-range.custom-range-gray-dark::-ms-thumb{background-color:#343a40}.dark-mode .custom-range.custom-range-gray-dark::-ms-thumb:active{background-color:#88939e}.dark-mode .custom-switch.custom-switch-off-primary .custom-control-input~.custom-control-label::before{background-color:#3f6791;border-color:#20344a}.dark-mode .custom-switch.custom-switch-off-primary .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(63,103,145,.25)}.dark-mode .custom-switch.custom-switch-off-primary .custom-control-input~.custom-control-label::after{background-color:#182838}.dark-mode .custom-switch.custom-switch-on-primary .custom-control-input:checked~.custom-control-label::before{background-color:#3f6791;border-color:#20344a}.dark-mode .custom-switch.custom-switch-on-primary .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(63,103,145,.25)}.dark-mode .custom-switch.custom-switch-on-primary .custom-control-input:checked~.custom-control-label::after{background-color:#97b4d2}.dark-mode .custom-switch.custom-switch-off-secondary .custom-control-input~.custom-control-label::before{background-color:#6c757d;border-color:#3d4246}.dark-mode .custom-switch.custom-switch-off-secondary .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(108,117,125,.25)}.dark-mode .custom-switch.custom-switch-off-secondary .custom-control-input~.custom-control-label::after{background-color:#313539}.dark-mode .custom-switch.custom-switch-on-secondary .custom-control-input:checked~.custom-control-label::before{background-color:#6c757d;border-color:#3d4246}.dark-mode .custom-switch.custom-switch-on-secondary .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(108,117,125,.25)}.dark-mode .custom-switch.custom-switch-on-secondary .custom-control-input:checked~.custom-control-label::after{background-color:#bcc1c6}.dark-mode .custom-switch.custom-switch-off-success .custom-control-input~.custom-control-label::before{background-color:#00bc8c;border-color:#005640}.dark-mode .custom-switch.custom-switch-off-success .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,188,140,.25)}.dark-mode .custom-switch.custom-switch-off-success .custom-control-input~.custom-control-label::after{background-color:#003d2d}.dark-mode .custom-switch.custom-switch-on-success .custom-control-input:checked~.custom-control-label::before{background-color:#00bc8c;border-color:#005640}.dark-mode .custom-switch.custom-switch-on-success .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,188,140,.25)}.dark-mode .custom-switch.custom-switch-on-success .custom-control-input:checked~.custom-control-label::after{background-color:#56ffd4}.dark-mode .custom-switch.custom-switch-off-info .custom-control-input~.custom-control-label::before{background-color:#3498db;border-color:#196090}.dark-mode .custom-switch.custom-switch-off-info .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,152,219,.25)}.dark-mode .custom-switch.custom-switch-off-info .custom-control-input~.custom-control-label::after{background-color:#16527a}.dark-mode .custom-switch.custom-switch-on-info .custom-control-input:checked~.custom-control-label::before{background-color:#3498db;border-color:#196090}.dark-mode .custom-switch.custom-switch-on-info .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,152,219,.25)}.dark-mode .custom-switch.custom-switch-on-info .custom-control-input:checked~.custom-control-label::after{background-color:#b6daf2}.dark-mode .custom-switch.custom-switch-off-warning .custom-control-input~.custom-control-label::before{background-color:#f39c12;border-color:#976008}.dark-mode .custom-switch.custom-switch-off-warning .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(243,156,18,.25)}.dark-mode .custom-switch.custom-switch-off-warning .custom-control-input~.custom-control-label::after{background-color:#7f5006}.dark-mode .custom-switch.custom-switch-on-warning .custom-control-input:checked~.custom-control-label::before{background-color:#f39c12;border-color:#976008}.dark-mode .custom-switch.custom-switch-on-warning .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(243,156,18,.25)}.dark-mode .custom-switch.custom-switch-on-warning .custom-control-input:checked~.custom-control-label::after{background-color:#fad9a4}.dark-mode .custom-switch.custom-switch-off-danger .custom-control-input~.custom-control-label::before{background-color:#e74c3c;border-color:#a82315}.dark-mode .custom-switch.custom-switch-off-danger .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(231,76,60,.25)}.dark-mode .custom-switch.custom-switch-off-danger .custom-control-input~.custom-control-label::after{background-color:#921e12}.dark-mode .custom-switch.custom-switch-on-danger .custom-control-input:checked~.custom-control-label::before{background-color:#e74c3c;border-color:#a82315}.dark-mode .custom-switch.custom-switch-on-danger .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(231,76,60,.25)}.dark-mode .custom-switch.custom-switch-on-danger .custom-control-input:checked~.custom-control-label::after{background-color:#f8c9c4}.dark-mode .custom-switch.custom-switch-off-light .custom-control-input~.custom-control-label::before{background-color:#f8f9fa;border-color:#bdc6d0}.dark-mode .custom-switch.custom-switch-off-light .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(248,249,250,.25)}.dark-mode .custom-switch.custom-switch-off-light .custom-control-input~.custom-control-label::after{background-color:#aeb9c5}.dark-mode .custom-switch.custom-switch-on-light .custom-control-input:checked~.custom-control-label::before{background-color:#f8f9fa;border-color:#bdc6d0}.dark-mode .custom-switch.custom-switch-on-light .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(248,249,250,.25)}.dark-mode .custom-switch.custom-switch-on-light .custom-control-input:checked~.custom-control-label::after{background-color:#fff}.dark-mode .custom-switch.custom-switch-off-dark .custom-control-input~.custom-control-label::before{background-color:#343a40;border-color:#060708}.dark-mode .custom-switch.custom-switch-off-dark .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,58,64,.25)}.dark-mode .custom-switch.custom-switch-off-dark .custom-control-input~.custom-control-label::after{background-color:#000}.dark-mode .custom-switch.custom-switch-on-dark .custom-control-input:checked~.custom-control-label::before{background-color:#343a40;border-color:#060708}.dark-mode .custom-switch.custom-switch-on-dark .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,58,64,.25)}.dark-mode .custom-switch.custom-switch-on-dark .custom-control-input:checked~.custom-control-label::after{background-color:#7a8793}.dark-mode .custom-switch.custom-switch-off-lightblue .custom-control-input~.custom-control-label::before{background-color:#86bad8;border-color:#3c8dbc}.dark-mode .custom-switch.custom-switch-off-lightblue .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(134,186,216,.25)}.dark-mode .custom-switch.custom-switch-off-lightblue .custom-control-input~.custom-control-label::after{background-color:#367fa9}.dark-mode .custom-switch.custom-switch-on-lightblue .custom-control-input:checked~.custom-control-label::before{background-color:#86bad8;border-color:#3c8dbc}.dark-mode .custom-switch.custom-switch-on-lightblue .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(134,186,216,.25)}.dark-mode .custom-switch.custom-switch-on-lightblue .custom-control-input:checked~.custom-control-label::after{background-color:#fafcfd}.dark-mode .custom-switch.custom-switch-off-navy .custom-control-input~.custom-control-label::before{background-color:#002c59;border-color:#000}.dark-mode .custom-switch.custom-switch-off-navy .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,44,89,.25)}.dark-mode .custom-switch.custom-switch-off-navy .custom-control-input~.custom-control-label::after{background-color:#000}.dark-mode .custom-switch.custom-switch-on-navy .custom-control-input:checked~.custom-control-label::before{background-color:#002c59;border-color:#000}.dark-mode .custom-switch.custom-switch-on-navy .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,44,89,.25)}.dark-mode .custom-switch.custom-switch-on-navy .custom-control-input:checked~.custom-control-label::after{background-color:#0077f2}.dark-mode .custom-switch.custom-switch-off-olive .custom-control-input~.custom-control-label::before{background-color:#74c8a3;border-color:#3d9970}.dark-mode .custom-switch.custom-switch-off-olive .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(116,200,163,.25)}.dark-mode .custom-switch.custom-switch-off-olive .custom-control-input~.custom-control-label::after{background-color:#368763}.dark-mode .custom-switch.custom-switch-on-olive .custom-control-input:checked~.custom-control-label::before{background-color:#74c8a3;border-color:#3d9970}.dark-mode .custom-switch.custom-switch-on-olive .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(116,200,163,.25)}.dark-mode .custom-switch.custom-switch-on-olive .custom-control-input:checked~.custom-control-label::after{background-color:#e2f3eb}.dark-mode .custom-switch.custom-switch-off-lime .custom-control-input~.custom-control-label::before{background-color:#67ffa9;border-color:#01ff70}.dark-mode .custom-switch.custom-switch-off-lime .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(103,255,169,.25)}.dark-mode .custom-switch.custom-switch-off-lime .custom-control-input~.custom-control-label::after{background-color:#00e765}.dark-mode .custom-switch.custom-switch-on-lime .custom-control-input:checked~.custom-control-label::before{background-color:#67ffa9;border-color:#01ff70}.dark-mode .custom-switch.custom-switch-on-lime .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(103,255,169,.25)}.dark-mode .custom-switch.custom-switch-on-lime .custom-control-input:checked~.custom-control-label::after{background-color:#fff}.dark-mode .custom-switch.custom-switch-off-fuchsia .custom-control-input~.custom-control-label::before{background-color:#f672d8;border-color:#f012be}.dark-mode .custom-switch.custom-switch-off-fuchsia .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(246,114,216,.25)}.dark-mode .custom-switch.custom-switch-off-fuchsia .custom-control-input~.custom-control-label::after{background-color:#db0ead}.dark-mode .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked~.custom-control-label::before{background-color:#f672d8;border-color:#f012be}.dark-mode .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(246,114,216,.25)}.dark-mode .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked~.custom-control-label::after{background-color:#fff}.dark-mode .custom-switch.custom-switch-off-maroon .custom-control-input~.custom-control-label::before{background-color:#ed6c9b;border-color:#d81b60}.dark-mode .custom-switch.custom-switch-off-maroon .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(237,108,155,.25)}.dark-mode .custom-switch.custom-switch-off-maroon .custom-control-input~.custom-control-label::after{background-color:#c11856}.dark-mode .custom-switch.custom-switch-on-maroon .custom-control-input:checked~.custom-control-label::before{background-color:#ed6c9b;border-color:#d81b60}.dark-mode .custom-switch.custom-switch-on-maroon .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(237,108,155,.25)}.dark-mode .custom-switch.custom-switch-on-maroon .custom-control-input:checked~.custom-control-label::after{background-color:#fef4f8}.dark-mode .custom-switch.custom-switch-off-blue .custom-control-input~.custom-control-label::before{background-color:#3f6791;border-color:#20344a}.dark-mode .custom-switch.custom-switch-off-blue .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(63,103,145,.25)}.dark-mode .custom-switch.custom-switch-off-blue .custom-control-input~.custom-control-label::after{background-color:#182838}.dark-mode .custom-switch.custom-switch-on-blue .custom-control-input:checked~.custom-control-label::before{background-color:#3f6791;border-color:#20344a}.dark-mode .custom-switch.custom-switch-on-blue .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(63,103,145,.25)}.dark-mode .custom-switch.custom-switch-on-blue .custom-control-input:checked~.custom-control-label::after{background-color:#97b4d2}.dark-mode .custom-switch.custom-switch-off-indigo .custom-control-input~.custom-control-label::before{background-color:#6610f2;border-color:#3d0894}.dark-mode .custom-switch.custom-switch-off-indigo .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(102,16,242,.25)}.dark-mode .custom-switch.custom-switch-off-indigo .custom-control-input~.custom-control-label::after{background-color:#33077c}.dark-mode .custom-switch.custom-switch-on-indigo .custom-control-input:checked~.custom-control-label::before{background-color:#6610f2;border-color:#3d0894}.dark-mode .custom-switch.custom-switch-on-indigo .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(102,16,242,.25)}.dark-mode .custom-switch.custom-switch-on-indigo .custom-control-input:checked~.custom-control-label::after{background-color:#c3a1fa}.dark-mode .custom-switch.custom-switch-off-purple .custom-control-input~.custom-control-label::before{background-color:#6f42c1;border-color:#432776}.dark-mode .custom-switch.custom-switch-off-purple .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(111,66,193,.25)}.dark-mode .custom-switch.custom-switch-off-purple .custom-control-input~.custom-control-label::after{background-color:#382063}.dark-mode .custom-switch.custom-switch-on-purple .custom-control-input:checked~.custom-control-label::before{background-color:#6f42c1;border-color:#432776}.dark-mode .custom-switch.custom-switch-on-purple .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(111,66,193,.25)}.dark-mode .custom-switch.custom-switch-on-purple .custom-control-input:checked~.custom-control-label::after{background-color:#c7b5e7}.dark-mode .custom-switch.custom-switch-off-pink .custom-control-input~.custom-control-label::before{background-color:#e83e8c;border-color:#ac145a}.dark-mode .custom-switch.custom-switch-off-pink .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(232,62,140,.25)}.dark-mode .custom-switch.custom-switch-off-pink .custom-control-input~.custom-control-label::after{background-color:#95124e}.dark-mode .custom-switch.custom-switch-on-pink .custom-control-input:checked~.custom-control-label::before{background-color:#e83e8c;border-color:#ac145a}.dark-mode .custom-switch.custom-switch-on-pink .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(232,62,140,.25)}.dark-mode .custom-switch.custom-switch-on-pink .custom-control-input:checked~.custom-control-label::after{background-color:#f8c7dd}.dark-mode .custom-switch.custom-switch-off-red .custom-control-input~.custom-control-label::before{background-color:#e74c3c;border-color:#a82315}.dark-mode .custom-switch.custom-switch-off-red .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(231,76,60,.25)}.dark-mode .custom-switch.custom-switch-off-red .custom-control-input~.custom-control-label::after{background-color:#921e12}.dark-mode .custom-switch.custom-switch-on-red .custom-control-input:checked~.custom-control-label::before{background-color:#e74c3c;border-color:#a82315}.dark-mode .custom-switch.custom-switch-on-red .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(231,76,60,.25)}.dark-mode .custom-switch.custom-switch-on-red .custom-control-input:checked~.custom-control-label::after{background-color:#f8c9c4}.dark-mode .custom-switch.custom-switch-off-orange .custom-control-input~.custom-control-label::before{background-color:#fd7e14;border-color:#aa4e01}.dark-mode .custom-switch.custom-switch-off-orange .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(253,126,20,.25)}.dark-mode .custom-switch.custom-switch-off-orange .custom-control-input~.custom-control-label::after{background-color:#904201}.dark-mode .custom-switch.custom-switch-on-orange .custom-control-input:checked~.custom-control-label::before{background-color:#fd7e14;border-color:#aa4e01}.dark-mode .custom-switch.custom-switch-on-orange .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(253,126,20,.25)}.dark-mode .custom-switch.custom-switch-on-orange .custom-control-input:checked~.custom-control-label::after{background-color:#fed1ac}.dark-mode .custom-switch.custom-switch-off-yellow .custom-control-input~.custom-control-label::before{background-color:#f39c12;border-color:#976008}.dark-mode .custom-switch.custom-switch-off-yellow .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(243,156,18,.25)}.dark-mode .custom-switch.custom-switch-off-yellow .custom-control-input~.custom-control-label::after{background-color:#7f5006}.dark-mode .custom-switch.custom-switch-on-yellow .custom-control-input:checked~.custom-control-label::before{background-color:#f39c12;border-color:#976008}.dark-mode .custom-switch.custom-switch-on-yellow .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(243,156,18,.25)}.dark-mode .custom-switch.custom-switch-on-yellow .custom-control-input:checked~.custom-control-label::after{background-color:#fad9a4}.dark-mode .custom-switch.custom-switch-off-green .custom-control-input~.custom-control-label::before{background-color:#00bc8c;border-color:#005640}.dark-mode .custom-switch.custom-switch-off-green .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,188,140,.25)}.dark-mode .custom-switch.custom-switch-off-green .custom-control-input~.custom-control-label::after{background-color:#003d2d}.dark-mode .custom-switch.custom-switch-on-green .custom-control-input:checked~.custom-control-label::before{background-color:#00bc8c;border-color:#005640}.dark-mode .custom-switch.custom-switch-on-green .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,188,140,.25)}.dark-mode .custom-switch.custom-switch-on-green .custom-control-input:checked~.custom-control-label::after{background-color:#56ffd4}.dark-mode .custom-switch.custom-switch-off-teal .custom-control-input~.custom-control-label::before{background-color:#20c997;border-color:#127155}.dark-mode .custom-switch.custom-switch-off-teal .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(32,201,151,.25)}.dark-mode .custom-switch.custom-switch-off-teal .custom-control-input~.custom-control-label::after{background-color:#0e5b44}.dark-mode .custom-switch.custom-switch-on-teal .custom-control-input:checked~.custom-control-label::before{background-color:#20c997;border-color:#127155}.dark-mode .custom-switch.custom-switch-on-teal .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(32,201,151,.25)}.dark-mode .custom-switch.custom-switch-on-teal .custom-control-input:checked~.custom-control-label::after{background-color:#94eed3}.dark-mode .custom-switch.custom-switch-off-cyan .custom-control-input~.custom-control-label::before{background-color:#3498db;border-color:#196090}.dark-mode .custom-switch.custom-switch-off-cyan .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,152,219,.25)}.dark-mode .custom-switch.custom-switch-off-cyan .custom-control-input~.custom-control-label::after{background-color:#16527a}.dark-mode .custom-switch.custom-switch-on-cyan .custom-control-input:checked~.custom-control-label::before{background-color:#3498db;border-color:#196090}.dark-mode .custom-switch.custom-switch-on-cyan .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,152,219,.25)}.dark-mode .custom-switch.custom-switch-on-cyan .custom-control-input:checked~.custom-control-label::after{background-color:#b6daf2}.dark-mode .custom-switch.custom-switch-off-white .custom-control-input~.custom-control-label::before{background-color:#fff;border-color:#ccc}.dark-mode .custom-switch.custom-switch-off-white .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(255,255,255,.25)}.dark-mode .custom-switch.custom-switch-off-white .custom-control-input~.custom-control-label::after{background-color:#bfbfbf}.dark-mode .custom-switch.custom-switch-on-white .custom-control-input:checked~.custom-control-label::before{background-color:#fff;border-color:#ccc}.dark-mode .custom-switch.custom-switch-on-white .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(255,255,255,.25)}.dark-mode .custom-switch.custom-switch-on-white .custom-control-input:checked~.custom-control-label::after{background-color:#fff}.dark-mode .custom-switch.custom-switch-off-gray .custom-control-input~.custom-control-label::before{background-color:#6c757d;border-color:#3d4246}.dark-mode .custom-switch.custom-switch-off-gray .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(108,117,125,.25)}.dark-mode .custom-switch.custom-switch-off-gray .custom-control-input~.custom-control-label::after{background-color:#313539}.dark-mode .custom-switch.custom-switch-on-gray .custom-control-input:checked~.custom-control-label::before{background-color:#6c757d;border-color:#3d4246}.dark-mode .custom-switch.custom-switch-on-gray .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(108,117,125,.25)}.dark-mode .custom-switch.custom-switch-on-gray .custom-control-input:checked~.custom-control-label::after{background-color:#bcc1c6}.dark-mode .custom-switch.custom-switch-off-gray-dark .custom-control-input~.custom-control-label::before{background-color:#343a40;border-color:#060708}.dark-mode .custom-switch.custom-switch-off-gray-dark .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,58,64,.25)}.dark-mode .custom-switch.custom-switch-off-gray-dark .custom-control-input~.custom-control-label::after{background-color:#000}.dark-mode .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked~.custom-control-label::before{background-color:#343a40;border-color:#060708}.dark-mode .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(52,58,64,.25)}.dark-mode .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked~.custom-control-label::after{background-color:#7a8793}.dark-mode .custom-control-input-primary:checked~.custom-control-label::before{border-color:#3f6791;background-color:#3f6791}.dark-mode .custom-control-input-primary.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233f6791' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-primary.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233f6791'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-primary:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(63,103,145,.25)}.dark-mode .custom-control-input-primary:focus:not(:checked)~.custom-control-label::before{border-color:#85a7ca}.dark-mode .custom-control-input-primary:not(:disabled):active~.custom-control-label::before{background-color:#a9c1da;border-color:#a9c1da}.dark-mode .custom-control-input-secondary:checked~.custom-control-label::before{border-color:#6c757d;background-color:#6c757d}.dark-mode .custom-control-input-secondary.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-secondary.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-secondary:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(108,117,125,.25)}.dark-mode .custom-control-input-secondary:focus:not(:checked)~.custom-control-label::before{border-color:#afb5ba}.dark-mode .custom-control-input-secondary:not(:disabled):active~.custom-control-label::before{background-color:#caced1;border-color:#caced1}.dark-mode .custom-control-input-success:checked~.custom-control-label::before{border-color:#00bc8c;background-color:#00bc8c}.dark-mode .custom-control-input-success.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2300bc8c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-success.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2300bc8c'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-success:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(0,188,140,.25)}.dark-mode .custom-control-input-success:focus:not(:checked)~.custom-control-label::before{border-color:#3dffcd}.dark-mode .custom-control-input-success:not(:disabled):active~.custom-control-label::before{background-color:#70ffda;border-color:#70ffda}.dark-mode .custom-control-input-info:checked~.custom-control-label::before{border-color:#3498db;background-color:#3498db}.dark-mode .custom-control-input-info.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233498db' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-info.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233498db'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-info:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(52,152,219,.25)}.dark-mode .custom-control-input-info:focus:not(:checked)~.custom-control-label::before{border-color:#a0cfee}.dark-mode .custom-control-input-info:not(:disabled):active~.custom-control-label::before{background-color:#cce5f6;border-color:#cce5f6}.dark-mode .custom-control-input-warning:checked~.custom-control-label::before{border-color:#f39c12;background-color:#f39c12}.dark-mode .custom-control-input-warning.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f39c12' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-warning.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f39c12'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-warning:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(243,156,18,.25)}.dark-mode .custom-control-input-warning:focus:not(:checked)~.custom-control-label::before{border-color:#f9cf8b}.dark-mode .custom-control-input-warning:not(:disabled):active~.custom-control-label::before{background-color:#fce3bc;border-color:#fce3bc}.dark-mode .custom-control-input-danger:checked~.custom-control-label::before{border-color:#e74c3c;background-color:#e74c3c}.dark-mode .custom-control-input-danger.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23e74c3c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-danger.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e74c3c'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-danger:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(231,76,60,.25)}.dark-mode .custom-control-input-danger:focus:not(:checked)~.custom-control-label::before{border-color:#f5b4ae}.dark-mode .custom-control-input-danger:not(:disabled):active~.custom-control-label::before{background-color:#fbdedb;border-color:#fbdedb}.dark-mode .custom-control-input-light:checked~.custom-control-label::before{border-color:#f8f9fa;background-color:#f8f9fa}.dark-mode .custom-control-input-light.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f8f9fa' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-light.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f8f9fa'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-light:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(248,249,250,.25)}.dark-mode .custom-control-input-light:focus:not(:checked)~.custom-control-label::before{border-color:#fff}.dark-mode .custom-control-input-light:not(:disabled):active~.custom-control-label::before{background-color:#fff;border-color:#fff}.dark-mode .custom-control-input-dark:checked~.custom-control-label::before{border-color:#343a40;background-color:#343a40}.dark-mode .custom-control-input-dark.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-dark.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-dark:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(52,58,64,.25)}.dark-mode .custom-control-input-dark:focus:not(:checked)~.custom-control-label::before{border-color:#6d7a86}.dark-mode .custom-control-input-dark:not(:disabled):active~.custom-control-label::before{background-color:#88939e;border-color:#88939e}.dark-mode .custom-control-input-lightblue:checked~.custom-control-label::before{border-color:#86bad8;background-color:#86bad8}.dark-mode .custom-control-input-lightblue.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2386bad8' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-lightblue.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2386bad8'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-lightblue:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(134,186,216,.25)}.dark-mode .custom-control-input-lightblue:focus:not(:checked)~.custom-control-label::before{border-color:#e6f1f7}.dark-mode .custom-control-input-lightblue:not(:disabled):active~.custom-control-label::before{background-color:#fff;border-color:#fff}.dark-mode .custom-control-input-navy:checked~.custom-control-label::before{border-color:#002c59;background-color:#002c59}.dark-mode .custom-control-input-navy.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23002c59' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-navy.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23002c59'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-navy:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(0,44,89,.25)}.dark-mode .custom-control-input-navy:focus:not(:checked)~.custom-control-label::before{border-color:#006ad8}.dark-mode .custom-control-input-navy:not(:disabled):active~.custom-control-label::before{background-color:#0c84ff;border-color:#0c84ff}.dark-mode .custom-control-input-olive:checked~.custom-control-label::before{border-color:#74c8a3;background-color:#74c8a3}.dark-mode .custom-control-input-olive.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2374c8a3' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-olive.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2374c8a3'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-olive:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(116,200,163,.25)}.dark-mode .custom-control-input-olive:focus:not(:checked)~.custom-control-label::before{border-color:#cfecdf}.dark-mode .custom-control-input-olive:not(:disabled):active~.custom-control-label::before{background-color:#f4fbf8;border-color:#f4fbf8}.dark-mode .custom-control-input-lime:checked~.custom-control-label::before{border-color:#67ffa9;background-color:#67ffa9}.dark-mode .custom-control-input-lime.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2367ffa9' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-lime.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2367ffa9'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-lime:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(103,255,169,.25)}.dark-mode .custom-control-input-lime:focus:not(:checked)~.custom-control-label::before{border-color:#e7fff1}.dark-mode .custom-control-input-lime:not(:disabled):active~.custom-control-label::before{background-color:#fff;border-color:#fff}.dark-mode .custom-control-input-fuchsia:checked~.custom-control-label::before{border-color:#f672d8;background-color:#f672d8}.dark-mode .custom-control-input-fuchsia.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f672d8' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-fuchsia.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f672d8'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-fuchsia:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(246,114,216,.25)}.dark-mode .custom-control-input-fuchsia:focus:not(:checked)~.custom-control-label::before{border-color:#feeaf9}.dark-mode .custom-control-input-fuchsia:not(:disabled):active~.custom-control-label::before{background-color:#fff;border-color:#fff}.dark-mode .custom-control-input-maroon:checked~.custom-control-label::before{border-color:#ed6c9b;background-color:#ed6c9b}.dark-mode .custom-control-input-maroon.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ed6c9b' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-maroon.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ed6c9b'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-maroon:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(237,108,155,.25)}.dark-mode .custom-control-input-maroon:focus:not(:checked)~.custom-control-label::before{border-color:#fbdee8}.dark-mode .custom-control-input-maroon:not(:disabled):active~.custom-control-label::before{background-color:#fff;border-color:#fff}.dark-mode .custom-control-input-blue:checked~.custom-control-label::before{border-color:#3f6791;background-color:#3f6791}.dark-mode .custom-control-input-blue.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233f6791' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-blue.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233f6791'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-blue:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(63,103,145,.25)}.dark-mode .custom-control-input-blue:focus:not(:checked)~.custom-control-label::before{border-color:#85a7ca}.dark-mode .custom-control-input-blue:not(:disabled):active~.custom-control-label::before{background-color:#a9c1da;border-color:#a9c1da}.dark-mode .custom-control-input-indigo:checked~.custom-control-label::before{border-color:#6610f2;background-color:#6610f2}.dark-mode .custom-control-input-indigo.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236610f2' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-indigo.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236610f2'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-indigo:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(102,16,242,.25)}.dark-mode .custom-control-input-indigo:focus:not(:checked)~.custom-control-label::before{border-color:#b389f9}.dark-mode .custom-control-input-indigo:not(:disabled):active~.custom-control-label::before{background-color:#d2b9fb;border-color:#d2b9fb}.dark-mode .custom-control-input-purple:checked~.custom-control-label::before{border-color:#6f42c1;background-color:#6f42c1}.dark-mode .custom-control-input-purple.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236f42c1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-purple.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236f42c1'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-purple:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(111,66,193,.25)}.dark-mode .custom-control-input-purple:focus:not(:checked)~.custom-control-label::before{border-color:#b8a2e0}.dark-mode .custom-control-input-purple:not(:disabled):active~.custom-control-label::before{background-color:#d5c8ed;border-color:#d5c8ed}.dark-mode .custom-control-input-pink:checked~.custom-control-label::before{border-color:#e83e8c;background-color:#e83e8c}.dark-mode .custom-control-input-pink.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23e83e8c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-pink.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e83e8c'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-pink:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(232,62,140,.25)}.dark-mode .custom-control-input-pink:focus:not(:checked)~.custom-control-label::before{border-color:#f6b0d0}.dark-mode .custom-control-input-pink:not(:disabled):active~.custom-control-label::before{background-color:#fbddeb;border-color:#fbddeb}.dark-mode .custom-control-input-red:checked~.custom-control-label::before{border-color:#e74c3c;background-color:#e74c3c}.dark-mode .custom-control-input-red.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23e74c3c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-red.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e74c3c'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-red:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(231,76,60,.25)}.dark-mode .custom-control-input-red:focus:not(:checked)~.custom-control-label::before{border-color:#f5b4ae}.dark-mode .custom-control-input-red:not(:disabled):active~.custom-control-label::before{background-color:#fbdedb;border-color:#fbdedb}.dark-mode .custom-control-input-orange:checked~.custom-control-label::before{border-color:#fd7e14;background-color:#fd7e14}.dark-mode .custom-control-input-orange.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fd7e14' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-orange.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fd7e14'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-orange:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(253,126,20,.25)}.dark-mode .custom-control-input-orange:focus:not(:checked)~.custom-control-label::before{border-color:#fec392}.dark-mode .custom-control-input-orange:not(:disabled):active~.custom-control-label::before{background-color:#ffdfc5;border-color:#ffdfc5}.dark-mode .custom-control-input-yellow:checked~.custom-control-label::before{border-color:#f39c12;background-color:#f39c12}.dark-mode .custom-control-input-yellow.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f39c12' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-yellow.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f39c12'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-yellow:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(243,156,18,.25)}.dark-mode .custom-control-input-yellow:focus:not(:checked)~.custom-control-label::before{border-color:#f9cf8b}.dark-mode .custom-control-input-yellow:not(:disabled):active~.custom-control-label::before{background-color:#fce3bc;border-color:#fce3bc}.dark-mode .custom-control-input-green:checked~.custom-control-label::before{border-color:#00bc8c;background-color:#00bc8c}.dark-mode .custom-control-input-green.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2300bc8c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-green.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2300bc8c'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-green:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(0,188,140,.25)}.dark-mode .custom-control-input-green:focus:not(:checked)~.custom-control-label::before{border-color:#3dffcd}.dark-mode .custom-control-input-green:not(:disabled):active~.custom-control-label::before{background-color:#70ffda;border-color:#70ffda}.dark-mode .custom-control-input-teal:checked~.custom-control-label::before{border-color:#20c997;background-color:#20c997}.dark-mode .custom-control-input-teal.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2320c997' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-teal.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2320c997'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-teal:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(32,201,151,.25)}.dark-mode .custom-control-input-teal:focus:not(:checked)~.custom-control-label::before{border-color:#7eeaca}.dark-mode .custom-control-input-teal:not(:disabled):active~.custom-control-label::before{background-color:#aaf1dc;border-color:#aaf1dc}.dark-mode .custom-control-input-cyan:checked~.custom-control-label::before{border-color:#3498db;background-color:#3498db}.dark-mode .custom-control-input-cyan.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233498db' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-cyan.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233498db'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-cyan:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(52,152,219,.25)}.dark-mode .custom-control-input-cyan:focus:not(:checked)~.custom-control-label::before{border-color:#a0cfee}.dark-mode .custom-control-input-cyan:not(:disabled):active~.custom-control-label::before{background-color:#cce5f6;border-color:#cce5f6}.dark-mode .custom-control-input-white:checked~.custom-control-label::before{border-color:#fff;background-color:#fff}.dark-mode .custom-control-input-white.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-white.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-white:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(255,255,255,.25)}.dark-mode .custom-control-input-white:focus:not(:checked)~.custom-control-label::before{border-color:#fff}.dark-mode .custom-control-input-white:not(:disabled):active~.custom-control-label::before{background-color:#fff;border-color:#fff}.dark-mode .custom-control-input-gray:checked~.custom-control-label::before{border-color:#6c757d;background-color:#6c757d}.dark-mode .custom-control-input-gray.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-gray.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-gray:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(108,117,125,.25)}.dark-mode .custom-control-input-gray:focus:not(:checked)~.custom-control-label::before{border-color:#afb5ba}.dark-mode .custom-control-input-gray:not(:disabled):active~.custom-control-label::before{background-color:#caced1;border-color:#caced1}.dark-mode .custom-control-input-gray-dark:checked~.custom-control-label::before{border-color:#343a40;background-color:#343a40}.dark-mode .custom-control-input-gray-dark.custom-control-input-outline:checked[type=checkbox]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-gray-dark.custom-control-input-outline:checked[type=radio]~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E")!important}.dark-mode .custom-control-input-gray-dark:focus~.custom-control-label::before{box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(52,58,64,.25)}.dark-mode .custom-control-input-gray-dark:focus:not(:checked)~.custom-control-label::before{border-color:#6d7a86}.dark-mode .custom-control-input-gray-dark:not(:disabled):active~.custom-control-label::before{background-color:#88939e;border-color:#88939e}.progress{box-shadow:none;border-radius:1px}.progress.vertical{display:inline-block;height:200px;margin-right:10px;position:relative;width:30px}.progress.vertical>.progress-bar{bottom:0;position:absolute;width:100%}.progress.vertical.progress-sm,.progress.vertical.sm{width:20px}.progress.vertical.progress-xs,.progress.vertical.xs{width:10px}.progress.vertical.progress-xxs,.progress.vertical.xxs{width:3px}.progress-group{margin-bottom:.5rem}.progress-sm{height:10px}.progress-xs{height:7px}.progress-xxs{height:3px}.table tr>td .progress{margin:0}.dark-mode .progress{background:#454d55}.card-primary:not(.card-outline)>.card-header{background-color:#007bff}.card-primary:not(.card-outline)>.card-header,.card-primary:not(.card-outline)>.card-header a{color:#fff}.card-primary:not(.card-outline)>.card-header a.active{color:#1f2d3d}.card-primary.card-outline{border-top:3px solid #007bff}.card-primary.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.card-primary.card-outline-tabs>.card-header a.active,.card-primary.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #007bff}.bg-gradient-primary>.card-header .btn-tool,.bg-primary>.card-header .btn-tool,.card-primary:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.bg-gradient-primary>.card-header .btn-tool:hover,.bg-primary>.card-header .btn-tool:hover,.card-primary:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table td,.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table th,.card.bg-primary .bootstrap-datetimepicker-widget .table td,.card.bg-primary .bootstrap-datetimepicker-widget .table th{border:none}.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gradient-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.card.bg-primary .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-primary .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-primary .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-primary .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#0067d6;color:#fff}.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.today::before,.card.bg-primary .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active,.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active:hover,.card.bg-primary .bootstrap-datetimepicker-widget table td.active,.card.bg-primary .bootstrap-datetimepicker-widget table td.active:hover{background-color:#3395ff;color:#fff}.card-secondary:not(.card-outline)>.card-header{background-color:#6c757d}.card-secondary:not(.card-outline)>.card-header,.card-secondary:not(.card-outline)>.card-header a{color:#fff}.card-secondary:not(.card-outline)>.card-header a.active{color:#1f2d3d}.card-secondary.card-outline{border-top:3px solid #6c757d}.card-secondary.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.card-secondary.card-outline-tabs>.card-header a.active,.card-secondary.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #6c757d}.bg-gradient-secondary>.card-header .btn-tool,.bg-secondary>.card-header .btn-tool,.card-secondary:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.bg-gradient-secondary>.card-header .btn-tool:hover,.bg-secondary>.card-header .btn-tool:hover,.card-secondary:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table td,.card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table th,.card.bg-secondary .bootstrap-datetimepicker-widget .table td,.card.bg-secondary .bootstrap-datetimepicker-widget .table th{border:none}.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.card.bg-secondary .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-secondary .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-secondary .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-secondary .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#596167;color:#fff}.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.today::before,.card.bg-secondary .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active,.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active:hover,.card.bg-secondary .bootstrap-datetimepicker-widget table td.active,.card.bg-secondary .bootstrap-datetimepicker-widget table td.active:hover{background-color:#868e96;color:#fff}.card-success:not(.card-outline)>.card-header{background-color:#28a745}.card-success:not(.card-outline)>.card-header,.card-success:not(.card-outline)>.card-header a{color:#fff}.card-success:not(.card-outline)>.card-header a.active{color:#1f2d3d}.card-success.card-outline{border-top:3px solid #28a745}.card-success.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.card-success.card-outline-tabs>.card-header a.active,.card-success.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #28a745}.bg-gradient-success>.card-header .btn-tool,.bg-success>.card-header .btn-tool,.card-success:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.bg-gradient-success>.card-header .btn-tool:hover,.bg-success>.card-header .btn-tool:hover,.card-success:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.card.bg-gradient-success .bootstrap-datetimepicker-widget .table td,.card.bg-gradient-success .bootstrap-datetimepicker-widget .table th,.card.bg-success .bootstrap-datetimepicker-widget .table td,.card.bg-success .bootstrap-datetimepicker-widget .table th{border:none}.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gradient-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.card.bg-success .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-success .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-success .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-success .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#208637;color:#fff}.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.today::before,.card.bg-success .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active,.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active:hover,.card.bg-success .bootstrap-datetimepicker-widget table td.active,.card.bg-success .bootstrap-datetimepicker-widget table td.active:hover{background-color:#34ce57;color:#fff}.card-info:not(.card-outline)>.card-header{background-color:#17a2b8}.card-info:not(.card-outline)>.card-header,.card-info:not(.card-outline)>.card-header a{color:#fff}.card-info:not(.card-outline)>.card-header a.active{color:#1f2d3d}.card-info.card-outline{border-top:3px solid #17a2b8}.card-info.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.card-info.card-outline-tabs>.card-header a.active,.card-info.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #17a2b8}.bg-gradient-info>.card-header .btn-tool,.bg-info>.card-header .btn-tool,.card-info:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.bg-gradient-info>.card-header .btn-tool:hover,.bg-info>.card-header .btn-tool:hover,.card-info:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.card.bg-gradient-info .bootstrap-datetimepicker-widget .table td,.card.bg-gradient-info .bootstrap-datetimepicker-widget .table th,.card.bg-info .bootstrap-datetimepicker-widget .table td,.card.bg-info .bootstrap-datetimepicker-widget .table th{border:none}.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gradient-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.card.bg-info .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-info .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-info .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-info .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#128294;color:#fff}.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.today::before,.card.bg-info .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active,.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active:hover,.card.bg-info .bootstrap-datetimepicker-widget table td.active,.card.bg-info .bootstrap-datetimepicker-widget table td.active:hover{background-color:#1fc8e3;color:#fff}.card-warning:not(.card-outline)>.card-header{background-color:#ffc107}.card-warning:not(.card-outline)>.card-header,.card-warning:not(.card-outline)>.card-header a{color:#1f2d3d}.card-warning:not(.card-outline)>.card-header a.active{color:#1f2d3d}.card-warning.card-outline{border-top:3px solid #ffc107}.card-warning.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.card-warning.card-outline-tabs>.card-header a.active,.card-warning.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #ffc107}.bg-gradient-warning>.card-header .btn-tool,.bg-warning>.card-header .btn-tool,.card-warning:not(.card-outline)>.card-header .btn-tool{color:rgba(31,45,61,.8)}.bg-gradient-warning>.card-header .btn-tool:hover,.bg-warning>.card-header .btn-tool:hover,.card-warning:not(.card-outline)>.card-header .btn-tool:hover{color:#1f2d3d}.card.bg-gradient-warning .bootstrap-datetimepicker-widget .table td,.card.bg-gradient-warning .bootstrap-datetimepicker-widget .table th,.card.bg-warning .bootstrap-datetimepicker-widget .table td,.card.bg-warning .bootstrap-datetimepicker-widget .table th{border:none}.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gradient-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.card.bg-warning .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-warning .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-warning .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-warning .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#dda600;color:#1f2d3d}.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.today::before,.card.bg-warning .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#1f2d3d}.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active,.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active:hover,.card.bg-warning .bootstrap-datetimepicker-widget table td.active,.card.bg-warning .bootstrap-datetimepicker-widget table td.active:hover{background-color:#ffce3a;color:#1f2d3d}.card-danger:not(.card-outline)>.card-header{background-color:#dc3545}.card-danger:not(.card-outline)>.card-header,.card-danger:not(.card-outline)>.card-header a{color:#fff}.card-danger:not(.card-outline)>.card-header a.active{color:#1f2d3d}.card-danger.card-outline{border-top:3px solid #dc3545}.card-danger.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.card-danger.card-outline-tabs>.card-header a.active,.card-danger.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #dc3545}.bg-danger>.card-header .btn-tool,.bg-gradient-danger>.card-header .btn-tool,.card-danger:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.bg-danger>.card-header .btn-tool:hover,.bg-gradient-danger>.card-header .btn-tool:hover,.card-danger:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.card.bg-danger .bootstrap-datetimepicker-widget .table td,.card.bg-danger .bootstrap-datetimepicker-widget .table th,.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table td,.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table th{border:none}.card.bg-danger .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-danger .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-danger .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-danger .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gradient-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#c62232;color:#fff}.card.bg-danger .bootstrap-datetimepicker-widget table td.today::before,.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.card.bg-danger .bootstrap-datetimepicker-widget table td.active,.card.bg-danger .bootstrap-datetimepicker-widget table td.active:hover,.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active,.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active:hover{background-color:#e4606d;color:#fff}.card-light:not(.card-outline)>.card-header{background-color:#f8f9fa}.card-light:not(.card-outline)>.card-header,.card-light:not(.card-outline)>.card-header a{color:#1f2d3d}.card-light:not(.card-outline)>.card-header a.active{color:#1f2d3d}.card-light.card-outline{border-top:3px solid #f8f9fa}.card-light.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.card-light.card-outline-tabs>.card-header a.active,.card-light.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #f8f9fa}.bg-gradient-light>.card-header .btn-tool,.bg-light>.card-header .btn-tool,.card-light:not(.card-outline)>.card-header .btn-tool{color:rgba(31,45,61,.8)}.bg-gradient-light>.card-header .btn-tool:hover,.bg-light>.card-header .btn-tool:hover,.card-light:not(.card-outline)>.card-header .btn-tool:hover{color:#1f2d3d}.card.bg-gradient-light .bootstrap-datetimepicker-widget .table td,.card.bg-gradient-light .bootstrap-datetimepicker-widget .table th,.card.bg-light .bootstrap-datetimepicker-widget .table td,.card.bg-light .bootstrap-datetimepicker-widget .table th{border:none}.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gradient-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.card.bg-light .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-light .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-light .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-light .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#e0e5e9;color:#1f2d3d}.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.today::before,.card.bg-light .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#1f2d3d}.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active,.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active:hover,.card.bg-light .bootstrap-datetimepicker-widget table td.active,.card.bg-light .bootstrap-datetimepicker-widget table td.active:hover{background-color:#fff;color:#1f2d3d}.card-dark:not(.card-outline)>.card-header{background-color:#343a40}.card-dark:not(.card-outline)>.card-header,.card-dark:not(.card-outline)>.card-header a{color:#fff}.card-dark:not(.card-outline)>.card-header a.active{color:#1f2d3d}.card-dark.card-outline{border-top:3px solid #343a40}.card-dark.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.card-dark.card-outline-tabs>.card-header a.active,.card-dark.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #343a40}.bg-dark>.card-header .btn-tool,.bg-gradient-dark>.card-header .btn-tool,.card-dark:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.bg-dark>.card-header .btn-tool:hover,.bg-gradient-dark>.card-header .btn-tool:hover,.card-dark:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.card.bg-dark .bootstrap-datetimepicker-widget .table td,.card.bg-dark .bootstrap-datetimepicker-widget .table th,.card.bg-gradient-dark .bootstrap-datetimepicker-widget .table td,.card.bg-gradient-dark .bootstrap-datetimepicker-widget .table th{border:none}.card.bg-dark .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-dark .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-dark .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-dark .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gradient-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#222629;color:#fff}.card.bg-dark .bootstrap-datetimepicker-widget table td.today::before,.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.card.bg-dark .bootstrap-datetimepicker-widget table td.active,.card.bg-dark .bootstrap-datetimepicker-widget table td.active:hover,.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active,.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active:hover{background-color:#4b545c;color:#fff}.card-lightblue:not(.card-outline)>.card-header{background-color:#3c8dbc}.card-lightblue:not(.card-outline)>.card-header,.card-lightblue:not(.card-outline)>.card-header a{color:#fff}.card-lightblue:not(.card-outline)>.card-header a.active{color:#1f2d3d}.card-lightblue.card-outline{border-top:3px solid #3c8dbc}.card-lightblue.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.card-lightblue.card-outline-tabs>.card-header a.active,.card-lightblue.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #3c8dbc}.bg-gradient-lightblue>.card-header .btn-tool,.bg-lightblue>.card-header .btn-tool,.card-lightblue:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.bg-gradient-lightblue>.card-header .btn-tool:hover,.bg-lightblue>.card-header .btn-tool:hover,.card-lightblue:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table td,.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table th,.card.bg-lightblue .bootstrap-datetimepicker-widget .table td,.card.bg-lightblue .bootstrap-datetimepicker-widget .table th{border:none}.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.card.bg-lightblue .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-lightblue .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#32769d;color:#fff}.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.today::before,.card.bg-lightblue .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active,.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active:hover,.card.bg-lightblue .bootstrap-datetimepicker-widget table td.active,.card.bg-lightblue .bootstrap-datetimepicker-widget table td.active:hover{background-color:#5fa4cc;color:#fff}.card-navy:not(.card-outline)>.card-header{background-color:#001f3f}.card-navy:not(.card-outline)>.card-header,.card-navy:not(.card-outline)>.card-header a{color:#fff}.card-navy:not(.card-outline)>.card-header a.active{color:#1f2d3d}.card-navy.card-outline{border-top:3px solid #001f3f}.card-navy.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.card-navy.card-outline-tabs>.card-header a.active,.card-navy.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #001f3f}.bg-gradient-navy>.card-header .btn-tool,.bg-navy>.card-header .btn-tool,.card-navy:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.bg-gradient-navy>.card-header .btn-tool:hover,.bg-navy>.card-header .btn-tool:hover,.card-navy:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.card.bg-gradient-navy .bootstrap-datetimepicker-widget .table td,.card.bg-gradient-navy .bootstrap-datetimepicker-widget .table th,.card.bg-navy .bootstrap-datetimepicker-widget .table td,.card.bg-navy .bootstrap-datetimepicker-widget .table th{border:none}.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gradient-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.card.bg-navy .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-navy .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-navy .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-navy .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#000b16;color:#fff}.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.today::before,.card.bg-navy .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active,.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active:hover,.card.bg-navy .bootstrap-datetimepicker-widget table td.active,.card.bg-navy .bootstrap-datetimepicker-widget table td.active:hover{background-color:#003872;color:#fff}.card-olive:not(.card-outline)>.card-header{background-color:#3d9970}.card-olive:not(.card-outline)>.card-header,.card-olive:not(.card-outline)>.card-header a{color:#fff}.card-olive:not(.card-outline)>.card-header a.active{color:#1f2d3d}.card-olive.card-outline{border-top:3px solid #3d9970}.card-olive.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.card-olive.card-outline-tabs>.card-header a.active,.card-olive.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #3d9970}.bg-gradient-olive>.card-header .btn-tool,.bg-olive>.card-header .btn-tool,.card-olive:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.bg-gradient-olive>.card-header .btn-tool:hover,.bg-olive>.card-header .btn-tool:hover,.card-olive:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.card.bg-gradient-olive .bootstrap-datetimepicker-widget .table td,.card.bg-gradient-olive .bootstrap-datetimepicker-widget .table th,.card.bg-olive .bootstrap-datetimepicker-widget .table td,.card.bg-olive .bootstrap-datetimepicker-widget .table th{border:none}.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gradient-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.card.bg-olive .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-olive .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-olive .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-olive .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#317c5b;color:#fff}.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.today::before,.card.bg-olive .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active,.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active:hover,.card.bg-olive .bootstrap-datetimepicker-widget table td.active,.card.bg-olive .bootstrap-datetimepicker-widget table td.active:hover{background-color:#50b98a;color:#fff}.card-lime:not(.card-outline)>.card-header{background-color:#01ff70}.card-lime:not(.card-outline)>.card-header,.card-lime:not(.card-outline)>.card-header a{color:#1f2d3d}.card-lime:not(.card-outline)>.card-header a.active{color:#1f2d3d}.card-lime.card-outline{border-top:3px solid #01ff70}.card-lime.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.card-lime.card-outline-tabs>.card-header a.active,.card-lime.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #01ff70}.bg-gradient-lime>.card-header .btn-tool,.bg-lime>.card-header .btn-tool,.card-lime:not(.card-outline)>.card-header .btn-tool{color:rgba(31,45,61,.8)}.bg-gradient-lime>.card-header .btn-tool:hover,.bg-lime>.card-header .btn-tool:hover,.card-lime:not(.card-outline)>.card-header .btn-tool:hover{color:#1f2d3d}.card.bg-gradient-lime .bootstrap-datetimepicker-widget .table td,.card.bg-gradient-lime .bootstrap-datetimepicker-widget .table th,.card.bg-lime .bootstrap-datetimepicker-widget .table td,.card.bg-lime .bootstrap-datetimepicker-widget .table th{border:none}.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gradient-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.card.bg-lime .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-lime .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-lime .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-lime .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#00d75e;color:#1f2d3d}.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.today::before,.card.bg-lime .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#1f2d3d}.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active,.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active:hover,.card.bg-lime .bootstrap-datetimepicker-widget table td.active,.card.bg-lime .bootstrap-datetimepicker-widget table td.active:hover{background-color:#34ff8d;color:#1f2d3d}.card-fuchsia:not(.card-outline)>.card-header{background-color:#f012be}.card-fuchsia:not(.card-outline)>.card-header,.card-fuchsia:not(.card-outline)>.card-header a{color:#fff}.card-fuchsia:not(.card-outline)>.card-header a.active{color:#1f2d3d}.card-fuchsia.card-outline{border-top:3px solid #f012be}.card-fuchsia.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.card-fuchsia.card-outline-tabs>.card-header a.active,.card-fuchsia.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #f012be}.bg-fuchsia>.card-header .btn-tool,.bg-gradient-fuchsia>.card-header .btn-tool,.card-fuchsia:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.bg-fuchsia>.card-header .btn-tool:hover,.bg-gradient-fuchsia>.card-header .btn-tool:hover,.card-fuchsia:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.card.bg-fuchsia .bootstrap-datetimepicker-widget .table td,.card.bg-fuchsia .bootstrap-datetimepicker-widget .table th,.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table td,.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table th{border:none}.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#cc0da1;color:#fff}.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.today::before,.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active,.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active:hover,.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active,.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active:hover{background-color:#f342cb;color:#fff}.card-maroon:not(.card-outline)>.card-header{background-color:#d81b60}.card-maroon:not(.card-outline)>.card-header,.card-maroon:not(.card-outline)>.card-header a{color:#fff}.card-maroon:not(.card-outline)>.card-header a.active{color:#1f2d3d}.card-maroon.card-outline{border-top:3px solid #d81b60}.card-maroon.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.card-maroon.card-outline-tabs>.card-header a.active,.card-maroon.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #d81b60}.bg-gradient-maroon>.card-header .btn-tool,.bg-maroon>.card-header .btn-tool,.card-maroon:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.bg-gradient-maroon>.card-header .btn-tool:hover,.bg-maroon>.card-header .btn-tool:hover,.card-maroon:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table td,.card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table th,.card.bg-maroon .bootstrap-datetimepicker-widget .table td,.card.bg-maroon .bootstrap-datetimepicker-widget .table th{border:none}.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.card.bg-maroon .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-maroon .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-maroon .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-maroon .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#b41650;color:#fff}.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.today::before,.card.bg-maroon .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active,.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active:hover,.card.bg-maroon .bootstrap-datetimepicker-widget table td.active,.card.bg-maroon .bootstrap-datetimepicker-widget table td.active:hover{background-color:#e73f7c;color:#fff}.card-blue:not(.card-outline)>.card-header{background-color:#007bff}.card-blue:not(.card-outline)>.card-header,.card-blue:not(.card-outline)>.card-header a{color:#fff}.card-blue:not(.card-outline)>.card-header a.active{color:#1f2d3d}.card-blue.card-outline{border-top:3px solid #007bff}.card-blue.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.card-blue.card-outline-tabs>.card-header a.active,.card-blue.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #007bff}.bg-blue>.card-header .btn-tool,.bg-gradient-blue>.card-header .btn-tool,.card-blue:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.bg-blue>.card-header .btn-tool:hover,.bg-gradient-blue>.card-header .btn-tool:hover,.card-blue:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.card.bg-blue .bootstrap-datetimepicker-widget .table td,.card.bg-blue .bootstrap-datetimepicker-widget .table th,.card.bg-gradient-blue .bootstrap-datetimepicker-widget .table td,.card.bg-gradient-blue .bootstrap-datetimepicker-widget .table th{border:none}.card.bg-blue .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-blue .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-blue .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-blue .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gradient-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#0067d6;color:#fff}.card.bg-blue .bootstrap-datetimepicker-widget table td.today::before,.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.card.bg-blue .bootstrap-datetimepicker-widget table td.active,.card.bg-blue .bootstrap-datetimepicker-widget table td.active:hover,.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active,.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active:hover{background-color:#3395ff;color:#fff}.card-indigo:not(.card-outline)>.card-header{background-color:#6610f2}.card-indigo:not(.card-outline)>.card-header,.card-indigo:not(.card-outline)>.card-header a{color:#fff}.card-indigo:not(.card-outline)>.card-header a.active{color:#1f2d3d}.card-indigo.card-outline{border-top:3px solid #6610f2}.card-indigo.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.card-indigo.card-outline-tabs>.card-header a.active,.card-indigo.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #6610f2}.bg-gradient-indigo>.card-header .btn-tool,.bg-indigo>.card-header .btn-tool,.card-indigo:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.bg-gradient-indigo>.card-header .btn-tool:hover,.bg-indigo>.card-header .btn-tool:hover,.card-indigo:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table td,.card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table th,.card.bg-indigo .bootstrap-datetimepicker-widget .table td,.card.bg-indigo .bootstrap-datetimepicker-widget .table th{border:none}.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.card.bg-indigo .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-indigo .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-indigo .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-indigo .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#550bce;color:#fff}.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.today::before,.card.bg-indigo .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active,.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active:hover,.card.bg-indigo .bootstrap-datetimepicker-widget table td.active,.card.bg-indigo .bootstrap-datetimepicker-widget table td.active:hover{background-color:#8540f5;color:#fff}.card-purple:not(.card-outline)>.card-header{background-color:#6f42c1}.card-purple:not(.card-outline)>.card-header,.card-purple:not(.card-outline)>.card-header a{color:#fff}.card-purple:not(.card-outline)>.card-header a.active{color:#1f2d3d}.card-purple.card-outline{border-top:3px solid #6f42c1}.card-purple.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.card-purple.card-outline-tabs>.card-header a.active,.card-purple.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #6f42c1}.bg-gradient-purple>.card-header .btn-tool,.bg-purple>.card-header .btn-tool,.card-purple:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.bg-gradient-purple>.card-header .btn-tool:hover,.bg-purple>.card-header .btn-tool:hover,.card-purple:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.card.bg-gradient-purple .bootstrap-datetimepicker-widget .table td,.card.bg-gradient-purple .bootstrap-datetimepicker-widget .table th,.card.bg-purple .bootstrap-datetimepicker-widget .table td,.card.bg-purple .bootstrap-datetimepicker-widget .table th{border:none}.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gradient-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.card.bg-purple .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-purple .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-purple .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-purple .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#5d36a4;color:#fff}.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.today::before,.card.bg-purple .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active,.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active:hover,.card.bg-purple .bootstrap-datetimepicker-widget table td.active,.card.bg-purple .bootstrap-datetimepicker-widget table td.active:hover{background-color:#8c68ce;color:#fff}.card-pink:not(.card-outline)>.card-header{background-color:#e83e8c}.card-pink:not(.card-outline)>.card-header,.card-pink:not(.card-outline)>.card-header a{color:#fff}.card-pink:not(.card-outline)>.card-header a.active{color:#1f2d3d}.card-pink.card-outline{border-top:3px solid #e83e8c}.card-pink.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.card-pink.card-outline-tabs>.card-header a.active,.card-pink.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #e83e8c}.bg-gradient-pink>.card-header .btn-tool,.bg-pink>.card-header .btn-tool,.card-pink:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.bg-gradient-pink>.card-header .btn-tool:hover,.bg-pink>.card-header .btn-tool:hover,.card-pink:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.card.bg-gradient-pink .bootstrap-datetimepicker-widget .table td,.card.bg-gradient-pink .bootstrap-datetimepicker-widget .table th,.card.bg-pink .bootstrap-datetimepicker-widget .table td,.card.bg-pink .bootstrap-datetimepicker-widget .table th{border:none}.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gradient-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.card.bg-pink .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-pink .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-pink .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-pink .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#e21b76;color:#fff}.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.today::before,.card.bg-pink .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active,.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active:hover,.card.bg-pink .bootstrap-datetimepicker-widget table td.active,.card.bg-pink .bootstrap-datetimepicker-widget table td.active:hover{background-color:#ed6ca7;color:#fff}.card-red:not(.card-outline)>.card-header{background-color:#dc3545}.card-red:not(.card-outline)>.card-header,.card-red:not(.card-outline)>.card-header a{color:#fff}.card-red:not(.card-outline)>.card-header a.active{color:#1f2d3d}.card-red.card-outline{border-top:3px solid #dc3545}.card-red.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.card-red.card-outline-tabs>.card-header a.active,.card-red.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #dc3545}.bg-gradient-red>.card-header .btn-tool,.bg-red>.card-header .btn-tool,.card-red:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.bg-gradient-red>.card-header .btn-tool:hover,.bg-red>.card-header .btn-tool:hover,.card-red:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.card.bg-gradient-red .bootstrap-datetimepicker-widget .table td,.card.bg-gradient-red .bootstrap-datetimepicker-widget .table th,.card.bg-red .bootstrap-datetimepicker-widget .table td,.card.bg-red .bootstrap-datetimepicker-widget .table th{border:none}.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gradient-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.card.bg-red .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-red .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-red .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-red .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#c62232;color:#fff}.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.today::before,.card.bg-red .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active,.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active:hover,.card.bg-red .bootstrap-datetimepicker-widget table td.active,.card.bg-red .bootstrap-datetimepicker-widget table td.active:hover{background-color:#e4606d;color:#fff}.card-orange:not(.card-outline)>.card-header{background-color:#fd7e14}.card-orange:not(.card-outline)>.card-header,.card-orange:not(.card-outline)>.card-header a{color:#1f2d3d}.card-orange:not(.card-outline)>.card-header a.active{color:#1f2d3d}.card-orange.card-outline{border-top:3px solid #fd7e14}.card-orange.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.card-orange.card-outline-tabs>.card-header a.active,.card-orange.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #fd7e14}.bg-gradient-orange>.card-header .btn-tool,.bg-orange>.card-header .btn-tool,.card-orange:not(.card-outline)>.card-header .btn-tool{color:rgba(31,45,61,.8)}.bg-gradient-orange>.card-header .btn-tool:hover,.bg-orange>.card-header .btn-tool:hover,.card-orange:not(.card-outline)>.card-header .btn-tool:hover{color:#1f2d3d}.card.bg-gradient-orange .bootstrap-datetimepicker-widget .table td,.card.bg-gradient-orange .bootstrap-datetimepicker-widget .table th,.card.bg-orange .bootstrap-datetimepicker-widget .table td,.card.bg-orange .bootstrap-datetimepicker-widget .table th{border:none}.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gradient-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.card.bg-orange .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-orange .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-orange .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-orange .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#e66a02;color:#1f2d3d}.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.today::before,.card.bg-orange .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#1f2d3d}.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active,.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active:hover,.card.bg-orange .bootstrap-datetimepicker-widget table td.active,.card.bg-orange .bootstrap-datetimepicker-widget table td.active:hover{background-color:#fd9a47;color:#1f2d3d}.card-yellow:not(.card-outline)>.card-header{background-color:#ffc107}.card-yellow:not(.card-outline)>.card-header,.card-yellow:not(.card-outline)>.card-header a{color:#1f2d3d}.card-yellow:not(.card-outline)>.card-header a.active{color:#1f2d3d}.card-yellow.card-outline{border-top:3px solid #ffc107}.card-yellow.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.card-yellow.card-outline-tabs>.card-header a.active,.card-yellow.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #ffc107}.bg-gradient-yellow>.card-header .btn-tool,.bg-yellow>.card-header .btn-tool,.card-yellow:not(.card-outline)>.card-header .btn-tool{color:rgba(31,45,61,.8)}.bg-gradient-yellow>.card-header .btn-tool:hover,.bg-yellow>.card-header .btn-tool:hover,.card-yellow:not(.card-outline)>.card-header .btn-tool:hover{color:#1f2d3d}.card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table td,.card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table th,.card.bg-yellow .bootstrap-datetimepicker-widget .table td,.card.bg-yellow .bootstrap-datetimepicker-widget .table th{border:none}.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.card.bg-yellow .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-yellow .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-yellow .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-yellow .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#dda600;color:#1f2d3d}.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.today::before,.card.bg-yellow .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#1f2d3d}.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active,.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active:hover,.card.bg-yellow .bootstrap-datetimepicker-widget table td.active,.card.bg-yellow .bootstrap-datetimepicker-widget table td.active:hover{background-color:#ffce3a;color:#1f2d3d}.card-green:not(.card-outline)>.card-header{background-color:#28a745}.card-green:not(.card-outline)>.card-header,.card-green:not(.card-outline)>.card-header a{color:#fff}.card-green:not(.card-outline)>.card-header a.active{color:#1f2d3d}.card-green.card-outline{border-top:3px solid #28a745}.card-green.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.card-green.card-outline-tabs>.card-header a.active,.card-green.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #28a745}.bg-gradient-green>.card-header .btn-tool,.bg-green>.card-header .btn-tool,.card-green:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.bg-gradient-green>.card-header .btn-tool:hover,.bg-green>.card-header .btn-tool:hover,.card-green:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.card.bg-gradient-green .bootstrap-datetimepicker-widget .table td,.card.bg-gradient-green .bootstrap-datetimepicker-widget .table th,.card.bg-green .bootstrap-datetimepicker-widget .table td,.card.bg-green .bootstrap-datetimepicker-widget .table th{border:none}.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gradient-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.card.bg-green .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-green .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-green .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-green .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#208637;color:#fff}.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.today::before,.card.bg-green .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active,.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active:hover,.card.bg-green .bootstrap-datetimepicker-widget table td.active,.card.bg-green .bootstrap-datetimepicker-widget table td.active:hover{background-color:#34ce57;color:#fff}.card-teal:not(.card-outline)>.card-header{background-color:#20c997}.card-teal:not(.card-outline)>.card-header,.card-teal:not(.card-outline)>.card-header a{color:#fff}.card-teal:not(.card-outline)>.card-header a.active{color:#1f2d3d}.card-teal.card-outline{border-top:3px solid #20c997}.card-teal.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.card-teal.card-outline-tabs>.card-header a.active,.card-teal.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #20c997}.bg-gradient-teal>.card-header .btn-tool,.bg-teal>.card-header .btn-tool,.card-teal:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.bg-gradient-teal>.card-header .btn-tool:hover,.bg-teal>.card-header .btn-tool:hover,.card-teal:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.card.bg-gradient-teal .bootstrap-datetimepicker-widget .table td,.card.bg-gradient-teal .bootstrap-datetimepicker-widget .table th,.card.bg-teal .bootstrap-datetimepicker-widget .table td,.card.bg-teal .bootstrap-datetimepicker-widget .table th{border:none}.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gradient-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.card.bg-teal .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-teal .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-teal .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-teal .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#1aa67d;color:#fff}.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.today::before,.card.bg-teal .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active,.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active:hover,.card.bg-teal .bootstrap-datetimepicker-widget table td.active,.card.bg-teal .bootstrap-datetimepicker-widget table td.active:hover{background-color:#3ce0af;color:#fff}.card-cyan:not(.card-outline)>.card-header{background-color:#17a2b8}.card-cyan:not(.card-outline)>.card-header,.card-cyan:not(.card-outline)>.card-header a{color:#fff}.card-cyan:not(.card-outline)>.card-header a.active{color:#1f2d3d}.card-cyan.card-outline{border-top:3px solid #17a2b8}.card-cyan.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.card-cyan.card-outline-tabs>.card-header a.active,.card-cyan.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #17a2b8}.bg-cyan>.card-header .btn-tool,.bg-gradient-cyan>.card-header .btn-tool,.card-cyan:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.bg-cyan>.card-header .btn-tool:hover,.bg-gradient-cyan>.card-header .btn-tool:hover,.card-cyan:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.card.bg-cyan .bootstrap-datetimepicker-widget .table td,.card.bg-cyan .bootstrap-datetimepicker-widget .table th,.card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table td,.card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table th{border:none}.card.bg-cyan .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-cyan .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-cyan .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-cyan .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#128294;color:#fff}.card.bg-cyan .bootstrap-datetimepicker-widget table td.today::before,.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.card.bg-cyan .bootstrap-datetimepicker-widget table td.active,.card.bg-cyan .bootstrap-datetimepicker-widget table td.active:hover,.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active,.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active:hover{background-color:#1fc8e3;color:#fff}.card-white:not(.card-outline)>.card-header{background-color:#fff}.card-white:not(.card-outline)>.card-header,.card-white:not(.card-outline)>.card-header a{color:#1f2d3d}.card-white:not(.card-outline)>.card-header a.active{color:#1f2d3d}.card-white.card-outline{border-top:3px solid #fff}.card-white.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.card-white.card-outline-tabs>.card-header a.active,.card-white.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #fff}.bg-gradient-white>.card-header .btn-tool,.bg-white>.card-header .btn-tool,.card-white:not(.card-outline)>.card-header .btn-tool{color:rgba(31,45,61,.8)}.bg-gradient-white>.card-header .btn-tool:hover,.bg-white>.card-header .btn-tool:hover,.card-white:not(.card-outline)>.card-header .btn-tool:hover{color:#1f2d3d}.card.bg-gradient-white .bootstrap-datetimepicker-widget .table td,.card.bg-gradient-white .bootstrap-datetimepicker-widget .table th,.card.bg-white .bootstrap-datetimepicker-widget .table td,.card.bg-white .bootstrap-datetimepicker-widget .table th{border:none}.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gradient-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.card.bg-white .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-white .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-white .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-white .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#ebebeb;color:#1f2d3d}.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.today::before,.card.bg-white .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#1f2d3d}.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active,.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active:hover,.card.bg-white .bootstrap-datetimepicker-widget table td.active,.card.bg-white .bootstrap-datetimepicker-widget table td.active:hover{background-color:#fff;color:#1f2d3d}.card-gray:not(.card-outline)>.card-header{background-color:#6c757d}.card-gray:not(.card-outline)>.card-header,.card-gray:not(.card-outline)>.card-header a{color:#fff}.card-gray:not(.card-outline)>.card-header a.active{color:#1f2d3d}.card-gray.card-outline{border-top:3px solid #6c757d}.card-gray.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.card-gray.card-outline-tabs>.card-header a.active,.card-gray.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #6c757d}.bg-gradient-gray>.card-header .btn-tool,.bg-gray>.card-header .btn-tool,.card-gray:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.bg-gradient-gray>.card-header .btn-tool:hover,.bg-gray>.card-header .btn-tool:hover,.card-gray:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.card.bg-gradient-gray .bootstrap-datetimepicker-widget .table td,.card.bg-gradient-gray .bootstrap-datetimepicker-widget .table th,.card.bg-gray .bootstrap-datetimepicker-widget .table td,.card.bg-gray .bootstrap-datetimepicker-widget .table th{border:none}.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gradient-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.card.bg-gray .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gray .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gray .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gray .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#596167;color:#fff}.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.today::before,.card.bg-gray .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active,.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active:hover,.card.bg-gray .bootstrap-datetimepicker-widget table td.active,.card.bg-gray .bootstrap-datetimepicker-widget table td.active:hover{background-color:#868e96;color:#fff}.card-gray-dark:not(.card-outline)>.card-header{background-color:#343a40}.card-gray-dark:not(.card-outline)>.card-header,.card-gray-dark:not(.card-outline)>.card-header a{color:#fff}.card-gray-dark:not(.card-outline)>.card-header a.active{color:#1f2d3d}.card-gray-dark.card-outline{border-top:3px solid #343a40}.card-gray-dark.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.card-gray-dark.card-outline-tabs>.card-header a.active,.card-gray-dark.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #343a40}.bg-gradient-gray-dark>.card-header .btn-tool,.bg-gray-dark>.card-header .btn-tool,.card-gray-dark:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.bg-gradient-gray-dark>.card-header .btn-tool:hover,.bg-gray-dark>.card-header .btn-tool:hover,.card-gray-dark:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table td,.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table th,.card.bg-gray-dark .bootstrap-datetimepicker-widget .table td,.card.bg-gray-dark .bootstrap-datetimepicker-widget .table th{border:none}.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.second:hover,.card.bg-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#222629;color:#fff}.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.today::before,.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active,.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active:hover,.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active,.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active:hover{background-color:#4b545c;color:#fff}.card{box-shadow:0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);margin-bottom:1rem}.card.bg-dark .card-header{border-color:#383f45}.card.bg-dark,.card.bg-dark .card-body{color:#fff}.card.maximized-card{height:100%!important;left:0;max-height:100%!important;max-width:100%!important;position:fixed;top:0;width:100%!important;z-index:1040}.card.maximized-card.was-collapsed .card-body{display:block!important}.card.maximized-card .card-body{overflow:auto}.card.maximized-card [data-card-widgett=collapse]{display:none}.card.maximized-card .card-footer,.card.maximized-card .card-header{border-radius:0!important}.card.collapsed-card .card-body,.card.collapsed-card .card-footer{display:none}.card .nav.flex-column:not(.nav-sidebar)>li{border-bottom:1px solid rgba(0,0,0,.125);margin:0}.card .nav.flex-column:not(.nav-sidebar)>li:last-of-type{border-bottom:0}.card.height-control .card-body{max-height:300px;overflow:auto}.card .border-right{border-right:1px solid rgba(0,0,0,.125)}.card .border-left{border-left:1px solid rgba(0,0,0,.125)}.card.card-tabs:not(.card-outline)>.card-header{border-bottom:0}.card.card-tabs:not(.card-outline)>.card-header .nav-item:first-child .nav-link{border-left-color:transparent}.card.card-tabs.card-outline .nav-item{border-bottom:0}.card.card-tabs.card-outline .nav-item:first-child .nav-link{border-left:0;margin-left:0}.card.card-tabs .card-tools{margin:.3rem .5rem}.card.card-tabs:not(.expanding-card).collapsed-card .card-header{border-bottom:0}.card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs{border-bottom:0}.card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item{margin-bottom:0}.card.card-tabs.expanding-card .card-header .nav-tabs .nav-item{margin-bottom:-1px}.card.card-outline-tabs{border-top:0}.card.card-outline-tabs .card-header .nav-item:first-child .nav-link{border-left:0;margin-left:0}.card.card-outline-tabs .card-header a{border-top:3px solid transparent}.card.card-outline-tabs .card-header a:hover{border-top:3px solid #dee2e6}.card.card-outline-tabs .card-header a.active:hover{margin-top:0}.card.card-outline-tabs .card-tools{margin:.5rem .5rem .3rem}.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header{border-bottom:0}.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs{border-bottom:0}.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item{margin-bottom:0}.card.card-outline-tabs.expanding-card .card-header .nav-tabs .nav-item{margin-bottom:-1px}html.maximized-card{overflow:hidden}.card-body::after,.card-footer::after,.card-header::after{display:block;clear:both;content:""}.card-header{background-color:transparent;border-bottom:1px solid rgba(0,0,0,.125);padding:.75rem 1.25rem;position:relative;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.collapsed-card .card-header{border-bottom:0}.card-header>.card-tools{float:right;margin-right:-.625rem}.card-header>.card-tools .input-group,.card-header>.card-tools .nav,.card-header>.card-tools .pagination{margin-bottom:-.3rem;margin-top:-.3rem}.card-header>.card-tools [data-toggle=tooltip]{position:relative}.card-title{float:left;font-size:1.1rem;font-weight:400;margin:0}.card-text{clear:both}.btn-tool{background-color:transparent;color:#adb5bd;font-size:.875rem;margin:-.75rem 0;padding:.25rem .5rem}.btn-group.show .btn-tool,.btn-tool:hover{color:#495057}.btn-tool:focus,.show .btn-tool{box-shadow:none!important}.text-sm .card-title{font-size:1rem}.text-sm .nav-link{padding:.4rem .8rem}.card-body>.table{margin-bottom:0}.card-body>.table>thead>tr>td,.card-body>.table>thead>tr>th{border-top-width:0}.card-body .fc{margin-top:5px}.card-body .full-width-chart{margin:-19px}.card-body.p-0 .full-width-chart{margin:-9px}.chart-legend{padding-left:0;list-style:none;margin:10px 0}@media (max-width:576px){.chart-legend>li{float:left;margin-right:10px}}.card-comments{background-color:#f8f9fa}.card-comments .card-comment{border-bottom:1px solid #e9ecef;padding:8px 0}.card-comments .card-comment::after{display:block;clear:both;content:""}.card-comments .card-comment:last-of-type{border-bottom:0}.card-comments .card-comment:first-of-type{padding-top:0}.card-comments .card-comment img{height:1.875rem;width:1.875rem;float:left}.card-comments .comment-text{color:#78838e;margin-left:40px}.card-comments .username{color:#495057;display:block;font-weight:600}.card-comments .text-muted{font-size:12px;font-weight:400}.todo-list{list-style:none;margin:0;overflow:auto;padding:0}.todo-list>li{border-radius:2px;background-color:#f8f9fa;border-left:2px solid #e9ecef;color:#495057;margin-bottom:2px;padding:10px}.todo-list>li:last-of-type{margin-bottom:0}.todo-list>li>input[type=checkbox]{margin:0 10px 0 5px}.todo-list>li .text{display:inline-block;font-weight:600;margin-left:5px}.todo-list>li .badge{font-size:.7rem;margin-left:10px}.todo-list>li .tools{color:#dc3545;display:none;float:right}.todo-list>li .tools>.fa,.todo-list>li .tools>.fab,.todo-list>li .tools>.fad,.todo-list>li .tools>.fal,.todo-list>li .tools>.far,.todo-list>li .tools>.fas,.todo-list>li .tools>.ion,.todo-list>li .tools>.svg-inline--fa{cursor:pointer;margin-right:5px}.todo-list>li:hover .tools{display:inline-block}.todo-list>li.done{color:#697582}.todo-list>li.done .text{font-weight:500;text-decoration:line-through}.todo-list>li.done .badge{background-color:#adb5bd!important}.todo-list .primary{border-left-color:#007bff}.todo-list .secondary{border-left-color:#6c757d}.todo-list .success{border-left-color:#28a745}.todo-list .info{border-left-color:#17a2b8}.todo-list .warning{border-left-color:#ffc107}.todo-list .danger{border-left-color:#dc3545}.todo-list .light{border-left-color:#f8f9fa}.todo-list .dark{border-left-color:#343a40}.todo-list .lightblue{border-left-color:#3c8dbc}.todo-list .navy{border-left-color:#001f3f}.todo-list .olive{border-left-color:#3d9970}.todo-list .lime{border-left-color:#01ff70}.todo-list .fuchsia{border-left-color:#f012be}.todo-list .maroon{border-left-color:#d81b60}.todo-list .blue{border-left-color:#007bff}.todo-list .indigo{border-left-color:#6610f2}.todo-list .purple{border-left-color:#6f42c1}.todo-list .pink{border-left-color:#e83e8c}.todo-list .red{border-left-color:#dc3545}.todo-list .orange{border-left-color:#fd7e14}.todo-list .yellow{border-left-color:#ffc107}.todo-list .green{border-left-color:#28a745}.todo-list .teal{border-left-color:#20c997}.todo-list .cyan{border-left-color:#17a2b8}.todo-list .white{border-left-color:#fff}.todo-list .gray{border-left-color:#6c757d}.todo-list .gray-dark{border-left-color:#343a40}.todo-list .handle{cursor:move;display:inline-block;margin:0 5px}.card-input{max-width:200px}.card-default .nav-item:first-child .nav-link{border-left:0}.dark-mode .card-primary:not(.card-outline)>.card-header{background-color:#3f6791}.dark-mode .card-primary:not(.card-outline)>.card-header,.dark-mode .card-primary:not(.card-outline)>.card-header a{color:#fff}.dark-mode .card-primary:not(.card-outline)>.card-header a.active{color:#1f2d3d}.dark-mode .card-primary.card-outline{border-top:3px solid #3f6791}.dark-mode .card-primary.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.dark-mode .card-primary.card-outline-tabs>.card-header a.active,.dark-mode .card-primary.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #3f6791}.dark-mode .bg-gradient-primary>.card-header .btn-tool,.dark-mode .bg-primary>.card-header .btn-tool,.dark-mode .card-primary:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.dark-mode .bg-gradient-primary>.card-header .btn-tool:hover,.dark-mode .bg-primary>.card-header .btn-tool:hover,.dark-mode .card-primary:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget .table th,.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget .table th{border:none}.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#335375;color:#fff}.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.today::before,.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active:hover,.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.active:hover{background-color:#5080b3;color:#fff}.dark-mode .card-secondary:not(.card-outline)>.card-header{background-color:#6c757d}.dark-mode .card-secondary:not(.card-outline)>.card-header,.dark-mode .card-secondary:not(.card-outline)>.card-header a{color:#fff}.dark-mode .card-secondary:not(.card-outline)>.card-header a.active{color:#1f2d3d}.dark-mode .card-secondary.card-outline{border-top:3px solid #6c757d}.dark-mode .card-secondary.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.dark-mode .card-secondary.card-outline-tabs>.card-header a.active,.dark-mode .card-secondary.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #6c757d}.dark-mode .bg-gradient-secondary>.card-header .btn-tool,.dark-mode .bg-secondary>.card-header .btn-tool,.dark-mode .card-secondary:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.dark-mode .bg-gradient-secondary>.card-header .btn-tool:hover,.dark-mode .bg-secondary>.card-header .btn-tool:hover,.dark-mode .card-secondary:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table th,.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget .table th{border:none}.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#596167;color:#fff}.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.today::before,.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active:hover,.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.active:hover{background-color:#868e96;color:#fff}.dark-mode .card-success:not(.card-outline)>.card-header{background-color:#00bc8c}.dark-mode .card-success:not(.card-outline)>.card-header,.dark-mode .card-success:not(.card-outline)>.card-header a{color:#fff}.dark-mode .card-success:not(.card-outline)>.card-header a.active{color:#1f2d3d}.dark-mode .card-success.card-outline{border-top:3px solid #00bc8c}.dark-mode .card-success.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.dark-mode .card-success.card-outline-tabs>.card-header a.active,.dark-mode .card-success.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #00bc8c}.dark-mode .bg-gradient-success>.card-header .btn-tool,.dark-mode .bg-success>.card-header .btn-tool,.dark-mode .card-success:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.dark-mode .bg-gradient-success>.card-header .btn-tool:hover,.dark-mode .bg-success>.card-header .btn-tool:hover,.dark-mode .card-success:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget .table th,.dark-mode .card.bg-success .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-success .bootstrap-datetimepicker-widget .table th{border:none}.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#00936e;color:#fff}.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.today::before,.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active:hover,.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.active:hover{background-color:#00efb2;color:#fff}.dark-mode .card-info:not(.card-outline)>.card-header{background-color:#3498db}.dark-mode .card-info:not(.card-outline)>.card-header,.dark-mode .card-info:not(.card-outline)>.card-header a{color:#fff}.dark-mode .card-info:not(.card-outline)>.card-header a.active{color:#1f2d3d}.dark-mode .card-info.card-outline{border-top:3px solid #3498db}.dark-mode .card-info.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.dark-mode .card-info.card-outline-tabs>.card-header a.active,.dark-mode .card-info.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #3498db}.dark-mode .bg-gradient-info>.card-header .btn-tool,.dark-mode .bg-info>.card-header .btn-tool,.dark-mode .card-info:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.dark-mode .bg-gradient-info>.card-header .btn-tool:hover,.dark-mode .bg-info>.card-header .btn-tool:hover,.dark-mode .card-info:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget .table th,.dark-mode .card.bg-info .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-info .bootstrap-datetimepicker-widget .table th{border:none}.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#2383c4;color:#fff}.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.today::before,.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active:hover,.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.active:hover{background-color:#5faee3;color:#fff}.dark-mode .card-warning:not(.card-outline)>.card-header{background-color:#f39c12}.dark-mode .card-warning:not(.card-outline)>.card-header,.dark-mode .card-warning:not(.card-outline)>.card-header a{color:#1f2d3d}.dark-mode .card-warning:not(.card-outline)>.card-header a.active{color:#1f2d3d}.dark-mode .card-warning.card-outline{border-top:3px solid #f39c12}.dark-mode .card-warning.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.dark-mode .card-warning.card-outline-tabs>.card-header a.active,.dark-mode .card-warning.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #f39c12}.dark-mode .bg-gradient-warning>.card-header .btn-tool,.dark-mode .bg-warning>.card-header .btn-tool,.dark-mode .card-warning:not(.card-outline)>.card-header .btn-tool{color:rgba(31,45,61,.8)}.dark-mode .bg-gradient-warning>.card-header .btn-tool:hover,.dark-mode .bg-warning>.card-header .btn-tool:hover,.dark-mode .card-warning:not(.card-outline)>.card-header .btn-tool:hover{color:#1f2d3d}.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget .table th,.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget .table th{border:none}.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#d2850b;color:#1f2d3d}.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.today::before,.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#1f2d3d}.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active:hover,.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.active:hover{background-color:#f5b043;color:#1f2d3d}.dark-mode .card-danger:not(.card-outline)>.card-header{background-color:#e74c3c}.dark-mode .card-danger:not(.card-outline)>.card-header,.dark-mode .card-danger:not(.card-outline)>.card-header a{color:#fff}.dark-mode .card-danger:not(.card-outline)>.card-header a.active{color:#1f2d3d}.dark-mode .card-danger.card-outline{border-top:3px solid #e74c3c}.dark-mode .card-danger.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.dark-mode .card-danger.card-outline-tabs>.card-header a.active,.dark-mode .card-danger.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #e74c3c}.dark-mode .bg-danger>.card-header .btn-tool,.dark-mode .bg-gradient-danger>.card-header .btn-tool,.dark-mode .card-danger:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.dark-mode .bg-danger>.card-header .btn-tool:hover,.dark-mode .bg-gradient-danger>.card-header .btn-tool:hover,.dark-mode .card-danger:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget .table th,.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget .table th{border:none}.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#df2e1b;color:#fff}.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.today::before,.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.active:hover,.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active:hover{background-color:#ed7669;color:#fff}.dark-mode .card-light:not(.card-outline)>.card-header{background-color:#f8f9fa}.dark-mode .card-light:not(.card-outline)>.card-header,.dark-mode .card-light:not(.card-outline)>.card-header a{color:#1f2d3d}.dark-mode .card-light:not(.card-outline)>.card-header a.active{color:#1f2d3d}.dark-mode .card-light.card-outline{border-top:3px solid #f8f9fa}.dark-mode .card-light.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.dark-mode .card-light.card-outline-tabs>.card-header a.active,.dark-mode .card-light.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #f8f9fa}.dark-mode .bg-gradient-light>.card-header .btn-tool,.dark-mode .bg-light>.card-header .btn-tool,.dark-mode .card-light:not(.card-outline)>.card-header .btn-tool{color:rgba(31,45,61,.8)}.dark-mode .bg-gradient-light>.card-header .btn-tool:hover,.dark-mode .bg-light>.card-header .btn-tool:hover,.dark-mode .card-light:not(.card-outline)>.card-header .btn-tool:hover{color:#1f2d3d}.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget .table th,.dark-mode .card.bg-light .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-light .bootstrap-datetimepicker-widget .table th{border:none}.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#e0e5e9;color:#1f2d3d}.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.today::before,.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#1f2d3d}.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active:hover,.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.active:hover{background-color:#fff;color:#1f2d3d}.dark-mode .card-dark:not(.card-outline)>.card-header{background-color:#343a40}.dark-mode .card-dark:not(.card-outline)>.card-header,.dark-mode .card-dark:not(.card-outline)>.card-header a{color:#fff}.dark-mode .card-dark:not(.card-outline)>.card-header a.active{color:#1f2d3d}.dark-mode .card-dark.card-outline{border-top:3px solid #343a40}.dark-mode .card-dark.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.dark-mode .card-dark.card-outline-tabs>.card-header a.active,.dark-mode .card-dark.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #343a40}.dark-mode .bg-dark>.card-header .btn-tool,.dark-mode .bg-gradient-dark>.card-header .btn-tool,.dark-mode .card-dark:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.dark-mode .bg-dark>.card-header .btn-tool:hover,.dark-mode .bg-gradient-dark>.card-header .btn-tool:hover,.dark-mode .card-dark:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget .table th,.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget .table th{border:none}.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#222629;color:#fff}.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.today::before,.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.active:hover,.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active:hover{background-color:#4b545c;color:#fff}.dark-mode .card-lightblue:not(.card-outline)>.card-header{background-color:#86bad8}.dark-mode .card-lightblue:not(.card-outline)>.card-header,.dark-mode .card-lightblue:not(.card-outline)>.card-header a{color:#1f2d3d}.dark-mode .card-lightblue:not(.card-outline)>.card-header a.active{color:#1f2d3d}.dark-mode .card-lightblue.card-outline{border-top:3px solid #86bad8}.dark-mode .card-lightblue.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.dark-mode .card-lightblue.card-outline-tabs>.card-header a.active,.dark-mode .card-lightblue.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #86bad8}.dark-mode .bg-gradient-lightblue>.card-header .btn-tool,.dark-mode .bg-lightblue>.card-header .btn-tool,.dark-mode .card-lightblue:not(.card-outline)>.card-header .btn-tool{color:rgba(31,45,61,.8)}.dark-mode .bg-gradient-lightblue>.card-header .btn-tool:hover,.dark-mode .bg-lightblue>.card-header .btn-tool:hover,.dark-mode .card-lightblue:not(.card-outline)>.card-header .btn-tool:hover{color:#1f2d3d}.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table th,.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget .table th{border:none}.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#67a8ce;color:#1f2d3d}.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.today::before,.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#1f2d3d}.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active:hover,.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.active:hover{background-color:#acd0e5;color:#1f2d3d}.dark-mode .card-navy:not(.card-outline)>.card-header{background-color:#002c59}.dark-mode .card-navy:not(.card-outline)>.card-header,.dark-mode .card-navy:not(.card-outline)>.card-header a{color:#fff}.dark-mode .card-navy:not(.card-outline)>.card-header a.active{color:#1f2d3d}.dark-mode .card-navy.card-outline{border-top:3px solid #002c59}.dark-mode .card-navy.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.dark-mode .card-navy.card-outline-tabs>.card-header a.active,.dark-mode .card-navy.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #002c59}.dark-mode .bg-gradient-navy>.card-header .btn-tool,.dark-mode .bg-navy>.card-header .btn-tool,.dark-mode .card-navy:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.dark-mode .bg-gradient-navy>.card-header .btn-tool:hover,.dark-mode .bg-navy>.card-header .btn-tool:hover,.dark-mode .card-navy:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget .table th,.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget .table th{border:none}.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#001730;color:#fff}.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.today::before,.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active:hover,.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.active:hover{background-color:#00458c;color:#fff}.dark-mode .card-olive:not(.card-outline)>.card-header{background-color:#74c8a3}.dark-mode .card-olive:not(.card-outline)>.card-header,.dark-mode .card-olive:not(.card-outline)>.card-header a{color:#1f2d3d}.dark-mode .card-olive:not(.card-outline)>.card-header a.active{color:#1f2d3d}.dark-mode .card-olive.card-outline{border-top:3px solid #74c8a3}.dark-mode .card-olive.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.dark-mode .card-olive.card-outline-tabs>.card-header a.active,.dark-mode .card-olive.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #74c8a3}.dark-mode .bg-gradient-olive>.card-header .btn-tool,.dark-mode .bg-olive>.card-header .btn-tool,.dark-mode .card-olive:not(.card-outline)>.card-header .btn-tool{color:rgba(31,45,61,.8)}.dark-mode .bg-gradient-olive>.card-header .btn-tool:hover,.dark-mode .bg-olive>.card-header .btn-tool:hover,.dark-mode .card-olive:not(.card-outline)>.card-header .btn-tool:hover{color:#1f2d3d}.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget .table th,.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget .table th{border:none}.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#57bc8f;color:#1f2d3d}.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.today::before,.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#1f2d3d}.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active:hover,.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.active:hover{background-color:#99d6bb;color:#1f2d3d}.dark-mode .card-lime:not(.card-outline)>.card-header{background-color:#67ffa9}.dark-mode .card-lime:not(.card-outline)>.card-header,.dark-mode .card-lime:not(.card-outline)>.card-header a{color:#1f2d3d}.dark-mode .card-lime:not(.card-outline)>.card-header a.active{color:#1f2d3d}.dark-mode .card-lime.card-outline{border-top:3px solid #67ffa9}.dark-mode .card-lime.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.dark-mode .card-lime.card-outline-tabs>.card-header a.active,.dark-mode .card-lime.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #67ffa9}.dark-mode .bg-gradient-lime>.card-header .btn-tool,.dark-mode .bg-lime>.card-header .btn-tool,.dark-mode .card-lime:not(.card-outline)>.card-header .btn-tool{color:rgba(31,45,61,.8)}.dark-mode .bg-gradient-lime>.card-header .btn-tool:hover,.dark-mode .bg-lime>.card-header .btn-tool:hover,.dark-mode .card-lime:not(.card-outline)>.card-header .btn-tool:hover{color:#1f2d3d}.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget .table th,.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget .table th{border:none}.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#3eff92;color:#1f2d3d}.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.today::before,.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#1f2d3d}.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active:hover,.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.active:hover{background-color:#9affc6;color:#1f2d3d}.dark-mode .card-fuchsia:not(.card-outline)>.card-header{background-color:#f672d8}.dark-mode .card-fuchsia:not(.card-outline)>.card-header,.dark-mode .card-fuchsia:not(.card-outline)>.card-header a{color:#1f2d3d}.dark-mode .card-fuchsia:not(.card-outline)>.card-header a.active{color:#1f2d3d}.dark-mode .card-fuchsia.card-outline{border-top:3px solid #f672d8}.dark-mode .card-fuchsia.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.dark-mode .card-fuchsia.card-outline-tabs>.card-header a.active,.dark-mode .card-fuchsia.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #f672d8}.dark-mode .bg-fuchsia>.card-header .btn-tool,.dark-mode .bg-gradient-fuchsia>.card-header .btn-tool,.dark-mode .card-fuchsia:not(.card-outline)>.card-header .btn-tool{color:rgba(31,45,61,.8)}.dark-mode .bg-fuchsia>.card-header .btn-tool:hover,.dark-mode .bg-gradient-fuchsia>.card-header .btn-tool:hover,.dark-mode .card-fuchsia:not(.card-outline)>.card-header .btn-tool:hover{color:#1f2d3d}.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget .table th,.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table th{border:none}.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#f44cce;color:#1f2d3d}.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.today::before,.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#1f2d3d}.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active:hover,.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active:hover{background-color:#f9a2e5;color:#1f2d3d}.dark-mode .card-maroon:not(.card-outline)>.card-header{background-color:#ed6c9b}.dark-mode .card-maroon:not(.card-outline)>.card-header,.dark-mode .card-maroon:not(.card-outline)>.card-header a{color:#1f2d3d}.dark-mode .card-maroon:not(.card-outline)>.card-header a.active{color:#1f2d3d}.dark-mode .card-maroon.card-outline{border-top:3px solid #ed6c9b}.dark-mode .card-maroon.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.dark-mode .card-maroon.card-outline-tabs>.card-header a.active,.dark-mode .card-maroon.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #ed6c9b}.dark-mode .bg-gradient-maroon>.card-header .btn-tool,.dark-mode .bg-maroon>.card-header .btn-tool,.dark-mode .card-maroon:not(.card-outline)>.card-header .btn-tool{color:rgba(31,45,61,.8)}.dark-mode .bg-gradient-maroon>.card-header .btn-tool:hover,.dark-mode .bg-maroon>.card-header .btn-tool:hover,.dark-mode .card-maroon:not(.card-outline)>.card-header .btn-tool:hover{color:#1f2d3d}.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table th,.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget .table th{border:none}.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#e84883;color:#1f2d3d}.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.today::before,.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#1f2d3d}.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active:hover,.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.active:hover{background-color:#f29aba;color:#1f2d3d}.dark-mode .card-blue:not(.card-outline)>.card-header{background-color:#3f6791}.dark-mode .card-blue:not(.card-outline)>.card-header,.dark-mode .card-blue:not(.card-outline)>.card-header a{color:#fff}.dark-mode .card-blue:not(.card-outline)>.card-header a.active{color:#1f2d3d}.dark-mode .card-blue.card-outline{border-top:3px solid #3f6791}.dark-mode .card-blue.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.dark-mode .card-blue.card-outline-tabs>.card-header a.active,.dark-mode .card-blue.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #3f6791}.dark-mode .bg-blue>.card-header .btn-tool,.dark-mode .bg-gradient-blue>.card-header .btn-tool,.dark-mode .card-blue:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.dark-mode .bg-blue>.card-header .btn-tool:hover,.dark-mode .bg-gradient-blue>.card-header .btn-tool:hover,.dark-mode .card-blue:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget .table th,.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget .table th{border:none}.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#335375;color:#fff}.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.today::before,.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.active:hover,.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active:hover{background-color:#5080b3;color:#fff}.dark-mode .card-indigo:not(.card-outline)>.card-header{background-color:#6610f2}.dark-mode .card-indigo:not(.card-outline)>.card-header,.dark-mode .card-indigo:not(.card-outline)>.card-header a{color:#fff}.dark-mode .card-indigo:not(.card-outline)>.card-header a.active{color:#1f2d3d}.dark-mode .card-indigo.card-outline{border-top:3px solid #6610f2}.dark-mode .card-indigo.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.dark-mode .card-indigo.card-outline-tabs>.card-header a.active,.dark-mode .card-indigo.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #6610f2}.dark-mode .bg-gradient-indigo>.card-header .btn-tool,.dark-mode .bg-indigo>.card-header .btn-tool,.dark-mode .card-indigo:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.dark-mode .bg-gradient-indigo>.card-header .btn-tool:hover,.dark-mode .bg-indigo>.card-header .btn-tool:hover,.dark-mode .card-indigo:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table th,.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget .table th{border:none}.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#550bce;color:#fff}.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.today::before,.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active:hover,.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.active:hover{background-color:#8540f5;color:#fff}.dark-mode .card-purple:not(.card-outline)>.card-header{background-color:#6f42c1}.dark-mode .card-purple:not(.card-outline)>.card-header,.dark-mode .card-purple:not(.card-outline)>.card-header a{color:#fff}.dark-mode .card-purple:not(.card-outline)>.card-header a.active{color:#1f2d3d}.dark-mode .card-purple.card-outline{border-top:3px solid #6f42c1}.dark-mode .card-purple.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.dark-mode .card-purple.card-outline-tabs>.card-header a.active,.dark-mode .card-purple.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #6f42c1}.dark-mode .bg-gradient-purple>.card-header .btn-tool,.dark-mode .bg-purple>.card-header .btn-tool,.dark-mode .card-purple:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.dark-mode .bg-gradient-purple>.card-header .btn-tool:hover,.dark-mode .bg-purple>.card-header .btn-tool:hover,.dark-mode .card-purple:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget .table th,.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget .table th{border:none}.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#5d36a4;color:#fff}.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.today::before,.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active:hover,.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.active:hover{background-color:#8c68ce;color:#fff}.dark-mode .card-pink:not(.card-outline)>.card-header{background-color:#e83e8c}.dark-mode .card-pink:not(.card-outline)>.card-header,.dark-mode .card-pink:not(.card-outline)>.card-header a{color:#fff}.dark-mode .card-pink:not(.card-outline)>.card-header a.active{color:#1f2d3d}.dark-mode .card-pink.card-outline{border-top:3px solid #e83e8c}.dark-mode .card-pink.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.dark-mode .card-pink.card-outline-tabs>.card-header a.active,.dark-mode .card-pink.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #e83e8c}.dark-mode .bg-gradient-pink>.card-header .btn-tool,.dark-mode .bg-pink>.card-header .btn-tool,.dark-mode .card-pink:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.dark-mode .bg-gradient-pink>.card-header .btn-tool:hover,.dark-mode .bg-pink>.card-header .btn-tool:hover,.dark-mode .card-pink:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget .table th,.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget .table th{border:none}.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#e21b76;color:#fff}.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.today::before,.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active:hover,.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.active:hover{background-color:#ed6ca7;color:#fff}.dark-mode .card-red:not(.card-outline)>.card-header{background-color:#e74c3c}.dark-mode .card-red:not(.card-outline)>.card-header,.dark-mode .card-red:not(.card-outline)>.card-header a{color:#fff}.dark-mode .card-red:not(.card-outline)>.card-header a.active{color:#1f2d3d}.dark-mode .card-red.card-outline{border-top:3px solid #e74c3c}.dark-mode .card-red.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.dark-mode .card-red.card-outline-tabs>.card-header a.active,.dark-mode .card-red.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #e74c3c}.dark-mode .bg-gradient-red>.card-header .btn-tool,.dark-mode .bg-red>.card-header .btn-tool,.dark-mode .card-red:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.dark-mode .bg-gradient-red>.card-header .btn-tool:hover,.dark-mode .bg-red>.card-header .btn-tool:hover,.dark-mode .card-red:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget .table th,.dark-mode .card.bg-red .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-red .bootstrap-datetimepicker-widget .table th{border:none}.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#df2e1b;color:#fff}.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.today::before,.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active:hover,.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.active:hover{background-color:#ed7669;color:#fff}.dark-mode .card-orange:not(.card-outline)>.card-header{background-color:#fd7e14}.dark-mode .card-orange:not(.card-outline)>.card-header,.dark-mode .card-orange:not(.card-outline)>.card-header a{color:#1f2d3d}.dark-mode .card-orange:not(.card-outline)>.card-header a.active{color:#1f2d3d}.dark-mode .card-orange.card-outline{border-top:3px solid #fd7e14}.dark-mode .card-orange.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.dark-mode .card-orange.card-outline-tabs>.card-header a.active,.dark-mode .card-orange.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #fd7e14}.dark-mode .bg-gradient-orange>.card-header .btn-tool,.dark-mode .bg-orange>.card-header .btn-tool,.dark-mode .card-orange:not(.card-outline)>.card-header .btn-tool{color:rgba(31,45,61,.8)}.dark-mode .bg-gradient-orange>.card-header .btn-tool:hover,.dark-mode .bg-orange>.card-header .btn-tool:hover,.dark-mode .card-orange:not(.card-outline)>.card-header .btn-tool:hover{color:#1f2d3d}.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget .table th,.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget .table th{border:none}.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#e66a02;color:#1f2d3d}.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.today::before,.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#1f2d3d}.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active:hover,.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.active:hover{background-color:#fd9a47;color:#1f2d3d}.dark-mode .card-yellow:not(.card-outline)>.card-header{background-color:#f39c12}.dark-mode .card-yellow:not(.card-outline)>.card-header,.dark-mode .card-yellow:not(.card-outline)>.card-header a{color:#1f2d3d}.dark-mode .card-yellow:not(.card-outline)>.card-header a.active{color:#1f2d3d}.dark-mode .card-yellow.card-outline{border-top:3px solid #f39c12}.dark-mode .card-yellow.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.dark-mode .card-yellow.card-outline-tabs>.card-header a.active,.dark-mode .card-yellow.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #f39c12}.dark-mode .bg-gradient-yellow>.card-header .btn-tool,.dark-mode .bg-yellow>.card-header .btn-tool,.dark-mode .card-yellow:not(.card-outline)>.card-header .btn-tool{color:rgba(31,45,61,.8)}.dark-mode .bg-gradient-yellow>.card-header .btn-tool:hover,.dark-mode .bg-yellow>.card-header .btn-tool:hover,.dark-mode .card-yellow:not(.card-outline)>.card-header .btn-tool:hover{color:#1f2d3d}.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table th,.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget .table th{border:none}.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#d2850b;color:#1f2d3d}.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.today::before,.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#1f2d3d}.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active:hover,.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.active:hover{background-color:#f5b043;color:#1f2d3d}.dark-mode .card-green:not(.card-outline)>.card-header{background-color:#00bc8c}.dark-mode .card-green:not(.card-outline)>.card-header,.dark-mode .card-green:not(.card-outline)>.card-header a{color:#fff}.dark-mode .card-green:not(.card-outline)>.card-header a.active{color:#1f2d3d}.dark-mode .card-green.card-outline{border-top:3px solid #00bc8c}.dark-mode .card-green.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.dark-mode .card-green.card-outline-tabs>.card-header a.active,.dark-mode .card-green.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #00bc8c}.dark-mode .bg-gradient-green>.card-header .btn-tool,.dark-mode .bg-green>.card-header .btn-tool,.dark-mode .card-green:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.dark-mode .bg-gradient-green>.card-header .btn-tool:hover,.dark-mode .bg-green>.card-header .btn-tool:hover,.dark-mode .card-green:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget .table th,.dark-mode .card.bg-green .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-green .bootstrap-datetimepicker-widget .table th{border:none}.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#00936e;color:#fff}.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.today::before,.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active:hover,.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.active:hover{background-color:#00efb2;color:#fff}.dark-mode .card-teal:not(.card-outline)>.card-header{background-color:#20c997}.dark-mode .card-teal:not(.card-outline)>.card-header,.dark-mode .card-teal:not(.card-outline)>.card-header a{color:#fff}.dark-mode .card-teal:not(.card-outline)>.card-header a.active{color:#1f2d3d}.dark-mode .card-teal.card-outline{border-top:3px solid #20c997}.dark-mode .card-teal.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.dark-mode .card-teal.card-outline-tabs>.card-header a.active,.dark-mode .card-teal.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #20c997}.dark-mode .bg-gradient-teal>.card-header .btn-tool,.dark-mode .bg-teal>.card-header .btn-tool,.dark-mode .card-teal:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.dark-mode .bg-gradient-teal>.card-header .btn-tool:hover,.dark-mode .bg-teal>.card-header .btn-tool:hover,.dark-mode .card-teal:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget .table th,.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget .table th{border:none}.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#1aa67d;color:#fff}.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.today::before,.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active:hover,.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.active:hover{background-color:#3ce0af;color:#fff}.dark-mode .card-cyan:not(.card-outline)>.card-header{background-color:#3498db}.dark-mode .card-cyan:not(.card-outline)>.card-header,.dark-mode .card-cyan:not(.card-outline)>.card-header a{color:#fff}.dark-mode .card-cyan:not(.card-outline)>.card-header a.active{color:#1f2d3d}.dark-mode .card-cyan.card-outline{border-top:3px solid #3498db}.dark-mode .card-cyan.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.dark-mode .card-cyan.card-outline-tabs>.card-header a.active,.dark-mode .card-cyan.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #3498db}.dark-mode .bg-cyan>.card-header .btn-tool,.dark-mode .bg-gradient-cyan>.card-header .btn-tool,.dark-mode .card-cyan:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.dark-mode .bg-cyan>.card-header .btn-tool:hover,.dark-mode .bg-gradient-cyan>.card-header .btn-tool:hover,.dark-mode .card-cyan:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget .table th,.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table th{border:none}.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#2383c4;color:#fff}.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.today::before,.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.active:hover,.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active:hover{background-color:#5faee3;color:#fff}.dark-mode .card-white:not(.card-outline)>.card-header{background-color:#fff}.dark-mode .card-white:not(.card-outline)>.card-header,.dark-mode .card-white:not(.card-outline)>.card-header a{color:#1f2d3d}.dark-mode .card-white:not(.card-outline)>.card-header a.active{color:#1f2d3d}.dark-mode .card-white.card-outline{border-top:3px solid #fff}.dark-mode .card-white.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.dark-mode .card-white.card-outline-tabs>.card-header a.active,.dark-mode .card-white.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #fff}.dark-mode .bg-gradient-white>.card-header .btn-tool,.dark-mode .bg-white>.card-header .btn-tool,.dark-mode .card-white:not(.card-outline)>.card-header .btn-tool{color:rgba(31,45,61,.8)}.dark-mode .bg-gradient-white>.card-header .btn-tool:hover,.dark-mode .bg-white>.card-header .btn-tool:hover,.dark-mode .card-white:not(.card-outline)>.card-header .btn-tool:hover{color:#1f2d3d}.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget .table th,.dark-mode .card.bg-white .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-white .bootstrap-datetimepicker-widget .table th{border:none}.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#ebebeb;color:#1f2d3d}.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.today::before,.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#1f2d3d}.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active:hover,.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.active:hover{background-color:#fff;color:#1f2d3d}.dark-mode .card-gray:not(.card-outline)>.card-header{background-color:#6c757d}.dark-mode .card-gray:not(.card-outline)>.card-header,.dark-mode .card-gray:not(.card-outline)>.card-header a{color:#fff}.dark-mode .card-gray:not(.card-outline)>.card-header a.active{color:#1f2d3d}.dark-mode .card-gray.card-outline{border-top:3px solid #6c757d}.dark-mode .card-gray.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.dark-mode .card-gray.card-outline-tabs>.card-header a.active,.dark-mode .card-gray.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #6c757d}.dark-mode .bg-gradient-gray>.card-header .btn-tool,.dark-mode .bg-gray>.card-header .btn-tool,.dark-mode .card-gray:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.dark-mode .bg-gradient-gray>.card-header .btn-tool:hover,.dark-mode .bg-gray>.card-header .btn-tool:hover,.dark-mode .card-gray:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget .table th,.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget .table th{border:none}.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#596167;color:#fff}.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.today::before,.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active:hover,.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.active:hover{background-color:#868e96;color:#fff}.dark-mode .card-gray-dark:not(.card-outline)>.card-header{background-color:#343a40}.dark-mode .card-gray-dark:not(.card-outline)>.card-header,.dark-mode .card-gray-dark:not(.card-outline)>.card-header a{color:#fff}.dark-mode .card-gray-dark:not(.card-outline)>.card-header a.active{color:#1f2d3d}.dark-mode .card-gray-dark.card-outline{border-top:3px solid #343a40}.dark-mode .card-gray-dark.card-outline-tabs>.card-header a:hover{border-top:3px solid #dee2e6}.dark-mode .card-gray-dark.card-outline-tabs>.card-header a.active,.dark-mode .card-gray-dark.card-outline-tabs>.card-header a.active:hover{border-top:3px solid #343a40}.dark-mode .bg-gradient-gray-dark>.card-header .btn-tool,.dark-mode .bg-gray-dark>.card-header .btn-tool,.dark-mode .card-gray-dark:not(.card-outline)>.card-header .btn-tool{color:rgba(255,255,255,.8)}.dark-mode .bg-gradient-gray-dark>.card-header .btn-tool:hover,.dark-mode .bg-gray-dark>.card-header .btn-tool:hover,.dark-mode .card-gray-dark:not(.card-outline)>.card-header .btn-tool:hover{color:#fff}.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table th,.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget .table td,.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget .table th{border:none}.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.second:hover,.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background-color:#222629;color:#fff}.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.today::before,.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.today::before{border-bottom-color:#fff}.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active:hover,.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active,.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active:hover{background-color:#4b545c;color:#fff}.dark-mode .card{background-color:#343a40;color:#fff}.dark-mode .card .card{background-color:#3f474e;color:#fff}.dark-mode .card .nav.flex-column>li{border-bottom-color:#6c757d}.dark-mode .card .card-footer{background-color:rgba(0,0,0,.1)}.dark-mode .card.card-outline-tabs{border-top:0}.dark-mode .card.card-outline-tabs .card-header a:hover{border-top-color:#6c757d;border-bottom-color:transparent}.dark-mode .card:not(.card-outline)>.card-header a.active{color:#fff}.dark-mode .card-comments{background-color:#373d44}.dark-mode .card-comments .username{color:#ced4da}.dark-mode .card-comments .card-comment{border-bottom-color:#454d55}.dark-mode .todo-list>li{background-color:#3f474e;border-color:#454d55;color:#fff}.dark-mode .todo-list .primary{border-left-color:#3f6791}.dark-mode .todo-list .secondary{border-left-color:#6c757d}.dark-mode .todo-list .success{border-left-color:#00bc8c}.dark-mode .todo-list .info{border-left-color:#3498db}.dark-mode .todo-list .warning{border-left-color:#f39c12}.dark-mode .todo-list .danger{border-left-color:#e74c3c}.dark-mode .todo-list .light{border-left-color:#f8f9fa}.dark-mode .todo-list .dark{border-left-color:#343a40}.dark-mode .todo-list .lightblue{border-left-color:#86bad8}.dark-mode .todo-list .navy{border-left-color:#002c59}.dark-mode .todo-list .olive{border-left-color:#74c8a3}.dark-mode .todo-list .lime{border-left-color:#67ffa9}.dark-mode .todo-list .fuchsia{border-left-color:#f672d8}.dark-mode .todo-list .maroon{border-left-color:#ed6c9b}.dark-mode .todo-list .blue{border-left-color:#3f6791}.dark-mode .todo-list .indigo{border-left-color:#6610f2}.dark-mode .todo-list .purple{border-left-color:#6f42c1}.dark-mode .todo-list .pink{border-left-color:#e83e8c}.dark-mode .todo-list .red{border-left-color:#e74c3c}.dark-mode .todo-list .orange{border-left-color:#fd7e14}.dark-mode .todo-list .yellow{border-left-color:#f39c12}.dark-mode .todo-list .green{border-left-color:#00bc8c}.dark-mode .todo-list .teal{border-left-color:#20c997}.dark-mode .todo-list .cyan{border-left-color:#3498db}.dark-mode .todo-list .white{border-left-color:#fff}.dark-mode .todo-list .gray{border-left-color:#6c757d}.dark-mode .todo-list .gray-dark{border-left-color:#343a40}.modal-dialog .overlay{display:-ms-flexbox;display:flex;position:absolute;left:0;top:0;bottom:0;right:0;margin:-1px;z-index:1052;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,.7);color:#666f76;border-radius:.3rem}.modal-content.bg-warning .modal-footer,.modal-content.bg-warning .modal-header{border-color:#343a40}.modal-content.bg-danger .close,.modal-content.bg-danger .mailbox-attachment-close,.modal-content.bg-info .close,.modal-content.bg-info .mailbox-attachment-close,.modal-content.bg-primary .close,.modal-content.bg-primary .mailbox-attachment-close,.modal-content.bg-secondary .close,.modal-content.bg-secondary .mailbox-attachment-close,.modal-content.bg-success .close,.modal-content.bg-success .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.dark-mode .modal-footer,.dark-mode .modal-header{border-color:#6c757d}.dark-mode .modal-content{background-color:#343a40}.dark-mode .modal-content.bg-warning .modal-footer,.dark-mode .modal-content.bg-warning .modal-header{border-color:#6c757d}.dark-mode .modal-content.bg-warning .close,.dark-mode .modal-content.bg-warning .mailbox-attachment-close{color:#343a40!important;text-shadow:0 1px 0 #495057!important}.dark-mode .modal-content.bg-danger .modal-footer,.dark-mode .modal-content.bg-danger .modal-header,.dark-mode .modal-content.bg-info .modal-footer,.dark-mode .modal-content.bg-info .modal-header,.dark-mode .modal-content.bg-primary .modal-footer,.dark-mode .modal-content.bg-primary .modal-header,.dark-mode .modal-content.bg-secondary .modal-footer,.dark-mode .modal-content.bg-secondary .modal-header,.dark-mode .modal-content.bg-success .modal-footer,.dark-mode .modal-content.bg-success .modal-header{border-color:#fff}.toasts-top-right{position:absolute;right:0;top:0;z-index:1040}.toasts-top-right.fixed{position:fixed}.toasts-top-left{left:0;position:absolute;top:0;z-index:1040}.toasts-top-left.fixed{position:fixed}.toasts-bottom-right{bottom:0;position:absolute;right:0;z-index:1040}.toasts-bottom-right.fixed{position:fixed}.toasts-bottom-left{bottom:0;left:0;position:absolute;z-index:1040}.toasts-bottom-left.fixed{position:fixed}.dark-mode .toast{background-color:rgba(52,58,64,.85);color:#fff}.dark-mode .toast .toast-header{background-color:rgba(52,58,64,.7);color:#f8f9fa}.dark-mode .toast.bg-primary{background-color:rgba(63,103,145,.9)!important}.dark-mode .toast.bg-primary .close,.dark-mode .toast.bg-primary .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.dark-mode .toast.bg-primary .toast-header{background-color:rgba(63,103,145,.85);color:#fff}.dark-mode .toast.bg-secondary{background-color:rgba(108,117,125,.9)!important}.dark-mode .toast.bg-secondary .close,.dark-mode .toast.bg-secondary .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.dark-mode .toast.bg-secondary .toast-header{background-color:rgba(108,117,125,.85);color:#fff}.dark-mode .toast.bg-success{background-color:rgba(0,188,140,.9)!important}.dark-mode .toast.bg-success .close,.dark-mode .toast.bg-success .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.dark-mode .toast.bg-success .toast-header{background-color:rgba(0,188,140,.85);color:#fff}.dark-mode .toast.bg-info{background-color:rgba(52,152,219,.9)!important}.dark-mode .toast.bg-info .close,.dark-mode .toast.bg-info .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.dark-mode .toast.bg-info .toast-header{background-color:rgba(52,152,219,.85);color:#fff}.dark-mode .toast.bg-warning{background-color:rgba(243,156,18,.9)!important}.dark-mode .toast.bg-warning .toast-header{background-color:rgba(243,156,18,.85);color:#1f2d3d}.dark-mode .toast.bg-danger{background-color:rgba(231,76,60,.9)!important}.dark-mode .toast.bg-danger .close,.dark-mode .toast.bg-danger .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.dark-mode .toast.bg-danger .toast-header{background-color:rgba(231,76,60,.85);color:#fff}.dark-mode .toast.bg-light{background-color:rgba(248,249,250,.9)!important}.dark-mode .toast.bg-light .toast-header{background-color:rgba(248,249,250,.85);color:#1f2d3d}.dark-mode .toast.bg-dark{background-color:rgba(52,58,64,.9)!important}.dark-mode .toast.bg-dark .close,.dark-mode .toast.bg-dark .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.dark-mode .toast.bg-dark .toast-header{background-color:rgba(52,58,64,.85);color:#fff}.dark-mode .toast.bg-lightblue{background-color:rgba(134,186,216,.9)!important}.dark-mode .toast.bg-lightblue .toast-header{background-color:rgba(134,186,216,.85);color:#1f2d3d}.dark-mode .toast.bg-navy{background-color:rgba(0,44,89,.9)!important}.dark-mode .toast.bg-navy .close,.dark-mode .toast.bg-navy .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.dark-mode .toast.bg-navy .toast-header{background-color:rgba(0,44,89,.85);color:#fff}.dark-mode .toast.bg-olive{background-color:rgba(116,200,163,.9)!important}.dark-mode .toast.bg-olive .toast-header{background-color:rgba(116,200,163,.85);color:#1f2d3d}.dark-mode .toast.bg-lime{background-color:rgba(103,255,169,.9)!important}.dark-mode .toast.bg-lime .toast-header{background-color:rgba(103,255,169,.85);color:#1f2d3d}.dark-mode .toast.bg-fuchsia{background-color:rgba(246,114,216,.9)!important}.dark-mode .toast.bg-fuchsia .toast-header{background-color:rgba(246,114,216,.85);color:#1f2d3d}.dark-mode .toast.bg-maroon{background-color:rgba(237,108,155,.9)!important}.dark-mode .toast.bg-maroon .toast-header{background-color:rgba(237,108,155,.85);color:#1f2d3d}.dark-mode .toast.bg-blue{background-color:rgba(63,103,145,.9)!important}.dark-mode .toast.bg-blue .close,.dark-mode .toast.bg-blue .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.dark-mode .toast.bg-blue .toast-header{background-color:rgba(63,103,145,.85);color:#fff}.dark-mode .toast.bg-indigo{background-color:rgba(102,16,242,.9)!important}.dark-mode .toast.bg-indigo .close,.dark-mode .toast.bg-indigo .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.dark-mode .toast.bg-indigo .toast-header{background-color:rgba(102,16,242,.85);color:#fff}.dark-mode .toast.bg-purple{background-color:rgba(111,66,193,.9)!important}.dark-mode .toast.bg-purple .close,.dark-mode .toast.bg-purple .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.dark-mode .toast.bg-purple .toast-header{background-color:rgba(111,66,193,.85);color:#fff}.dark-mode .toast.bg-pink{background-color:rgba(232,62,140,.9)!important}.dark-mode .toast.bg-pink .close,.dark-mode .toast.bg-pink .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.dark-mode .toast.bg-pink .toast-header{background-color:rgba(232,62,140,.85);color:#fff}.dark-mode .toast.bg-red{background-color:rgba(231,76,60,.9)!important}.dark-mode .toast.bg-red .close,.dark-mode .toast.bg-red .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.dark-mode .toast.bg-red .toast-header{background-color:rgba(231,76,60,.85);color:#fff}.dark-mode .toast.bg-orange{background-color:rgba(253,126,20,.9)!important}.dark-mode .toast.bg-orange .toast-header{background-color:rgba(253,126,20,.85);color:#1f2d3d}.dark-mode .toast.bg-yellow{background-color:rgba(243,156,18,.9)!important}.dark-mode .toast.bg-yellow .toast-header{background-color:rgba(243,156,18,.85);color:#1f2d3d}.dark-mode .toast.bg-green{background-color:rgba(0,188,140,.9)!important}.dark-mode .toast.bg-green .close,.dark-mode .toast.bg-green .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.dark-mode .toast.bg-green .toast-header{background-color:rgba(0,188,140,.85);color:#fff}.dark-mode .toast.bg-teal{background-color:rgba(32,201,151,.9)!important}.dark-mode .toast.bg-teal .close,.dark-mode .toast.bg-teal .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.dark-mode .toast.bg-teal .toast-header{background-color:rgba(32,201,151,.85);color:#fff}.dark-mode .toast.bg-cyan{background-color:rgba(52,152,219,.9)!important}.dark-mode .toast.bg-cyan .close,.dark-mode .toast.bg-cyan .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.dark-mode .toast.bg-cyan .toast-header{background-color:rgba(52,152,219,.85);color:#fff}.dark-mode .toast.bg-white{background-color:rgba(255,255,255,.9)!important}.dark-mode .toast.bg-white .toast-header{background-color:rgba(255,255,255,.85);color:#1f2d3d}.dark-mode .toast.bg-gray{background-color:rgba(108,117,125,.9)!important}.dark-mode .toast.bg-gray .close,.dark-mode .toast.bg-gray .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.dark-mode .toast.bg-gray .toast-header{background-color:rgba(108,117,125,.85);color:#fff}.dark-mode .toast.bg-gray-dark{background-color:rgba(52,58,64,.9)!important}.dark-mode .toast.bg-gray-dark .close,.dark-mode .toast.bg-gray-dark .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.dark-mode .toast.bg-gray-dark .toast-header{background-color:rgba(52,58,64,.85);color:#fff}.toast.bg-primary{background-color:rgba(0,123,255,.9)!important}.toast.bg-primary .close,.toast.bg-primary .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.toast.bg-primary .toast-header{background-color:rgba(0,123,255,.85);color:#fff}.toast.bg-secondary{background-color:rgba(108,117,125,.9)!important}.toast.bg-secondary .close,.toast.bg-secondary .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.toast.bg-secondary .toast-header{background-color:rgba(108,117,125,.85);color:#fff}.toast.bg-success{background-color:rgba(40,167,69,.9)!important}.toast.bg-success .close,.toast.bg-success .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.toast.bg-success .toast-header{background-color:rgba(40,167,69,.85);color:#fff}.toast.bg-info{background-color:rgba(23,162,184,.9)!important}.toast.bg-info .close,.toast.bg-info .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.toast.bg-info .toast-header{background-color:rgba(23,162,184,.85);color:#fff}.toast.bg-warning{background-color:rgba(255,193,7,.9)!important}.toast.bg-warning .toast-header{background-color:rgba(255,193,7,.85);color:#1f2d3d}.toast.bg-danger{background-color:rgba(220,53,69,.9)!important}.toast.bg-danger .close,.toast.bg-danger .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.toast.bg-danger .toast-header{background-color:rgba(220,53,69,.85);color:#fff}.toast.bg-light{background-color:rgba(248,249,250,.9)!important}.toast.bg-light .toast-header{background-color:rgba(248,249,250,.85);color:#1f2d3d}.toast.bg-dark{background-color:rgba(52,58,64,.9)!important}.toast.bg-dark .close,.toast.bg-dark .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.toast.bg-dark .toast-header{background-color:rgba(52,58,64,.85);color:#fff}.toast.bg-lightblue{background-color:rgba(60,141,188,.9)!important}.toast.bg-lightblue .close,.toast.bg-lightblue .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.toast.bg-lightblue .toast-header{background-color:rgba(60,141,188,.85);color:#fff}.toast.bg-navy{background-color:rgba(0,31,63,.9)!important}.toast.bg-navy .close,.toast.bg-navy .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.toast.bg-navy .toast-header{background-color:rgba(0,31,63,.85);color:#fff}.toast.bg-olive{background-color:rgba(61,153,112,.9)!important}.toast.bg-olive .close,.toast.bg-olive .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.toast.bg-olive .toast-header{background-color:rgba(61,153,112,.85);color:#fff}.toast.bg-lime{background-color:rgba(1,255,112,.9)!important}.toast.bg-lime .toast-header{background-color:rgba(1,255,112,.85);color:#1f2d3d}.toast.bg-fuchsia{background-color:rgba(240,18,190,.9)!important}.toast.bg-fuchsia .close,.toast.bg-fuchsia .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.toast.bg-fuchsia .toast-header{background-color:rgba(240,18,190,.85);color:#fff}.toast.bg-maroon{background-color:rgba(216,27,96,.9)!important}.toast.bg-maroon .close,.toast.bg-maroon .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.toast.bg-maroon .toast-header{background-color:rgba(216,27,96,.85);color:#fff}.toast.bg-blue{background-color:rgba(0,123,255,.9)!important}.toast.bg-blue .close,.toast.bg-blue .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.toast.bg-blue .toast-header{background-color:rgba(0,123,255,.85);color:#fff}.toast.bg-indigo{background-color:rgba(102,16,242,.9)!important}.toast.bg-indigo .close,.toast.bg-indigo .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.toast.bg-indigo .toast-header{background-color:rgba(102,16,242,.85);color:#fff}.toast.bg-purple{background-color:rgba(111,66,193,.9)!important}.toast.bg-purple .close,.toast.bg-purple .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.toast.bg-purple .toast-header{background-color:rgba(111,66,193,.85);color:#fff}.toast.bg-pink{background-color:rgba(232,62,140,.9)!important}.toast.bg-pink .close,.toast.bg-pink .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.toast.bg-pink .toast-header{background-color:rgba(232,62,140,.85);color:#fff}.toast.bg-red{background-color:rgba(220,53,69,.9)!important}.toast.bg-red .close,.toast.bg-red .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.toast.bg-red .toast-header{background-color:rgba(220,53,69,.85);color:#fff}.toast.bg-orange{background-color:rgba(253,126,20,.9)!important}.toast.bg-orange .toast-header{background-color:rgba(253,126,20,.85);color:#1f2d3d}.toast.bg-yellow{background-color:rgba(255,193,7,.9)!important}.toast.bg-yellow .toast-header{background-color:rgba(255,193,7,.85);color:#1f2d3d}.toast.bg-green{background-color:rgba(40,167,69,.9)!important}.toast.bg-green .close,.toast.bg-green .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.toast.bg-green .toast-header{background-color:rgba(40,167,69,.85);color:#fff}.toast.bg-teal{background-color:rgba(32,201,151,.9)!important}.toast.bg-teal .close,.toast.bg-teal .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.toast.bg-teal .toast-header{background-color:rgba(32,201,151,.85);color:#fff}.toast.bg-cyan{background-color:rgba(23,162,184,.9)!important}.toast.bg-cyan .close,.toast.bg-cyan .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.toast.bg-cyan .toast-header{background-color:rgba(23,162,184,.85);color:#fff}.toast.bg-white{background-color:rgba(255,255,255,.9)!important}.toast.bg-white .toast-header{background-color:rgba(255,255,255,.85);color:#1f2d3d}.toast.bg-gray{background-color:rgba(108,117,125,.9)!important}.toast.bg-gray .close,.toast.bg-gray .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.toast.bg-gray .toast-header{background-color:rgba(108,117,125,.85);color:#fff}.toast.bg-gray-dark{background-color:rgba(52,58,64,.9)!important}.toast.bg-gray-dark .close,.toast.bg-gray-dark .mailbox-attachment-close{color:#fff;text-shadow:0 1px 0 #000}.toast.bg-gray-dark .toast-header{background-color:rgba(52,58,64,.85);color:#fff}.btn.disabled,.btn:disabled{cursor:not-allowed}.btn.btn-flat{border-radius:0;border-width:1px;box-shadow:none}.btn.btn-file{overflow:hidden;position:relative}.btn.btn-file>input[type=file]{background-color:#fff;cursor:inherit;display:block;font-size:100px;min-height:100%;min-width:100%;opacity:0;outline:0;position:absolute;right:0;text-align:right;top:0}.text-sm .btn{font-size:.875rem!important}.btn-default{background-color:#f8f9fa;border-color:#ddd;color:#444}.btn-default.hover,.btn-default:active,.btn-default:hover{background-color:#e9ecef;color:#2b2b2b}.btn-default.disabled,.btn-default:disabled{color:#444;background-color:#f8f9fa}.btn-outline-light{color:#bdc6d0;border-color:#bdc6d0}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#bdc6d0;border-color:#bdc6d0}.btn-app{border-radius:3px;background-color:#f8f9fa;border:1px solid #ddd;color:#6c757d;font-size:12px;height:60px;margin:0 0 10px 10px;min-width:80px;padding:15px 5px;position:relative;text-align:center}.btn-app>.fa,.btn-app>.fab,.btn-app>.fad,.btn-app>.fal,.btn-app>.far,.btn-app>.fas,.btn-app>.ion,.btn-app>.svg-inline--fa{display:block;font-size:20px}.btn-app>.svg-inline--fa{margin:0 auto}.btn-app:hover{background-color:#f8f9fa;border-color:#aaa;color:#444}.btn-app:active,.btn-app:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-app>.badge{font-size:10px;font-weight:400;position:absolute;right:-10px;top:-3px}.btn-xs{padding:.125rem .25rem;font-size:.75rem;line-height:1.5;border-radius:.15rem}.dark-mode .btn-app,.dark-mode .btn-default{background-color:#3a4047;color:#fff;border-color:#6c757d}.dark-mode .btn-app:focus,.dark-mode .btn-app:hover,.dark-mode .btn-default:focus,.dark-mode .btn-default:hover{background-color:#3f474e;color:#dee2e6;border-color:#727b84}.dark-mode .btn-light{background-color:#454d55;color:#fff;border-color:#6c757d}.dark-mode .btn-light:focus,.dark-mode .btn-light:hover{background-color:#4b545c;color:#dee2e6;border-color:#78828a}.dark-mode .btn-primary{color:#fff;background-color:#3f6791;border-color:#3f6791;box-shadow:none}.dark-mode .btn-primary:hover{color:#fff;background-color:#335476;border-color:#304e6d}.dark-mode .btn-primary.focus,.dark-mode .btn-primary:focus{color:#fff;background-color:#335476;border-color:#304e6d;box-shadow:0 0 0 0 rgba(92,126,162,.5)}.dark-mode .btn-primary.disabled,.dark-mode .btn-primary:disabled{color:#fff;background-color:#3f6791;border-color:#3f6791}.dark-mode .btn-primary:not(:disabled):not(.disabled).active,.dark-mode .btn-primary:not(:disabled):not(.disabled):active,.show>.dark-mode .btn-primary.dropdown-toggle{color:#fff;background-color:#304e6d;border-color:#2c4765}.dark-mode .btn-primary:not(:disabled):not(.disabled).active:focus,.dark-mode .btn-primary:not(:disabled):not(.disabled):active:focus,.show>.dark-mode .btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(92,126,162,.5)}.dark-mode .btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d;box-shadow:none}.dark-mode .btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.dark-mode .btn-secondary.focus,.dark-mode .btn-secondary:focus{color:#fff;background-color:#5a6268;border-color:#545b62;box-shadow:0 0 0 0 rgba(130,138,145,.5)}.dark-mode .btn-secondary.disabled,.dark-mode .btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.dark-mode .btn-secondary:not(:disabled):not(.disabled).active,.dark-mode .btn-secondary:not(:disabled):not(.disabled):active,.show>.dark-mode .btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.dark-mode .btn-secondary:not(:disabled):not(.disabled).active:focus,.dark-mode .btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.dark-mode .btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(130,138,145,.5)}.dark-mode .btn-success{color:#fff;background-color:#00bc8c;border-color:#00bc8c;box-shadow:none}.dark-mode .btn-success:hover{color:#fff;background-color:#009670;border-color:#008966}.dark-mode .btn-success.focus,.dark-mode .btn-success:focus{color:#fff;background-color:#009670;border-color:#008966;box-shadow:0 0 0 0 rgba(38,198,157,.5)}.dark-mode .btn-success.disabled,.dark-mode .btn-success:disabled{color:#fff;background-color:#00bc8c;border-color:#00bc8c}.dark-mode .btn-success:not(:disabled):not(.disabled).active,.dark-mode .btn-success:not(:disabled):not(.disabled):active,.show>.dark-mode .btn-success.dropdown-toggle{color:#fff;background-color:#008966;border-color:#007c5d}.dark-mode .btn-success:not(:disabled):not(.disabled).active:focus,.dark-mode .btn-success:not(:disabled):not(.disabled):active:focus,.show>.dark-mode .btn-success.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(38,198,157,.5)}.dark-mode .btn-info{color:#fff;background-color:#3498db;border-color:#3498db;box-shadow:none}.dark-mode .btn-info:hover{color:#fff;background-color:#2384c6;border-color:#217dbb}.dark-mode .btn-info.focus,.dark-mode .btn-info:focus{color:#fff;background-color:#2384c6;border-color:#217dbb;box-shadow:0 0 0 0 rgba(82,167,224,.5)}.dark-mode .btn-info.disabled,.dark-mode .btn-info:disabled{color:#fff;background-color:#3498db;border-color:#3498db}.dark-mode .btn-info:not(:disabled):not(.disabled).active,.dark-mode .btn-info:not(:disabled):not(.disabled):active,.show>.dark-mode .btn-info.dropdown-toggle{color:#fff;background-color:#217dbb;border-color:#1f76b0}.dark-mode .btn-info:not(:disabled):not(.disabled).active:focus,.dark-mode .btn-info:not(:disabled):not(.disabled):active:focus,.show>.dark-mode .btn-info.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(82,167,224,.5)}.dark-mode .btn-warning{color:#1f2d3d;background-color:#f39c12;border-color:#f39c12;box-shadow:none}.dark-mode .btn-warning:hover{color:#fff;background-color:#d4860b;border-color:#c87f0a}.dark-mode .btn-warning.focus,.dark-mode .btn-warning:focus{color:#fff;background-color:#d4860b;border-color:#c87f0a;box-shadow:0 0 0 0 rgba(211,139,24,.5)}.dark-mode .btn-warning.disabled,.dark-mode .btn-warning:disabled{color:#1f2d3d;background-color:#f39c12;border-color:#f39c12}.dark-mode .btn-warning:not(:disabled):not(.disabled).active,.dark-mode .btn-warning:not(:disabled):not(.disabled):active,.show>.dark-mode .btn-warning.dropdown-toggle{color:#fff;background-color:#c87f0a;border-color:#bc770a}.dark-mode .btn-warning:not(:disabled):not(.disabled).active:focus,.dark-mode .btn-warning:not(:disabled):not(.disabled):active:focus,.show>.dark-mode .btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(211,139,24,.5)}.dark-mode .btn-danger{color:#fff;background-color:#e74c3c;border-color:#e74c3c;box-shadow:none}.dark-mode .btn-danger:hover{color:#fff;background-color:#e12e1c;border-color:#d62c1a}.dark-mode .btn-danger.focus,.dark-mode .btn-danger:focus{color:#fff;background-color:#e12e1c;border-color:#d62c1a;box-shadow:0 0 0 0 rgba(235,103,89,.5)}.dark-mode .btn-danger.disabled,.dark-mode .btn-danger:disabled{color:#fff;background-color:#e74c3c;border-color:#e74c3c}.dark-mode .btn-danger:not(:disabled):not(.disabled).active,.dark-mode .btn-danger:not(:disabled):not(.disabled):active,.show>.dark-mode .btn-danger.dropdown-toggle{color:#fff;background-color:#d62c1a;border-color:#ca2a19}.dark-mode .btn-danger:not(:disabled):not(.disabled).active:focus,.dark-mode .btn-danger:not(:disabled):not(.disabled):active:focus,.show>.dark-mode .btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(235,103,89,.5)}.dark-mode .btn-light{color:#1f2d3d;background-color:#f8f9fa;border-color:#f8f9fa;box-shadow:none}.dark-mode .btn-light:hover{color:#1f2d3d;background-color:#e2e6ea;border-color:#dae0e5}.dark-mode .btn-light.focus,.dark-mode .btn-light:focus{color:#1f2d3d;background-color:#e2e6ea;border-color:#dae0e5;box-shadow:0 0 0 0 rgba(215,218,222,.5)}.dark-mode .btn-light.disabled,.dark-mode .btn-light:disabled{color:#1f2d3d;background-color:#f8f9fa;border-color:#f8f9fa}.dark-mode .btn-light:not(:disabled):not(.disabled).active,.dark-mode .btn-light:not(:disabled):not(.disabled):active,.show>.dark-mode .btn-light.dropdown-toggle{color:#1f2d3d;background-color:#dae0e5;border-color:#d3d9df}.dark-mode .btn-light:not(:disabled):not(.disabled).active:focus,.dark-mode .btn-light:not(:disabled):not(.disabled):active:focus,.show>.dark-mode .btn-light.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(215,218,222,.5)}.dark-mode .btn-dark{color:#fff;background-color:#292d32;border-color:#4b545c;box-shadow:none}.dark-mode .btn-dark:hover{color:#fff;background-color:#171a1d;border-color:#343a40}.dark-mode .btn-dark.focus,.dark-mode .btn-dark:focus{color:#fff;background-color:#171a1d;border-color:#343a40;box-shadow:0 0 0 0 rgba(102,109,117,.5)}.dark-mode .btn-dark.disabled,.dark-mode .btn-dark:disabled{color:#fff;background-color:#292d32;border-color:#4b545c}.dark-mode .btn-dark:not(:disabled):not(.disabled).active,.dark-mode .btn-dark:not(:disabled):not(.disabled):active,.show>.dark-mode .btn-dark.dropdown-toggle{color:#fff;background-color:#121416;border-color:#2e3439}.dark-mode .btn-dark:not(:disabled):not(.disabled).active:focus,.dark-mode .btn-dark:not(:disabled):not(.disabled):active:focus,.show>.dark-mode .btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(102,109,117,.5)}.dark-mode .btn-outline-primary{color:#3f6791;border-color:#3f6791}.dark-mode .btn-outline-primary:hover{color:#fff;background-color:#3f6791;border-color:#3f6791}.dark-mode .btn-outline-primary.focus,.dark-mode .btn-outline-primary:focus{box-shadow:0 0 0 0 rgba(63,103,145,.5)}.dark-mode .btn-outline-primary.disabled,.dark-mode .btn-outline-primary:disabled{color:#3f6791;background-color:transparent}.dark-mode .btn-outline-primary:not(:disabled):not(.disabled).active,.dark-mode .btn-outline-primary:not(:disabled):not(.disabled):active,.show>.dark-mode .btn-outline-primary.dropdown-toggle{color:#fff;background-color:#3f6791;border-color:#3f6791}.dark-mode .btn-outline-primary:not(:disabled):not(.disabled).active:focus,.dark-mode .btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.dark-mode .btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(63,103,145,.5)}.dark-mode .btn-outline-secondary{color:#6c757d;border-color:#6c757d}.dark-mode .btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.dark-mode .btn-outline-secondary.focus,.dark-mode .btn-outline-secondary:focus{box-shadow:0 0 0 0 rgba(108,117,125,.5)}.dark-mode .btn-outline-secondary.disabled,.dark-mode .btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.dark-mode .btn-outline-secondary:not(:disabled):not(.disabled).active,.dark-mode .btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.dark-mode .btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.dark-mode .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.dark-mode .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.dark-mode .btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(108,117,125,.5)}.dark-mode .btn-outline-success{color:#00bc8c;border-color:#00bc8c}.dark-mode .btn-outline-success:hover{color:#fff;background-color:#00bc8c;border-color:#00bc8c}.dark-mode .btn-outline-success.focus,.dark-mode .btn-outline-success:focus{box-shadow:0 0 0 0 rgba(0,188,140,.5)}.dark-mode .btn-outline-success.disabled,.dark-mode .btn-outline-success:disabled{color:#00bc8c;background-color:transparent}.dark-mode .btn-outline-success:not(:disabled):not(.disabled).active,.dark-mode .btn-outline-success:not(:disabled):not(.disabled):active,.show>.dark-mode .btn-outline-success.dropdown-toggle{color:#fff;background-color:#00bc8c;border-color:#00bc8c}.dark-mode .btn-outline-success:not(:disabled):not(.disabled).active:focus,.dark-mode .btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.dark-mode .btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(0,188,140,.5)}.dark-mode .btn-outline-info{color:#3498db;border-color:#3498db}.dark-mode .btn-outline-info:hover{color:#fff;background-color:#3498db;border-color:#3498db}.dark-mode .btn-outline-info.focus,.dark-mode .btn-outline-info:focus{box-shadow:0 0 0 0 rgba(52,152,219,.5)}.dark-mode .btn-outline-info.disabled,.dark-mode .btn-outline-info:disabled{color:#3498db;background-color:transparent}.dark-mode .btn-outline-info:not(:disabled):not(.disabled).active,.dark-mode .btn-outline-info:not(:disabled):not(.disabled):active,.show>.dark-mode .btn-outline-info.dropdown-toggle{color:#fff;background-color:#3498db;border-color:#3498db}.dark-mode .btn-outline-info:not(:disabled):not(.disabled).active:focus,.dark-mode .btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.dark-mode .btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(52,152,219,.5)}.dark-mode .btn-outline-warning{color:#f39c12;border-color:#f39c12}.dark-mode .btn-outline-warning:hover{color:#1f2d3d;background-color:#f39c12;border-color:#f39c12}.dark-mode .btn-outline-warning.focus,.dark-mode .btn-outline-warning:focus{box-shadow:0 0 0 0 rgba(243,156,18,.5)}.dark-mode .btn-outline-warning.disabled,.dark-mode .btn-outline-warning:disabled{color:#f39c12;background-color:transparent}.dark-mode .btn-outline-warning:not(:disabled):not(.disabled).active,.dark-mode .btn-outline-warning:not(:disabled):not(.disabled):active,.show>.dark-mode .btn-outline-warning.dropdown-toggle{color:#1f2d3d;background-color:#f39c12;border-color:#f39c12}.dark-mode .btn-outline-warning:not(:disabled):not(.disabled).active:focus,.dark-mode .btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.dark-mode .btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(243,156,18,.5)}.dark-mode .btn-outline-danger{color:#e74c3c;border-color:#e74c3c}.dark-mode .btn-outline-danger:hover{color:#fff;background-color:#e74c3c;border-color:#e74c3c}.dark-mode .btn-outline-danger.focus,.dark-mode .btn-outline-danger:focus{box-shadow:0 0 0 0 rgba(231,76,60,.5)}.dark-mode .btn-outline-danger.disabled,.dark-mode .btn-outline-danger:disabled{color:#e74c3c;background-color:transparent}.dark-mode .btn-outline-danger:not(:disabled):not(.disabled).active,.dark-mode .btn-outline-danger:not(:disabled):not(.disabled):active,.show>.dark-mode .btn-outline-danger.dropdown-toggle{color:#fff;background-color:#e74c3c;border-color:#e74c3c}.dark-mode .btn-outline-danger:not(:disabled):not(.disabled).active:focus,.dark-mode .btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.dark-mode .btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(231,76,60,.5)}.dark-mode .btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.dark-mode .btn-outline-light:hover{color:#1f2d3d;background-color:#f8f9fa;border-color:#f8f9fa}.dark-mode .btn-outline-light.focus,.dark-mode .btn-outline-light:focus{box-shadow:0 0 0 0 rgba(248,249,250,.5)}.dark-mode .btn-outline-light.disabled,.dark-mode .btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.dark-mode .btn-outline-light:not(:disabled):not(.disabled).active,.dark-mode .btn-outline-light:not(:disabled):not(.disabled):active,.show>.dark-mode .btn-outline-light.dropdown-toggle{color:#1f2d3d;background-color:#f8f9fa;border-color:#f8f9fa}.dark-mode .btn-outline-light:not(:disabled):not(.disabled).active:focus,.dark-mode .btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.dark-mode .btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(248,249,250,.5)}.dark-mode .btn-outline-dark{color:#060708;border-color:#060708}.dark-mode .btn-outline-dark:hover{color:#fff;background-color:#060708;border-color:#060708}.dark-mode .btn-outline-dark.focus,.dark-mode .btn-outline-dark:focus{box-shadow:0 0 0 0 rgba(6,7,8,.5)}.dark-mode .btn-outline-dark.disabled,.dark-mode .btn-outline-dark:disabled{color:#060708;background-color:transparent}.dark-mode .btn-outline-dark:not(:disabled):not(.disabled).active,.dark-mode .btn-outline-dark:not(:disabled):not(.disabled):active,.show>.dark-mode .btn-outline-dark.dropdown-toggle{color:#fff;background-color:#060708;border-color:#060708}.dark-mode .btn-outline-dark:not(:disabled):not(.disabled).active:focus,.dark-mode .btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.dark-mode .btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 0 rgba(6,7,8,.5)}.callout{border-radius:.25rem;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);background-color:#fff;border-left:5px solid #e9ecef;margin-bottom:1rem;padding:1rem}.callout a{color:#495057;text-decoration:underline}.callout a:hover{color:#e9ecef}.callout p:last-child{margin-bottom:0}.callout.callout-danger{border-left-color:#bd2130}.callout.callout-warning{border-left-color:#d39e00}.callout.callout-info{border-left-color:#117a8b}.callout.callout-success{border-left-color:#1e7e34}.dark-mode .callout{background-color:#3f474e}.dark-mode .callout.callout-danger{border-left-color:#ed7669}.dark-mode .callout.callout-warning{border-left-color:#f5b043}.dark-mode .callout.callout-info{border-left-color:#5faee3}.dark-mode .callout.callout-success{border-left-color:#00efb2}.alert .icon{margin-right:10px}.alert .close,.alert .mailbox-attachment-close{color:#000;opacity:.2}.alert .close:hover,.alert .mailbox-attachment-close:hover{opacity:.5}.alert a{color:#fff;text-decoration:underline}.alert-primary{color:#fff;background-color:#007bff;border-color:#006fe6}.alert-default-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-default-primary hr{border-top-color:#9fcdff}.alert-default-primary .alert-link{color:#002752}.alert-secondary{color:#fff;background-color:#6c757d;border-color:#60686f}.alert-default-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-default-secondary hr{border-top-color:#c8cbcf}.alert-default-secondary .alert-link{color:#202326}.alert-success{color:#fff;background-color:#28a745;border-color:#23923d}.alert-default-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-default-success hr{border-top-color:#b1dfbb}.alert-default-success .alert-link{color:#0b2e13}.alert-info{color:#fff;background-color:#17a2b8;border-color:#148ea1}.alert-default-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-default-info hr{border-top-color:#abdde5}.alert-default-info .alert-link{color:#062c33}.alert-warning{color:#1f2d3d;background-color:#ffc107;border-color:#edb100}.alert-default-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-default-warning hr{border-top-color:#ffe8a1}.alert-default-warning .alert-link{color:#533f03}.alert-danger{color:#fff;background-color:#dc3545;border-color:#d32535}.alert-default-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-default-danger hr{border-top-color:#f1b0b7}.alert-default-danger .alert-link{color:#491217}.alert-light{color:#1f2d3d;background-color:#f8f9fa;border-color:#e9ecef}.alert-default-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-default-light hr{border-top-color:#ececf6}.alert-default-light .alert-link{color:#686868}.alert-dark{color:#fff;background-color:#343a40;border-color:#292d32}.alert-default-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-default-dark hr{border-top-color:#b9bbbe}.alert-default-dark .alert-link{color:#040505}.dark-mode .alert-primary{color:#fff;background-color:#3f6791;border-color:#375a7f}.dark-mode .alert-default-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.dark-mode .alert-default-primary hr{border-top-color:#9fcdff}.dark-mode .alert-default-primary .alert-link{color:#002752}.dark-mode .alert-secondary{color:#fff;background-color:#6c757d;border-color:#60686f}.dark-mode .alert-default-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.dark-mode .alert-default-secondary hr{border-top-color:#c8cbcf}.dark-mode .alert-default-secondary .alert-link{color:#202326}.dark-mode .alert-success{color:#fff;background-color:#00bc8c;border-color:#00a379}.dark-mode .alert-default-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.dark-mode .alert-default-success hr{border-top-color:#b1dfbb}.dark-mode .alert-default-success .alert-link{color:#0b2e13}.dark-mode .alert-info{color:#fff;background-color:#3498db;border-color:#258cd1}.dark-mode .alert-default-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.dark-mode .alert-default-info hr{border-top-color:#abdde5}.dark-mode .alert-default-info .alert-link{color:#062c33}.dark-mode .alert-warning{color:#1f2d3d;background-color:#f39c12;border-color:#e08e0b}.dark-mode .alert-default-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.dark-mode .alert-default-warning hr{border-top-color:#ffe8a1}.dark-mode .alert-default-warning .alert-link{color:#533f03}.dark-mode .alert-danger{color:#fff;background-color:#e74c3c;border-color:#e43725}.dark-mode .alert-default-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.dark-mode .alert-default-danger hr{border-top-color:#f1b0b7}.dark-mode .alert-default-danger .alert-link{color:#491217}.dark-mode .alert-light{color:#1f2d3d;background-color:#f8f9fa;border-color:#e9ecef}.dark-mode .alert-default-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.dark-mode .alert-default-light hr{border-top-color:#ececf6}.dark-mode .alert-default-light .alert-link{color:#686868}.dark-mode .alert-dark{color:#fff;background-color:#343a40;border-color:#292d32}.dark-mode .alert-default-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.dark-mode .alert-default-dark hr{border-top-color:#b9bbbe}.dark-mode .alert-default-dark .alert-link{color:#040505}.table:not(.table-dark){color:inherit}.table.table-head-fixed thead tr:nth-child(1) th{background-color:#fff;border-bottom:0;box-shadow:inset 0 1px 0 #dee2e6,inset 0 -1px 0 #dee2e6;position:-webkit-sticky;position:sticky;top:0;z-index:10}.table.table-head-fixed.table-dark thead tr:nth-child(1) th{background-color:#212529;box-shadow:inset 0 1px 0 #383f45,inset 0 -1px 0 #383f45}.table.no-border,.table.no-border td,.table.no-border th{border:0}.table.text-center,.table.text-center td,.table.text-center th{text-align:center}.table.table-valign-middle tbody>tr>td,.table.table-valign-middle tbody>tr>th,.table.table-valign-middle thead>tr>td,.table.table-valign-middle thead>tr>th{vertical-align:middle}.card-body.p-0 .table tbody>tr>td:first-of-type,.card-body.p-0 .table tbody>tr>th:first-of-type,.card-body.p-0 .table tfoot>tr>td:first-of-type,.card-body.p-0 .table tfoot>tr>th:first-of-type,.card-body.p-0 .table thead>tr>td:first-of-type,.card-body.p-0 .table thead>tr>th:first-of-type{padding-left:1.5rem}.card-body.p-0 .table tbody>tr>td:last-of-type,.card-body.p-0 .table tbody>tr>th:last-of-type,.card-body.p-0 .table tfoot>tr>td:last-of-type,.card-body.p-0 .table tfoot>tr>th:last-of-type,.card-body.p-0 .table thead>tr>td:last-of-type,.card-body.p-0 .table thead>tr>th:last-of-type{padding-right:1.5rem}.table-hover tbody tr.expandable-body:hover{background-color:inherit!important}[data-widget=expandable-table]{cursor:pointer}[data-widget=expandable-table] i.expandable-table-caret{transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear}[data-widget=expandable-table][aria-expanded=true] i.expandable-table-caret[class*=right]{-webkit-transform:rotate(90deg);transform:rotate(90deg)}[data-widget=expandable-table][aria-expanded=true] i.expandable-table-caret[class*=left]{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}[aria-expanded=true]{cursor:pointer}[aria-expanded=true] i.expandable-table-caret{transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear}[aria-expanded=true] [data-widget=expandable-table] i.expandable-table-caret[class*=right]{-webkit-transform:rotate(90deg);transform:rotate(90deg)}[aria-expanded=true] [data-widget=expandable-table] i.expandable-table-caret[class*=left]{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.expandable-body>td{padding:0!important;width:100%}.expandable-body>td>div,.expandable-body>td>p{padding:.75rem}.expandable-body .table{width:calc(100% - .75rem);margin:0 0 0 .75rem}.expandable-body .table tr:first-child td,.expandable-body .table tr:first-child th{border-top:none}.dark-mode .table-bordered,.dark-mode .table-bordered td,.dark-mode .table-bordered th{border-color:#6c757d}.dark-mode .table-hover tbody tr:hover{color:#dee2e6;background-color:#3a4047;border-color:#6c757d}.dark-mode .table thead th{border-bottom-color:#6c757d}.dark-mode .table td,.dark-mode .table th{border-top-color:#6c757d}.dark-mode .table.table-head-fixed thead tr:nth-child(1) th{background-color:#3f474e}.carousel-control-prev .carousel-control-custom-icon{margin-left:-20px}.carousel-control-next .carousel-control-custom-icon{margin-right:20px}.carousel-control-custom-icon>.fa,.carousel-control-custom-icon>.fab,.carousel-control-custom-icon>.fad,.carousel-control-custom-icon>.fal,.carousel-control-custom-icon>.far,.carousel-control-custom-icon>.fas,.carousel-control-custom-icon>.ion,.carousel-control-custom-icon>.svg-inline--fa{display:inline-block;font-size:40px;margin-top:-20px;position:absolute;top:50%;z-index:5}.close,.mailbox-attachment-close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover,.mailbox-attachment-close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover,.mailbox-attachment-close:not(:disabled):not(.disabled):focus,.mailbox-attachment-close:not(:disabled):not(.disabled):hover{opacity:.75}.close:focus,.mailbox-attachment-close:focus{outline:0}button.close,button.mailbox-attachment-close{padding:0;background-color:transparent;border:0}a.close.disabled,a.disabled.mailbox-attachment-close{pointer-events:none}.small-box{border-radius:.25rem;box-shadow:0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);display:block;margin-bottom:20px;position:relative}.small-box>.inner{padding:10px}.small-box>.small-box-footer{background-color:rgba(0,0,0,.1);color:rgba(255,255,255,.8);display:block;padding:3px 0;position:relative;text-align:center;text-decoration:none;z-index:10}.small-box>.small-box-footer:hover{background-color:rgba(0,0,0,.15);color:#fff}.small-box h3{font-size:2.2rem;font-weight:700;margin:0 0 10px;padding:0;white-space:nowrap}@media (min-width:992px){.col-lg-2 .small-box h3,.col-md-2 .small-box h3,.col-xl-2 .small-box h3{font-size:1.6rem}.col-lg-3 .small-box h3,.col-md-3 .small-box h3,.col-xl-3 .small-box h3{font-size:1.6rem}}@media (min-width:1200px){.col-lg-2 .small-box h3,.col-md-2 .small-box h3,.col-xl-2 .small-box h3{font-size:2.2rem}.col-lg-3 .small-box h3,.col-md-3 .small-box h3,.col-xl-3 .small-box h3{font-size:2.2rem}}.small-box p{font-size:1rem}.small-box p>small{color:#f8f9fa;display:block;font-size:.9rem;margin-top:5px}.small-box h3,.small-box p{z-index:5}.small-box .icon{color:rgba(0,0,0,.15);z-index:0}.small-box .icon>i{font-size:90px;position:absolute;right:15px;top:15px;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear}.small-box .icon>i.fa,.small-box .icon>i.fab,.small-box .icon>i.fad,.small-box .icon>i.fal,.small-box .icon>i.far,.small-box .icon>i.fas,.small-box .icon>i.ion{font-size:70px;top:20px}.small-box .icon svg{font-size:70px;position:absolute;right:15px;top:15px;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear}.small-box:hover{text-decoration:none}.small-box:hover .icon>i,.small-box:hover .icon>i.fa,.small-box:hover .icon>i.fab,.small-box:hover .icon>i.fad,.small-box:hover .icon>i.fal,.small-box:hover .icon>i.far,.small-box:hover .icon>i.fas,.small-box:hover .icon>i.ion{-webkit-transform:scale(1.1);transform:scale(1.1)}.small-box:hover .icon>svg{-webkit-transform:scale(1.1);transform:scale(1.1)}@media (max-width:767.98px){.small-box{text-align:center}.small-box .icon{display:none}.small-box p{font-size:12px}}.info-box{box-shadow:0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);border-radius:.25rem;background-color:#fff;display:-ms-flexbox;display:flex;margin-bottom:1rem;min-height:80px;padding:.5rem;position:relative;width:100%}.info-box .progress{background-color:rgba(0,0,0,.125);height:2px;margin:5px 0}.info-box .progress .progress-bar{background-color:#fff}.info-box .info-box-icon{border-radius:.25rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;font-size:1.875rem;-ms-flex-pack:center;justify-content:center;text-align:center;width:70px}.info-box .info-box-icon>img{max-width:100%}.info-box .info-box-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;line-height:1.8;-ms-flex:1;flex:1;padding:0 10px;overflow:hidden}.info-box .info-box-number{display:block;margin-top:.25rem;font-weight:700}.info-box .info-box-text,.info-box .progress-description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-box .info-box .bg-gradient-primary,.info-box .info-box .bg-primary{color:#fff}.info-box .info-box .bg-gradient-primary .progress-bar,.info-box .info-box .bg-primary .progress-bar{background-color:#fff}.info-box .info-box .bg-gradient-secondary,.info-box .info-box .bg-secondary{color:#fff}.info-box .info-box .bg-gradient-secondary .progress-bar,.info-box .info-box .bg-secondary .progress-bar{background-color:#fff}.info-box .info-box .bg-gradient-success,.info-box .info-box .bg-success{color:#fff}.info-box .info-box .bg-gradient-success .progress-bar,.info-box .info-box .bg-success .progress-bar{background-color:#fff}.info-box .info-box .bg-gradient-info,.info-box .info-box .bg-info{color:#fff}.info-box .info-box .bg-gradient-info .progress-bar,.info-box .info-box .bg-info .progress-bar{background-color:#fff}.info-box .info-box .bg-gradient-warning,.info-box .info-box .bg-warning{color:#1f2d3d}.info-box .info-box .bg-gradient-warning .progress-bar,.info-box .info-box .bg-warning .progress-bar{background-color:#1f2d3d}.info-box .info-box .bg-danger,.info-box .info-box .bg-gradient-danger{color:#fff}.info-box .info-box .bg-danger .progress-bar,.info-box .info-box .bg-gradient-danger .progress-bar{background-color:#fff}.info-box .info-box .bg-gradient-light,.info-box .info-box .bg-light{color:#1f2d3d}.info-box .info-box .bg-gradient-light .progress-bar,.info-box .info-box .bg-light .progress-bar{background-color:#1f2d3d}.info-box .info-box .bg-dark,.info-box .info-box .bg-gradient-dark{color:#fff}.info-box .info-box .bg-dark .progress-bar,.info-box .info-box .bg-gradient-dark .progress-bar{background-color:#fff}.info-box .info-box-more{display:block}.info-box .progress-description{margin:0}@media (min-width:768px){.col-lg-2 .info-box .progress-description,.col-md-2 .info-box .progress-description,.col-xl-2 .info-box .progress-description{display:none}.col-lg-3 .info-box .progress-description,.col-md-3 .info-box .progress-description,.col-xl-3 .info-box .progress-description{display:none}}@media (min-width:992px){.col-lg-2 .info-box .progress-description,.col-md-2 .info-box .progress-description,.col-xl-2 .info-box .progress-description{font-size:.75rem;display:block}.col-lg-3 .info-box .progress-description,.col-md-3 .info-box .progress-description,.col-xl-3 .info-box .progress-description{font-size:.75rem;display:block}}@media (min-width:1200px){.col-lg-2 .info-box .progress-description,.col-md-2 .info-box .progress-description,.col-xl-2 .info-box .progress-description{font-size:1rem;display:block}.col-lg-3 .info-box .progress-description,.col-md-3 .info-box .progress-description,.col-xl-3 .info-box .progress-description{font-size:1rem;display:block}}.dark-mode .info-box{background-color:#343a40;color:#fff}.dark-mode .info-box .info-box .bg-gradient-primary,.dark-mode .info-box .info-box .bg-primary{color:#fff}.dark-mode .info-box .info-box .bg-gradient-primary .progress-bar,.dark-mode .info-box .info-box .bg-primary .progress-bar{background-color:#fff}.dark-mode .info-box .info-box .bg-gradient-secondary,.dark-mode .info-box .info-box .bg-secondary{color:#fff}.dark-mode .info-box .info-box .bg-gradient-secondary .progress-bar,.dark-mode .info-box .info-box .bg-secondary .progress-bar{background-color:#fff}.dark-mode .info-box .info-box .bg-gradient-success,.dark-mode .info-box .info-box .bg-success{color:#fff}.dark-mode .info-box .info-box .bg-gradient-success .progress-bar,.dark-mode .info-box .info-box .bg-success .progress-bar{background-color:#fff}.dark-mode .info-box .info-box .bg-gradient-info,.dark-mode .info-box .info-box .bg-info{color:#fff}.dark-mode .info-box .info-box .bg-gradient-info .progress-bar,.dark-mode .info-box .info-box .bg-info .progress-bar{background-color:#fff}.dark-mode .info-box .info-box .bg-gradient-warning,.dark-mode .info-box .info-box .bg-warning{color:#1f2d3d}.dark-mode .info-box .info-box .bg-gradient-warning .progress-bar,.dark-mode .info-box .info-box .bg-warning .progress-bar{background-color:#1f2d3d}.dark-mode .info-box .info-box .bg-danger,.dark-mode .info-box .info-box .bg-gradient-danger{color:#fff}.dark-mode .info-box .info-box .bg-danger .progress-bar,.dark-mode .info-box .info-box .bg-gradient-danger .progress-bar{background-color:#fff}.dark-mode .info-box .info-box .bg-gradient-light,.dark-mode .info-box .info-box .bg-light{color:#1f2d3d}.dark-mode .info-box .info-box .bg-gradient-light .progress-bar,.dark-mode .info-box .info-box .bg-light .progress-bar{background-color:#1f2d3d}.dark-mode .info-box .info-box .bg-dark,.dark-mode .info-box .info-box .bg-gradient-dark{color:#fff}.dark-mode .info-box .info-box .bg-dark .progress-bar,.dark-mode .info-box .info-box .bg-gradient-dark .progress-bar{background-color:#fff}.timeline{margin:0 0 45px;padding:0;position:relative}.timeline::before{border-radius:.25rem;background-color:#dee2e6;bottom:0;content:"";left:31px;margin:0;position:absolute;top:0;width:4px}.timeline>div{margin-bottom:15px;margin-right:10px;position:relative}.timeline>div::after,.timeline>div::before{content:"";display:table}.timeline>div>.timeline-item{box-shadow:0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);border-radius:.25rem;background-color:#fff;color:#495057;margin-left:60px;margin-right:15px;margin-top:0;padding:0;position:relative}.timeline>div>.timeline-item>.time{color:#999;float:right;font-size:12px;padding:10px}.timeline>div>.timeline-item>.timeline-header{border-bottom:1px solid rgba(0,0,0,.125);color:#495057;font-size:16px;line-height:1.1;margin:0;padding:10px}.timeline>div>.timeline-item>.timeline-header>a{font-weight:600}.timeline>div>.timeline-item>.timeline-body,.timeline>div>.timeline-item>.timeline-footer{padding:10px}.timeline>div>.timeline-item>.timeline-body>img{margin:10px}.timeline>div>.timeline-item>.timeline-body ol,.timeline>div>.timeline-item>.timeline-body ul,.timeline>div>.timeline-item>.timeline-body>dl{margin:0}.timeline>div>.timeline-item>.timeline-footer>a{color:#fff}.timeline>div>.fa,.timeline>div>.fab,.timeline>div>.fad,.timeline>div>.fal,.timeline>div>.far,.timeline>div>.fas,.timeline>div>.ion,.timeline>div>.svg-inline--fa{background-color:#adb5bd;border-radius:50%;font-size:16px;height:30px;left:18px;line-height:30px;position:absolute;text-align:center;top:0;width:30px}.timeline>div>.svg-inline--fa{padding:7px}.timeline>.time-label>span{border-radius:4px;background-color:#fff;display:inline-block;font-weight:600;padding:5px}.timeline-inverse>div>.timeline-item{box-shadow:none;background-color:#f8f9fa;border:1px solid #dee2e6}.timeline-inverse>div>.timeline-item>.timeline-header{border-bottom-color:#dee2e6}.dark-mode .timeline::before{background-color:#6c757d}.dark-mode .timeline>div>.timeline-item{background-color:#343a40;color:#fff;border-color:#6c757d}.dark-mode .timeline>div>.timeline-item>.timeline-header{color:#ced4da;border-color:#6c757d}.dark-mode .timeline>div>.timeline-item>.time{color:#ced4da}.products-list{list-style:none;margin:0;padding:0}.products-list>.item{border-radius:.25rem;background-color:#fff;padding:10px 0}.products-list>.item::after{display:block;clear:both;content:""}.products-list .product-img{float:left}.products-list .product-img img{height:50px;width:50px}.products-list .product-info{margin-left:60px}.products-list .product-title{font-weight:600}.products-list .product-description{color:#6c757d;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-list-in-card>.item{border-radius:0;border-bottom:1px solid rgba(0,0,0,.125)}.product-list-in-card>.item:last-of-type{border-bottom-width:0}.dark-mode .products-list>.item{background-color:#343a40;color:#fff;border-bottom-color:#6c757d}.dark-mode .product-description{color:#ced4da}.direct-chat .card-body{overflow-x:hidden;padding:0;position:relative}.direct-chat.chat-pane-open .direct-chat-contacts{-webkit-transform:translate(0,0);transform:translate(0,0)}.direct-chat.timestamp-light .direct-chat-timestamp{color:#30465f}.direct-chat.timestamp-dark .direct-chat-timestamp{color:#ccc}.direct-chat-messages{-webkit-transform:translate(0,0);transform:translate(0,0);height:250px;overflow:auto;padding:10px}.direct-chat-msg,.direct-chat-text{display:block}.direct-chat-msg{margin-bottom:10px}.direct-chat-msg::after{display:block;clear:both;content:""}.direct-chat-contacts,.direct-chat-messages{transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.direct-chat-text{border-radius:.3rem;background-color:#d2d6de;border:1px solid #d2d6de;color:#444;margin:5px 0 0 50px;padding:5px 10px;position:relative}.direct-chat-text::after,.direct-chat-text::before{border:solid transparent;border-right-color:#d2d6de;content:" ";height:0;pointer-events:none;position:absolute;right:100%;top:15px;width:0}.direct-chat-text::after{border-width:5px;margin-top:-5px}.direct-chat-text::before{border-width:6px;margin-top:-6px}.right .direct-chat-text{margin-left:0;margin-right:50px}.right .direct-chat-text::after,.right .direct-chat-text::before{border-left-color:#d2d6de;border-right-color:transparent;left:100%;right:auto}.direct-chat-img{border-radius:50%;float:left;height:40px;width:40px}.right .direct-chat-img{float:right}.direct-chat-infos{display:block;font-size:.875rem;margin-bottom:2px}.direct-chat-name{font-weight:600}.direct-chat-timestamp{color:#697582}.direct-chat-contacts-open .direct-chat-contacts{-webkit-transform:translate(0,0);transform:translate(0,0)}.direct-chat-contacts{-webkit-transform:translate(101%,0);transform:translate(101%,0);background-color:#343a40;bottom:0;color:#fff;height:250px;overflow:auto;position:absolute;top:0;width:100%}.direct-chat-contacts-light{background-color:#f8f9fa}.direct-chat-contacts-light .contacts-list-name{color:#495057}.direct-chat-contacts-light .contacts-list-date{color:#6c757d}.direct-chat-contacts-light .contacts-list-msg{color:#545b62}.contacts-list{padding-left:0;list-style:none}.contacts-list>li{border-bottom:1px solid rgba(0,0,0,.2);margin:0;padding:10px}.contacts-list>li::after{display:block;clear:both;content:""}.contacts-list>li:last-of-type{border-bottom:0}.contacts-list-img{border-radius:50%;float:left;width:40px}.contacts-list-info{color:#fff;margin-left:45px}.contacts-list-name,.contacts-list-status{display:block}.contacts-list-name{font-weight:600}.contacts-list-status{font-size:.875rem}.contacts-list-date{color:#ced4da;font-weight:400}.contacts-list-msg{color:#b1bbc4}.direct-chat-primary .right>.direct-chat-text{background-color:#007bff;border-color:#007bff;color:#fff}.direct-chat-primary .right>.direct-chat-text::after,.direct-chat-primary .right>.direct-chat-text::before{border-left-color:#007bff}.direct-chat-secondary .right>.direct-chat-text{background-color:#6c757d;border-color:#6c757d;color:#fff}.direct-chat-secondary .right>.direct-chat-text::after,.direct-chat-secondary .right>.direct-chat-text::before{border-left-color:#6c757d}.direct-chat-success .right>.direct-chat-text{background-color:#28a745;border-color:#28a745;color:#fff}.direct-chat-success .right>.direct-chat-text::after,.direct-chat-success .right>.direct-chat-text::before{border-left-color:#28a745}.direct-chat-info .right>.direct-chat-text{background-color:#17a2b8;border-color:#17a2b8;color:#fff}.direct-chat-info .right>.direct-chat-text::after,.direct-chat-info .right>.direct-chat-text::before{border-left-color:#17a2b8}.direct-chat-warning .right>.direct-chat-text{background-color:#ffc107;border-color:#ffc107;color:#1f2d3d}.direct-chat-warning .right>.direct-chat-text::after,.direct-chat-warning .right>.direct-chat-text::before{border-left-color:#ffc107}.direct-chat-danger .right>.direct-chat-text{background-color:#dc3545;border-color:#dc3545;color:#fff}.direct-chat-danger .right>.direct-chat-text::after,.direct-chat-danger .right>.direct-chat-text::before{border-left-color:#dc3545}.direct-chat-light .right>.direct-chat-text{background-color:#f8f9fa;border-color:#f8f9fa;color:#1f2d3d}.direct-chat-light .right>.direct-chat-text::after,.direct-chat-light .right>.direct-chat-text::before{border-left-color:#f8f9fa}.direct-chat-dark .right>.direct-chat-text{background-color:#343a40;border-color:#343a40;color:#fff}.direct-chat-dark .right>.direct-chat-text::after,.direct-chat-dark .right>.direct-chat-text::before{border-left-color:#343a40}.direct-chat-lightblue .right>.direct-chat-text{background-color:#3c8dbc;border-color:#3c8dbc;color:#fff}.direct-chat-lightblue .right>.direct-chat-text::after,.direct-chat-lightblue .right>.direct-chat-text::before{border-left-color:#3c8dbc}.direct-chat-navy .right>.direct-chat-text{background-color:#001f3f;border-color:#001f3f;color:#fff}.direct-chat-navy .right>.direct-chat-text::after,.direct-chat-navy .right>.direct-chat-text::before{border-left-color:#001f3f}.direct-chat-olive .right>.direct-chat-text{background-color:#3d9970;border-color:#3d9970;color:#fff}.direct-chat-olive .right>.direct-chat-text::after,.direct-chat-olive .right>.direct-chat-text::before{border-left-color:#3d9970}.direct-chat-lime .right>.direct-chat-text{background-color:#01ff70;border-color:#01ff70;color:#1f2d3d}.direct-chat-lime .right>.direct-chat-text::after,.direct-chat-lime .right>.direct-chat-text::before{border-left-color:#01ff70}.direct-chat-fuchsia .right>.direct-chat-text{background-color:#f012be;border-color:#f012be;color:#fff}.direct-chat-fuchsia .right>.direct-chat-text::after,.direct-chat-fuchsia .right>.direct-chat-text::before{border-left-color:#f012be}.direct-chat-maroon .right>.direct-chat-text{background-color:#d81b60;border-color:#d81b60;color:#fff}.direct-chat-maroon .right>.direct-chat-text::after,.direct-chat-maroon .right>.direct-chat-text::before{border-left-color:#d81b60}.direct-chat-blue .right>.direct-chat-text{background-color:#007bff;border-color:#007bff;color:#fff}.direct-chat-blue .right>.direct-chat-text::after,.direct-chat-blue .right>.direct-chat-text::before{border-left-color:#007bff}.direct-chat-indigo .right>.direct-chat-text{background-color:#6610f2;border-color:#6610f2;color:#fff}.direct-chat-indigo .right>.direct-chat-text::after,.direct-chat-indigo .right>.direct-chat-text::before{border-left-color:#6610f2}.direct-chat-purple .right>.direct-chat-text{background-color:#6f42c1;border-color:#6f42c1;color:#fff}.direct-chat-purple .right>.direct-chat-text::after,.direct-chat-purple .right>.direct-chat-text::before{border-left-color:#6f42c1}.direct-chat-pink .right>.direct-chat-text{background-color:#e83e8c;border-color:#e83e8c;color:#fff}.direct-chat-pink .right>.direct-chat-text::after,.direct-chat-pink .right>.direct-chat-text::before{border-left-color:#e83e8c}.direct-chat-red .right>.direct-chat-text{background-color:#dc3545;border-color:#dc3545;color:#fff}.direct-chat-red .right>.direct-chat-text::after,.direct-chat-red .right>.direct-chat-text::before{border-left-color:#dc3545}.direct-chat-orange .right>.direct-chat-text{background-color:#fd7e14;border-color:#fd7e14;color:#1f2d3d}.direct-chat-orange .right>.direct-chat-text::after,.direct-chat-orange .right>.direct-chat-text::before{border-left-color:#fd7e14}.direct-chat-yellow .right>.direct-chat-text{background-color:#ffc107;border-color:#ffc107;color:#1f2d3d}.direct-chat-yellow .right>.direct-chat-text::after,.direct-chat-yellow .right>.direct-chat-text::before{border-left-color:#ffc107}.direct-chat-green .right>.direct-chat-text{background-color:#28a745;border-color:#28a745;color:#fff}.direct-chat-green .right>.direct-chat-text::after,.direct-chat-green .right>.direct-chat-text::before{border-left-color:#28a745}.direct-chat-teal .right>.direct-chat-text{background-color:#20c997;border-color:#20c997;color:#fff}.direct-chat-teal .right>.direct-chat-text::after,.direct-chat-teal .right>.direct-chat-text::before{border-left-color:#20c997}.direct-chat-cyan .right>.direct-chat-text{background-color:#17a2b8;border-color:#17a2b8;color:#fff}.direct-chat-cyan .right>.direct-chat-text::after,.direct-chat-cyan .right>.direct-chat-text::before{border-left-color:#17a2b8}.direct-chat-white .right>.direct-chat-text{background-color:#fff;border-color:#fff;color:#1f2d3d}.direct-chat-white .right>.direct-chat-text::after,.direct-chat-white .right>.direct-chat-text::before{border-left-color:#fff}.direct-chat-gray .right>.direct-chat-text{background-color:#6c757d;border-color:#6c757d;color:#fff}.direct-chat-gray .right>.direct-chat-text::after,.direct-chat-gray .right>.direct-chat-text::before{border-left-color:#6c757d}.direct-chat-gray-dark .right>.direct-chat-text{background-color:#343a40;border-color:#343a40;color:#fff}.direct-chat-gray-dark .right>.direct-chat-text::after,.direct-chat-gray-dark .right>.direct-chat-text::before{border-left-color:#343a40}.dark-mode .direct-chat-text{background-color:#454d55;border-color:#4b545c;color:#fff}.dark-mode .direct-chat-text::after,.dark-mode .direct-chat-text::before{border-right-color:#4b545c}.dark-mode .direct-chat-timestamp{color:#adb5bd}.dark-mode .right>.direct-chat-text::after,.dark-mode .right>.direct-chat-text::before{border-right-color:transparent}.dark-mode .direct-chat-primary .right>.direct-chat-text{background-color:#3f6791;border-color:#3f6791;color:#fff}.dark-mode .direct-chat-primary .right>.direct-chat-text::after,.dark-mode .direct-chat-primary .right>.direct-chat-text::before{border-left-color:#3f6791}.dark-mode .direct-chat-secondary .right>.direct-chat-text{background-color:#6c757d;border-color:#6c757d;color:#fff}.dark-mode .direct-chat-secondary .right>.direct-chat-text::after,.dark-mode .direct-chat-secondary .right>.direct-chat-text::before{border-left-color:#6c757d}.dark-mode .direct-chat-success .right>.direct-chat-text{background-color:#00bc8c;border-color:#00bc8c;color:#fff}.dark-mode .direct-chat-success .right>.direct-chat-text::after,.dark-mode .direct-chat-success .right>.direct-chat-text::before{border-left-color:#00bc8c}.dark-mode .direct-chat-info .right>.direct-chat-text{background-color:#3498db;border-color:#3498db;color:#fff}.dark-mode .direct-chat-info .right>.direct-chat-text::after,.dark-mode .direct-chat-info .right>.direct-chat-text::before{border-left-color:#3498db}.dark-mode .direct-chat-warning .right>.direct-chat-text{background-color:#f39c12;border-color:#f39c12;color:#1f2d3d}.dark-mode .direct-chat-warning .right>.direct-chat-text::after,.dark-mode .direct-chat-warning .right>.direct-chat-text::before{border-left-color:#f39c12}.dark-mode .direct-chat-danger .right>.direct-chat-text{background-color:#e74c3c;border-color:#e74c3c;color:#fff}.dark-mode .direct-chat-danger .right>.direct-chat-text::after,.dark-mode .direct-chat-danger .right>.direct-chat-text::before{border-left-color:#e74c3c}.dark-mode .direct-chat-light .right>.direct-chat-text{background-color:#f8f9fa;border-color:#f8f9fa;color:#1f2d3d}.dark-mode .direct-chat-light .right>.direct-chat-text::after,.dark-mode .direct-chat-light .right>.direct-chat-text::before{border-left-color:#f8f9fa}.dark-mode .direct-chat-dark .right>.direct-chat-text{background-color:#343a40;border-color:#343a40;color:#fff}.dark-mode .direct-chat-dark .right>.direct-chat-text::after,.dark-mode .direct-chat-dark .right>.direct-chat-text::before{border-left-color:#343a40}.dark-mode .direct-chat-lightblue .right>.direct-chat-text{background-color:#86bad8;border-color:#86bad8;color:#1f2d3d}.dark-mode .direct-chat-lightblue .right>.direct-chat-text::after,.dark-mode .direct-chat-lightblue .right>.direct-chat-text::before{border-left-color:#86bad8}.dark-mode .direct-chat-navy .right>.direct-chat-text{background-color:#002c59;border-color:#002c59;color:#fff}.dark-mode .direct-chat-navy .right>.direct-chat-text::after,.dark-mode .direct-chat-navy .right>.direct-chat-text::before{border-left-color:#002c59}.dark-mode .direct-chat-olive .right>.direct-chat-text{background-color:#74c8a3;border-color:#74c8a3;color:#1f2d3d}.dark-mode .direct-chat-olive .right>.direct-chat-text::after,.dark-mode .direct-chat-olive .right>.direct-chat-text::before{border-left-color:#74c8a3}.dark-mode .direct-chat-lime .right>.direct-chat-text{background-color:#67ffa9;border-color:#67ffa9;color:#1f2d3d}.dark-mode .direct-chat-lime .right>.direct-chat-text::after,.dark-mode .direct-chat-lime .right>.direct-chat-text::before{border-left-color:#67ffa9}.dark-mode .direct-chat-fuchsia .right>.direct-chat-text{background-color:#f672d8;border-color:#f672d8;color:#1f2d3d}.dark-mode .direct-chat-fuchsia .right>.direct-chat-text::after,.dark-mode .direct-chat-fuchsia .right>.direct-chat-text::before{border-left-color:#f672d8}.dark-mode .direct-chat-maroon .right>.direct-chat-text{background-color:#ed6c9b;border-color:#ed6c9b;color:#1f2d3d}.dark-mode .direct-chat-maroon .right>.direct-chat-text::after,.dark-mode .direct-chat-maroon .right>.direct-chat-text::before{border-left-color:#ed6c9b}.dark-mode .direct-chat-blue .right>.direct-chat-text{background-color:#3f6791;border-color:#3f6791;color:#fff}.dark-mode .direct-chat-blue .right>.direct-chat-text::after,.dark-mode .direct-chat-blue .right>.direct-chat-text::before{border-left-color:#3f6791}.dark-mode .direct-chat-indigo .right>.direct-chat-text{background-color:#6610f2;border-color:#6610f2;color:#fff}.dark-mode .direct-chat-indigo .right>.direct-chat-text::after,.dark-mode .direct-chat-indigo .right>.direct-chat-text::before{border-left-color:#6610f2}.dark-mode .direct-chat-purple .right>.direct-chat-text{background-color:#6f42c1;border-color:#6f42c1;color:#fff}.dark-mode .direct-chat-purple .right>.direct-chat-text::after,.dark-mode .direct-chat-purple .right>.direct-chat-text::before{border-left-color:#6f42c1}.dark-mode .direct-chat-pink .right>.direct-chat-text{background-color:#e83e8c;border-color:#e83e8c;color:#fff}.dark-mode .direct-chat-pink .right>.direct-chat-text::after,.dark-mode .direct-chat-pink .right>.direct-chat-text::before{border-left-color:#e83e8c}.dark-mode .direct-chat-red .right>.direct-chat-text{background-color:#e74c3c;border-color:#e74c3c;color:#fff}.dark-mode .direct-chat-red .right>.direct-chat-text::after,.dark-mode .direct-chat-red .right>.direct-chat-text::before{border-left-color:#e74c3c}.dark-mode .direct-chat-orange .right>.direct-chat-text{background-color:#fd7e14;border-color:#fd7e14;color:#1f2d3d}.dark-mode .direct-chat-orange .right>.direct-chat-text::after,.dark-mode .direct-chat-orange .right>.direct-chat-text::before{border-left-color:#fd7e14}.dark-mode .direct-chat-yellow .right>.direct-chat-text{background-color:#f39c12;border-color:#f39c12;color:#1f2d3d}.dark-mode .direct-chat-yellow .right>.direct-chat-text::after,.dark-mode .direct-chat-yellow .right>.direct-chat-text::before{border-left-color:#f39c12}.dark-mode .direct-chat-green .right>.direct-chat-text{background-color:#00bc8c;border-color:#00bc8c;color:#fff}.dark-mode .direct-chat-green .right>.direct-chat-text::after,.dark-mode .direct-chat-green .right>.direct-chat-text::before{border-left-color:#00bc8c}.dark-mode .direct-chat-teal .right>.direct-chat-text{background-color:#20c997;border-color:#20c997;color:#fff}.dark-mode .direct-chat-teal .right>.direct-chat-text::after,.dark-mode .direct-chat-teal .right>.direct-chat-text::before{border-left-color:#20c997}.dark-mode .direct-chat-cyan .right>.direct-chat-text{background-color:#3498db;border-color:#3498db;color:#fff}.dark-mode .direct-chat-cyan .right>.direct-chat-text::after,.dark-mode .direct-chat-cyan .right>.direct-chat-text::before{border-left-color:#3498db}.dark-mode .direct-chat-white .right>.direct-chat-text{background-color:#fff;border-color:#fff;color:#1f2d3d}.dark-mode .direct-chat-white .right>.direct-chat-text::after,.dark-mode .direct-chat-white .right>.direct-chat-text::before{border-left-color:#fff}.dark-mode .direct-chat-gray .right>.direct-chat-text{background-color:#6c757d;border-color:#6c757d;color:#fff}.dark-mode .direct-chat-gray .right>.direct-chat-text::after,.dark-mode .direct-chat-gray .right>.direct-chat-text::before{border-left-color:#6c757d}.dark-mode .direct-chat-gray-dark .right>.direct-chat-text{background-color:#343a40;border-color:#343a40;color:#fff}.dark-mode .direct-chat-gray-dark .right>.direct-chat-text::after,.dark-mode .direct-chat-gray-dark .right>.direct-chat-text::before{border-left-color:#343a40}.users-list{padding-left:0;list-style:none}.users-list>li{float:left;padding:10px;text-align:center;width:25%}.users-list>li img{border-radius:50%;height:auto;max-width:100%}.users-list>li>a:hover,.users-list>li>a:hover .users-list-name{color:#999}.users-list-date,.users-list-name{display:block}.users-list-name{color:#495057;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-list-date{color:#748290;font-size:12px}.dark-mode .users-list-name{color:#ced4da}.dark-mode .users-list-date{color:#adb5bd}.card-widget{border:0;position:relative}.widget-user .widget-user-header{border-top-left-radius:.25rem;border-top-right-radius:.25rem;height:135px;padding:1rem;text-align:center}.widget-user .widget-user-username{font-size:25px;font-weight:300;margin-bottom:0;margin-top:0;text-shadow:0 1px 1px rgba(0,0,0,.2)}.widget-user .widget-user-desc{margin-top:0}.widget-user .widget-user-image{left:50%;margin-left:-45px;position:absolute;top:80px}.widget-user .widget-user-image>img{border:3px solid #fff;height:auto;width:90px}.widget-user .card-footer{padding-top:50px}.widget-user-2 .widget-user-header{border-top-left-radius:.25rem;border-top-right-radius:.25rem;padding:1rem}.widget-user-2 .widget-user-username{font-size:25px;font-weight:300;margin-bottom:5px;margin-top:5px}.widget-user-2 .widget-user-desc{margin-top:0}.widget-user-2 .widget-user-desc,.widget-user-2 .widget-user-username{margin-left:75px}.widget-user-2 .widget-user-image>img{float:left;height:auto;width:65px}.mailbox-messages>.table{margin:0}.mailbox-controls{padding:5px}.mailbox-controls.with-border{border-bottom:1px solid rgba(0,0,0,.125)}.mailbox-read-info{border-bottom:1px solid rgba(0,0,0,.125);padding:10px}.mailbox-read-info h3{font-size:20px;margin:0}.mailbox-read-info h5{margin:0;padding:5px 0 0}.mailbox-read-time{color:#999;font-size:13px}.mailbox-read-message{padding:10px}.mailbox-attachments{padding-left:0;list-style:none}.mailbox-attachments li{border:1px solid #eee;float:left;margin-bottom:10px;margin-right:10px;width:200px}.mailbox-attachment-name{color:#666;font-weight:700}.mailbox-attachment-icon,.mailbox-attachment-info,.mailbox-attachment-size{display:block}.mailbox-attachment-info{background-color:#f8f9fa;padding:10px}.mailbox-attachment-size{color:#999;font-size:12px}.mailbox-attachment-size>span{display:inline-block;padding-top:.75rem}.mailbox-attachment-icon{color:#666;font-size:65px;max-height:132.5px;padding:20px 10px;text-align:center}.mailbox-attachment-icon.has-img{padding:0}.mailbox-attachment-icon.has-img>img{height:auto;max-width:100%}.lockscreen{background-color:#e9ecef}.lockscreen .lockscreen-name{font-weight:600;text-align:center}.lockscreen-logo{font-size:35px;font-weight:300;margin-bottom:25px;text-align:center}.lockscreen-logo a{color:#495057}.lockscreen-wrapper{margin:0 auto;margin-top:10%;max-width:400px}.lockscreen-item{border-radius:4px;background-color:#fff;margin:10px auto 30px;padding:0;position:relative;width:290px}.lockscreen-image{border-radius:50%;background-color:#fff;left:-10px;padding:5px;position:absolute;top:-25px;z-index:10}.lockscreen-image>img{border-radius:50%;height:70px;width:70px}.lockscreen-credentials{margin-left:70px}.lockscreen-credentials .form-control{border:0}.lockscreen-credentials .btn{background-color:#fff;border:0;padding:0 10px}.lockscreen-footer{margin-top:10px}.dark-mode .lockscreen-item{background-color:#343a40}.dark-mode .lockscreen-logo a{color:#fff}.dark-mode .lockscreen-credentials .btn{background-color:#343a40}.dark-mode .lockscreen-image{background-color:#6c757d}.login-logo,.register-logo{font-size:2.1rem;font-weight:300;margin-bottom:.9rem;text-align:center}.login-logo a,.register-logo a{color:#495057}.login-page,.register-page{-ms-flex-align:center;align-items:center;background-color:#e9ecef;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100vh;-ms-flex-pack:center;justify-content:center}.login-box,.register-box{width:360px}@media (max-width:576px){.login-box,.register-box{margin-top:.5rem;width:90%}}.login-box .card,.register-box .card{margin-bottom:0}.login-card-body,.register-card-body{background-color:#fff;border-top:0;color:#666;padding:20px}.login-card-body .input-group .form-control,.register-card-body .input-group .form-control{border-right:0}.login-card-body .input-group .form-control:focus,.register-card-body .input-group .form-control:focus{box-shadow:none}.login-card-body .input-group .form-control:focus~.input-group-append .input-group-text,.login-card-body .input-group .form-control:focus~.input-group-prepend .input-group-text,.register-card-body .input-group .form-control:focus~.input-group-append .input-group-text,.register-card-body .input-group .form-control:focus~.input-group-prepend .input-group-text{border-color:#80bdff}.login-card-body .input-group .form-control.is-valid:focus,.register-card-body .input-group .form-control.is-valid:focus{box-shadow:none}.login-card-body .input-group .form-control.is-valid~.input-group-append .input-group-text,.login-card-body .input-group .form-control.is-valid~.input-group-prepend .input-group-text,.register-card-body .input-group .form-control.is-valid~.input-group-append .input-group-text,.register-card-body .input-group .form-control.is-valid~.input-group-prepend .input-group-text{border-color:#28a745}.login-card-body .input-group .form-control.is-invalid:focus,.register-card-body .input-group .form-control.is-invalid:focus{box-shadow:none}.login-card-body .input-group .form-control.is-invalid~.input-group-append .input-group-text,.register-card-body .input-group .form-control.is-invalid~.input-group-append .input-group-text{border-color:#dc3545}.login-card-body .input-group .input-group-text,.register-card-body .input-group .input-group-text{background-color:transparent;border-bottom-right-radius:.25rem;border-left:0;border-top-right-radius:.25rem;color:#777;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.login-box-msg,.register-box-msg{margin:0;padding:0 20px 20px;text-align:center}.social-auth-links{margin:10px 0}.dark-mode .login-card-body,.dark-mode .register-card-body{background-color:#343a40;border-color:#6c757d;color:#fff}.dark-mode .login-logo a,.dark-mode .register-logo a{color:#fff}.error-page{margin:20px auto 0;width:600px}@media (max-width:767.98px){.error-page{width:100%}}.error-page>.headline{float:left;font-size:100px;font-weight:300}@media (max-width:767.98px){.error-page>.headline{float:none;text-align:center}}.error-page>.error-content{display:block;margin-left:190px}@media (max-width:767.98px){.error-page>.error-content{margin-left:0}}.error-page>.error-content>h3{font-size:25px;font-weight:300}@media (max-width:767.98px){.error-page>.error-content>h3{text-align:center}}.invoice{background-color:#fff;border:1px solid rgba(0,0,0,.125);position:relative}.invoice-title{margin-top:0}.dark-mode .invoice{background-color:#343a40}.profile-user-img{border:3px solid #adb5bd;margin:0 auto;padding:3px;width:100px}.profile-username{font-size:21px;margin-top:5px}.post{border-bottom:1px solid #adb5bd;color:#666;margin-bottom:15px;padding-bottom:15px}.post:last-of-type{border-bottom:0;margin-bottom:0;padding-bottom:0}.post .user-block{margin-bottom:15px;width:100%}.post .row{width:100%}.dark-mode .post{color:#fff;border-color:#6c757d}.product-image{max-width:100%;height:auto;width:100%}.product-image-thumbs{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;margin-top:2rem}.product-image-thumb{box-shadow:0 1px 2px rgba(0,0,0,.075);border-radius:.25rem;background-color:#fff;border:1px solid #dee2e6;display:-ms-flexbox;display:flex;margin-right:1rem;max-width:7rem;padding:.5rem}.product-image-thumb img{max-width:100%;height:auto;-ms-flex-item-align:center;align-self:center}.product-image-thumb:hover{opacity:.5}.product-share a{margin-right:.5rem}.projects td{vertical-align:middle}.projects .list-inline{margin-bottom:0}.projects .table-avatar img,.projects img.table-avatar{border-radius:50%;display:inline;width:2.5rem}.projects .project-state{text-align:center}body.iframe-mode .main-sidebar{display:none}body.iframe-mode .content-wrapper{margin-left:0!important;margin-top:0!important;padding-bottom:0!important}body.iframe-mode .main-footer,body.iframe-mode .main-header{display:none}body.iframe-mode-fullscreen{overflow:hidden}body.iframe-mode-fullscreen.layout-navbar-fixed .wrapper .content-wrapper{margin-top:0!important}.content-wrapper{height:100%}.content-wrapper.iframe-mode .btn-iframe-close{color:#dc3545;position:absolute;line-height:1;right:.125rem;top:.125rem;z-index:10;visibility:hidden}.content-wrapper.iframe-mode .btn-iframe-close:focus,.content-wrapper.iframe-mode .btn-iframe-close:hover{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:visible}@media (hover:none) and (pointer:coarse){.content-wrapper.iframe-mode .btn-iframe-close{visibility:visible}}.content-wrapper.iframe-mode .navbar-nav{overflow-y:auto;width:100%}.content-wrapper.iframe-mode .navbar-nav .nav-link{white-space:nowrap}.content-wrapper.iframe-mode .navbar-nav .nav-item{position:relative}.content-wrapper.iframe-mode .navbar-nav .nav-item:focus .btn-iframe-close,.content-wrapper.iframe-mode .navbar-nav .nav-item:hover .btn-iframe-close{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:visible}@media (hover:none) and (pointer:coarse){.content-wrapper.iframe-mode .navbar-nav .nav-item:focus .btn-iframe-close,.content-wrapper.iframe-mode .navbar-nav .nav-item:hover .btn-iframe-close{visibility:visible}}.content-wrapper.iframe-mode .tab-content{position:relative}.content-wrapper.iframe-mode .tab-pane+.tab-empty{display:none}.content-wrapper.iframe-mode .tab-empty{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.content-wrapper.iframe-mode .tab-loading{position:absolute;top:0;left:0;width:100%;display:none;background-color:#f4f6f9}.content-wrapper.iframe-mode .tab-loading>div{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.content-wrapper.iframe-mode iframe{border:0;width:100%;height:100%;margin-bottom:-8px}.content-wrapper.iframe-mode iframe .content-wrapper{padding-bottom:0!important}body.iframe-mode-fullscreen .content-wrapper.iframe-mode{position:absolute;left:0;top:0;right:0;bottom:0;margin-left:0!important;height:100%;min-height:100%;z-index:1048}.permanent-btn-iframe-close .btn-iframe-close{-webkit-animation:none!important;animation:none!important;visibility:visible!important;opacity:1}.dark-mode .content-wrapper.iframe-mode .tab-loading{background-color:#343a40}.content-wrapper.kanban{height:1px}.content-wrapper.kanban .content{height:100%;overflow-x:auto;overflow-y:hidden}.content-wrapper.kanban .content .container,.content-wrapper.kanban .content .container-fluid,.content-wrapper.kanban .content .container-lg,.content-wrapper.kanban .content .container-md,.content-wrapper.kanban .content .container-sm,.content-wrapper.kanban .content .container-xl{width:-webkit-max-content;width:-moz-max-content;width:max-content;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}.content-wrapper.kanban .content-header+.content{height:calc(100% - ((2 * 15px) + (1.8rem * 1.2)))}.content-wrapper.kanban .card .card-body{padding:.5rem}.content-wrapper.kanban .card.card-row{width:340px;display:inline-block;margin:0 .5rem}.content-wrapper.kanban .card.card-row:first-child{margin-left:0}.content-wrapper.kanban .card.card-row .card-body{height:calc(100% - (12px + (1.8rem * 1.2) + .5rem));overflow-y:auto}.content-wrapper.kanban .card.card-row .card:last-child{margin-bottom:0;border-bottom-width:1px}.content-wrapper.kanban .card.card-row .card .card-header{padding:.5rem .75rem}.content-wrapper.kanban .card.card-row .card .card-body{padding:.75rem}.content-wrapper.kanban .btn-tool.btn-link{text-decoration:underline;padding-left:0;padding-right:0}.fc-button{background:#f8f9fa;background-image:none;border-bottom-color:#ddd;border-color:#ddd;color:#495057}.fc-button.hover,.fc-button:active,.fc-button:hover{background-color:#e9e9e9}.fc-header-title h2{color:#666;font-size:15px;line-height:1.6em;margin-left:10px}.fc-header-right{padding-right:10px}.fc-header-left{padding-left:10px}.fc-widget-header{background:#fafafa}.fc-grid{border:0;width:100%}.fc-widget-content:first-of-type,.fc-widget-header:first-of-type{border-left:0;border-right:0}.fc-widget-content:last-of-type,.fc-widget-header:last-of-type{border-right:0}.fc-toolbar,.fc-toolbar.fc-header-toolbar{margin:0;padding:1rem}@media (max-width:575.98px){.fc-toolbar{-ms-flex-direction:column;flex-direction:column}.fc-toolbar .fc-left{-ms-flex-order:1;order:1;margin-bottom:.5rem}.fc-toolbar .fc-center{-ms-flex-order:0;order:0;margin-bottom:.375rem}.fc-toolbar .fc-right{-ms-flex-order:2;order:2}}.fc-day-number{font-size:20px;font-weight:300;padding-right:10px}.fc-color-picker{list-style:none;margin:0;padding:0}.fc-color-picker>li{float:left;font-size:30px;line-height:30px;margin-right:5px}.fc-color-picker>li .fa,.fc-color-picker>li .fab,.fc-color-picker>li .fad,.fc-color-picker>li .fal,.fc-color-picker>li .far,.fc-color-picker>li .fas,.fc-color-picker>li .ion,.fc-color-picker>li .svg-inline--fa{transition:-webkit-transform linear .3s;transition:transform linear .3s;transition:transform linear .3s,-webkit-transform linear .3s}.fc-color-picker>li .fa:hover,.fc-color-picker>li .fab:hover,.fc-color-picker>li .fad:hover,.fc-color-picker>li .fal:hover,.fc-color-picker>li .far:hover,.fc-color-picker>li .fas:hover,.fc-color-picker>li .ion:hover,.fc-color-picker>li .svg-inline--fa:hover{-webkit-transform:rotate(30deg);transform:rotate(30deg)}#add-new-event{transition:all linear .3s}.external-event{box-shadow:0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);border-radius:.25rem;cursor:move;font-weight:700;margin-bottom:4px;padding:5px 10px}.external-event:hover{box-shadow:inset 0 0 90px rgba(0,0,0,.2)}.select2-container--default .select2-selection--single{border:1px solid #ced4da;padding:.46875rem .75rem;height:calc(2.25rem + 2px)}.select2-container--default.select2-container--open .select2-selection--single{border-color:#80bdff}.select2-container--default .select2-dropdown{border:1px solid #ced4da}.select2-container--default .select2-results__option{padding:6px 12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select2-container--default .select2-selection--single .select2-selection__rendered{padding-left:0;height:auto;margin-top:-3px}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:6px;padding-left:20px}.select2-container--default .select2-selection--single .select2-selection__arrow{height:31px;right:6px}.select2-container--default .select2-selection--single .select2-selection__arrow b{margin-top:0}.select2-container--default .select2-dropdown .select2-search__field,.select2-container--default .select2-search--inline .select2-search__field{border:1px solid #ced4da}.select2-container--default .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-search--inline .select2-search__field:focus{outline:0;border:1px solid #80bdff}.select2-container--default .select2-dropdown.select2-dropdown--below{border-top:0}.select2-container--default .select2-dropdown.select2-dropdown--above{border-bottom:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#6c757d}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#dee2e6}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{color:#1f2d3d}.select2-container--default .select2-results__option--highlighted{background-color:#007bff;color:#fff}.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#0074f0;color:#fff}.select2-container--default .select2-selection--multiple{border:1px solid #ced4da;min-height:calc(2.25rem + 2px)}.select2-container--default .select2-selection--multiple:focus{border-color:#80bdff}.select2-container--default .select2-selection--multiple .select2-selection__rendered{padding:0 .375rem .375rem;margin-bottom:-.375rem}.select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline{width:100%;margin-left:.375rem}.select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline .select2-search__field{width:100%!important}.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field{border:0;margin-top:6px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#007bff;border-color:#006fe6;color:#fff;padding:0 10px;margin-top:.31rem}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7);float:right;margin-left:5px;margin-right:-2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container--default .select2-selection--multiple.text-sm .select2-search.select2-search--inline .select2-search__field,.text-sm .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field{margin-top:8px}.select2-container--default .select2-selection--multiple.text-sm .select2-selection__choice,.text-sm .select2-container--default .select2-selection--multiple .select2-selection__choice{margin-top:.4rem}.select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default.select2-container--focus .select2-selection--single{border-color:#80bdff}.select2-container--default.select2-container--focus .select2-search__field{border:0}.select2-container--default .select2-selection--single .select2-selection__rendered li{padding-right:10px}.input-group-prepend~.select2-container--default .select2-selection{border-bottom-left-radius:0;border-top-left-radius:0}.input-group>.select2-container--default:not(:last-child) .select2-selection{border-bottom-right-radius:0;border-top-right-radius:0}.select2-container--bootstrap4.select2-container--focus .select2-selection{box-shadow:none}select.form-control-sm~.select2-container--default{font-size:75%}.text-sm .select2-container--default .select2-selection--single,select.form-control-sm~.select2-container--default .select2-selection--single{height:calc(1.8125rem + 2px)}.text-sm .select2-container--default .select2-selection--single .select2-selection__rendered,select.form-control-sm~.select2-container--default .select2-selection--single .select2-selection__rendered{margin-top:-.4rem}.text-sm .select2-container--default .select2-selection--single .select2-selection__arrow,select.form-control-sm~.select2-container--default .select2-selection--single .select2-selection__arrow{top:-.12rem}.text-sm .select2-container--default .select2-selection--multiple,select.form-control-sm~.select2-container--default .select2-selection--multiple{min-height:calc(1.8125rem + 2px)}.text-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered,select.form-control-sm~.select2-container--default .select2-selection--multiple .select2-selection__rendered{padding:0 .25rem .25rem;margin-top:-.1rem}.text-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline,select.form-control-sm~.select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline{margin-left:.25rem}.text-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field,select.form-control-sm~.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field{margin-top:6px}.maximized-card .select2-dropdown{z-index:9999}.select2-primary+.select2-container--default.select2-container--open .select2-selection--single{border-color:#80bdff}.select2-primary+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#80bdff}.select2-container--default .select2-primary .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-primary .select2-search--inline .select2-search__field:focus,.select2-container--default .select2-primary.select2-dropdown .select2-search__field:focus,.select2-primary .select2-container--default .select2-dropdown .select2-search__field:focus,.select2-primary .select2-container--default .select2-search--inline .select2-search__field:focus,.select2-primary .select2-container--default.select2-dropdown .select2-search__field:focus{border:1px solid #80bdff}.select2-container--default .select2-primary .select2-results__option--highlighted,.select2-primary .select2-container--default .select2-results__option--highlighted{background-color:#007bff;color:#fff}.select2-container--default .select2-primary .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-primary .select2-results__option--highlighted[aria-selected]:hover,.select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#0074f0;color:#fff}.select2-container--default .select2-primary .select2-selection--multiple:focus,.select2-primary .select2-container--default .select2-selection--multiple:focus{border-color:#80bdff}.select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice,.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#007bff;border-color:#006fe6;color:#fff}.select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice__remove,.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container--default .select2-primary.select2-container--focus .select2-selection--multiple,.select2-primary .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#80bdff}.select2-secondary+.select2-container--default.select2-container--open .select2-selection--single{border-color:#afb5ba}.select2-secondary+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#afb5ba}.select2-container--default .select2-secondary .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-secondary .select2-search--inline .select2-search__field:focus,.select2-container--default .select2-secondary.select2-dropdown .select2-search__field:focus,.select2-secondary .select2-container--default .select2-dropdown .select2-search__field:focus,.select2-secondary .select2-container--default .select2-search--inline .select2-search__field:focus,.select2-secondary .select2-container--default.select2-dropdown .select2-search__field:focus{border:1px solid #afb5ba}.select2-container--default .select2-secondary .select2-results__option--highlighted,.select2-secondary .select2-container--default .select2-results__option--highlighted{background-color:#6c757d;color:#fff}.select2-container--default .select2-secondary .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-secondary .select2-results__option--highlighted[aria-selected]:hover,.select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#656d75;color:#fff}.select2-container--default .select2-secondary .select2-selection--multiple:focus,.select2-secondary .select2-container--default .select2-selection--multiple:focus{border-color:#afb5ba}.select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice,.select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#6c757d;border-color:#60686f;color:#fff}.select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice__remove,.select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container--default .select2-secondary.select2-container--focus .select2-selection--multiple,.select2-secondary .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#afb5ba}.select2-success+.select2-container--default.select2-container--open .select2-selection--single{border-color:#71dd8a}.select2-success+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#71dd8a}.select2-container--default .select2-success .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-success .select2-search--inline .select2-search__field:focus,.select2-container--default .select2-success.select2-dropdown .select2-search__field:focus,.select2-success .select2-container--default .select2-dropdown .select2-search__field:focus,.select2-success .select2-container--default .select2-search--inline .select2-search__field:focus,.select2-success .select2-container--default.select2-dropdown .select2-search__field:focus{border:1px solid #71dd8a}.select2-container--default .select2-success .select2-results__option--highlighted,.select2-success .select2-container--default .select2-results__option--highlighted{background-color:#28a745;color:#fff}.select2-container--default .select2-success .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-success .select2-results__option--highlighted[aria-selected]:hover,.select2-success .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-success .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#259b40;color:#fff}.select2-container--default .select2-success .select2-selection--multiple:focus,.select2-success .select2-container--default .select2-selection--multiple:focus{border-color:#71dd8a}.select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice,.select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#28a745;border-color:#23923d;color:#fff}.select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice__remove,.select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container--default .select2-success.select2-container--focus .select2-selection--multiple,.select2-success .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#71dd8a}.select2-info+.select2-container--default.select2-container--open .select2-selection--single{border-color:#63d9ec}.select2-info+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#63d9ec}.select2-container--default .select2-info .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-info .select2-search--inline .select2-search__field:focus,.select2-container--default .select2-info.select2-dropdown .select2-search__field:focus,.select2-info .select2-container--default .select2-dropdown .select2-search__field:focus,.select2-info .select2-container--default .select2-search--inline .select2-search__field:focus,.select2-info .select2-container--default.select2-dropdown .select2-search__field:focus{border:1px solid #63d9ec}.select2-container--default .select2-info .select2-results__option--highlighted,.select2-info .select2-container--default .select2-results__option--highlighted{background-color:#17a2b8;color:#fff}.select2-container--default .select2-info .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-info .select2-results__option--highlighted[aria-selected]:hover,.select2-info .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-info .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#1596aa;color:#fff}.select2-container--default .select2-info .select2-selection--multiple:focus,.select2-info .select2-container--default .select2-selection--multiple:focus{border-color:#63d9ec}.select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice,.select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#17a2b8;border-color:#148ea1;color:#fff}.select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice__remove,.select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container--default .select2-info.select2-container--focus .select2-selection--multiple,.select2-info .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#63d9ec}.select2-warning+.select2-container--default.select2-container--open .select2-selection--single{border-color:#ffe187}.select2-warning+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#ffe187}.select2-container--default .select2-warning .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-warning .select2-search--inline .select2-search__field:focus,.select2-container--default .select2-warning.select2-dropdown .select2-search__field:focus,.select2-warning .select2-container--default .select2-dropdown .select2-search__field:focus,.select2-warning .select2-container--default .select2-search--inline .select2-search__field:focus,.select2-warning .select2-container--default.select2-dropdown .select2-search__field:focus{border:1px solid #ffe187}.select2-container--default .select2-warning .select2-results__option--highlighted,.select2-warning .select2-container--default .select2-results__option--highlighted{background-color:#ffc107;color:#1f2d3d}.select2-container--default .select2-warning .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-warning .select2-results__option--highlighted[aria-selected]:hover,.select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#f7b900;color:#1f2d3d}.select2-container--default .select2-warning .select2-selection--multiple:focus,.select2-warning .select2-container--default .select2-selection--multiple:focus{border-color:#ffe187}.select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice,.select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#ffc107;border-color:#edb100;color:#1f2d3d}.select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice__remove,.select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(31,45,61,.7)}.select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#1f2d3d}.select2-container--default .select2-warning.select2-container--focus .select2-selection--multiple,.select2-warning .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#ffe187}.select2-danger+.select2-container--default.select2-container--open .select2-selection--single{border-color:#efa2a9}.select2-danger+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#efa2a9}.select2-container--default .select2-danger .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-danger .select2-search--inline .select2-search__field:focus,.select2-container--default .select2-danger.select2-dropdown .select2-search__field:focus,.select2-danger .select2-container--default .select2-dropdown .select2-search__field:focus,.select2-danger .select2-container--default .select2-search--inline .select2-search__field:focus,.select2-danger .select2-container--default.select2-dropdown .select2-search__field:focus{border:1px solid #efa2a9}.select2-container--default .select2-danger .select2-results__option--highlighted,.select2-danger .select2-container--default .select2-results__option--highlighted{background-color:#dc3545;color:#fff}.select2-container--default .select2-danger .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-danger .select2-results__option--highlighted[aria-selected]:hover,.select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#da2839;color:#fff}.select2-container--default .select2-danger .select2-selection--multiple:focus,.select2-danger .select2-container--default .select2-selection--multiple:focus{border-color:#efa2a9}.select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice,.select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#dc3545;border-color:#d32535;color:#fff}.select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice__remove,.select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container--default .select2-danger.select2-container--focus .select2-selection--multiple,.select2-danger .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#efa2a9}.select2-light+.select2-container--default.select2-container--open .select2-selection--single{border-color:#fff}.select2-light+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#fff}.select2-container--default .select2-light .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-light .select2-search--inline .select2-search__field:focus,.select2-container--default .select2-light.select2-dropdown .select2-search__field:focus,.select2-light .select2-container--default .select2-dropdown .select2-search__field:focus,.select2-light .select2-container--default .select2-search--inline .select2-search__field:focus,.select2-light .select2-container--default.select2-dropdown .select2-search__field:focus{border:1px solid #fff}.select2-container--default .select2-light .select2-results__option--highlighted,.select2-light .select2-container--default .select2-results__option--highlighted{background-color:#f8f9fa;color:#1f2d3d}.select2-container--default .select2-light .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-light .select2-results__option--highlighted[aria-selected]:hover,.select2-light .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-light .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#eff1f4;color:#1f2d3d}.select2-container--default .select2-light .select2-selection--multiple:focus,.select2-light .select2-container--default .select2-selection--multiple:focus{border-color:#fff}.select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice,.select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#f8f9fa;border-color:#e9ecef;color:#1f2d3d}.select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice__remove,.select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(31,45,61,.7)}.select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#1f2d3d}.select2-container--default .select2-light.select2-container--focus .select2-selection--multiple,.select2-light .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#fff}.select2-dark+.select2-container--default.select2-container--open .select2-selection--single{border-color:#6d7a86}.select2-dark+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#6d7a86}.select2-container--default .select2-dark .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-dark .select2-search--inline .select2-search__field:focus,.select2-container--default .select2-dark.select2-dropdown .select2-search__field:focus,.select2-dark .select2-container--default .select2-dropdown .select2-search__field:focus,.select2-dark .select2-container--default .select2-search--inline .select2-search__field:focus,.select2-dark .select2-container--default.select2-dropdown .select2-search__field:focus{border:1px solid #6d7a86}.select2-container--default .select2-dark .select2-results__option--highlighted,.select2-dark .select2-container--default .select2-results__option--highlighted{background-color:#343a40;color:#fff}.select2-container--default .select2-dark .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-dark .select2-results__option--highlighted[aria-selected]:hover,.select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#2d3238;color:#fff}.select2-container--default .select2-dark .select2-selection--multiple:focus,.select2-dark .select2-container--default .select2-selection--multiple:focus{border-color:#6d7a86}.select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice,.select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#343a40;border-color:#292d32;color:#fff}.select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice__remove,.select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container--default .select2-dark.select2-container--focus .select2-selection--multiple,.select2-dark .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#6d7a86}.select2-lightblue+.select2-container--default.select2-container--open .select2-selection--single{border-color:#99c5de}.select2-lightblue+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#99c5de}.select2-container--default .select2-lightblue .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-lightblue .select2-search--inline .select2-search__field:focus,.select2-container--default .select2-lightblue.select2-dropdown .select2-search__field:focus,.select2-lightblue .select2-container--default .select2-dropdown .select2-search__field:focus,.select2-lightblue .select2-container--default .select2-search--inline .select2-search__field:focus,.select2-lightblue .select2-container--default.select2-dropdown .select2-search__field:focus{border:1px solid #99c5de}.select2-container--default .select2-lightblue .select2-results__option--highlighted,.select2-lightblue .select2-container--default .select2-results__option--highlighted{background-color:#3c8dbc;color:#fff}.select2-container--default .select2-lightblue .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-lightblue .select2-results__option--highlighted[aria-selected]:hover,.select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#3884b0;color:#fff}.select2-container--default .select2-lightblue .select2-selection--multiple:focus,.select2-lightblue .select2-container--default .select2-selection--multiple:focus{border-color:#99c5de}.select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice,.select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#3c8dbc;border-color:#367fa9;color:#fff}.select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove,.select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container--default .select2-lightblue.select2-container--focus .select2-selection--multiple,.select2-lightblue .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#99c5de}.select2-navy+.select2-container--default.select2-container--open .select2-selection--single{border-color:#005ebf}.select2-navy+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#005ebf}.select2-container--default .select2-navy .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-navy .select2-search--inline .select2-search__field:focus,.select2-container--default .select2-navy.select2-dropdown .select2-search__field:focus,.select2-navy .select2-container--default .select2-dropdown .select2-search__field:focus,.select2-navy .select2-container--default .select2-search--inline .select2-search__field:focus,.select2-navy .select2-container--default.select2-dropdown .select2-search__field:focus{border:1px solid #005ebf}.select2-container--default .select2-navy .select2-results__option--highlighted,.select2-navy .select2-container--default .select2-results__option--highlighted{background-color:#001f3f;color:#fff}.select2-container--default .select2-navy .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-navy .select2-results__option--highlighted[aria-selected]:hover,.select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#001730;color:#fff}.select2-container--default .select2-navy .select2-selection--multiple:focus,.select2-navy .select2-container--default .select2-selection--multiple:focus{border-color:#005ebf}.select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice,.select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#001f3f;border-color:#001226;color:#fff}.select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice__remove,.select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container--default .select2-navy.select2-container--focus .select2-selection--multiple,.select2-navy .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#005ebf}.select2-olive+.select2-container--default.select2-container--open .select2-selection--single{border-color:#87cfaf}.select2-olive+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#87cfaf}.select2-container--default .select2-olive .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-olive .select2-search--inline .select2-search__field:focus,.select2-container--default .select2-olive.select2-dropdown .select2-search__field:focus,.select2-olive .select2-container--default .select2-dropdown .select2-search__field:focus,.select2-olive .select2-container--default .select2-search--inline .select2-search__field:focus,.select2-olive .select2-container--default.select2-dropdown .select2-search__field:focus{border:1px solid #87cfaf}.select2-container--default .select2-olive .select2-results__option--highlighted,.select2-olive .select2-container--default .select2-results__option--highlighted{background-color:#3d9970;color:#fff}.select2-container--default .select2-olive .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-olive .select2-results__option--highlighted[aria-selected]:hover,.select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#398e68;color:#fff}.select2-container--default .select2-olive .select2-selection--multiple:focus,.select2-olive .select2-container--default .select2-selection--multiple:focus{border-color:#87cfaf}.select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice,.select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#3d9970;border-color:#368763;color:#fff}.select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice__remove,.select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container--default .select2-olive.select2-container--focus .select2-selection--multiple,.select2-olive .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#87cfaf}.select2-lime+.select2-container--default.select2-container--open .select2-selection--single{border-color:#81ffb8}.select2-lime+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#81ffb8}.select2-container--default .select2-lime .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-lime .select2-search--inline .select2-search__field:focus,.select2-container--default .select2-lime.select2-dropdown .select2-search__field:focus,.select2-lime .select2-container--default .select2-dropdown .select2-search__field:focus,.select2-lime .select2-container--default .select2-search--inline .select2-search__field:focus,.select2-lime .select2-container--default.select2-dropdown .select2-search__field:focus{border:1px solid #81ffb8}.select2-container--default .select2-lime .select2-results__option--highlighted,.select2-lime .select2-container--default .select2-results__option--highlighted{background-color:#01ff70;color:#1f2d3d}.select2-container--default .select2-lime .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-lime .select2-results__option--highlighted[aria-selected]:hover,.select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#00f169;color:#1f2d3d}.select2-container--default .select2-lime .select2-selection--multiple:focus,.select2-lime .select2-container--default .select2-selection--multiple:focus{border-color:#81ffb8}.select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice,.select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#01ff70;border-color:#00e765;color:#1f2d3d}.select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice__remove,.select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(31,45,61,.7)}.select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#1f2d3d}.select2-container--default .select2-lime.select2-container--focus .select2-selection--multiple,.select2-lime .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#81ffb8}.select2-fuchsia+.select2-container--default.select2-container--open .select2-selection--single{border-color:#f88adf}.select2-fuchsia+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#f88adf}.select2-container--default .select2-fuchsia .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-fuchsia .select2-search--inline .select2-search__field:focus,.select2-container--default .select2-fuchsia.select2-dropdown .select2-search__field:focus,.select2-fuchsia .select2-container--default .select2-dropdown .select2-search__field:focus,.select2-fuchsia .select2-container--default .select2-search--inline .select2-search__field:focus,.select2-fuchsia .select2-container--default.select2-dropdown .select2-search__field:focus{border:1px solid #f88adf}.select2-container--default .select2-fuchsia .select2-results__option--highlighted,.select2-fuchsia .select2-container--default .select2-results__option--highlighted{background-color:#f012be;color:#fff}.select2-container--default .select2-fuchsia .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-fuchsia .select2-results__option--highlighted[aria-selected]:hover,.select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#e40eb4;color:#fff}.select2-container--default .select2-fuchsia .select2-selection--multiple:focus,.select2-fuchsia .select2-container--default .select2-selection--multiple:focus{border-color:#f88adf}.select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice,.select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#f012be;border-color:#db0ead;color:#fff}.select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove,.select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container--default .select2-fuchsia.select2-container--focus .select2-selection--multiple,.select2-fuchsia .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#f88adf}.select2-maroon+.select2-container--default.select2-container--open .select2-selection--single{border-color:#f083ab}.select2-maroon+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#f083ab}.select2-container--default .select2-maroon .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-maroon .select2-search--inline .select2-search__field:focus,.select2-container--default .select2-maroon.select2-dropdown .select2-search__field:focus,.select2-maroon .select2-container--default .select2-dropdown .select2-search__field:focus,.select2-maroon .select2-container--default .select2-search--inline .select2-search__field:focus,.select2-maroon .select2-container--default.select2-dropdown .select2-search__field:focus{border:1px solid #f083ab}.select2-container--default .select2-maroon .select2-results__option--highlighted,.select2-maroon .select2-container--default .select2-results__option--highlighted{background-color:#d81b60;color:#fff}.select2-container--default .select2-maroon .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-maroon .select2-results__option--highlighted[aria-selected]:hover,.select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#ca195a;color:#fff}.select2-container--default .select2-maroon .select2-selection--multiple:focus,.select2-maroon .select2-container--default .select2-selection--multiple:focus{border-color:#f083ab}.select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice,.select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#d81b60;border-color:#c11856;color:#fff}.select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice__remove,.select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container--default .select2-maroon.select2-container--focus .select2-selection--multiple,.select2-maroon .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#f083ab}.select2-blue+.select2-container--default.select2-container--open .select2-selection--single{border-color:#80bdff}.select2-blue+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#80bdff}.select2-blue .select2-container--default .select2-dropdown .select2-search__field:focus,.select2-blue .select2-container--default .select2-search--inline .select2-search__field:focus,.select2-blue .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .select2-blue .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-blue .select2-search--inline .select2-search__field:focus,.select2-container--default .select2-blue.select2-dropdown .select2-search__field:focus{border:1px solid #80bdff}.select2-blue .select2-container--default .select2-results__option--highlighted,.select2-container--default .select2-blue .select2-results__option--highlighted{background-color:#007bff;color:#fff}.select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .select2-blue .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-blue .select2-results__option--highlighted[aria-selected]:hover{background-color:#0074f0;color:#fff}.select2-blue .select2-container--default .select2-selection--multiple:focus,.select2-container--default .select2-blue .select2-selection--multiple:focus{border-color:#80bdff}.select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice{background-color:#007bff;border-color:#006fe6;color:#fff}.select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-blue .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .select2-blue.select2-container--focus .select2-selection--multiple{border-color:#80bdff}.select2-indigo+.select2-container--default.select2-container--open .select2-selection--single{border-color:#b389f9}.select2-indigo+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#b389f9}.select2-container--default .select2-indigo .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-indigo .select2-search--inline .select2-search__field:focus,.select2-container--default .select2-indigo.select2-dropdown .select2-search__field:focus,.select2-indigo .select2-container--default .select2-dropdown .select2-search__field:focus,.select2-indigo .select2-container--default .select2-search--inline .select2-search__field:focus,.select2-indigo .select2-container--default.select2-dropdown .select2-search__field:focus{border:1px solid #b389f9}.select2-container--default .select2-indigo .select2-results__option--highlighted,.select2-indigo .select2-container--default .select2-results__option--highlighted{background-color:#6610f2;color:#fff}.select2-container--default .select2-indigo .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-indigo .select2-results__option--highlighted[aria-selected]:hover,.select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#5f0de6;color:#fff}.select2-container--default .select2-indigo .select2-selection--multiple:focus,.select2-indigo .select2-container--default .select2-selection--multiple:focus{border-color:#b389f9}.select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice,.select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#6610f2;border-color:#5b0cdd;color:#fff}.select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice__remove,.select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container--default .select2-indigo.select2-container--focus .select2-selection--multiple,.select2-indigo .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#b389f9}.select2-purple+.select2-container--default.select2-container--open .select2-selection--single{border-color:#b8a2e0}.select2-purple+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#b8a2e0}.select2-container--default .select2-purple .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-purple .select2-search--inline .select2-search__field:focus,.select2-container--default .select2-purple.select2-dropdown .select2-search__field:focus,.select2-purple .select2-container--default .select2-dropdown .select2-search__field:focus,.select2-purple .select2-container--default .select2-search--inline .select2-search__field:focus,.select2-purple .select2-container--default.select2-dropdown .select2-search__field:focus{border:1px solid #b8a2e0}.select2-container--default .select2-purple .select2-results__option--highlighted,.select2-purple .select2-container--default .select2-results__option--highlighted{background-color:#6f42c1;color:#fff}.select2-container--default .select2-purple .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-purple .select2-results__option--highlighted[aria-selected]:hover,.select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#683cb8;color:#fff}.select2-container--default .select2-purple .select2-selection--multiple:focus,.select2-purple .select2-container--default .select2-selection--multiple:focus{border-color:#b8a2e0}.select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice,.select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#6f42c1;border-color:#643ab0;color:#fff}.select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice__remove,.select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container--default .select2-purple.select2-container--focus .select2-selection--multiple,.select2-purple .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#b8a2e0}.select2-pink+.select2-container--default.select2-container--open .select2-selection--single{border-color:#f6b0d0}.select2-pink+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#f6b0d0}.select2-container--default .select2-pink .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-pink .select2-search--inline .select2-search__field:focus,.select2-container--default .select2-pink.select2-dropdown .select2-search__field:focus,.select2-pink .select2-container--default .select2-dropdown .select2-search__field:focus,.select2-pink .select2-container--default .select2-search--inline .select2-search__field:focus,.select2-pink .select2-container--default.select2-dropdown .select2-search__field:focus{border:1px solid #f6b0d0}.select2-container--default .select2-pink .select2-results__option--highlighted,.select2-pink .select2-container--default .select2-results__option--highlighted{background-color:#e83e8c;color:#fff}.select2-container--default .select2-pink .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-pink .select2-results__option--highlighted[aria-selected]:hover,.select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#e63084;color:#fff}.select2-container--default .select2-pink .select2-selection--multiple:focus,.select2-pink .select2-container--default .select2-selection--multiple:focus{border-color:#f6b0d0}.select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice,.select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e83e8c;border-color:#e5277e;color:#fff}.select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice__remove,.select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container--default .select2-pink.select2-container--focus .select2-selection--multiple,.select2-pink .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#f6b0d0}.select2-red+.select2-container--default.select2-container--open .select2-selection--single{border-color:#efa2a9}.select2-red+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#efa2a9}.select2-container--default .select2-red .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-red .select2-search--inline .select2-search__field:focus,.select2-container--default .select2-red.select2-dropdown .select2-search__field:focus,.select2-red .select2-container--default .select2-dropdown .select2-search__field:focus,.select2-red .select2-container--default .select2-search--inline .select2-search__field:focus,.select2-red .select2-container--default.select2-dropdown .select2-search__field:focus{border:1px solid #efa2a9}.select2-container--default .select2-red .select2-results__option--highlighted,.select2-red .select2-container--default .select2-results__option--highlighted{background-color:#dc3545;color:#fff}.select2-container--default .select2-red .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-red .select2-results__option--highlighted[aria-selected]:hover,.select2-red .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-red .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#da2839;color:#fff}.select2-container--default .select2-red .select2-selection--multiple:focus,.select2-red .select2-container--default .select2-selection--multiple:focus{border-color:#efa2a9}.select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice,.select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#dc3545;border-color:#d32535;color:#fff}.select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice__remove,.select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container--default .select2-red.select2-container--focus .select2-selection--multiple,.select2-red .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#efa2a9}.select2-orange+.select2-container--default.select2-container--open .select2-selection--single{border-color:#fec392}.select2-orange+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#fec392}.select2-container--default .select2-orange .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-orange .select2-search--inline .select2-search__field:focus,.select2-container--default .select2-orange.select2-dropdown .select2-search__field:focus,.select2-orange .select2-container--default .select2-dropdown .select2-search__field:focus,.select2-orange .select2-container--default .select2-search--inline .select2-search__field:focus,.select2-orange .select2-container--default.select2-dropdown .select2-search__field:focus{border:1px solid #fec392}.select2-container--default .select2-orange .select2-results__option--highlighted,.select2-orange .select2-container--default .select2-results__option--highlighted{background-color:#fd7e14;color:#1f2d3d}.select2-container--default .select2-orange .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-orange .select2-results__option--highlighted[aria-selected]:hover,.select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#fd7605;color:#fff}.select2-container--default .select2-orange .select2-selection--multiple:focus,.select2-orange .select2-container--default .select2-selection--multiple:focus{border-color:#fec392}.select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice,.select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#fd7e14;border-color:#f57102;color:#1f2d3d}.select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice__remove,.select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(31,45,61,.7)}.select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#1f2d3d}.select2-container--default .select2-orange.select2-container--focus .select2-selection--multiple,.select2-orange .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#fec392}.select2-yellow+.select2-container--default.select2-container--open .select2-selection--single{border-color:#ffe187}.select2-yellow+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#ffe187}.select2-container--default .select2-yellow .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-yellow .select2-search--inline .select2-search__field:focus,.select2-container--default .select2-yellow.select2-dropdown .select2-search__field:focus,.select2-yellow .select2-container--default .select2-dropdown .select2-search__field:focus,.select2-yellow .select2-container--default .select2-search--inline .select2-search__field:focus,.select2-yellow .select2-container--default.select2-dropdown .select2-search__field:focus{border:1px solid #ffe187}.select2-container--default .select2-yellow .select2-results__option--highlighted,.select2-yellow .select2-container--default .select2-results__option--highlighted{background-color:#ffc107;color:#1f2d3d}.select2-container--default .select2-yellow .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-yellow .select2-results__option--highlighted[aria-selected]:hover,.select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#f7b900;color:#1f2d3d}.select2-container--default .select2-yellow .select2-selection--multiple:focus,.select2-yellow .select2-container--default .select2-selection--multiple:focus{border-color:#ffe187}.select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice,.select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#ffc107;border-color:#edb100;color:#1f2d3d}.select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice__remove,.select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(31,45,61,.7)}.select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#1f2d3d}.select2-container--default .select2-yellow.select2-container--focus .select2-selection--multiple,.select2-yellow .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#ffe187}.select2-green+.select2-container--default.select2-container--open .select2-selection--single{border-color:#71dd8a}.select2-green+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#71dd8a}.select2-container--default .select2-green .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-green .select2-search--inline .select2-search__field:focus,.select2-container--default .select2-green.select2-dropdown .select2-search__field:focus,.select2-green .select2-container--default .select2-dropdown .select2-search__field:focus,.select2-green .select2-container--default .select2-search--inline .select2-search__field:focus,.select2-green .select2-container--default.select2-dropdown .select2-search__field:focus{border:1px solid #71dd8a}.select2-container--default .select2-green .select2-results__option--highlighted,.select2-green .select2-container--default .select2-results__option--highlighted{background-color:#28a745;color:#fff}.select2-container--default .select2-green .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-green .select2-results__option--highlighted[aria-selected]:hover,.select2-green .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-green .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#259b40;color:#fff}.select2-container--default .select2-green .select2-selection--multiple:focus,.select2-green .select2-container--default .select2-selection--multiple:focus{border-color:#71dd8a}.select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice,.select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#28a745;border-color:#23923d;color:#fff}.select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice__remove,.select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container--default .select2-green.select2-container--focus .select2-selection--multiple,.select2-green .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#71dd8a}.select2-teal+.select2-container--default.select2-container--open .select2-selection--single{border-color:#7eeaca}.select2-teal+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#7eeaca}.select2-container--default .select2-teal .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-teal .select2-search--inline .select2-search__field:focus,.select2-container--default .select2-teal.select2-dropdown .select2-search__field:focus,.select2-teal .select2-container--default .select2-dropdown .select2-search__field:focus,.select2-teal .select2-container--default .select2-search--inline .select2-search__field:focus,.select2-teal .select2-container--default.select2-dropdown .select2-search__field:focus{border:1px solid #7eeaca}.select2-container--default .select2-teal .select2-results__option--highlighted,.select2-teal .select2-container--default .select2-results__option--highlighted{background-color:#20c997;color:#fff}.select2-container--default .select2-teal .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-teal .select2-results__option--highlighted[aria-selected]:hover,.select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#1ebc8d;color:#fff}.select2-container--default .select2-teal .select2-selection--multiple:focus,.select2-teal .select2-container--default .select2-selection--multiple:focus{border-color:#7eeaca}.select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice,.select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#20c997;border-color:#1cb386;color:#fff}.select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice__remove,.select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container--default .select2-teal.select2-container--focus .select2-selection--multiple,.select2-teal .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#7eeaca}.select2-cyan+.select2-container--default.select2-container--open .select2-selection--single{border-color:#63d9ec}.select2-cyan+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#63d9ec}.select2-container--default .select2-cyan .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-cyan .select2-search--inline .select2-search__field:focus,.select2-container--default .select2-cyan.select2-dropdown .select2-search__field:focus,.select2-cyan .select2-container--default .select2-dropdown .select2-search__field:focus,.select2-cyan .select2-container--default .select2-search--inline .select2-search__field:focus,.select2-cyan .select2-container--default.select2-dropdown .select2-search__field:focus{border:1px solid #63d9ec}.select2-container--default .select2-cyan .select2-results__option--highlighted,.select2-cyan .select2-container--default .select2-results__option--highlighted{background-color:#17a2b8;color:#fff}.select2-container--default .select2-cyan .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-cyan .select2-results__option--highlighted[aria-selected]:hover,.select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#1596aa;color:#fff}.select2-container--default .select2-cyan .select2-selection--multiple:focus,.select2-cyan .select2-container--default .select2-selection--multiple:focus{border-color:#63d9ec}.select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice,.select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#17a2b8;border-color:#148ea1;color:#fff}.select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice__remove,.select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container--default .select2-cyan.select2-container--focus .select2-selection--multiple,.select2-cyan .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#63d9ec}.select2-white+.select2-container--default.select2-container--open .select2-selection--single{border-color:#fff}.select2-white+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#fff}.select2-container--default .select2-white .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-white .select2-search--inline .select2-search__field:focus,.select2-container--default .select2-white.select2-dropdown .select2-search__field:focus,.select2-white .select2-container--default .select2-dropdown .select2-search__field:focus,.select2-white .select2-container--default .select2-search--inline .select2-search__field:focus,.select2-white .select2-container--default.select2-dropdown .select2-search__field:focus{border:1px solid #fff}.select2-container--default .select2-white .select2-results__option--highlighted,.select2-white .select2-container--default .select2-results__option--highlighted{background-color:#fff;color:#1f2d3d}.select2-container--default .select2-white .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-white .select2-results__option--highlighted[aria-selected]:hover,.select2-white .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-white .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#f7f7f7;color:#1f2d3d}.select2-container--default .select2-white .select2-selection--multiple:focus,.select2-white .select2-container--default .select2-selection--multiple:focus{border-color:#fff}.select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice,.select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#fff;border-color:#f2f2f2;color:#1f2d3d}.select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice__remove,.select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(31,45,61,.7)}.select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#1f2d3d}.select2-container--default .select2-white.select2-container--focus .select2-selection--multiple,.select2-white .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#fff}.select2-gray+.select2-container--default.select2-container--open .select2-selection--single{border-color:#afb5ba}.select2-gray+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#afb5ba}.select2-container--default .select2-gray .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-gray .select2-search--inline .select2-search__field:focus,.select2-container--default .select2-gray.select2-dropdown .select2-search__field:focus,.select2-gray .select2-container--default .select2-dropdown .select2-search__field:focus,.select2-gray .select2-container--default .select2-search--inline .select2-search__field:focus,.select2-gray .select2-container--default.select2-dropdown .select2-search__field:focus{border:1px solid #afb5ba}.select2-container--default .select2-gray .select2-results__option--highlighted,.select2-gray .select2-container--default .select2-results__option--highlighted{background-color:#6c757d;color:#fff}.select2-container--default .select2-gray .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-gray .select2-results__option--highlighted[aria-selected]:hover,.select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#656d75;color:#fff}.select2-container--default .select2-gray .select2-selection--multiple:focus,.select2-gray .select2-container--default .select2-selection--multiple:focus{border-color:#afb5ba}.select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice,.select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#6c757d;border-color:#60686f;color:#fff}.select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice__remove,.select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container--default .select2-gray.select2-container--focus .select2-selection--multiple,.select2-gray .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#afb5ba}.select2-gray-dark+.select2-container--default.select2-container--open .select2-selection--single{border-color:#6d7a86}.select2-gray-dark+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#6d7a86}.select2-container--default .select2-gray-dark .select2-dropdown .select2-search__field:focus,.select2-container--default .select2-gray-dark .select2-search--inline .select2-search__field:focus,.select2-container--default .select2-gray-dark.select2-dropdown .select2-search__field:focus,.select2-gray-dark .select2-container--default .select2-dropdown .select2-search__field:focus,.select2-gray-dark .select2-container--default .select2-search--inline .select2-search__field:focus,.select2-gray-dark .select2-container--default.select2-dropdown .select2-search__field:focus{border:1px solid #6d7a86}.select2-container--default .select2-gray-dark .select2-results__option--highlighted,.select2-gray-dark .select2-container--default .select2-results__option--highlighted{background-color:#343a40;color:#fff}.select2-container--default .select2-gray-dark .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-gray-dark .select2-results__option--highlighted[aria-selected]:hover,.select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected],.select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color:#2d3238;color:#fff}.select2-container--default .select2-gray-dark .select2-selection--multiple:focus,.select2-gray-dark .select2-container--default .select2-selection--multiple:focus{border-color:#6d7a86}.select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice,.select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#343a40;border-color:#292d32;color:#fff}.select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove,.select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container--default .select2-gray-dark.select2-container--focus .select2-selection--multiple,.select2-gray-dark .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#6d7a86}.dark-mode .select2-selection{background-color:#343a40;border-color:#6c757d}.dark-mode .select2-container--disabled .select2-selection--single{background-color:#454d55}.dark-mode .select2-selection--single{background-color:#343a40;border-color:#6c757d}.dark-mode .select2-selection--single .select2-selection__rendered{color:#fff}.dark-mode .select2-dropdown .select2-search__field,.dark-mode .select2-search--inline .select2-search__field{background-color:#343a40;border-color:#6c757d;color:#fff}.dark-mode .select2-dropdown{background-color:#343a40;border-color:#6c757d;color:#fff}.dark-mode .select2-results__option[aria-selected=true]{background-color:#3f474e!important;color:#dee2e6}.dark-mode .select2-container .select2-search--inline .select2-search__field{background-color:transparent;color:#fff}.dark-mode .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice{color:#fff}.dark-mode .select2-primary+.select2-container--default.select2-container--open .select2-selection--single{border-color:#85a7ca}.dark-mode .select2-primary+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#85a7ca}.dark-mode .select2-primary .select2-container--default .select2-dropdown .select2-search__field:focus,.dark-mode .select2-primary .select2-container--default .select2-search--inline .select2-search__field:focus,.dark-mode .select2-primary .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-primary .select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-primary .select2-search--inline .select2-search__field:focus,.select2-container--default .dark-mode .select2-primary.select2-dropdown .select2-search__field:focus{border:1px solid #85a7ca}.dark-mode .select2-primary .select2-container--default .select2-results__option--highlighted,.select2-container--default .dark-mode .select2-primary .select2-results__option--highlighted{background-color:#3f6791;color:#fff}.dark-mode .select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected],.dark-mode .select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .dark-mode .select2-primary .select2-results__option--highlighted[aria-selected],.select2-container--default .dark-mode .select2-primary .select2-results__option--highlighted[aria-selected]:hover{background-color:#3a5f86;color:#fff}.dark-mode .select2-primary .select2-container--default .select2-selection--multiple:focus,.select2-container--default .dark-mode .select2-primary .select2-selection--multiple:focus{border-color:#85a7ca}.dark-mode .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .dark-mode .select2-primary .select2-selection--multiple .select2-selection__choice{background-color:#3f6791;border-color:#375a7f;color:#fff}.dark-mode .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .dark-mode .select2-primary .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.dark-mode .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .dark-mode .select2-primary .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.dark-mode .select2-primary .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .dark-mode .select2-primary.select2-container--focus .select2-selection--multiple{border-color:#85a7ca}.dark-mode .select2-secondary+.select2-container--default.select2-container--open .select2-selection--single{border-color:#afb5ba}.dark-mode .select2-secondary+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#afb5ba}.dark-mode .select2-secondary .select2-container--default .select2-dropdown .select2-search__field:focus,.dark-mode .select2-secondary .select2-container--default .select2-search--inline .select2-search__field:focus,.dark-mode .select2-secondary .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-secondary .select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-secondary .select2-search--inline .select2-search__field:focus,.select2-container--default .dark-mode .select2-secondary.select2-dropdown .select2-search__field:focus{border:1px solid #afb5ba}.dark-mode .select2-secondary .select2-container--default .select2-results__option--highlighted,.select2-container--default .dark-mode .select2-secondary .select2-results__option--highlighted{background-color:#6c757d;color:#fff}.dark-mode .select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected],.dark-mode .select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .dark-mode .select2-secondary .select2-results__option--highlighted[aria-selected],.select2-container--default .dark-mode .select2-secondary .select2-results__option--highlighted[aria-selected]:hover{background-color:#656d75;color:#fff}.dark-mode .select2-secondary .select2-container--default .select2-selection--multiple:focus,.select2-container--default .dark-mode .select2-secondary .select2-selection--multiple:focus{border-color:#afb5ba}.dark-mode .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .dark-mode .select2-secondary .select2-selection--multiple .select2-selection__choice{background-color:#6c757d;border-color:#60686f;color:#fff}.dark-mode .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .dark-mode .select2-secondary .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.dark-mode .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .dark-mode .select2-secondary .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.dark-mode .select2-secondary .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .dark-mode .select2-secondary.select2-container--focus .select2-selection--multiple{border-color:#afb5ba}.dark-mode .select2-success+.select2-container--default.select2-container--open .select2-selection--single{border-color:#3dffcd}.dark-mode .select2-success+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#3dffcd}.dark-mode .select2-success .select2-container--default .select2-dropdown .select2-search__field:focus,.dark-mode .select2-success .select2-container--default .select2-search--inline .select2-search__field:focus,.dark-mode .select2-success .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-success .select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-success .select2-search--inline .select2-search__field:focus,.select2-container--default .dark-mode .select2-success.select2-dropdown .select2-search__field:focus{border:1px solid #3dffcd}.dark-mode .select2-success .select2-container--default .select2-results__option--highlighted,.select2-container--default .dark-mode .select2-success .select2-results__option--highlighted{background-color:#00bc8c;color:#fff}.dark-mode .select2-success .select2-container--default .select2-results__option--highlighted[aria-selected],.dark-mode .select2-success .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .dark-mode .select2-success .select2-results__option--highlighted[aria-selected],.select2-container--default .dark-mode .select2-success .select2-results__option--highlighted[aria-selected]:hover{background-color:#00ad81;color:#fff}.dark-mode .select2-success .select2-container--default .select2-selection--multiple:focus,.select2-container--default .dark-mode .select2-success .select2-selection--multiple:focus{border-color:#3dffcd}.dark-mode .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .dark-mode .select2-success .select2-selection--multiple .select2-selection__choice{background-color:#00bc8c;border-color:#00a379;color:#fff}.dark-mode .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .dark-mode .select2-success .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.dark-mode .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .dark-mode .select2-success .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.dark-mode .select2-success .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .dark-mode .select2-success.select2-container--focus .select2-selection--multiple{border-color:#3dffcd}.dark-mode .select2-info+.select2-container--default.select2-container--open .select2-selection--single{border-color:#a0cfee}.dark-mode .select2-info+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#a0cfee}.dark-mode .select2-info .select2-container--default .select2-dropdown .select2-search__field:focus,.dark-mode .select2-info .select2-container--default .select2-search--inline .select2-search__field:focus,.dark-mode .select2-info .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-info .select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-info .select2-search--inline .select2-search__field:focus,.select2-container--default .dark-mode .select2-info.select2-dropdown .select2-search__field:focus{border:1px solid #a0cfee}.dark-mode .select2-info .select2-container--default .select2-results__option--highlighted,.select2-container--default .dark-mode .select2-info .select2-results__option--highlighted{background-color:#3498db;color:#fff}.dark-mode .select2-info .select2-container--default .select2-results__option--highlighted[aria-selected],.dark-mode .select2-info .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .dark-mode .select2-info .select2-results__option--highlighted[aria-selected],.select2-container--default .dark-mode .select2-info .select2-results__option--highlighted[aria-selected]:hover{background-color:#2791d9;color:#fff}.dark-mode .select2-info .select2-container--default .select2-selection--multiple:focus,.select2-container--default .dark-mode .select2-info .select2-selection--multiple:focus{border-color:#a0cfee}.dark-mode .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .dark-mode .select2-info .select2-selection--multiple .select2-selection__choice{background-color:#3498db;border-color:#258cd1;color:#fff}.dark-mode .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .dark-mode .select2-info .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.dark-mode .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .dark-mode .select2-info .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.dark-mode .select2-info .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .dark-mode .select2-info.select2-container--focus .select2-selection--multiple{border-color:#a0cfee}.dark-mode .select2-warning+.select2-container--default.select2-container--open .select2-selection--single{border-color:#f9cf8b}.dark-mode .select2-warning+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#f9cf8b}.dark-mode .select2-warning .select2-container--default .select2-dropdown .select2-search__field:focus,.dark-mode .select2-warning .select2-container--default .select2-search--inline .select2-search__field:focus,.dark-mode .select2-warning .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-warning .select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-warning .select2-search--inline .select2-search__field:focus,.select2-container--default .dark-mode .select2-warning.select2-dropdown .select2-search__field:focus{border:1px solid #f9cf8b}.dark-mode .select2-warning .select2-container--default .select2-results__option--highlighted,.select2-container--default .dark-mode .select2-warning .select2-results__option--highlighted{background-color:#f39c12;color:#1f2d3d}.dark-mode .select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected],.dark-mode .select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .dark-mode .select2-warning .select2-results__option--highlighted[aria-selected],.select2-container--default .dark-mode .select2-warning .select2-results__option--highlighted[aria-selected]:hover{background-color:#ea940c;color:#1f2d3d}.dark-mode .select2-warning .select2-container--default .select2-selection--multiple:focus,.select2-container--default .dark-mode .select2-warning .select2-selection--multiple:focus{border-color:#f9cf8b}.dark-mode .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .dark-mode .select2-warning .select2-selection--multiple .select2-selection__choice{background-color:#f39c12;border-color:#e08e0b;color:#1f2d3d}.dark-mode .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .dark-mode .select2-warning .select2-selection--multiple .select2-selection__choice__remove{color:rgba(31,45,61,.7)}.dark-mode .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .dark-mode .select2-warning .select2-selection--multiple .select2-selection__choice__remove:hover{color:#1f2d3d}.dark-mode .select2-warning .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .dark-mode .select2-warning.select2-container--focus .select2-selection--multiple{border-color:#f9cf8b}.dark-mode .select2-danger+.select2-container--default.select2-container--open .select2-selection--single{border-color:#f5b4ae}.dark-mode .select2-danger+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#f5b4ae}.dark-mode .select2-danger .select2-container--default .select2-dropdown .select2-search__field:focus,.dark-mode .select2-danger .select2-container--default .select2-search--inline .select2-search__field:focus,.dark-mode .select2-danger .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-danger .select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-danger .select2-search--inline .select2-search__field:focus,.select2-container--default .dark-mode .select2-danger.select2-dropdown .select2-search__field:focus{border:1px solid #f5b4ae}.dark-mode .select2-danger .select2-container--default .select2-results__option--highlighted,.select2-container--default .dark-mode .select2-danger .select2-results__option--highlighted{background-color:#e74c3c;color:#fff}.dark-mode .select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected],.dark-mode .select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .dark-mode .select2-danger .select2-results__option--highlighted[aria-selected],.select2-container--default .dark-mode .select2-danger .select2-results__option--highlighted[aria-selected]:hover{background-color:#e53f2e;color:#fff}.dark-mode .select2-danger .select2-container--default .select2-selection--multiple:focus,.select2-container--default .dark-mode .select2-danger .select2-selection--multiple:focus{border-color:#f5b4ae}.dark-mode .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .dark-mode .select2-danger .select2-selection--multiple .select2-selection__choice{background-color:#e74c3c;border-color:#e43725;color:#fff}.dark-mode .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .dark-mode .select2-danger .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.dark-mode .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .dark-mode .select2-danger .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.dark-mode .select2-danger .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .dark-mode .select2-danger.select2-container--focus .select2-selection--multiple{border-color:#f5b4ae}.dark-mode .select2-light+.select2-container--default.select2-container--open .select2-selection--single{border-color:#fff}.dark-mode .select2-light+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#fff}.dark-mode .select2-light .select2-container--default .select2-dropdown .select2-search__field:focus,.dark-mode .select2-light .select2-container--default .select2-search--inline .select2-search__field:focus,.dark-mode .select2-light .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-light .select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-light .select2-search--inline .select2-search__field:focus,.select2-container--default .dark-mode .select2-light.select2-dropdown .select2-search__field:focus{border:1px solid #fff}.dark-mode .select2-light .select2-container--default .select2-results__option--highlighted,.select2-container--default .dark-mode .select2-light .select2-results__option--highlighted{background-color:#f8f9fa;color:#1f2d3d}.dark-mode .select2-light .select2-container--default .select2-results__option--highlighted[aria-selected],.dark-mode .select2-light .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .dark-mode .select2-light .select2-results__option--highlighted[aria-selected],.select2-container--default .dark-mode .select2-light .select2-results__option--highlighted[aria-selected]:hover{background-color:#eff1f4;color:#1f2d3d}.dark-mode .select2-light .select2-container--default .select2-selection--multiple:focus,.select2-container--default .dark-mode .select2-light .select2-selection--multiple:focus{border-color:#fff}.dark-mode .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .dark-mode .select2-light .select2-selection--multiple .select2-selection__choice{background-color:#f8f9fa;border-color:#e9ecef;color:#1f2d3d}.dark-mode .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .dark-mode .select2-light .select2-selection--multiple .select2-selection__choice__remove{color:rgba(31,45,61,.7)}.dark-mode .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .dark-mode .select2-light .select2-selection--multiple .select2-selection__choice__remove:hover{color:#1f2d3d}.dark-mode .select2-light .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .dark-mode .select2-light.select2-container--focus .select2-selection--multiple{border-color:#fff}.dark-mode .select2-dark+.select2-container--default.select2-container--open .select2-selection--single{border-color:#6d7a86}.dark-mode .select2-dark+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#6d7a86}.dark-mode .select2-dark .select2-container--default .select2-dropdown .select2-search__field:focus,.dark-mode .select2-dark .select2-container--default .select2-search--inline .select2-search__field:focus,.dark-mode .select2-dark .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-dark .select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-dark .select2-search--inline .select2-search__field:focus,.select2-container--default .dark-mode .select2-dark.select2-dropdown .select2-search__field:focus{border:1px solid #6d7a86}.dark-mode .select2-dark .select2-container--default .select2-results__option--highlighted,.select2-container--default .dark-mode .select2-dark .select2-results__option--highlighted{background-color:#343a40;color:#fff}.dark-mode .select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected],.dark-mode .select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .dark-mode .select2-dark .select2-results__option--highlighted[aria-selected],.select2-container--default .dark-mode .select2-dark .select2-results__option--highlighted[aria-selected]:hover{background-color:#2d3238;color:#fff}.dark-mode .select2-dark .select2-container--default .select2-selection--multiple:focus,.select2-container--default .dark-mode .select2-dark .select2-selection--multiple:focus{border-color:#6d7a86}.dark-mode .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .dark-mode .select2-dark .select2-selection--multiple .select2-selection__choice{background-color:#343a40;border-color:#292d32;color:#fff}.dark-mode .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .dark-mode .select2-dark .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.dark-mode .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .dark-mode .select2-dark .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.dark-mode .select2-dark .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .dark-mode .select2-dark.select2-container--focus .select2-selection--multiple{border-color:#6d7a86}.dark-mode .select2-lightblue+.select2-container--default.select2-container--open .select2-selection--single{border-color:#e6f1f7}.dark-mode .select2-lightblue+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#e6f1f7}.dark-mode .select2-lightblue .select2-container--default .select2-dropdown .select2-search__field:focus,.dark-mode .select2-lightblue .select2-container--default .select2-search--inline .select2-search__field:focus,.dark-mode .select2-lightblue .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-lightblue .select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-lightblue .select2-search--inline .select2-search__field:focus,.select2-container--default .dark-mode .select2-lightblue.select2-dropdown .select2-search__field:focus{border:1px solid #e6f1f7}.dark-mode .select2-lightblue .select2-container--default .select2-results__option--highlighted,.select2-container--default .dark-mode .select2-lightblue .select2-results__option--highlighted{background-color:#86bad8;color:#1f2d3d}.dark-mode .select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected],.dark-mode .select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .dark-mode .select2-lightblue .select2-results__option--highlighted[aria-selected],.select2-container--default .dark-mode .select2-lightblue .select2-results__option--highlighted[aria-selected]:hover{background-color:#7ab3d5;color:#1f2d3d}.dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple:focus,.select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple:focus{border-color:#e6f1f7}.dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple .select2-selection__choice{background-color:#86bad8;border-color:#72afd2;color:#1f2d3d}.dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove{color:rgba(31,45,61,.7)}.dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove:hover{color:#1f2d3d}.dark-mode .select2-lightblue .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .dark-mode .select2-lightblue.select2-container--focus .select2-selection--multiple{border-color:#e6f1f7}.dark-mode .select2-navy+.select2-container--default.select2-container--open .select2-selection--single{border-color:#006ad8}.dark-mode .select2-navy+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#006ad8}.dark-mode .select2-navy .select2-container--default .select2-dropdown .select2-search__field:focus,.dark-mode .select2-navy .select2-container--default .select2-search--inline .select2-search__field:focus,.dark-mode .select2-navy .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-navy .select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-navy .select2-search--inline .select2-search__field:focus,.select2-container--default .dark-mode .select2-navy.select2-dropdown .select2-search__field:focus{border:1px solid #006ad8}.dark-mode .select2-navy .select2-container--default .select2-results__option--highlighted,.select2-container--default .dark-mode .select2-navy .select2-results__option--highlighted{background-color:#002c59;color:#fff}.dark-mode .select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected],.dark-mode .select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .dark-mode .select2-navy .select2-results__option--highlighted[aria-selected],.select2-container--default .dark-mode .select2-navy .select2-results__option--highlighted[aria-selected]:hover{background-color:#002449;color:#fff}.dark-mode .select2-navy .select2-container--default .select2-selection--multiple:focus,.select2-container--default .dark-mode .select2-navy .select2-selection--multiple:focus{border-color:#006ad8}.dark-mode .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .dark-mode .select2-navy .select2-selection--multiple .select2-selection__choice{background-color:#002c59;border-color:#001f3f;color:#fff}.dark-mode .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .dark-mode .select2-navy .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.dark-mode .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .dark-mode .select2-navy .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.dark-mode .select2-navy .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .dark-mode .select2-navy.select2-container--focus .select2-selection--multiple{border-color:#006ad8}.dark-mode .select2-olive+.select2-container--default.select2-container--open .select2-selection--single{border-color:#cfecdf}.dark-mode .select2-olive+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#cfecdf}.dark-mode .select2-olive .select2-container--default .select2-dropdown .select2-search__field:focus,.dark-mode .select2-olive .select2-container--default .select2-search--inline .select2-search__field:focus,.dark-mode .select2-olive .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-olive .select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-olive .select2-search--inline .select2-search__field:focus,.select2-container--default .dark-mode .select2-olive.select2-dropdown .select2-search__field:focus{border:1px solid #cfecdf}.dark-mode .select2-olive .select2-container--default .select2-results__option--highlighted,.select2-container--default .dark-mode .select2-olive .select2-results__option--highlighted{background-color:#74c8a3;color:#1f2d3d}.dark-mode .select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected],.dark-mode .select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .dark-mode .select2-olive .select2-results__option--highlighted[aria-selected],.select2-container--default .dark-mode .select2-olive .select2-results__option--highlighted[aria-selected]:hover{background-color:#69c39b;color:#1f2d3d}.dark-mode .select2-olive .select2-container--default .select2-selection--multiple:focus,.select2-container--default .dark-mode .select2-olive .select2-selection--multiple:focus{border-color:#cfecdf}.dark-mode .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .dark-mode .select2-olive .select2-selection--multiple .select2-selection__choice{background-color:#74c8a3;border-color:#62c096;color:#1f2d3d}.dark-mode .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .dark-mode .select2-olive .select2-selection--multiple .select2-selection__choice__remove{color:rgba(31,45,61,.7)}.dark-mode .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .dark-mode .select2-olive .select2-selection--multiple .select2-selection__choice__remove:hover{color:#1f2d3d}.dark-mode .select2-olive .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .dark-mode .select2-olive.select2-container--focus .select2-selection--multiple{border-color:#cfecdf}.dark-mode .select2-lime+.select2-container--default.select2-container--open .select2-selection--single{border-color:#e7fff1}.dark-mode .select2-lime+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#e7fff1}.dark-mode .select2-lime .select2-container--default .select2-dropdown .select2-search__field:focus,.dark-mode .select2-lime .select2-container--default .select2-search--inline .select2-search__field:focus,.dark-mode .select2-lime .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-lime .select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-lime .select2-search--inline .select2-search__field:focus,.select2-container--default .dark-mode .select2-lime.select2-dropdown .select2-search__field:focus{border:1px solid #e7fff1}.dark-mode .select2-lime .select2-container--default .select2-results__option--highlighted,.select2-container--default .dark-mode .select2-lime .select2-results__option--highlighted{background-color:#67ffa9;color:#1f2d3d}.dark-mode .select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected],.dark-mode .select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .dark-mode .select2-lime .select2-results__option--highlighted[aria-selected],.select2-container--default .dark-mode .select2-lime .select2-results__option--highlighted[aria-selected]:hover{background-color:#58ffa1;color:#1f2d3d}.dark-mode .select2-lime .select2-container--default .select2-selection--multiple:focus,.select2-container--default .dark-mode .select2-lime .select2-selection--multiple:focus{border-color:#e7fff1}.dark-mode .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .dark-mode .select2-lime .select2-selection--multiple .select2-selection__choice{background-color:#67ffa9;border-color:#4eff9b;color:#1f2d3d}.dark-mode .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .dark-mode .select2-lime .select2-selection--multiple .select2-selection__choice__remove{color:rgba(31,45,61,.7)}.dark-mode .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .dark-mode .select2-lime .select2-selection--multiple .select2-selection__choice__remove:hover{color:#1f2d3d}.dark-mode .select2-lime .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .dark-mode .select2-lime.select2-container--focus .select2-selection--multiple{border-color:#e7fff1}.dark-mode .select2-fuchsia+.select2-container--default.select2-container--open .select2-selection--single{border-color:#feeaf9}.dark-mode .select2-fuchsia+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#feeaf9}.dark-mode .select2-fuchsia .select2-container--default .select2-dropdown .select2-search__field:focus,.dark-mode .select2-fuchsia .select2-container--default .select2-search--inline .select2-search__field:focus,.dark-mode .select2-fuchsia .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-fuchsia .select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-fuchsia .select2-search--inline .select2-search__field:focus,.select2-container--default .dark-mode .select2-fuchsia.select2-dropdown .select2-search__field:focus{border:1px solid #feeaf9}.dark-mode .select2-fuchsia .select2-container--default .select2-results__option--highlighted,.select2-container--default .dark-mode .select2-fuchsia .select2-results__option--highlighted{background-color:#f672d8;color:#1f2d3d}.dark-mode .select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected],.dark-mode .select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .dark-mode .select2-fuchsia .select2-results__option--highlighted[aria-selected],.select2-container--default .dark-mode .select2-fuchsia .select2-results__option--highlighted[aria-selected]:hover{background-color:#f564d4;color:#1f2d3d}.dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple:focus,.select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple:focus{border-color:#feeaf9}.dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple .select2-selection__choice{background-color:#f672d8;border-color:#f55ad2;color:#1f2d3d}.dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove{color:rgba(31,45,61,.7)}.dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove:hover{color:#1f2d3d}.dark-mode .select2-fuchsia .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .dark-mode .select2-fuchsia.select2-container--focus .select2-selection--multiple{border-color:#feeaf9}.dark-mode .select2-maroon+.select2-container--default.select2-container--open .select2-selection--single{border-color:#fbdee8}.dark-mode .select2-maroon+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#fbdee8}.dark-mode .select2-maroon .select2-container--default .select2-dropdown .select2-search__field:focus,.dark-mode .select2-maroon .select2-container--default .select2-search--inline .select2-search__field:focus,.dark-mode .select2-maroon .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-maroon .select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-maroon .select2-search--inline .select2-search__field:focus,.select2-container--default .dark-mode .select2-maroon.select2-dropdown .select2-search__field:focus{border:1px solid #fbdee8}.dark-mode .select2-maroon .select2-container--default .select2-results__option--highlighted,.select2-container--default .dark-mode .select2-maroon .select2-results__option--highlighted{background-color:#ed6c9b;color:#1f2d3d}.dark-mode .select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected],.dark-mode .select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .dark-mode .select2-maroon .select2-results__option--highlighted[aria-selected],.select2-container--default .dark-mode .select2-maroon .select2-results__option--highlighted[aria-selected]:hover{background-color:#eb5f92;color:#fff}.dark-mode .select2-maroon .select2-container--default .select2-selection--multiple:focus,.select2-container--default .dark-mode .select2-maroon .select2-selection--multiple:focus{border-color:#fbdee8}.dark-mode .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .dark-mode .select2-maroon .select2-selection--multiple .select2-selection__choice{background-color:#ed6c9b;border-color:#ea568c;color:#1f2d3d}.dark-mode .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .dark-mode .select2-maroon .select2-selection--multiple .select2-selection__choice__remove{color:rgba(31,45,61,.7)}.dark-mode .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .dark-mode .select2-maroon .select2-selection--multiple .select2-selection__choice__remove:hover{color:#1f2d3d}.dark-mode .select2-maroon .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .dark-mode .select2-maroon.select2-container--focus .select2-selection--multiple{border-color:#fbdee8}.dark-mode .select2-blue+.select2-container--default.select2-container--open .select2-selection--single{border-color:#85a7ca}.dark-mode .select2-blue+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#85a7ca}.dark-mode .select2-blue .select2-container--default .select2-dropdown .select2-search__field:focus,.dark-mode .select2-blue .select2-container--default .select2-search--inline .select2-search__field:focus,.dark-mode .select2-blue .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-blue .select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-blue .select2-search--inline .select2-search__field:focus,.select2-container--default .dark-mode .select2-blue.select2-dropdown .select2-search__field:focus{border:1px solid #85a7ca}.dark-mode .select2-blue .select2-container--default .select2-results__option--highlighted,.select2-container--default .dark-mode .select2-blue .select2-results__option--highlighted{background-color:#3f6791;color:#fff}.dark-mode .select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected],.dark-mode .select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .dark-mode .select2-blue .select2-results__option--highlighted[aria-selected],.select2-container--default .dark-mode .select2-blue .select2-results__option--highlighted[aria-selected]:hover{background-color:#3a5f86;color:#fff}.dark-mode .select2-blue .select2-container--default .select2-selection--multiple:focus,.select2-container--default .dark-mode .select2-blue .select2-selection--multiple:focus{border-color:#85a7ca}.dark-mode .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .dark-mode .select2-blue .select2-selection--multiple .select2-selection__choice{background-color:#3f6791;border-color:#375a7f;color:#fff}.dark-mode .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .dark-mode .select2-blue .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.dark-mode .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .dark-mode .select2-blue .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.dark-mode .select2-blue .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .dark-mode .select2-blue.select2-container--focus .select2-selection--multiple{border-color:#85a7ca}.dark-mode .select2-indigo+.select2-container--default.select2-container--open .select2-selection--single{border-color:#b389f9}.dark-mode .select2-indigo+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#b389f9}.dark-mode .select2-indigo .select2-container--default .select2-dropdown .select2-search__field:focus,.dark-mode .select2-indigo .select2-container--default .select2-search--inline .select2-search__field:focus,.dark-mode .select2-indigo .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-indigo .select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-indigo .select2-search--inline .select2-search__field:focus,.select2-container--default .dark-mode .select2-indigo.select2-dropdown .select2-search__field:focus{border:1px solid #b389f9}.dark-mode .select2-indigo .select2-container--default .select2-results__option--highlighted,.select2-container--default .dark-mode .select2-indigo .select2-results__option--highlighted{background-color:#6610f2;color:#fff}.dark-mode .select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected],.dark-mode .select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .dark-mode .select2-indigo .select2-results__option--highlighted[aria-selected],.select2-container--default .dark-mode .select2-indigo .select2-results__option--highlighted[aria-selected]:hover{background-color:#5f0de6;color:#fff}.dark-mode .select2-indigo .select2-container--default .select2-selection--multiple:focus,.select2-container--default .dark-mode .select2-indigo .select2-selection--multiple:focus{border-color:#b389f9}.dark-mode .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .dark-mode .select2-indigo .select2-selection--multiple .select2-selection__choice{background-color:#6610f2;border-color:#5b0cdd;color:#fff}.dark-mode .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .dark-mode .select2-indigo .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.dark-mode .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .dark-mode .select2-indigo .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.dark-mode .select2-indigo .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .dark-mode .select2-indigo.select2-container--focus .select2-selection--multiple{border-color:#b389f9}.dark-mode .select2-purple+.select2-container--default.select2-container--open .select2-selection--single{border-color:#b8a2e0}.dark-mode .select2-purple+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#b8a2e0}.dark-mode .select2-purple .select2-container--default .select2-dropdown .select2-search__field:focus,.dark-mode .select2-purple .select2-container--default .select2-search--inline .select2-search__field:focus,.dark-mode .select2-purple .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-purple .select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-purple .select2-search--inline .select2-search__field:focus,.select2-container--default .dark-mode .select2-purple.select2-dropdown .select2-search__field:focus{border:1px solid #b8a2e0}.dark-mode .select2-purple .select2-container--default .select2-results__option--highlighted,.select2-container--default .dark-mode .select2-purple .select2-results__option--highlighted{background-color:#6f42c1;color:#fff}.dark-mode .select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected],.dark-mode .select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .dark-mode .select2-purple .select2-results__option--highlighted[aria-selected],.select2-container--default .dark-mode .select2-purple .select2-results__option--highlighted[aria-selected]:hover{background-color:#683cb8;color:#fff}.dark-mode .select2-purple .select2-container--default .select2-selection--multiple:focus,.select2-container--default .dark-mode .select2-purple .select2-selection--multiple:focus{border-color:#b8a2e0}.dark-mode .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .dark-mode .select2-purple .select2-selection--multiple .select2-selection__choice{background-color:#6f42c1;border-color:#643ab0;color:#fff}.dark-mode .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .dark-mode .select2-purple .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.dark-mode .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .dark-mode .select2-purple .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.dark-mode .select2-purple .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .dark-mode .select2-purple.select2-container--focus .select2-selection--multiple{border-color:#b8a2e0}.dark-mode .select2-pink+.select2-container--default.select2-container--open .select2-selection--single{border-color:#f6b0d0}.dark-mode .select2-pink+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#f6b0d0}.dark-mode .select2-pink .select2-container--default .select2-dropdown .select2-search__field:focus,.dark-mode .select2-pink .select2-container--default .select2-search--inline .select2-search__field:focus,.dark-mode .select2-pink .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-pink .select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-pink .select2-search--inline .select2-search__field:focus,.select2-container--default .dark-mode .select2-pink.select2-dropdown .select2-search__field:focus{border:1px solid #f6b0d0}.dark-mode .select2-pink .select2-container--default .select2-results__option--highlighted,.select2-container--default .dark-mode .select2-pink .select2-results__option--highlighted{background-color:#e83e8c;color:#fff}.dark-mode .select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected],.dark-mode .select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .dark-mode .select2-pink .select2-results__option--highlighted[aria-selected],.select2-container--default .dark-mode .select2-pink .select2-results__option--highlighted[aria-selected]:hover{background-color:#e63084;color:#fff}.dark-mode .select2-pink .select2-container--default .select2-selection--multiple:focus,.select2-container--default .dark-mode .select2-pink .select2-selection--multiple:focus{border-color:#f6b0d0}.dark-mode .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .dark-mode .select2-pink .select2-selection--multiple .select2-selection__choice{background-color:#e83e8c;border-color:#e5277e;color:#fff}.dark-mode .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .dark-mode .select2-pink .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.dark-mode .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .dark-mode .select2-pink .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.dark-mode .select2-pink .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .dark-mode .select2-pink.select2-container--focus .select2-selection--multiple{border-color:#f6b0d0}.dark-mode .select2-red+.select2-container--default.select2-container--open .select2-selection--single{border-color:#f5b4ae}.dark-mode .select2-red+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#f5b4ae}.dark-mode .select2-red .select2-container--default .select2-dropdown .select2-search__field:focus,.dark-mode .select2-red .select2-container--default .select2-search--inline .select2-search__field:focus,.dark-mode .select2-red .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-red .select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-red .select2-search--inline .select2-search__field:focus,.select2-container--default .dark-mode .select2-red.select2-dropdown .select2-search__field:focus{border:1px solid #f5b4ae}.dark-mode .select2-red .select2-container--default .select2-results__option--highlighted,.select2-container--default .dark-mode .select2-red .select2-results__option--highlighted{background-color:#e74c3c;color:#fff}.dark-mode .select2-red .select2-container--default .select2-results__option--highlighted[aria-selected],.dark-mode .select2-red .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .dark-mode .select2-red .select2-results__option--highlighted[aria-selected],.select2-container--default .dark-mode .select2-red .select2-results__option--highlighted[aria-selected]:hover{background-color:#e53f2e;color:#fff}.dark-mode .select2-red .select2-container--default .select2-selection--multiple:focus,.select2-container--default .dark-mode .select2-red .select2-selection--multiple:focus{border-color:#f5b4ae}.dark-mode .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .dark-mode .select2-red .select2-selection--multiple .select2-selection__choice{background-color:#e74c3c;border-color:#e43725;color:#fff}.dark-mode .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .dark-mode .select2-red .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.dark-mode .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .dark-mode .select2-red .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.dark-mode .select2-red .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .dark-mode .select2-red.select2-container--focus .select2-selection--multiple{border-color:#f5b4ae}.dark-mode .select2-orange+.select2-container--default.select2-container--open .select2-selection--single{border-color:#fec392}.dark-mode .select2-orange+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#fec392}.dark-mode .select2-orange .select2-container--default .select2-dropdown .select2-search__field:focus,.dark-mode .select2-orange .select2-container--default .select2-search--inline .select2-search__field:focus,.dark-mode .select2-orange .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-orange .select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-orange .select2-search--inline .select2-search__field:focus,.select2-container--default .dark-mode .select2-orange.select2-dropdown .select2-search__field:focus{border:1px solid #fec392}.dark-mode .select2-orange .select2-container--default .select2-results__option--highlighted,.select2-container--default .dark-mode .select2-orange .select2-results__option--highlighted{background-color:#fd7e14;color:#1f2d3d}.dark-mode .select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected],.dark-mode .select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .dark-mode .select2-orange .select2-results__option--highlighted[aria-selected],.select2-container--default .dark-mode .select2-orange .select2-results__option--highlighted[aria-selected]:hover{background-color:#fd7605;color:#fff}.dark-mode .select2-orange .select2-container--default .select2-selection--multiple:focus,.select2-container--default .dark-mode .select2-orange .select2-selection--multiple:focus{border-color:#fec392}.dark-mode .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .dark-mode .select2-orange .select2-selection--multiple .select2-selection__choice{background-color:#fd7e14;border-color:#f57102;color:#1f2d3d}.dark-mode .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .dark-mode .select2-orange .select2-selection--multiple .select2-selection__choice__remove{color:rgba(31,45,61,.7)}.dark-mode .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .dark-mode .select2-orange .select2-selection--multiple .select2-selection__choice__remove:hover{color:#1f2d3d}.dark-mode .select2-orange .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .dark-mode .select2-orange.select2-container--focus .select2-selection--multiple{border-color:#fec392}.dark-mode .select2-yellow+.select2-container--default.select2-container--open .select2-selection--single{border-color:#f9cf8b}.dark-mode .select2-yellow+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#f9cf8b}.dark-mode .select2-yellow .select2-container--default .select2-dropdown .select2-search__field:focus,.dark-mode .select2-yellow .select2-container--default .select2-search--inline .select2-search__field:focus,.dark-mode .select2-yellow .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-yellow .select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-yellow .select2-search--inline .select2-search__field:focus,.select2-container--default .dark-mode .select2-yellow.select2-dropdown .select2-search__field:focus{border:1px solid #f9cf8b}.dark-mode .select2-yellow .select2-container--default .select2-results__option--highlighted,.select2-container--default .dark-mode .select2-yellow .select2-results__option--highlighted{background-color:#f39c12;color:#1f2d3d}.dark-mode .select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected],.dark-mode .select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .dark-mode .select2-yellow .select2-results__option--highlighted[aria-selected],.select2-container--default .dark-mode .select2-yellow .select2-results__option--highlighted[aria-selected]:hover{background-color:#ea940c;color:#1f2d3d}.dark-mode .select2-yellow .select2-container--default .select2-selection--multiple:focus,.select2-container--default .dark-mode .select2-yellow .select2-selection--multiple:focus{border-color:#f9cf8b}.dark-mode .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .dark-mode .select2-yellow .select2-selection--multiple .select2-selection__choice{background-color:#f39c12;border-color:#e08e0b;color:#1f2d3d}.dark-mode .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .dark-mode .select2-yellow .select2-selection--multiple .select2-selection__choice__remove{color:rgba(31,45,61,.7)}.dark-mode .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .dark-mode .select2-yellow .select2-selection--multiple .select2-selection__choice__remove:hover{color:#1f2d3d}.dark-mode .select2-yellow .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .dark-mode .select2-yellow.select2-container--focus .select2-selection--multiple{border-color:#f9cf8b}.dark-mode .select2-green+.select2-container--default.select2-container--open .select2-selection--single{border-color:#3dffcd}.dark-mode .select2-green+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#3dffcd}.dark-mode .select2-green .select2-container--default .select2-dropdown .select2-search__field:focus,.dark-mode .select2-green .select2-container--default .select2-search--inline .select2-search__field:focus,.dark-mode .select2-green .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-green .select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-green .select2-search--inline .select2-search__field:focus,.select2-container--default .dark-mode .select2-green.select2-dropdown .select2-search__field:focus{border:1px solid #3dffcd}.dark-mode .select2-green .select2-container--default .select2-results__option--highlighted,.select2-container--default .dark-mode .select2-green .select2-results__option--highlighted{background-color:#00bc8c;color:#fff}.dark-mode .select2-green .select2-container--default .select2-results__option--highlighted[aria-selected],.dark-mode .select2-green .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .dark-mode .select2-green .select2-results__option--highlighted[aria-selected],.select2-container--default .dark-mode .select2-green .select2-results__option--highlighted[aria-selected]:hover{background-color:#00ad81;color:#fff}.dark-mode .select2-green .select2-container--default .select2-selection--multiple:focus,.select2-container--default .dark-mode .select2-green .select2-selection--multiple:focus{border-color:#3dffcd}.dark-mode .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .dark-mode .select2-green .select2-selection--multiple .select2-selection__choice{background-color:#00bc8c;border-color:#00a379;color:#fff}.dark-mode .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .dark-mode .select2-green .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.dark-mode .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .dark-mode .select2-green .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.dark-mode .select2-green .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .dark-mode .select2-green.select2-container--focus .select2-selection--multiple{border-color:#3dffcd}.dark-mode .select2-teal+.select2-container--default.select2-container--open .select2-selection--single{border-color:#7eeaca}.dark-mode .select2-teal+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#7eeaca}.dark-mode .select2-teal .select2-container--default .select2-dropdown .select2-search__field:focus,.dark-mode .select2-teal .select2-container--default .select2-search--inline .select2-search__field:focus,.dark-mode .select2-teal .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-teal .select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-teal .select2-search--inline .select2-search__field:focus,.select2-container--default .dark-mode .select2-teal.select2-dropdown .select2-search__field:focus{border:1px solid #7eeaca}.dark-mode .select2-teal .select2-container--default .select2-results__option--highlighted,.select2-container--default .dark-mode .select2-teal .select2-results__option--highlighted{background-color:#20c997;color:#fff}.dark-mode .select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected],.dark-mode .select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .dark-mode .select2-teal .select2-results__option--highlighted[aria-selected],.select2-container--default .dark-mode .select2-teal .select2-results__option--highlighted[aria-selected]:hover{background-color:#1ebc8d;color:#fff}.dark-mode .select2-teal .select2-container--default .select2-selection--multiple:focus,.select2-container--default .dark-mode .select2-teal .select2-selection--multiple:focus{border-color:#7eeaca}.dark-mode .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .dark-mode .select2-teal .select2-selection--multiple .select2-selection__choice{background-color:#20c997;border-color:#1cb386;color:#fff}.dark-mode .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .dark-mode .select2-teal .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.dark-mode .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .dark-mode .select2-teal .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.dark-mode .select2-teal .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .dark-mode .select2-teal.select2-container--focus .select2-selection--multiple{border-color:#7eeaca}.dark-mode .select2-cyan+.select2-container--default.select2-container--open .select2-selection--single{border-color:#a0cfee}.dark-mode .select2-cyan+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#a0cfee}.dark-mode .select2-cyan .select2-container--default .select2-dropdown .select2-search__field:focus,.dark-mode .select2-cyan .select2-container--default .select2-search--inline .select2-search__field:focus,.dark-mode .select2-cyan .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-cyan .select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-cyan .select2-search--inline .select2-search__field:focus,.select2-container--default .dark-mode .select2-cyan.select2-dropdown .select2-search__field:focus{border:1px solid #a0cfee}.dark-mode .select2-cyan .select2-container--default .select2-results__option--highlighted,.select2-container--default .dark-mode .select2-cyan .select2-results__option--highlighted{background-color:#3498db;color:#fff}.dark-mode .select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected],.dark-mode .select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .dark-mode .select2-cyan .select2-results__option--highlighted[aria-selected],.select2-container--default .dark-mode .select2-cyan .select2-results__option--highlighted[aria-selected]:hover{background-color:#2791d9;color:#fff}.dark-mode .select2-cyan .select2-container--default .select2-selection--multiple:focus,.select2-container--default .dark-mode .select2-cyan .select2-selection--multiple:focus{border-color:#a0cfee}.dark-mode .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .dark-mode .select2-cyan .select2-selection--multiple .select2-selection__choice{background-color:#3498db;border-color:#258cd1;color:#fff}.dark-mode .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .dark-mode .select2-cyan .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.dark-mode .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .dark-mode .select2-cyan .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.dark-mode .select2-cyan .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .dark-mode .select2-cyan.select2-container--focus .select2-selection--multiple{border-color:#a0cfee}.dark-mode .select2-white+.select2-container--default.select2-container--open .select2-selection--single{border-color:#fff}.dark-mode .select2-white+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#fff}.dark-mode .select2-white .select2-container--default .select2-dropdown .select2-search__field:focus,.dark-mode .select2-white .select2-container--default .select2-search--inline .select2-search__field:focus,.dark-mode .select2-white .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-white .select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-white .select2-search--inline .select2-search__field:focus,.select2-container--default .dark-mode .select2-white.select2-dropdown .select2-search__field:focus{border:1px solid #fff}.dark-mode .select2-white .select2-container--default .select2-results__option--highlighted,.select2-container--default .dark-mode .select2-white .select2-results__option--highlighted{background-color:#fff;color:#1f2d3d}.dark-mode .select2-white .select2-container--default .select2-results__option--highlighted[aria-selected],.dark-mode .select2-white .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .dark-mode .select2-white .select2-results__option--highlighted[aria-selected],.select2-container--default .dark-mode .select2-white .select2-results__option--highlighted[aria-selected]:hover{background-color:#f7f7f7;color:#1f2d3d}.dark-mode .select2-white .select2-container--default .select2-selection--multiple:focus,.select2-container--default .dark-mode .select2-white .select2-selection--multiple:focus{border-color:#fff}.dark-mode .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .dark-mode .select2-white .select2-selection--multiple .select2-selection__choice{background-color:#fff;border-color:#f2f2f2;color:#1f2d3d}.dark-mode .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .dark-mode .select2-white .select2-selection--multiple .select2-selection__choice__remove{color:rgba(31,45,61,.7)}.dark-mode .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .dark-mode .select2-white .select2-selection--multiple .select2-selection__choice__remove:hover{color:#1f2d3d}.dark-mode .select2-white .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .dark-mode .select2-white.select2-container--focus .select2-selection--multiple{border-color:#fff}.dark-mode .select2-gray+.select2-container--default.select2-container--open .select2-selection--single{border-color:#afb5ba}.dark-mode .select2-gray+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#afb5ba}.dark-mode .select2-gray .select2-container--default .select2-dropdown .select2-search__field:focus,.dark-mode .select2-gray .select2-container--default .select2-search--inline .select2-search__field:focus,.dark-mode .select2-gray .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-gray .select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-gray .select2-search--inline .select2-search__field:focus,.select2-container--default .dark-mode .select2-gray.select2-dropdown .select2-search__field:focus{border:1px solid #afb5ba}.dark-mode .select2-gray .select2-container--default .select2-results__option--highlighted,.select2-container--default .dark-mode .select2-gray .select2-results__option--highlighted{background-color:#6c757d;color:#fff}.dark-mode .select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected],.dark-mode .select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .dark-mode .select2-gray .select2-results__option--highlighted[aria-selected],.select2-container--default .dark-mode .select2-gray .select2-results__option--highlighted[aria-selected]:hover{background-color:#656d75;color:#fff}.dark-mode .select2-gray .select2-container--default .select2-selection--multiple:focus,.select2-container--default .dark-mode .select2-gray .select2-selection--multiple:focus{border-color:#afb5ba}.dark-mode .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .dark-mode .select2-gray .select2-selection--multiple .select2-selection__choice{background-color:#6c757d;border-color:#60686f;color:#fff}.dark-mode .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .dark-mode .select2-gray .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.dark-mode .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .dark-mode .select2-gray .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.dark-mode .select2-gray .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .dark-mode .select2-gray.select2-container--focus .select2-selection--multiple{border-color:#afb5ba}.dark-mode .select2-gray-dark+.select2-container--default.select2-container--open .select2-selection--single{border-color:#6d7a86}.dark-mode .select2-gray-dark+.select2-container--default.select2-container--focus .select2-selection--single{border-color:#6d7a86}.dark-mode .select2-gray-dark .select2-container--default .select2-dropdown .select2-search__field:focus,.dark-mode .select2-gray-dark .select2-container--default .select2-search--inline .select2-search__field:focus,.dark-mode .select2-gray-dark .select2-container--default.select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-gray-dark .select2-dropdown .select2-search__field:focus,.select2-container--default .dark-mode .select2-gray-dark .select2-search--inline .select2-search__field:focus,.select2-container--default .dark-mode .select2-gray-dark.select2-dropdown .select2-search__field:focus{border:1px solid #6d7a86}.dark-mode .select2-gray-dark .select2-container--default .select2-results__option--highlighted,.select2-container--default .dark-mode .select2-gray-dark .select2-results__option--highlighted{background-color:#343a40;color:#fff}.dark-mode .select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected],.dark-mode .select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .dark-mode .select2-gray-dark .select2-results__option--highlighted[aria-selected],.select2-container--default .dark-mode .select2-gray-dark .select2-results__option--highlighted[aria-selected]:hover{background-color:#2d3238;color:#fff}.dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple:focus,.select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple:focus{border-color:#6d7a86}.dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple .select2-selection__choice{background-color:#343a40;border-color:#292d32;color:#fff}.dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove{color:rgba(255,255,255,.7)}.dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.dark-mode .select2-gray-dark .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .dark-mode .select2-gray-dark.select2-container--focus .select2-selection--multiple{border-color:#6d7a86}.slider .tooltip.in{opacity:.9}.slider.slider-vertical{height:100%}.slider.slider-horizontal{width:100%}.slider-primary .slider .slider-selection{background:#007bff}.slider-secondary .slider .slider-selection{background:#6c757d}.slider-success .slider .slider-selection{background:#28a745}.slider-info .slider .slider-selection{background:#17a2b8}.slider-warning .slider .slider-selection{background:#ffc107}.slider-danger .slider .slider-selection{background:#dc3545}.slider-light .slider .slider-selection{background:#f8f9fa}.slider-dark .slider .slider-selection{background:#343a40}.slider-lightblue .slider .slider-selection{background:#3c8dbc}.slider-navy .slider .slider-selection{background:#001f3f}.slider-olive .slider .slider-selection{background:#3d9970}.slider-lime .slider .slider-selection{background:#01ff70}.slider-fuchsia .slider .slider-selection{background:#f012be}.slider-maroon .slider .slider-selection{background:#d81b60}.slider-blue .slider .slider-selection{background:#007bff}.slider-indigo .slider .slider-selection{background:#6610f2}.slider-purple .slider .slider-selection{background:#6f42c1}.slider-pink .slider .slider-selection{background:#e83e8c}.slider-red .slider .slider-selection{background:#dc3545}.slider-orange .slider .slider-selection{background:#fd7e14}.slider-yellow .slider .slider-selection{background:#ffc107}.slider-green .slider .slider-selection{background:#28a745}.slider-teal .slider .slider-selection{background:#20c997}.slider-cyan .slider .slider-selection{background:#17a2b8}.slider-white .slider .slider-selection{background:#fff}.slider-gray .slider .slider-selection{background:#6c757d}.slider-gray-dark .slider .slider-selection{background:#343a40}.dark-mode .slider-track{background-color:#4b545c;background-image:none}.dark-mode .slider-primary .slider .slider-selection{background:#3f6791}.dark-mode .slider-secondary .slider .slider-selection{background:#6c757d}.dark-mode .slider-success .slider .slider-selection{background:#00bc8c}.dark-mode .slider-info .slider .slider-selection{background:#3498db}.dark-mode .slider-warning .slider .slider-selection{background:#f39c12}.dark-mode .slider-danger .slider .slider-selection{background:#e74c3c}.dark-mode .slider-light .slider .slider-selection{background:#f8f9fa}.dark-mode .slider-dark .slider .slider-selection{background:#343a40}.dark-mode .slider-lightblue .slider .slider-selection{background:#86bad8}.dark-mode .slider-navy .slider .slider-selection{background:#002c59}.dark-mode .slider-olive .slider .slider-selection{background:#74c8a3}.dark-mode .slider-lime .slider .slider-selection{background:#67ffa9}.dark-mode .slider-fuchsia .slider .slider-selection{background:#f672d8}.dark-mode .slider-maroon .slider .slider-selection{background:#ed6c9b}.dark-mode .slider-blue .slider .slider-selection{background:#3f6791}.dark-mode .slider-indigo .slider .slider-selection{background:#6610f2}.dark-mode .slider-purple .slider .slider-selection{background:#6f42c1}.dark-mode .slider-pink .slider .slider-selection{background:#e83e8c}.dark-mode .slider-red .slider .slider-selection{background:#e74c3c}.dark-mode .slider-orange .slider .slider-selection{background:#fd7e14}.dark-mode .slider-yellow .slider .slider-selection{background:#f39c12}.dark-mode .slider-green .slider .slider-selection{background:#00bc8c}.dark-mode .slider-teal .slider .slider-selection{background:#20c997}.dark-mode .slider-cyan .slider .slider-selection{background:#3498db}.dark-mode .slider-white .slider .slider-selection{background:#fff}.dark-mode .slider-gray .slider .slider-selection{background:#6c757d}.dark-mode .slider-gray-dark .slider .slider-selection{background:#343a40}.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#007bff}.icheck-primary>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.icheck-primary>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#007bff}.icheck-primary>input:first-child:checked+input[type=hidden]+label::before,.icheck-primary>input:first-child:checked+label::before{background-color:#007bff;border-color:#007bff}.icheck-secondary>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-secondary>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#6c757d}.icheck-secondary>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.icheck-secondary>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#6c757d}.icheck-secondary>input:first-child:checked+input[type=hidden]+label::before,.icheck-secondary>input:first-child:checked+label::before{background-color:#6c757d;border-color:#6c757d}.icheck-success>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-success>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#28a745}.icheck-success>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.icheck-success>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#28a745}.icheck-success>input:first-child:checked+input[type=hidden]+label::before,.icheck-success>input:first-child:checked+label::before{background-color:#28a745;border-color:#28a745}.icheck-info>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-info>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#17a2b8}.icheck-info>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.icheck-info>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#17a2b8}.icheck-info>input:first-child:checked+input[type=hidden]+label::before,.icheck-info>input:first-child:checked+label::before{background-color:#17a2b8;border-color:#17a2b8}.icheck-warning>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-warning>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#ffc107}.icheck-warning>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.icheck-warning>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#ffc107}.icheck-warning>input:first-child:checked+input[type=hidden]+label::before,.icheck-warning>input:first-child:checked+label::before{background-color:#ffc107;border-color:#ffc107}.icheck-danger>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-danger>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#dc3545}.icheck-danger>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.icheck-danger>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#dc3545}.icheck-danger>input:first-child:checked+input[type=hidden]+label::before,.icheck-danger>input:first-child:checked+label::before{background-color:#dc3545;border-color:#dc3545}.icheck-light>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-light>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#f8f9fa}.icheck-light>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.icheck-light>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#f8f9fa}.icheck-light>input:first-child:checked+input[type=hidden]+label::before,.icheck-light>input:first-child:checked+label::before{background-color:#f8f9fa;border-color:#f8f9fa}.icheck-dark>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-dark>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#343a40}.icheck-dark>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.icheck-dark>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#343a40}.icheck-dark>input:first-child:checked+input[type=hidden]+label::before,.icheck-dark>input:first-child:checked+label::before{background-color:#343a40;border-color:#343a40}.icheck-lightblue>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-lightblue>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#3c8dbc}.icheck-lightblue>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.icheck-lightblue>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#3c8dbc}.icheck-lightblue>input:first-child:checked+input[type=hidden]+label::before,.icheck-lightblue>input:first-child:checked+label::before{background-color:#3c8dbc;border-color:#3c8dbc}.icheck-navy>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-navy>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#001f3f}.icheck-navy>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.icheck-navy>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#001f3f}.icheck-navy>input:first-child:checked+input[type=hidden]+label::before,.icheck-navy>input:first-child:checked+label::before{background-color:#001f3f;border-color:#001f3f}.icheck-olive>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-olive>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#3d9970}.icheck-olive>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.icheck-olive>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#3d9970}.icheck-olive>input:first-child:checked+input[type=hidden]+label::before,.icheck-olive>input:first-child:checked+label::before{background-color:#3d9970;border-color:#3d9970}.icheck-lime>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-lime>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#01ff70}.icheck-lime>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.icheck-lime>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#01ff70}.icheck-lime>input:first-child:checked+input[type=hidden]+label::before,.icheck-lime>input:first-child:checked+label::before{background-color:#01ff70;border-color:#01ff70}.icheck-fuchsia>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-fuchsia>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#f012be}.icheck-fuchsia>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.icheck-fuchsia>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#f012be}.icheck-fuchsia>input:first-child:checked+input[type=hidden]+label::before,.icheck-fuchsia>input:first-child:checked+label::before{background-color:#f012be;border-color:#f012be}.icheck-maroon>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-maroon>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#d81b60}.icheck-maroon>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.icheck-maroon>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#d81b60}.icheck-maroon>input:first-child:checked+input[type=hidden]+label::before,.icheck-maroon>input:first-child:checked+label::before{background-color:#d81b60;border-color:#d81b60}.icheck-blue>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-blue>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#007bff}.icheck-blue>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.icheck-blue>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#007bff}.icheck-blue>input:first-child:checked+input[type=hidden]+label::before,.icheck-blue>input:first-child:checked+label::before{background-color:#007bff;border-color:#007bff}.icheck-indigo>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-indigo>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#6610f2}.icheck-indigo>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.icheck-indigo>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#6610f2}.icheck-indigo>input:first-child:checked+input[type=hidden]+label::before,.icheck-indigo>input:first-child:checked+label::before{background-color:#6610f2;border-color:#6610f2}.icheck-purple>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-purple>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#6f42c1}.icheck-purple>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.icheck-purple>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#6f42c1}.icheck-purple>input:first-child:checked+input[type=hidden]+label::before,.icheck-purple>input:first-child:checked+label::before{background-color:#6f42c1;border-color:#6f42c1}.icheck-pink>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-pink>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#e83e8c}.icheck-pink>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.icheck-pink>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#e83e8c}.icheck-pink>input:first-child:checked+input[type=hidden]+label::before,.icheck-pink>input:first-child:checked+label::before{background-color:#e83e8c;border-color:#e83e8c}.icheck-red>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-red>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#dc3545}.icheck-red>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.icheck-red>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#dc3545}.icheck-red>input:first-child:checked+input[type=hidden]+label::before,.icheck-red>input:first-child:checked+label::before{background-color:#dc3545;border-color:#dc3545}.icheck-orange>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-orange>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#fd7e14}.icheck-orange>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.icheck-orange>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#fd7e14}.icheck-orange>input:first-child:checked+input[type=hidden]+label::before,.icheck-orange>input:first-child:checked+label::before{background-color:#fd7e14;border-color:#fd7e14}.icheck-yellow>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-yellow>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#ffc107}.icheck-yellow>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.icheck-yellow>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#ffc107}.icheck-yellow>input:first-child:checked+input[type=hidden]+label::before,.icheck-yellow>input:first-child:checked+label::before{background-color:#ffc107;border-color:#ffc107}.icheck-green>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-green>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#28a745}.icheck-green>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.icheck-green>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#28a745}.icheck-green>input:first-child:checked+input[type=hidden]+label::before,.icheck-green>input:first-child:checked+label::before{background-color:#28a745;border-color:#28a745}.icheck-teal>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-teal>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#20c997}.icheck-teal>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.icheck-teal>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#20c997}.icheck-teal>input:first-child:checked+input[type=hidden]+label::before,.icheck-teal>input:first-child:checked+label::before{background-color:#20c997;border-color:#20c997}.icheck-cyan>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-cyan>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#17a2b8}.icheck-cyan>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.icheck-cyan>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#17a2b8}.icheck-cyan>input:first-child:checked+input[type=hidden]+label::before,.icheck-cyan>input:first-child:checked+label::before{background-color:#17a2b8;border-color:#17a2b8}.icheck-white>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-white>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#fff}.icheck-white>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.icheck-white>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#fff}.icheck-white>input:first-child:checked+input[type=hidden]+label::before,.icheck-white>input:first-child:checked+label::before{background-color:#fff;border-color:#fff}.icheck-gray>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-gray>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#6c757d}.icheck-gray>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.icheck-gray>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#6c757d}.icheck-gray>input:first-child:checked+input[type=hidden]+label::before,.icheck-gray>input:first-child:checked+label::before{background-color:#6c757d;border-color:#6c757d}.icheck-gray-dark>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-gray-dark>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#343a40}.icheck-gray-dark>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.icheck-gray-dark>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#343a40}.icheck-gray-dark>input:first-child:checked+input[type=hidden]+label::before,.icheck-gray-dark>input:first-child:checked+label::before{background-color:#343a40;border-color:#343a40}.dark-mode [class*=icheck-]>input:first-child:not(:checked)+input[type=hidden]+label::before,.dark-mode [class*=icheck-]>input:first-child:not(:checked)+label::before{border-color:#6c757d}.dark-mode .icheck-primary>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.dark-mode .icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#3f6791}.dark-mode .icheck-primary>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.dark-mode .icheck-primary>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#3f6791}.dark-mode .icheck-primary>input:first-child:checked+input[type=hidden]+label::before,.dark-mode .icheck-primary>input:first-child:checked+label::before{background-color:#3f6791;border-color:#3f6791}.dark-mode .icheck-secondary>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.dark-mode .icheck-secondary>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#6c757d}.dark-mode .icheck-secondary>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.dark-mode .icheck-secondary>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#6c757d}.dark-mode .icheck-secondary>input:first-child:checked+input[type=hidden]+label::before,.dark-mode .icheck-secondary>input:first-child:checked+label::before{background-color:#6c757d;border-color:#6c757d}.dark-mode .icheck-success>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.dark-mode .icheck-success>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#00bc8c}.dark-mode .icheck-success>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.dark-mode .icheck-success>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#00bc8c}.dark-mode .icheck-success>input:first-child:checked+input[type=hidden]+label::before,.dark-mode .icheck-success>input:first-child:checked+label::before{background-color:#00bc8c;border-color:#00bc8c}.dark-mode .icheck-info>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.dark-mode .icheck-info>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#3498db}.dark-mode .icheck-info>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.dark-mode .icheck-info>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#3498db}.dark-mode .icheck-info>input:first-child:checked+input[type=hidden]+label::before,.dark-mode .icheck-info>input:first-child:checked+label::before{background-color:#3498db;border-color:#3498db}.dark-mode .icheck-warning>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.dark-mode .icheck-warning>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#f39c12}.dark-mode .icheck-warning>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.dark-mode .icheck-warning>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#f39c12}.dark-mode .icheck-warning>input:first-child:checked+input[type=hidden]+label::before,.dark-mode .icheck-warning>input:first-child:checked+label::before{background-color:#f39c12;border-color:#f39c12}.dark-mode .icheck-danger>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.dark-mode .icheck-danger>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#e74c3c}.dark-mode .icheck-danger>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.dark-mode .icheck-danger>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#e74c3c}.dark-mode .icheck-danger>input:first-child:checked+input[type=hidden]+label::before,.dark-mode .icheck-danger>input:first-child:checked+label::before{background-color:#e74c3c;border-color:#e74c3c}.dark-mode .icheck-light>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.dark-mode .icheck-light>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#f8f9fa}.dark-mode .icheck-light>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.dark-mode .icheck-light>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#f8f9fa}.dark-mode .icheck-light>input:first-child:checked+input[type=hidden]+label::before,.dark-mode .icheck-light>input:first-child:checked+label::before{background-color:#f8f9fa;border-color:#f8f9fa}.dark-mode .icheck-dark>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.dark-mode .icheck-dark>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#343a40}.dark-mode .icheck-dark>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.dark-mode .icheck-dark>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#343a40}.dark-mode .icheck-dark>input:first-child:checked+input[type=hidden]+label::before,.dark-mode .icheck-dark>input:first-child:checked+label::before{background-color:#343a40;border-color:#343a40}.dark-mode .icheck-lightblue>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.dark-mode .icheck-lightblue>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#86bad8}.dark-mode .icheck-lightblue>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.dark-mode .icheck-lightblue>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#86bad8}.dark-mode .icheck-lightblue>input:first-child:checked+input[type=hidden]+label::before,.dark-mode .icheck-lightblue>input:first-child:checked+label::before{background-color:#86bad8;border-color:#86bad8}.dark-mode .icheck-navy>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.dark-mode .icheck-navy>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#002c59}.dark-mode .icheck-navy>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.dark-mode .icheck-navy>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#002c59}.dark-mode .icheck-navy>input:first-child:checked+input[type=hidden]+label::before,.dark-mode .icheck-navy>input:first-child:checked+label::before{background-color:#002c59;border-color:#002c59}.dark-mode .icheck-olive>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.dark-mode .icheck-olive>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#74c8a3}.dark-mode .icheck-olive>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.dark-mode .icheck-olive>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#74c8a3}.dark-mode .icheck-olive>input:first-child:checked+input[type=hidden]+label::before,.dark-mode .icheck-olive>input:first-child:checked+label::before{background-color:#74c8a3;border-color:#74c8a3}.dark-mode .icheck-lime>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.dark-mode .icheck-lime>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#67ffa9}.dark-mode .icheck-lime>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.dark-mode .icheck-lime>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#67ffa9}.dark-mode .icheck-lime>input:first-child:checked+input[type=hidden]+label::before,.dark-mode .icheck-lime>input:first-child:checked+label::before{background-color:#67ffa9;border-color:#67ffa9}.dark-mode .icheck-fuchsia>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.dark-mode .icheck-fuchsia>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#f672d8}.dark-mode .icheck-fuchsia>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.dark-mode .icheck-fuchsia>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#f672d8}.dark-mode .icheck-fuchsia>input:first-child:checked+input[type=hidden]+label::before,.dark-mode .icheck-fuchsia>input:first-child:checked+label::before{background-color:#f672d8;border-color:#f672d8}.dark-mode .icheck-maroon>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.dark-mode .icheck-maroon>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#ed6c9b}.dark-mode .icheck-maroon>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.dark-mode .icheck-maroon>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#ed6c9b}.dark-mode .icheck-maroon>input:first-child:checked+input[type=hidden]+label::before,.dark-mode .icheck-maroon>input:first-child:checked+label::before{background-color:#ed6c9b;border-color:#ed6c9b}.dark-mode .icheck-blue>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.dark-mode .icheck-blue>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#3f6791}.dark-mode .icheck-blue>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.dark-mode .icheck-blue>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#3f6791}.dark-mode .icheck-blue>input:first-child:checked+input[type=hidden]+label::before,.dark-mode .icheck-blue>input:first-child:checked+label::before{background-color:#3f6791;border-color:#3f6791}.dark-mode .icheck-indigo>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.dark-mode .icheck-indigo>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#6610f2}.dark-mode .icheck-indigo>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.dark-mode .icheck-indigo>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#6610f2}.dark-mode .icheck-indigo>input:first-child:checked+input[type=hidden]+label::before,.dark-mode .icheck-indigo>input:first-child:checked+label::before{background-color:#6610f2;border-color:#6610f2}.dark-mode .icheck-purple>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.dark-mode .icheck-purple>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#6f42c1}.dark-mode .icheck-purple>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.dark-mode .icheck-purple>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#6f42c1}.dark-mode .icheck-purple>input:first-child:checked+input[type=hidden]+label::before,.dark-mode .icheck-purple>input:first-child:checked+label::before{background-color:#6f42c1;border-color:#6f42c1}.dark-mode .icheck-pink>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.dark-mode .icheck-pink>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#e83e8c}.dark-mode .icheck-pink>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.dark-mode .icheck-pink>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#e83e8c}.dark-mode .icheck-pink>input:first-child:checked+input[type=hidden]+label::before,.dark-mode .icheck-pink>input:first-child:checked+label::before{background-color:#e83e8c;border-color:#e83e8c}.dark-mode .icheck-red>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.dark-mode .icheck-red>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#e74c3c}.dark-mode .icheck-red>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.dark-mode .icheck-red>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#e74c3c}.dark-mode .icheck-red>input:first-child:checked+input[type=hidden]+label::before,.dark-mode .icheck-red>input:first-child:checked+label::before{background-color:#e74c3c;border-color:#e74c3c}.dark-mode .icheck-orange>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.dark-mode .icheck-orange>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#fd7e14}.dark-mode .icheck-orange>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.dark-mode .icheck-orange>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#fd7e14}.dark-mode .icheck-orange>input:first-child:checked+input[type=hidden]+label::before,.dark-mode .icheck-orange>input:first-child:checked+label::before{background-color:#fd7e14;border-color:#fd7e14}.dark-mode .icheck-yellow>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.dark-mode .icheck-yellow>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#f39c12}.dark-mode .icheck-yellow>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.dark-mode .icheck-yellow>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#f39c12}.dark-mode .icheck-yellow>input:first-child:checked+input[type=hidden]+label::before,.dark-mode .icheck-yellow>input:first-child:checked+label::before{background-color:#f39c12;border-color:#f39c12}.dark-mode .icheck-green>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.dark-mode .icheck-green>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#00bc8c}.dark-mode .icheck-green>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.dark-mode .icheck-green>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#00bc8c}.dark-mode .icheck-green>input:first-child:checked+input[type=hidden]+label::before,.dark-mode .icheck-green>input:first-child:checked+label::before{background-color:#00bc8c;border-color:#00bc8c}.dark-mode .icheck-teal>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.dark-mode .icheck-teal>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#20c997}.dark-mode .icheck-teal>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.dark-mode .icheck-teal>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#20c997}.dark-mode .icheck-teal>input:first-child:checked+input[type=hidden]+label::before,.dark-mode .icheck-teal>input:first-child:checked+label::before{background-color:#20c997;border-color:#20c997}.dark-mode .icheck-cyan>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.dark-mode .icheck-cyan>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#3498db}.dark-mode .icheck-cyan>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.dark-mode .icheck-cyan>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#3498db}.dark-mode .icheck-cyan>input:first-child:checked+input[type=hidden]+label::before,.dark-mode .icheck-cyan>input:first-child:checked+label::before{background-color:#3498db;border-color:#3498db}.dark-mode .icheck-white>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.dark-mode .icheck-white>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#fff}.dark-mode .icheck-white>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.dark-mode .icheck-white>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#fff}.dark-mode .icheck-white>input:first-child:checked+input[type=hidden]+label::before,.dark-mode .icheck-white>input:first-child:checked+label::before{background-color:#fff;border-color:#fff}.dark-mode .icheck-gray>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.dark-mode .icheck-gray>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#6c757d}.dark-mode .icheck-gray>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.dark-mode .icheck-gray>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#6c757d}.dark-mode .icheck-gray>input:first-child:checked+input[type=hidden]+label::before,.dark-mode .icheck-gray>input:first-child:checked+label::before{background-color:#6c757d;border-color:#6c757d}.dark-mode .icheck-gray-dark>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.dark-mode .icheck-gray-dark>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#343a40}.dark-mode .icheck-gray-dark>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,.dark-mode .icheck-gray-dark>input:first-child:not(:checked):not(:disabled):focus+label::before{border-color:#343a40}.dark-mode .icheck-gray-dark>input:first-child:checked+input[type=hidden]+label::before,.dark-mode .icheck-gray-dark>input:first-child:checked+label::before{background-color:#343a40;border-color:#343a40}.mapael .map{position:relative}.mapael .mapTooltip{font-family:"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;border-radius:.25rem;font-size:.875rem;background-color:#000;color:#fff;display:block;max-width:200px;padding:.25rem .5rem;position:absolute;text-align:center;word-wrap:break-word;z-index:1070}.mapael .myLegend{background-color:#f8f9fa;border:1px solid #adb5bd;padding:10px;width:600px}.mapael .zoomButton{background-color:#f8f9fa;border:1px solid #ddd;border-radius:.25rem;color:#444;cursor:pointer;font-weight:700;height:16px;left:10px;line-height:14px;padding-left:1px;position:absolute;text-align:center;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:16px}.mapael .zoomButton.hover,.mapael .zoomButton:active,.mapael .zoomButton:hover{background-color:#e9ecef;color:#2b2b2b}.mapael .zoomReset{line-height:12px;top:10px}.mapael .zoomIn{top:30px}.mapael .zoomOut{top:50px}.jqvmap-zoomin,.jqvmap-zoomout{background-color:#f8f9fa;border:1px solid #ddd;border-radius:.25rem;color:#444;height:15px;width:15px;padding:1px 2px}.jqvmap-zoomin.hover,.jqvmap-zoomin:active,.jqvmap-zoomin:hover,.jqvmap-zoomout.hover,.jqvmap-zoomout:active,.jqvmap-zoomout:hover{background-color:#e9ecef;color:#2b2b2b}.swal2-icon.swal2-info{border-color:ligthen(#17a2b8,20%);color:#17a2b8}.swal2-icon.swal2-warning{border-color:ligthen(#ffc107,20%);color:#ffc107}.swal2-icon.swal2-error{border-color:ligthen(#dc3545,20%);color:#dc3545}.swal2-icon.swal2-question{border-color:ligthen(#6c757d,20%);color:#6c757d}.swal2-icon.swal2-success{border-color:ligthen(#28a745,20%);color:#28a745}.swal2-icon.swal2-success .swal2-success-ring{border-color:ligthen(#28a745,20%)}.swal2-icon.swal2-success [class^=swal2-success-line]{background-color:#28a745}.dark-mode .swal2-popup{background-color:#343a40;color:#e9ecef}.dark-mode .swal2-popup .swal2-content,.dark-mode .swal2-popup .swal2-title{color:#e9ecef}#toast-container .toast{background-color:#007bff}#toast-container .toast-success{background-color:#28a745}#toast-container .toast-error{background-color:#dc3545}#toast-container .toast-info{background-color:#17a2b8}#toast-container .toast-warning{background-color:#ffc107}.toast-bottom-full-width .toast,.toast-top-full-width .toast{max-width:inherit}.pace{z-index:1048}.pace .pace-progress{z-index:1049}.pace .pace-activity{z-index:1050}.pace-primary .pace .pace-progress{background:#007bff}.pace-barber-shop-primary .pace{background:#fff}.pace-barber-shop-primary .pace .pace-progress{background:#007bff}.pace-barber-shop-primary .pace .pace-activity{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}.pace-big-counter-primary .pace .pace-progress::after{color:rgba(0,123,255,.2)}.pace-bounce-primary .pace .pace-activity{background:#007bff}.pace-center-atom-primary .pace-progress{height:100px;width:80px}.pace-center-atom-primary .pace-progress::before{background:#007bff;color:#fff;font-size:.8rem;line-height:.7rem;padding-top:17%}.pace-center-atom-primary .pace-activity{border-color:#007bff}.pace-center-atom-primary .pace-activity::after,.pace-center-atom-primary .pace-activity::before{border-color:#007bff}.pace-center-circle-primary .pace .pace-progress{background:rgba(0,123,255,.8);color:#fff}.pace-center-radar-primary .pace .pace-activity{border-color:#007bff transparent transparent}.pace-center-radar-primary .pace .pace-activity::before{border-color:#007bff transparent transparent}.pace-center-simple-primary .pace{background:#fff;border-color:#007bff}.pace-center-simple-primary .pace .pace-progress{background:#007bff}.pace-material-primary .pace{color:#007bff}.pace-corner-indicator-primary .pace .pace-activity{background:#007bff}.pace-corner-indicator-primary .pace .pace-activity::after,.pace-corner-indicator-primary .pace .pace-activity::before{border:5px solid #fff}.pace-corner-indicator-primary .pace .pace-activity::before{border-right-color:rgba(0,123,255,.2);border-left-color:rgba(0,123,255,.2)}.pace-corner-indicator-primary .pace .pace-activity::after{border-top-color:rgba(0,123,255,.2);border-bottom-color:rgba(0,123,255,.2)}.pace-fill-left-primary .pace .pace-progress{background-color:rgba(0,123,255,.2)}.pace-flash-primary .pace .pace-progress{background:#007bff}.pace-flash-primary .pace .pace-progress-inner{box-shadow:0 0 10px #007bff,0 0 5px #007bff}.pace-flash-primary .pace .pace-activity{border-top-color:#007bff;border-left-color:#007bff}.pace-loading-bar-primary .pace .pace-progress{background:#007bff;color:#007bff;box-shadow:120px 0 #fff,240px 0 #fff}.pace-loading-bar-primary .pace .pace-activity{box-shadow:inset 0 0 0 2px #007bff,inset 0 0 0 7px #fff}.pace-mac-osx-primary .pace .pace-progress{background-color:#007bff;box-shadow:inset -1px 0 #007bff,inset 0 -1px #007bff,inset 0 2px rgba(255,255,255,.5),inset 0 6px rgba(255,255,255,.3)}.pace-mac-osx-primary .pace .pace-activity{background-image:radial-gradient(rgba(255,255,255,.65) 0,rgba(255,255,255,.15) 100%);height:12px}.pace-progress-color-primary .pace-progress{color:#007bff}.pace-secondary .pace .pace-progress{background:#6c757d}.pace-barber-shop-secondary .pace{background:#fff}.pace-barber-shop-secondary .pace .pace-progress{background:#6c757d}.pace-barber-shop-secondary .pace .pace-activity{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}.pace-big-counter-secondary .pace .pace-progress::after{color:rgba(108,117,125,.2)}.pace-bounce-secondary .pace .pace-activity{background:#6c757d}.pace-center-atom-secondary .pace-progress{height:100px;width:80px}.pace-center-atom-secondary .pace-progress::before{background:#6c757d;color:#fff;font-size:.8rem;line-height:.7rem;padding-top:17%}.pace-center-atom-secondary .pace-activity{border-color:#6c757d}.pace-center-atom-secondary .pace-activity::after,.pace-center-atom-secondary .pace-activity::before{border-color:#6c757d}.pace-center-circle-secondary .pace .pace-progress{background:rgba(108,117,125,.8);color:#fff}.pace-center-radar-secondary .pace .pace-activity{border-color:#6c757d transparent transparent}.pace-center-radar-secondary .pace .pace-activity::before{border-color:#6c757d transparent transparent}.pace-center-simple-secondary .pace{background:#fff;border-color:#6c757d}.pace-center-simple-secondary .pace .pace-progress{background:#6c757d}.pace-material-secondary .pace{color:#6c757d}.pace-corner-indicator-secondary .pace .pace-activity{background:#6c757d}.pace-corner-indicator-secondary .pace .pace-activity::after,.pace-corner-indicator-secondary .pace .pace-activity::before{border:5px solid #fff}.pace-corner-indicator-secondary .pace .pace-activity::before{border-right-color:rgba(108,117,125,.2);border-left-color:rgba(108,117,125,.2)}.pace-corner-indicator-secondary .pace .pace-activity::after{border-top-color:rgba(108,117,125,.2);border-bottom-color:rgba(108,117,125,.2)}.pace-fill-left-secondary .pace .pace-progress{background-color:rgba(108,117,125,.2)}.pace-flash-secondary .pace .pace-progress{background:#6c757d}.pace-flash-secondary .pace .pace-progress-inner{box-shadow:0 0 10px #6c757d,0 0 5px #6c757d}.pace-flash-secondary .pace .pace-activity{border-top-color:#6c757d;border-left-color:#6c757d}.pace-loading-bar-secondary .pace .pace-progress{background:#6c757d;color:#6c757d;box-shadow:120px 0 #fff,240px 0 #fff}.pace-loading-bar-secondary .pace .pace-activity{box-shadow:inset 0 0 0 2px #6c757d,inset 0 0 0 7px #fff}.pace-mac-osx-secondary .pace .pace-progress{background-color:#6c757d;box-shadow:inset -1px 0 #6c757d,inset 0 -1px #6c757d,inset 0 2px rgba(255,255,255,.5),inset 0 6px rgba(255,255,255,.3)}.pace-mac-osx-secondary .pace .pace-activity{background-image:radial-gradient(rgba(255,255,255,.65) 0,rgba(255,255,255,.15) 100%);height:12px}.pace-progress-color-secondary .pace-progress{color:#6c757d}.pace-success .pace .pace-progress{background:#28a745}.pace-barber-shop-success .pace{background:#fff}.pace-barber-shop-success .pace .pace-progress{background:#28a745}.pace-barber-shop-success .pace .pace-activity{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}.pace-big-counter-success .pace .pace-progress::after{color:rgba(40,167,69,.2)}.pace-bounce-success .pace .pace-activity{background:#28a745}.pace-center-atom-success .pace-progress{height:100px;width:80px}.pace-center-atom-success .pace-progress::before{background:#28a745;color:#fff;font-size:.8rem;line-height:.7rem;padding-top:17%}.pace-center-atom-success .pace-activity{border-color:#28a745}.pace-center-atom-success .pace-activity::after,.pace-center-atom-success .pace-activity::before{border-color:#28a745}.pace-center-circle-success .pace .pace-progress{background:rgba(40,167,69,.8);color:#fff}.pace-center-radar-success .pace .pace-activity{border-color:#28a745 transparent transparent}.pace-center-radar-success .pace .pace-activity::before{border-color:#28a745 transparent transparent}.pace-center-simple-success .pace{background:#fff;border-color:#28a745}.pace-center-simple-success .pace .pace-progress{background:#28a745}.pace-material-success .pace{color:#28a745}.pace-corner-indicator-success .pace .pace-activity{background:#28a745}.pace-corner-indicator-success .pace .pace-activity::after,.pace-corner-indicator-success .pace .pace-activity::before{border:5px solid #fff}.pace-corner-indicator-success .pace .pace-activity::before{border-right-color:rgba(40,167,69,.2);border-left-color:rgba(40,167,69,.2)}.pace-corner-indicator-success .pace .pace-activity::after{border-top-color:rgba(40,167,69,.2);border-bottom-color:rgba(40,167,69,.2)}.pace-fill-left-success .pace .pace-progress{background-color:rgba(40,167,69,.2)}.pace-flash-success .pace .pace-progress{background:#28a745}.pace-flash-success .pace .pace-progress-inner{box-shadow:0 0 10px #28a745,0 0 5px #28a745}.pace-flash-success .pace .pace-activity{border-top-color:#28a745;border-left-color:#28a745}.pace-loading-bar-success .pace .pace-progress{background:#28a745;color:#28a745;box-shadow:120px 0 #fff,240px 0 #fff}.pace-loading-bar-success .pace .pace-activity{box-shadow:inset 0 0 0 2px #28a745,inset 0 0 0 7px #fff}.pace-mac-osx-success .pace .pace-progress{background-color:#28a745;box-shadow:inset -1px 0 #28a745,inset 0 -1px #28a745,inset 0 2px rgba(255,255,255,.5),inset 0 6px rgba(255,255,255,.3)}.pace-mac-osx-success .pace .pace-activity{background-image:radial-gradient(rgba(255,255,255,.65) 0,rgba(255,255,255,.15) 100%);height:12px}.pace-progress-color-success .pace-progress{color:#28a745}.pace-info .pace .pace-progress{background:#17a2b8}.pace-barber-shop-info .pace{background:#fff}.pace-barber-shop-info .pace .pace-progress{background:#17a2b8}.pace-barber-shop-info .pace .pace-activity{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}.pace-big-counter-info .pace .pace-progress::after{color:rgba(23,162,184,.2)}.pace-bounce-info .pace .pace-activity{background:#17a2b8}.pace-center-atom-info .pace-progress{height:100px;width:80px}.pace-center-atom-info .pace-progress::before{background:#17a2b8;color:#fff;font-size:.8rem;line-height:.7rem;padding-top:17%}.pace-center-atom-info .pace-activity{border-color:#17a2b8}.pace-center-atom-info .pace-activity::after,.pace-center-atom-info .pace-activity::before{border-color:#17a2b8}.pace-center-circle-info .pace .pace-progress{background:rgba(23,162,184,.8);color:#fff}.pace-center-radar-info .pace .pace-activity{border-color:#17a2b8 transparent transparent}.pace-center-radar-info .pace .pace-activity::before{border-color:#17a2b8 transparent transparent}.pace-center-simple-info .pace{background:#fff;border-color:#17a2b8}.pace-center-simple-info .pace .pace-progress{background:#17a2b8}.pace-material-info .pace{color:#17a2b8}.pace-corner-indicator-info .pace .pace-activity{background:#17a2b8}.pace-corner-indicator-info .pace .pace-activity::after,.pace-corner-indicator-info .pace .pace-activity::before{border:5px solid #fff}.pace-corner-indicator-info .pace .pace-activity::before{border-right-color:rgba(23,162,184,.2);border-left-color:rgba(23,162,184,.2)}.pace-corner-indicator-info .pace .pace-activity::after{border-top-color:rgba(23,162,184,.2);border-bottom-color:rgba(23,162,184,.2)}.pace-fill-left-info .pace .pace-progress{background-color:rgba(23,162,184,.2)}.pace-flash-info .pace .pace-progress{background:#17a2b8}.pace-flash-info .pace .pace-progress-inner{box-shadow:0 0 10px #17a2b8,0 0 5px #17a2b8}.pace-flash-info .pace .pace-activity{border-top-color:#17a2b8;border-left-color:#17a2b8}.pace-loading-bar-info .pace .pace-progress{background:#17a2b8;color:#17a2b8;box-shadow:120px 0 #fff,240px 0 #fff}.pace-loading-bar-info .pace .pace-activity{box-shadow:inset 0 0 0 2px #17a2b8,inset 0 0 0 7px #fff}.pace-mac-osx-info .pace .pace-progress{background-color:#17a2b8;box-shadow:inset -1px 0 #17a2b8,inset 0 -1px #17a2b8,inset 0 2px rgba(255,255,255,.5),inset 0 6px rgba(255,255,255,.3)}.pace-mac-osx-info .pace .pace-activity{background-image:radial-gradient(rgba(255,255,255,.65) 0,rgba(255,255,255,.15) 100%);height:12px}.pace-progress-color-info .pace-progress{color:#17a2b8}.pace-warning .pace .pace-progress{background:#ffc107}.pace-barber-shop-warning .pace{background:#1f2d3d}.pace-barber-shop-warning .pace .pace-progress{background:#ffc107}.pace-barber-shop-warning .pace .pace-activity{background-image:linear-gradient(45deg,rgba(31,45,61,.2) 25%,transparent 25%,transparent 50%,rgba(31,45,61,.2) 50%,rgba(31,45,61,.2) 75%,transparent 75%,transparent)}.pace-big-counter-warning .pace .pace-progress::after{color:rgba(255,193,7,.2)}.pace-bounce-warning .pace .pace-activity{background:#ffc107}.pace-center-atom-warning .pace-progress{height:100px;width:80px}.pace-center-atom-warning .pace-progress::before{background:#ffc107;color:#1f2d3d;font-size:.8rem;line-height:.7rem;padding-top:17%}.pace-center-atom-warning .pace-activity{border-color:#ffc107}.pace-center-atom-warning .pace-activity::after,.pace-center-atom-warning .pace-activity::before{border-color:#ffc107}.pace-center-circle-warning .pace .pace-progress{background:rgba(255,193,7,.8);color:#1f2d3d}.pace-center-radar-warning .pace .pace-activity{border-color:#ffc107 transparent transparent}.pace-center-radar-warning .pace .pace-activity::before{border-color:#ffc107 transparent transparent}.pace-center-simple-warning .pace{background:#1f2d3d;border-color:#ffc107}.pace-center-simple-warning .pace .pace-progress{background:#ffc107}.pace-material-warning .pace{color:#ffc107}.pace-corner-indicator-warning .pace .pace-activity{background:#ffc107}.pace-corner-indicator-warning .pace .pace-activity::after,.pace-corner-indicator-warning .pace .pace-activity::before{border:5px solid #1f2d3d}.pace-corner-indicator-warning .pace .pace-activity::before{border-right-color:rgba(255,193,7,.2);border-left-color:rgba(255,193,7,.2)}.pace-corner-indicator-warning .pace .pace-activity::after{border-top-color:rgba(255,193,7,.2);border-bottom-color:rgba(255,193,7,.2)}.pace-fill-left-warning .pace .pace-progress{background-color:rgba(255,193,7,.2)}.pace-flash-warning .pace .pace-progress{background:#ffc107}.pace-flash-warning .pace .pace-progress-inner{box-shadow:0 0 10px #ffc107,0 0 5px #ffc107}.pace-flash-warning .pace .pace-activity{border-top-color:#ffc107;border-left-color:#ffc107}.pace-loading-bar-warning .pace .pace-progress{background:#ffc107;color:#ffc107;box-shadow:120px 0 #1f2d3d,240px 0 #1f2d3d}.pace-loading-bar-warning .pace .pace-activity{box-shadow:inset 0 0 0 2px #ffc107,inset 0 0 0 7px #1f2d3d}.pace-mac-osx-warning .pace .pace-progress{background-color:#ffc107;box-shadow:inset -1px 0 #ffc107,inset 0 -1px #ffc107,inset 0 2px rgba(31,45,61,.5),inset 0 6px rgba(31,45,61,.3)}.pace-mac-osx-warning .pace .pace-activity{background-image:radial-gradient(rgba(31,45,61,.65) 0,rgba(31,45,61,.15) 100%);height:12px}.pace-progress-color-warning .pace-progress{color:#ffc107}.pace-danger .pace .pace-progress{background:#dc3545}.pace-barber-shop-danger .pace{background:#fff}.pace-barber-shop-danger .pace .pace-progress{background:#dc3545}.pace-barber-shop-danger .pace .pace-activity{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}.pace-big-counter-danger .pace .pace-progress::after{color:rgba(220,53,69,.2)}.pace-bounce-danger .pace .pace-activity{background:#dc3545}.pace-center-atom-danger .pace-progress{height:100px;width:80px}.pace-center-atom-danger .pace-progress::before{background:#dc3545;color:#fff;font-size:.8rem;line-height:.7rem;padding-top:17%}.pace-center-atom-danger .pace-activity{border-color:#dc3545}.pace-center-atom-danger .pace-activity::after,.pace-center-atom-danger .pace-activity::before{border-color:#dc3545}.pace-center-circle-danger .pace .pace-progress{background:rgba(220,53,69,.8);color:#fff}.pace-center-radar-danger .pace .pace-activity{border-color:#dc3545 transparent transparent}.pace-center-radar-danger .pace .pace-activity::before{border-color:#dc3545 transparent transparent}.pace-center-simple-danger .pace{background:#fff;border-color:#dc3545}.pace-center-simple-danger .pace .pace-progress{background:#dc3545}.pace-material-danger .pace{color:#dc3545}.pace-corner-indicator-danger .pace .pace-activity{background:#dc3545}.pace-corner-indicator-danger .pace .pace-activity::after,.pace-corner-indicator-danger .pace .pace-activity::before{border:5px solid #fff}.pace-corner-indicator-danger .pace .pace-activity::before{border-right-color:rgba(220,53,69,.2);border-left-color:rgba(220,53,69,.2)}.pace-corner-indicator-danger .pace .pace-activity::after{border-top-color:rgba(220,53,69,.2);border-bottom-color:rgba(220,53,69,.2)}.pace-fill-left-danger .pace .pace-progress{background-color:rgba(220,53,69,.2)}.pace-flash-danger .pace .pace-progress{background:#dc3545}.pace-flash-danger .pace .pace-progress-inner{box-shadow:0 0 10px #dc3545,0 0 5px #dc3545}.pace-flash-danger .pace .pace-activity{border-top-color:#dc3545;border-left-color:#dc3545}.pace-loading-bar-danger .pace .pace-progress{background:#dc3545;color:#dc3545;box-shadow:120px 0 #fff,240px 0 #fff}.pace-loading-bar-danger .pace .pace-activity{box-shadow:inset 0 0 0 2px #dc3545,inset 0 0 0 7px #fff}.pace-mac-osx-danger .pace .pace-progress{background-color:#dc3545;box-shadow:inset -1px 0 #dc3545,inset 0 -1px #dc3545,inset 0 2px rgba(255,255,255,.5),inset 0 6px rgba(255,255,255,.3)}.pace-mac-osx-danger .pace .pace-activity{background-image:radial-gradient(rgba(255,255,255,.65) 0,rgba(255,255,255,.15) 100%);height:12px}.pace-progress-color-danger .pace-progress{color:#dc3545}.pace-light .pace .pace-progress{background:#f8f9fa}.pace-barber-shop-light .pace{background:#1f2d3d}.pace-barber-shop-light .pace .pace-progress{background:#f8f9fa}.pace-barber-shop-light .pace .pace-activity{background-image:linear-gradient(45deg,rgba(31,45,61,.2) 25%,transparent 25%,transparent 50%,rgba(31,45,61,.2) 50%,rgba(31,45,61,.2) 75%,transparent 75%,transparent)}.pace-big-counter-light .pace .pace-progress::after{color:rgba(248,249,250,.2)}.pace-bounce-light .pace .pace-activity{background:#f8f9fa}.pace-center-atom-light .pace-progress{height:100px;width:80px}.pace-center-atom-light .pace-progress::before{background:#f8f9fa;color:#1f2d3d;font-size:.8rem;line-height:.7rem;padding-top:17%}.pace-center-atom-light .pace-activity{border-color:#f8f9fa}.pace-center-atom-light .pace-activity::after,.pace-center-atom-light .pace-activity::before{border-color:#f8f9fa}.pace-center-circle-light .pace .pace-progress{background:rgba(248,249,250,.8);color:#1f2d3d}.pace-center-radar-light .pace .pace-activity{border-color:#f8f9fa transparent transparent}.pace-center-radar-light .pace .pace-activity::before{border-color:#f8f9fa transparent transparent}.pace-center-simple-light .pace{background:#1f2d3d;border-color:#f8f9fa}.pace-center-simple-light .pace .pace-progress{background:#f8f9fa}.pace-material-light .pace{color:#f8f9fa}.pace-corner-indicator-light .pace .pace-activity{background:#f8f9fa}.pace-corner-indicator-light .pace .pace-activity::after,.pace-corner-indicator-light .pace .pace-activity::before{border:5px solid #1f2d3d}.pace-corner-indicator-light .pace .pace-activity::before{border-right-color:rgba(248,249,250,.2);border-left-color:rgba(248,249,250,.2)}.pace-corner-indicator-light .pace .pace-activity::after{border-top-color:rgba(248,249,250,.2);border-bottom-color:rgba(248,249,250,.2)}.pace-fill-left-light .pace .pace-progress{background-color:rgba(248,249,250,.2)}.pace-flash-light .pace .pace-progress{background:#f8f9fa}.pace-flash-light .pace .pace-progress-inner{box-shadow:0 0 10px #f8f9fa,0 0 5px #f8f9fa}.pace-flash-light .pace .pace-activity{border-top-color:#f8f9fa;border-left-color:#f8f9fa}.pace-loading-bar-light .pace .pace-progress{background:#f8f9fa;color:#f8f9fa;box-shadow:120px 0 #1f2d3d,240px 0 #1f2d3d}.pace-loading-bar-light .pace .pace-activity{box-shadow:inset 0 0 0 2px #f8f9fa,inset 0 0 0 7px #1f2d3d}.pace-mac-osx-light .pace .pace-progress{background-color:#f8f9fa;box-shadow:inset -1px 0 #f8f9fa,inset 0 -1px #f8f9fa,inset 0 2px rgba(31,45,61,.5),inset 0 6px rgba(31,45,61,.3)}.pace-mac-osx-light .pace .pace-activity{background-image:radial-gradient(rgba(31,45,61,.65) 0,rgba(31,45,61,.15) 100%);height:12px}.pace-progress-color-light .pace-progress{color:#f8f9fa}.pace-dark .pace .pace-progress{background:#343a40}.pace-barber-shop-dark .pace{background:#fff}.pace-barber-shop-dark .pace .pace-progress{background:#343a40}.pace-barber-shop-dark .pace .pace-activity{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}.pace-big-counter-dark .pace .pace-progress::after{color:rgba(52,58,64,.2)}.pace-bounce-dark .pace .pace-activity{background:#343a40}.pace-center-atom-dark .pace-progress{height:100px;width:80px}.pace-center-atom-dark .pace-progress::before{background:#343a40;color:#fff;font-size:.8rem;line-height:.7rem;padding-top:17%}.pace-center-atom-dark .pace-activity{border-color:#343a40}.pace-center-atom-dark .pace-activity::after,.pace-center-atom-dark .pace-activity::before{border-color:#343a40}.pace-center-circle-dark .pace .pace-progress{background:rgba(52,58,64,.8);color:#fff}.pace-center-radar-dark .pace .pace-activity{border-color:#343a40 transparent transparent}.pace-center-radar-dark .pace .pace-activity::before{border-color:#343a40 transparent transparent}.pace-center-simple-dark .pace{background:#fff;border-color:#343a40}.pace-center-simple-dark .pace .pace-progress{background:#343a40}.pace-material-dark .pace{color:#343a40}.pace-corner-indicator-dark .pace .pace-activity{background:#343a40}.pace-corner-indicator-dark .pace .pace-activity::after,.pace-corner-indicator-dark .pace .pace-activity::before{border:5px solid #fff}.pace-corner-indicator-dark .pace .pace-activity::before{border-right-color:rgba(52,58,64,.2);border-left-color:rgba(52,58,64,.2)}.pace-corner-indicator-dark .pace .pace-activity::after{border-top-color:rgba(52,58,64,.2);border-bottom-color:rgba(52,58,64,.2)}.pace-fill-left-dark .pace .pace-progress{background-color:rgba(52,58,64,.2)}.pace-flash-dark .pace .pace-progress{background:#343a40}.pace-flash-dark .pace .pace-progress-inner{box-shadow:0 0 10px #343a40,0 0 5px #343a40}.pace-flash-dark .pace .pace-activity{border-top-color:#343a40;border-left-color:#343a40}.pace-loading-bar-dark .pace .pace-progress{background:#343a40;color:#343a40;box-shadow:120px 0 #fff,240px 0 #fff}.pace-loading-bar-dark .pace .pace-activity{box-shadow:inset 0 0 0 2px #343a40,inset 0 0 0 7px #fff}.pace-mac-osx-dark .pace .pace-progress{background-color:#343a40;box-shadow:inset -1px 0 #343a40,inset 0 -1px #343a40,inset 0 2px rgba(255,255,255,.5),inset 0 6px rgba(255,255,255,.3)}.pace-mac-osx-dark .pace .pace-activity{background-image:radial-gradient(rgba(255,255,255,.65) 0,rgba(255,255,255,.15) 100%);height:12px}.pace-progress-color-dark .pace-progress{color:#343a40}.pace-lightblue .pace .pace-progress{background:#3c8dbc}.pace-barber-shop-lightblue .pace{background:#fff}.pace-barber-shop-lightblue .pace .pace-progress{background:#3c8dbc}.pace-barber-shop-lightblue .pace .pace-activity{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}.pace-big-counter-lightblue .pace .pace-progress::after{color:rgba(60,141,188,.2)}.pace-bounce-lightblue .pace .pace-activity{background:#3c8dbc}.pace-center-atom-lightblue .pace-progress{height:100px;width:80px}.pace-center-atom-lightblue .pace-progress::before{background:#3c8dbc;color:#fff;font-size:.8rem;line-height:.7rem;padding-top:17%}.pace-center-atom-lightblue .pace-activity{border-color:#3c8dbc}.pace-center-atom-lightblue .pace-activity::after,.pace-center-atom-lightblue .pace-activity::before{border-color:#3c8dbc}.pace-center-circle-lightblue .pace .pace-progress{background:rgba(60,141,188,.8);color:#fff}.pace-center-radar-lightblue .pace .pace-activity{border-color:#3c8dbc transparent transparent}.pace-center-radar-lightblue .pace .pace-activity::before{border-color:#3c8dbc transparent transparent}.pace-center-simple-lightblue .pace{background:#fff;border-color:#3c8dbc}.pace-center-simple-lightblue .pace .pace-progress{background:#3c8dbc}.pace-material-lightblue .pace{color:#3c8dbc}.pace-corner-indicator-lightblue .pace .pace-activity{background:#3c8dbc}.pace-corner-indicator-lightblue .pace .pace-activity::after,.pace-corner-indicator-lightblue .pace .pace-activity::before{border:5px solid #fff}.pace-corner-indicator-lightblue .pace .pace-activity::before{border-right-color:rgba(60,141,188,.2);border-left-color:rgba(60,141,188,.2)}.pace-corner-indicator-lightblue .pace .pace-activity::after{border-top-color:rgba(60,141,188,.2);border-bottom-color:rgba(60,141,188,.2)}.pace-fill-left-lightblue .pace .pace-progress{background-color:rgba(60,141,188,.2)}.pace-flash-lightblue .pace .pace-progress{background:#3c8dbc}.pace-flash-lightblue .pace .pace-progress-inner{box-shadow:0 0 10px #3c8dbc,0 0 5px #3c8dbc}.pace-flash-lightblue .pace .pace-activity{border-top-color:#3c8dbc;border-left-color:#3c8dbc}.pace-loading-bar-lightblue .pace .pace-progress{background:#3c8dbc;color:#3c8dbc;box-shadow:120px 0 #fff,240px 0 #fff}.pace-loading-bar-lightblue .pace .pace-activity{box-shadow:inset 0 0 0 2px #3c8dbc,inset 0 0 0 7px #fff}.pace-mac-osx-lightblue .pace .pace-progress{background-color:#3c8dbc;box-shadow:inset -1px 0 #3c8dbc,inset 0 -1px #3c8dbc,inset 0 2px rgba(255,255,255,.5),inset 0 6px rgba(255,255,255,.3)}.pace-mac-osx-lightblue .pace .pace-activity{background-image:radial-gradient(rgba(255,255,255,.65) 0,rgba(255,255,255,.15) 100%);height:12px}.pace-progress-color-lightblue .pace-progress{color:#3c8dbc}.pace-navy .pace .pace-progress{background:#001f3f}.pace-barber-shop-navy .pace{background:#fff}.pace-barber-shop-navy .pace .pace-progress{background:#001f3f}.pace-barber-shop-navy .pace .pace-activity{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}.pace-big-counter-navy .pace .pace-progress::after{color:rgba(0,31,63,.2)}.pace-bounce-navy .pace .pace-activity{background:#001f3f}.pace-center-atom-navy .pace-progress{height:100px;width:80px}.pace-center-atom-navy .pace-progress::before{background:#001f3f;color:#fff;font-size:.8rem;line-height:.7rem;padding-top:17%}.pace-center-atom-navy .pace-activity{border-color:#001f3f}.pace-center-atom-navy .pace-activity::after,.pace-center-atom-navy .pace-activity::before{border-color:#001f3f}.pace-center-circle-navy .pace .pace-progress{background:rgba(0,31,63,.8);color:#fff}.pace-center-radar-navy .pace .pace-activity{border-color:#001f3f transparent transparent}.pace-center-radar-navy .pace .pace-activity::before{border-color:#001f3f transparent transparent}.pace-center-simple-navy .pace{background:#fff;border-color:#001f3f}.pace-center-simple-navy .pace .pace-progress{background:#001f3f}.pace-material-navy .pace{color:#001f3f}.pace-corner-indicator-navy .pace .pace-activity{background:#001f3f}.pace-corner-indicator-navy .pace .pace-activity::after,.pace-corner-indicator-navy .pace .pace-activity::before{border:5px solid #fff}.pace-corner-indicator-navy .pace .pace-activity::before{border-right-color:rgba(0,31,63,.2);border-left-color:rgba(0,31,63,.2)}.pace-corner-indicator-navy .pace .pace-activity::after{border-top-color:rgba(0,31,63,.2);border-bottom-color:rgba(0,31,63,.2)}.pace-fill-left-navy .pace .pace-progress{background-color:rgba(0,31,63,.2)}.pace-flash-navy .pace .pace-progress{background:#001f3f}.pace-flash-navy .pace .pace-progress-inner{box-shadow:0 0 10px #001f3f,0 0 5px #001f3f}.pace-flash-navy .pace .pace-activity{border-top-color:#001f3f;border-left-color:#001f3f}.pace-loading-bar-navy .pace .pace-progress{background:#001f3f;color:#001f3f;box-shadow:120px 0 #fff,240px 0 #fff}.pace-loading-bar-navy .pace .pace-activity{box-shadow:inset 0 0 0 2px #001f3f,inset 0 0 0 7px #fff}.pace-mac-osx-navy .pace .pace-progress{background-color:#001f3f;box-shadow:inset -1px 0 #001f3f,inset 0 -1px #001f3f,inset 0 2px rgba(255,255,255,.5),inset 0 6px rgba(255,255,255,.3)}.pace-mac-osx-navy .pace .pace-activity{background-image:radial-gradient(rgba(255,255,255,.65) 0,rgba(255,255,255,.15) 100%);height:12px}.pace-progress-color-navy .pace-progress{color:#001f3f}.pace-olive .pace .pace-progress{background:#3d9970}.pace-barber-shop-olive .pace{background:#fff}.pace-barber-shop-olive .pace .pace-progress{background:#3d9970}.pace-barber-shop-olive .pace .pace-activity{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}.pace-big-counter-olive .pace .pace-progress::after{color:rgba(61,153,112,.2)}.pace-bounce-olive .pace .pace-activity{background:#3d9970}.pace-center-atom-olive .pace-progress{height:100px;width:80px}.pace-center-atom-olive .pace-progress::before{background:#3d9970;color:#fff;font-size:.8rem;line-height:.7rem;padding-top:17%}.pace-center-atom-olive .pace-activity{border-color:#3d9970}.pace-center-atom-olive .pace-activity::after,.pace-center-atom-olive .pace-activity::before{border-color:#3d9970}.pace-center-circle-olive .pace .pace-progress{background:rgba(61,153,112,.8);color:#fff}.pace-center-radar-olive .pace .pace-activity{border-color:#3d9970 transparent transparent}.pace-center-radar-olive .pace .pace-activity::before{border-color:#3d9970 transparent transparent}.pace-center-simple-olive .pace{background:#fff;border-color:#3d9970}.pace-center-simple-olive .pace .pace-progress{background:#3d9970}.pace-material-olive .pace{color:#3d9970}.pace-corner-indicator-olive .pace .pace-activity{background:#3d9970}.pace-corner-indicator-olive .pace .pace-activity::after,.pace-corner-indicator-olive .pace .pace-activity::before{border:5px solid #fff}.pace-corner-indicator-olive .pace .pace-activity::before{border-right-color:rgba(61,153,112,.2);border-left-color:rgba(61,153,112,.2)}.pace-corner-indicator-olive .pace .pace-activity::after{border-top-color:rgba(61,153,112,.2);border-bottom-color:rgba(61,153,112,.2)}.pace-fill-left-olive .pace .pace-progress{background-color:rgba(61,153,112,.2)}.pace-flash-olive .pace .pace-progress{background:#3d9970}.pace-flash-olive .pace .pace-progress-inner{box-shadow:0 0 10px #3d9970,0 0 5px #3d9970}.pace-flash-olive .pace .pace-activity{border-top-color:#3d9970;border-left-color:#3d9970}.pace-loading-bar-olive .pace .pace-progress{background:#3d9970;color:#3d9970;box-shadow:120px 0 #fff,240px 0 #fff}.pace-loading-bar-olive .pace .pace-activity{box-shadow:inset 0 0 0 2px #3d9970,inset 0 0 0 7px #fff}.pace-mac-osx-olive .pace .pace-progress{background-color:#3d9970;box-shadow:inset -1px 0 #3d9970,inset 0 -1px #3d9970,inset 0 2px rgba(255,255,255,.5),inset 0 6px rgba(255,255,255,.3)}.pace-mac-osx-olive .pace .pace-activity{background-image:radial-gradient(rgba(255,255,255,.65) 0,rgba(255,255,255,.15) 100%);height:12px}.pace-progress-color-olive .pace-progress{color:#3d9970}.pace-lime .pace .pace-progress{background:#01ff70}.pace-barber-shop-lime .pace{background:#1f2d3d}.pace-barber-shop-lime .pace .pace-progress{background:#01ff70}.pace-barber-shop-lime .pace .pace-activity{background-image:linear-gradient(45deg,rgba(31,45,61,.2) 25%,transparent 25%,transparent 50%,rgba(31,45,61,.2) 50%,rgba(31,45,61,.2) 75%,transparent 75%,transparent)}.pace-big-counter-lime .pace .pace-progress::after{color:rgba(1,255,112,.2)}.pace-bounce-lime .pace .pace-activity{background:#01ff70}.pace-center-atom-lime .pace-progress{height:100px;width:80px}.pace-center-atom-lime .pace-progress::before{background:#01ff70;color:#1f2d3d;font-size:.8rem;line-height:.7rem;padding-top:17%}.pace-center-atom-lime .pace-activity{border-color:#01ff70}.pace-center-atom-lime .pace-activity::after,.pace-center-atom-lime .pace-activity::before{border-color:#01ff70}.pace-center-circle-lime .pace .pace-progress{background:rgba(1,255,112,.8);color:#1f2d3d}.pace-center-radar-lime .pace .pace-activity{border-color:#01ff70 transparent transparent}.pace-center-radar-lime .pace .pace-activity::before{border-color:#01ff70 transparent transparent}.pace-center-simple-lime .pace{background:#1f2d3d;border-color:#01ff70}.pace-center-simple-lime .pace .pace-progress{background:#01ff70}.pace-material-lime .pace{color:#01ff70}.pace-corner-indicator-lime .pace .pace-activity{background:#01ff70}.pace-corner-indicator-lime .pace .pace-activity::after,.pace-corner-indicator-lime .pace .pace-activity::before{border:5px solid #1f2d3d}.pace-corner-indicator-lime .pace .pace-activity::before{border-right-color:rgba(1,255,112,.2);border-left-color:rgba(1,255,112,.2)}.pace-corner-indicator-lime .pace .pace-activity::after{border-top-color:rgba(1,255,112,.2);border-bottom-color:rgba(1,255,112,.2)}.pace-fill-left-lime .pace .pace-progress{background-color:rgba(1,255,112,.2)}.pace-flash-lime .pace .pace-progress{background:#01ff70}.pace-flash-lime .pace .pace-progress-inner{box-shadow:0 0 10px #01ff70,0 0 5px #01ff70}.pace-flash-lime .pace .pace-activity{border-top-color:#01ff70;border-left-color:#01ff70}.pace-loading-bar-lime .pace .pace-progress{background:#01ff70;color:#01ff70;box-shadow:120px 0 #1f2d3d,240px 0 #1f2d3d}.pace-loading-bar-lime .pace .pace-activity{box-shadow:inset 0 0 0 2px #01ff70,inset 0 0 0 7px #1f2d3d}.pace-mac-osx-lime .pace .pace-progress{background-color:#01ff70;box-shadow:inset -1px 0 #01ff70,inset 0 -1px #01ff70,inset 0 2px rgba(31,45,61,.5),inset 0 6px rgba(31,45,61,.3)}.pace-mac-osx-lime .pace .pace-activity{background-image:radial-gradient(rgba(31,45,61,.65) 0,rgba(31,45,61,.15) 100%);height:12px}.pace-progress-color-lime .pace-progress{color:#01ff70}.pace-fuchsia .pace .pace-progress{background:#f012be}.pace-barber-shop-fuchsia .pace{background:#fff}.pace-barber-shop-fuchsia .pace .pace-progress{background:#f012be}.pace-barber-shop-fuchsia .pace .pace-activity{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}.pace-big-counter-fuchsia .pace .pace-progress::after{color:rgba(240,18,190,.2)}.pace-bounce-fuchsia .pace .pace-activity{background:#f012be}.pace-center-atom-fuchsia .pace-progress{height:100px;width:80px}.pace-center-atom-fuchsia .pace-progress::before{background:#f012be;color:#fff;font-size:.8rem;line-height:.7rem;padding-top:17%}.pace-center-atom-fuchsia .pace-activity{border-color:#f012be}.pace-center-atom-fuchsia .pace-activity::after,.pace-center-atom-fuchsia .pace-activity::before{border-color:#f012be}.pace-center-circle-fuchsia .pace .pace-progress{background:rgba(240,18,190,.8);color:#fff}.pace-center-radar-fuchsia .pace .pace-activity{border-color:#f012be transparent transparent}.pace-center-radar-fuchsia .pace .pace-activity::before{border-color:#f012be transparent transparent}.pace-center-simple-fuchsia .pace{background:#fff;border-color:#f012be}.pace-center-simple-fuchsia .pace .pace-progress{background:#f012be}.pace-material-fuchsia .pace{color:#f012be}.pace-corner-indicator-fuchsia .pace .pace-activity{background:#f012be}.pace-corner-indicator-fuchsia .pace .pace-activity::after,.pace-corner-indicator-fuchsia .pace .pace-activity::before{border:5px solid #fff}.pace-corner-indicator-fuchsia .pace .pace-activity::before{border-right-color:rgba(240,18,190,.2);border-left-color:rgba(240,18,190,.2)}.pace-corner-indicator-fuchsia .pace .pace-activity::after{border-top-color:rgba(240,18,190,.2);border-bottom-color:rgba(240,18,190,.2)}.pace-fill-left-fuchsia .pace .pace-progress{background-color:rgba(240,18,190,.2)}.pace-flash-fuchsia .pace .pace-progress{background:#f012be}.pace-flash-fuchsia .pace .pace-progress-inner{box-shadow:0 0 10px #f012be,0 0 5px #f012be}.pace-flash-fuchsia .pace .pace-activity{border-top-color:#f012be;border-left-color:#f012be}.pace-loading-bar-fuchsia .pace .pace-progress{background:#f012be;color:#f012be;box-shadow:120px 0 #fff,240px 0 #fff}.pace-loading-bar-fuchsia .pace .pace-activity{box-shadow:inset 0 0 0 2px #f012be,inset 0 0 0 7px #fff}.pace-mac-osx-fuchsia .pace .pace-progress{background-color:#f012be;box-shadow:inset -1px 0 #f012be,inset 0 -1px #f012be,inset 0 2px rgba(255,255,255,.5),inset 0 6px rgba(255,255,255,.3)}.pace-mac-osx-fuchsia .pace .pace-activity{background-image:radial-gradient(rgba(255,255,255,.65) 0,rgba(255,255,255,.15) 100%);height:12px}.pace-progress-color-fuchsia .pace-progress{color:#f012be}.pace-maroon .pace .pace-progress{background:#d81b60}.pace-barber-shop-maroon .pace{background:#fff}.pace-barber-shop-maroon .pace .pace-progress{background:#d81b60}.pace-barber-shop-maroon .pace .pace-activity{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}.pace-big-counter-maroon .pace .pace-progress::after{color:rgba(216,27,96,.2)}.pace-bounce-maroon .pace .pace-activity{background:#d81b60}.pace-center-atom-maroon .pace-progress{height:100px;width:80px}.pace-center-atom-maroon .pace-progress::before{background:#d81b60;color:#fff;font-size:.8rem;line-height:.7rem;padding-top:17%}.pace-center-atom-maroon .pace-activity{border-color:#d81b60}.pace-center-atom-maroon .pace-activity::after,.pace-center-atom-maroon .pace-activity::before{border-color:#d81b60}.pace-center-circle-maroon .pace .pace-progress{background:rgba(216,27,96,.8);color:#fff}.pace-center-radar-maroon .pace .pace-activity{border-color:#d81b60 transparent transparent}.pace-center-radar-maroon .pace .pace-activity::before{border-color:#d81b60 transparent transparent}.pace-center-simple-maroon .pace{background:#fff;border-color:#d81b60}.pace-center-simple-maroon .pace .pace-progress{background:#d81b60}.pace-material-maroon .pace{color:#d81b60}.pace-corner-indicator-maroon .pace .pace-activity{background:#d81b60}.pace-corner-indicator-maroon .pace .pace-activity::after,.pace-corner-indicator-maroon .pace .pace-activity::before{border:5px solid #fff}.pace-corner-indicator-maroon .pace .pace-activity::before{border-right-color:rgba(216,27,96,.2);border-left-color:rgba(216,27,96,.2)}.pace-corner-indicator-maroon .pace .pace-activity::after{border-top-color:rgba(216,27,96,.2);border-bottom-color:rgba(216,27,96,.2)}.pace-fill-left-maroon .pace .pace-progress{background-color:rgba(216,27,96,.2)}.pace-flash-maroon .pace .pace-progress{background:#d81b60}.pace-flash-maroon .pace .pace-progress-inner{box-shadow:0 0 10px #d81b60,0 0 5px #d81b60}.pace-flash-maroon .pace .pace-activity{border-top-color:#d81b60;border-left-color:#d81b60}.pace-loading-bar-maroon .pace .pace-progress{background:#d81b60;color:#d81b60;box-shadow:120px 0 #fff,240px 0 #fff}.pace-loading-bar-maroon .pace .pace-activity{box-shadow:inset 0 0 0 2px #d81b60,inset 0 0 0 7px #fff}.pace-mac-osx-maroon .pace .pace-progress{background-color:#d81b60;box-shadow:inset -1px 0 #d81b60,inset 0 -1px #d81b60,inset 0 2px rgba(255,255,255,.5),inset 0 6px rgba(255,255,255,.3)}.pace-mac-osx-maroon .pace .pace-activity{background-image:radial-gradient(rgba(255,255,255,.65) 0,rgba(255,255,255,.15) 100%);height:12px}.pace-progress-color-maroon .pace-progress{color:#d81b60}.pace-blue .pace .pace-progress{background:#007bff}.pace-barber-shop-blue .pace{background:#fff}.pace-barber-shop-blue .pace .pace-progress{background:#007bff}.pace-barber-shop-blue .pace .pace-activity{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}.pace-big-counter-blue .pace .pace-progress::after{color:rgba(0,123,255,.2)}.pace-bounce-blue .pace .pace-activity{background:#007bff}.pace-center-atom-blue .pace-progress{height:100px;width:80px}.pace-center-atom-blue .pace-progress::before{background:#007bff;color:#fff;font-size:.8rem;line-height:.7rem;padding-top:17%}.pace-center-atom-blue .pace-activity{border-color:#007bff}.pace-center-atom-blue .pace-activity::after,.pace-center-atom-blue .pace-activity::before{border-color:#007bff}.pace-center-circle-blue .pace .pace-progress{background:rgba(0,123,255,.8);color:#fff}.pace-center-radar-blue .pace .pace-activity{border-color:#007bff transparent transparent}.pace-center-radar-blue .pace .pace-activity::before{border-color:#007bff transparent transparent}.pace-center-simple-blue .pace{background:#fff;border-color:#007bff}.pace-center-simple-blue .pace .pace-progress{background:#007bff}.pace-material-blue .pace{color:#007bff}.pace-corner-indicator-blue .pace .pace-activity{background:#007bff}.pace-corner-indicator-blue .pace .pace-activity::after,.pace-corner-indicator-blue .pace .pace-activity::before{border:5px solid #fff}.pace-corner-indicator-blue .pace .pace-activity::before{border-right-color:rgba(0,123,255,.2);border-left-color:rgba(0,123,255,.2)}.pace-corner-indicator-blue .pace .pace-activity::after{border-top-color:rgba(0,123,255,.2);border-bottom-color:rgba(0,123,255,.2)}.pace-fill-left-blue .pace .pace-progress{background-color:rgba(0,123,255,.2)}.pace-flash-blue .pace .pace-progress{background:#007bff}.pace-flash-blue .pace .pace-progress-inner{box-shadow:0 0 10px #007bff,0 0 5px #007bff}.pace-flash-blue .pace .pace-activity{border-top-color:#007bff;border-left-color:#007bff}.pace-loading-bar-blue .pace .pace-progress{background:#007bff;color:#007bff;box-shadow:120px 0 #fff,240px 0 #fff}.pace-loading-bar-blue .pace .pace-activity{box-shadow:inset 0 0 0 2px #007bff,inset 0 0 0 7px #fff}.pace-mac-osx-blue .pace .pace-progress{background-color:#007bff;box-shadow:inset -1px 0 #007bff,inset 0 -1px #007bff,inset 0 2px rgba(255,255,255,.5),inset 0 6px rgba(255,255,255,.3)}.pace-mac-osx-blue .pace .pace-activity{background-image:radial-gradient(rgba(255,255,255,.65) 0,rgba(255,255,255,.15) 100%);height:12px}.pace-progress-color-blue .pace-progress{color:#007bff}.pace-indigo .pace .pace-progress{background:#6610f2}.pace-barber-shop-indigo .pace{background:#fff}.pace-barber-shop-indigo .pace .pace-progress{background:#6610f2}.pace-barber-shop-indigo .pace .pace-activity{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}.pace-big-counter-indigo .pace .pace-progress::after{color:rgba(102,16,242,.2)}.pace-bounce-indigo .pace .pace-activity{background:#6610f2}.pace-center-atom-indigo .pace-progress{height:100px;width:80px}.pace-center-atom-indigo .pace-progress::before{background:#6610f2;color:#fff;font-size:.8rem;line-height:.7rem;padding-top:17%}.pace-center-atom-indigo .pace-activity{border-color:#6610f2}.pace-center-atom-indigo .pace-activity::after,.pace-center-atom-indigo .pace-activity::before{border-color:#6610f2}.pace-center-circle-indigo .pace .pace-progress{background:rgba(102,16,242,.8);color:#fff}.pace-center-radar-indigo .pace .pace-activity{border-color:#6610f2 transparent transparent}.pace-center-radar-indigo .pace .pace-activity::before{border-color:#6610f2 transparent transparent}.pace-center-simple-indigo .pace{background:#fff;border-color:#6610f2}.pace-center-simple-indigo .pace .pace-progress{background:#6610f2}.pace-material-indigo .pace{color:#6610f2}.pace-corner-indicator-indigo .pace .pace-activity{background:#6610f2}.pace-corner-indicator-indigo .pace .pace-activity::after,.pace-corner-indicator-indigo .pace .pace-activity::before{border:5px solid #fff}.pace-corner-indicator-indigo .pace .pace-activity::before{border-right-color:rgba(102,16,242,.2);border-left-color:rgba(102,16,242,.2)}.pace-corner-indicator-indigo .pace .pace-activity::after{border-top-color:rgba(102,16,242,.2);border-bottom-color:rgba(102,16,242,.2)}.pace-fill-left-indigo .pace .pace-progress{background-color:rgba(102,16,242,.2)}.pace-flash-indigo .pace .pace-progress{background:#6610f2}.pace-flash-indigo .pace .pace-progress-inner{box-shadow:0 0 10px #6610f2,0 0 5px #6610f2}.pace-flash-indigo .pace .pace-activity{border-top-color:#6610f2;border-left-color:#6610f2}.pace-loading-bar-indigo .pace .pace-progress{background:#6610f2;color:#6610f2;box-shadow:120px 0 #fff,240px 0 #fff}.pace-loading-bar-indigo .pace .pace-activity{box-shadow:inset 0 0 0 2px #6610f2,inset 0 0 0 7px #fff}.pace-mac-osx-indigo .pace .pace-progress{background-color:#6610f2;box-shadow:inset -1px 0 #6610f2,inset 0 -1px #6610f2,inset 0 2px rgba(255,255,255,.5),inset 0 6px rgba(255,255,255,.3)}.pace-mac-osx-indigo .pace .pace-activity{background-image:radial-gradient(rgba(255,255,255,.65) 0,rgba(255,255,255,.15) 100%);height:12px}.pace-progress-color-indigo .pace-progress{color:#6610f2}.pace-purple .pace .pace-progress{background:#6f42c1}.pace-barber-shop-purple .pace{background:#fff}.pace-barber-shop-purple .pace .pace-progress{background:#6f42c1}.pace-barber-shop-purple .pace .pace-activity{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}.pace-big-counter-purple .pace .pace-progress::after{color:rgba(111,66,193,.2)}.pace-bounce-purple .pace .pace-activity{background:#6f42c1}.pace-center-atom-purple .pace-progress{height:100px;width:80px}.pace-center-atom-purple .pace-progress::before{background:#6f42c1;color:#fff;font-size:.8rem;line-height:.7rem;padding-top:17%}.pace-center-atom-purple .pace-activity{border-color:#6f42c1}.pace-center-atom-purple .pace-activity::after,.pace-center-atom-purple .pace-activity::before{border-color:#6f42c1}.pace-center-circle-purple .pace .pace-progress{background:rgba(111,66,193,.8);color:#fff}.pace-center-radar-purple .pace .pace-activity{border-color:#6f42c1 transparent transparent}.pace-center-radar-purple .pace .pace-activity::before{border-color:#6f42c1 transparent transparent}.pace-center-simple-purple .pace{background:#fff;border-color:#6f42c1}.pace-center-simple-purple .pace .pace-progress{background:#6f42c1}.pace-material-purple .pace{color:#6f42c1}.pace-corner-indicator-purple .pace .pace-activity{background:#6f42c1}.pace-corner-indicator-purple .pace .pace-activity::after,.pace-corner-indicator-purple .pace .pace-activity::before{border:5px solid #fff}.pace-corner-indicator-purple .pace .pace-activity::before{border-right-color:rgba(111,66,193,.2);border-left-color:rgba(111,66,193,.2)}.pace-corner-indicator-purple .pace .pace-activity::after{border-top-color:rgba(111,66,193,.2);border-bottom-color:rgba(111,66,193,.2)}.pace-fill-left-purple .pace .pace-progress{background-color:rgba(111,66,193,.2)}.pace-flash-purple .pace .pace-progress{background:#6f42c1}.pace-flash-purple .pace .pace-progress-inner{box-shadow:0 0 10px #6f42c1,0 0 5px #6f42c1}.pace-flash-purple .pace .pace-activity{border-top-color:#6f42c1;border-left-color:#6f42c1}.pace-loading-bar-purple .pace .pace-progress{background:#6f42c1;color:#6f42c1;box-shadow:120px 0 #fff,240px 0 #fff}.pace-loading-bar-purple .pace .pace-activity{box-shadow:inset 0 0 0 2px #6f42c1,inset 0 0 0 7px #fff}.pace-mac-osx-purple .pace .pace-progress{background-color:#6f42c1;box-shadow:inset -1px 0 #6f42c1,inset 0 -1px #6f42c1,inset 0 2px rgba(255,255,255,.5),inset 0 6px rgba(255,255,255,.3)}.pace-mac-osx-purple .pace .pace-activity{background-image:radial-gradient(rgba(255,255,255,.65) 0,rgba(255,255,255,.15) 100%);height:12px}.pace-progress-color-purple .pace-progress{color:#6f42c1}.pace-pink .pace .pace-progress{background:#e83e8c}.pace-barber-shop-pink .pace{background:#fff}.pace-barber-shop-pink .pace .pace-progress{background:#e83e8c}.pace-barber-shop-pink .pace .pace-activity{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}.pace-big-counter-pink .pace .pace-progress::after{color:rgba(232,62,140,.2)}.pace-bounce-pink .pace .pace-activity{background:#e83e8c}.pace-center-atom-pink .pace-progress{height:100px;width:80px}.pace-center-atom-pink .pace-progress::before{background:#e83e8c;color:#fff;font-size:.8rem;line-height:.7rem;padding-top:17%}.pace-center-atom-pink .pace-activity{border-color:#e83e8c}.pace-center-atom-pink .pace-activity::after,.pace-center-atom-pink .pace-activity::before{border-color:#e83e8c}.pace-center-circle-pink .pace .pace-progress{background:rgba(232,62,140,.8);color:#fff}.pace-center-radar-pink .pace .pace-activity{border-color:#e83e8c transparent transparent}.pace-center-radar-pink .pace .pace-activity::before{border-color:#e83e8c transparent transparent}.pace-center-simple-pink .pace{background:#fff;border-color:#e83e8c}.pace-center-simple-pink .pace .pace-progress{background:#e83e8c}.pace-material-pink .pace{color:#e83e8c}.pace-corner-indicator-pink .pace .pace-activity{background:#e83e8c}.pace-corner-indicator-pink .pace .pace-activity::after,.pace-corner-indicator-pink .pace .pace-activity::before{border:5px solid #fff}.pace-corner-indicator-pink .pace .pace-activity::before{border-right-color:rgba(232,62,140,.2);border-left-color:rgba(232,62,140,.2)}.pace-corner-indicator-pink .pace .pace-activity::after{border-top-color:rgba(232,62,140,.2);border-bottom-color:rgba(232,62,140,.2)}.pace-fill-left-pink .pace .pace-progress{background-color:rgba(232,62,140,.2)}.pace-flash-pink .pace .pace-progress{background:#e83e8c}.pace-flash-pink .pace .pace-progress-inner{box-shadow:0 0 10px #e83e8c,0 0 5px #e83e8c}.pace-flash-pink .pace .pace-activity{border-top-color:#e83e8c;border-left-color:#e83e8c}.pace-loading-bar-pink .pace .pace-progress{background:#e83e8c;color:#e83e8c;box-shadow:120px 0 #fff,240px 0 #fff}.pace-loading-bar-pink .pace .pace-activity{box-shadow:inset 0 0 0 2px #e83e8c,inset 0 0 0 7px #fff}.pace-mac-osx-pink .pace .pace-progress{background-color:#e83e8c;box-shadow:inset -1px 0 #e83e8c,inset 0 -1px #e83e8c,inset 0 2px rgba(255,255,255,.5),inset 0 6px rgba(255,255,255,.3)}.pace-mac-osx-pink .pace .pace-activity{background-image:radial-gradient(rgba(255,255,255,.65) 0,rgba(255,255,255,.15) 100%);height:12px}.pace-progress-color-pink .pace-progress{color:#e83e8c}.pace-red .pace .pace-progress{background:#dc3545}.pace-barber-shop-red .pace{background:#fff}.pace-barber-shop-red .pace .pace-progress{background:#dc3545}.pace-barber-shop-red .pace .pace-activity{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}.pace-big-counter-red .pace .pace-progress::after{color:rgba(220,53,69,.2)}.pace-bounce-red .pace .pace-activity{background:#dc3545}.pace-center-atom-red .pace-progress{height:100px;width:80px}.pace-center-atom-red .pace-progress::before{background:#dc3545;color:#fff;font-size:.8rem;line-height:.7rem;padding-top:17%}.pace-center-atom-red .pace-activity{border-color:#dc3545}.pace-center-atom-red .pace-activity::after,.pace-center-atom-red .pace-activity::before{border-color:#dc3545}.pace-center-circle-red .pace .pace-progress{background:rgba(220,53,69,.8);color:#fff}.pace-center-radar-red .pace .pace-activity{border-color:#dc3545 transparent transparent}.pace-center-radar-red .pace .pace-activity::before{border-color:#dc3545 transparent transparent}.pace-center-simple-red .pace{background:#fff;border-color:#dc3545}.pace-center-simple-red .pace .pace-progress{background:#dc3545}.pace-material-red .pace{color:#dc3545}.pace-corner-indicator-red .pace .pace-activity{background:#dc3545}.pace-corner-indicator-red .pace .pace-activity::after,.pace-corner-indicator-red .pace .pace-activity::before{border:5px solid #fff}.pace-corner-indicator-red .pace .pace-activity::before{border-right-color:rgba(220,53,69,.2);border-left-color:rgba(220,53,69,.2)}.pace-corner-indicator-red .pace .pace-activity::after{border-top-color:rgba(220,53,69,.2);border-bottom-color:rgba(220,53,69,.2)}.pace-fill-left-red .pace .pace-progress{background-color:rgba(220,53,69,.2)}.pace-flash-red .pace .pace-progress{background:#dc3545}.pace-flash-red .pace .pace-progress-inner{box-shadow:0 0 10px #dc3545,0 0 5px #dc3545}.pace-flash-red .pace .pace-activity{border-top-color:#dc3545;border-left-color:#dc3545}.pace-loading-bar-red .pace .pace-progress{background:#dc3545;color:#dc3545;box-shadow:120px 0 #fff,240px 0 #fff}.pace-loading-bar-red .pace .pace-activity{box-shadow:inset 0 0 0 2px #dc3545,inset 0 0 0 7px #fff}.pace-mac-osx-red .pace .pace-progress{background-color:#dc3545;box-shadow:inset -1px 0 #dc3545,inset 0 -1px #dc3545,inset 0 2px rgba(255,255,255,.5),inset 0 6px rgba(255,255,255,.3)}.pace-mac-osx-red .pace .pace-activity{background-image:radial-gradient(rgba(255,255,255,.65) 0,rgba(255,255,255,.15) 100%);height:12px}.pace-progress-color-red .pace-progress{color:#dc3545}.pace-orange .pace .pace-progress{background:#fd7e14}.pace-barber-shop-orange .pace{background:#1f2d3d}.pace-barber-shop-orange .pace .pace-progress{background:#fd7e14}.pace-barber-shop-orange .pace .pace-activity{background-image:linear-gradient(45deg,rgba(31,45,61,.2) 25%,transparent 25%,transparent 50%,rgba(31,45,61,.2) 50%,rgba(31,45,61,.2) 75%,transparent 75%,transparent)}.pace-big-counter-orange .pace .pace-progress::after{color:rgba(253,126,20,.2)}.pace-bounce-orange .pace .pace-activity{background:#fd7e14}.pace-center-atom-orange .pace-progress{height:100px;width:80px}.pace-center-atom-orange .pace-progress::before{background:#fd7e14;color:#1f2d3d;font-size:.8rem;line-height:.7rem;padding-top:17%}.pace-center-atom-orange .pace-activity{border-color:#fd7e14}.pace-center-atom-orange .pace-activity::after,.pace-center-atom-orange .pace-activity::before{border-color:#fd7e14}.pace-center-circle-orange .pace .pace-progress{background:rgba(253,126,20,.8);color:#1f2d3d}.pace-center-radar-orange .pace .pace-activity{border-color:#fd7e14 transparent transparent}.pace-center-radar-orange .pace .pace-activity::before{border-color:#fd7e14 transparent transparent}.pace-center-simple-orange .pace{background:#1f2d3d;border-color:#fd7e14}.pace-center-simple-orange .pace .pace-progress{background:#fd7e14}.pace-material-orange .pace{color:#fd7e14}.pace-corner-indicator-orange .pace .pace-activity{background:#fd7e14}.pace-corner-indicator-orange .pace .pace-activity::after,.pace-corner-indicator-orange .pace .pace-activity::before{border:5px solid #1f2d3d}.pace-corner-indicator-orange .pace .pace-activity::before{border-right-color:rgba(253,126,20,.2);border-left-color:rgba(253,126,20,.2)}.pace-corner-indicator-orange .pace .pace-activity::after{border-top-color:rgba(253,126,20,.2);border-bottom-color:rgba(253,126,20,.2)}.pace-fill-left-orange .pace .pace-progress{background-color:rgba(253,126,20,.2)}.pace-flash-orange .pace .pace-progress{background:#fd7e14}.pace-flash-orange .pace .pace-progress-inner{box-shadow:0 0 10px #fd7e14,0 0 5px #fd7e14}.pace-flash-orange .pace .pace-activity{border-top-color:#fd7e14;border-left-color:#fd7e14}.pace-loading-bar-orange .pace .pace-progress{background:#fd7e14;color:#fd7e14;box-shadow:120px 0 #1f2d3d,240px 0 #1f2d3d}.pace-loading-bar-orange .pace .pace-activity{box-shadow:inset 0 0 0 2px #fd7e14,inset 0 0 0 7px #1f2d3d}.pace-mac-osx-orange .pace .pace-progress{background-color:#fd7e14;box-shadow:inset -1px 0 #fd7e14,inset 0 -1px #fd7e14,inset 0 2px rgba(31,45,61,.5),inset 0 6px rgba(31,45,61,.3)}.pace-mac-osx-orange .pace .pace-activity{background-image:radial-gradient(rgba(31,45,61,.65) 0,rgba(31,45,61,.15) 100%);height:12px}.pace-progress-color-orange .pace-progress{color:#fd7e14}.pace-yellow .pace .pace-progress{background:#ffc107}.pace-barber-shop-yellow .pace{background:#1f2d3d}.pace-barber-shop-yellow .pace .pace-progress{background:#ffc107}.pace-barber-shop-yellow .pace .pace-activity{background-image:linear-gradient(45deg,rgba(31,45,61,.2) 25%,transparent 25%,transparent 50%,rgba(31,45,61,.2) 50%,rgba(31,45,61,.2) 75%,transparent 75%,transparent)}.pace-big-counter-yellow .pace .pace-progress::after{color:rgba(255,193,7,.2)}.pace-bounce-yellow .pace .pace-activity{background:#ffc107}.pace-center-atom-yellow .pace-progress{height:100px;width:80px}.pace-center-atom-yellow .pace-progress::before{background:#ffc107;color:#1f2d3d;font-size:.8rem;line-height:.7rem;padding-top:17%}.pace-center-atom-yellow .pace-activity{border-color:#ffc107}.pace-center-atom-yellow .pace-activity::after,.pace-center-atom-yellow .pace-activity::before{border-color:#ffc107}.pace-center-circle-yellow .pace .pace-progress{background:rgba(255,193,7,.8);color:#1f2d3d}.pace-center-radar-yellow .pace .pace-activity{border-color:#ffc107 transparent transparent}.pace-center-radar-yellow .pace .pace-activity::before{border-color:#ffc107 transparent transparent}.pace-center-simple-yellow .pace{background:#1f2d3d;border-color:#ffc107}.pace-center-simple-yellow .pace .pace-progress{background:#ffc107}.pace-material-yellow .pace{color:#ffc107}.pace-corner-indicator-yellow .pace .pace-activity{background:#ffc107}.pace-corner-indicator-yellow .pace .pace-activity::after,.pace-corner-indicator-yellow .pace .pace-activity::before{border:5px solid #1f2d3d}.pace-corner-indicator-yellow .pace .pace-activity::before{border-right-color:rgba(255,193,7,.2);border-left-color:rgba(255,193,7,.2)}.pace-corner-indicator-yellow .pace .pace-activity::after{border-top-color:rgba(255,193,7,.2);border-bottom-color:rgba(255,193,7,.2)}.pace-fill-left-yellow .pace .pace-progress{background-color:rgba(255,193,7,.2)}.pace-flash-yellow .pace .pace-progress{background:#ffc107}.pace-flash-yellow .pace .pace-progress-inner{box-shadow:0 0 10px #ffc107,0 0 5px #ffc107}.pace-flash-yellow .pace .pace-activity{border-top-color:#ffc107;border-left-color:#ffc107}.pace-loading-bar-yellow .pace .pace-progress{background:#ffc107;color:#ffc107;box-shadow:120px 0 #1f2d3d,240px 0 #1f2d3d}.pace-loading-bar-yellow .pace .pace-activity{box-shadow:inset 0 0 0 2px #ffc107,inset 0 0 0 7px #1f2d3d}.pace-mac-osx-yellow .pace .pace-progress{background-color:#ffc107;box-shadow:inset -1px 0 #ffc107,inset 0 -1px #ffc107,inset 0 2px rgba(31,45,61,.5),inset 0 6px rgba(31,45,61,.3)}.pace-mac-osx-yellow .pace .pace-activity{background-image:radial-gradient(rgba(31,45,61,.65) 0,rgba(31,45,61,.15) 100%);height:12px}.pace-progress-color-yellow .pace-progress{color:#ffc107}.pace-green .pace .pace-progress{background:#28a745}.pace-barber-shop-green .pace{background:#fff}.pace-barber-shop-green .pace .pace-progress{background:#28a745}.pace-barber-shop-green .pace .pace-activity{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}.pace-big-counter-green .pace .pace-progress::after{color:rgba(40,167,69,.2)}.pace-bounce-green .pace .pace-activity{background:#28a745}.pace-center-atom-green .pace-progress{height:100px;width:80px}.pace-center-atom-green .pace-progress::before{background:#28a745;color:#fff;font-size:.8rem;line-height:.7rem;padding-top:17%}.pace-center-atom-green .pace-activity{border-color:#28a745}.pace-center-atom-green .pace-activity::after,.pace-center-atom-green .pace-activity::before{border-color:#28a745}.pace-center-circle-green .pace .pace-progress{background:rgba(40,167,69,.8);color:#fff}.pace-center-radar-green .pace .pace-activity{border-color:#28a745 transparent transparent}.pace-center-radar-green .pace .pace-activity::before{border-color:#28a745 transparent transparent}.pace-center-simple-green .pace{background:#fff;border-color:#28a745}.pace-center-simple-green .pace .pace-progress{background:#28a745}.pace-material-green .pace{color:#28a745}.pace-corner-indicator-green .pace .pace-activity{background:#28a745}.pace-corner-indicator-green .pace .pace-activity::after,.pace-corner-indicator-green .pace .pace-activity::before{border:5px solid #fff}.pace-corner-indicator-green .pace .pace-activity::before{border-right-color:rgba(40,167,69,.2);border-left-color:rgba(40,167,69,.2)}.pace-corner-indicator-green .pace .pace-activity::after{border-top-color:rgba(40,167,69,.2);border-bottom-color:rgba(40,167,69,.2)}.pace-fill-left-green .pace .pace-progress{background-color:rgba(40,167,69,.2)}.pace-flash-green .pace .pace-progress{background:#28a745}.pace-flash-green .pace .pace-progress-inner{box-shadow:0 0 10px #28a745,0 0 5px #28a745}.pace-flash-green .pace .pace-activity{border-top-color:#28a745;border-left-color:#28a745}.pace-loading-bar-green .pace .pace-progress{background:#28a745;color:#28a745;box-shadow:120px 0 #fff,240px 0 #fff}.pace-loading-bar-green .pace .pace-activity{box-shadow:inset 0 0 0 2px #28a745,inset 0 0 0 7px #fff}.pace-mac-osx-green .pace .pace-progress{background-color:#28a745;box-shadow:inset -1px 0 #28a745,inset 0 -1px #28a745,inset 0 2px rgba(255,255,255,.5),inset 0 6px rgba(255,255,255,.3)}.pace-mac-osx-green .pace .pace-activity{background-image:radial-gradient(rgba(255,255,255,.65) 0,rgba(255,255,255,.15) 100%);height:12px}.pace-progress-color-green .pace-progress{color:#28a745}.pace-teal .pace .pace-progress{background:#20c997}.pace-barber-shop-teal .pace{background:#fff}.pace-barber-shop-teal .pace .pace-progress{background:#20c997}.pace-barber-shop-teal .pace .pace-activity{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}.pace-big-counter-teal .pace .pace-progress::after{color:rgba(32,201,151,.2)}.pace-bounce-teal .pace .pace-activity{background:#20c997}.pace-center-atom-teal .pace-progress{height:100px;width:80px}.pace-center-atom-teal .pace-progress::before{background:#20c997;color:#fff;font-size:.8rem;line-height:.7rem;padding-top:17%}.pace-center-atom-teal .pace-activity{border-color:#20c997}.pace-center-atom-teal .pace-activity::after,.pace-center-atom-teal .pace-activity::before{border-color:#20c997}.pace-center-circle-teal .pace .pace-progress{background:rgba(32,201,151,.8);color:#fff}.pace-center-radar-teal .pace .pace-activity{border-color:#20c997 transparent transparent}.pace-center-radar-teal .pace .pace-activity::before{border-color:#20c997 transparent transparent}.pace-center-simple-teal .pace{background:#fff;border-color:#20c997}.pace-center-simple-teal .pace .pace-progress{background:#20c997}.pace-material-teal .pace{color:#20c997}.pace-corner-indicator-teal .pace .pace-activity{background:#20c997}.pace-corner-indicator-teal .pace .pace-activity::after,.pace-corner-indicator-teal .pace .pace-activity::before{border:5px solid #fff}.pace-corner-indicator-teal .pace .pace-activity::before{border-right-color:rgba(32,201,151,.2);border-left-color:rgba(32,201,151,.2)}.pace-corner-indicator-teal .pace .pace-activity::after{border-top-color:rgba(32,201,151,.2);border-bottom-color:rgba(32,201,151,.2)}.pace-fill-left-teal .pace .pace-progress{background-color:rgba(32,201,151,.2)}.pace-flash-teal .pace .pace-progress{background:#20c997}.pace-flash-teal .pace .pace-progress-inner{box-shadow:0 0 10px #20c997,0 0 5px #20c997}.pace-flash-teal .pace .pace-activity{border-top-color:#20c997;border-left-color:#20c997}.pace-loading-bar-teal .pace .pace-progress{background:#20c997;color:#20c997;box-shadow:120px 0 #fff,240px 0 #fff}.pace-loading-bar-teal .pace .pace-activity{box-shadow:inset 0 0 0 2px #20c997,inset 0 0 0 7px #fff}.pace-mac-osx-teal .pace .pace-progress{background-color:#20c997;box-shadow:inset -1px 0 #20c997,inset 0 -1px #20c997,inset 0 2px rgba(255,255,255,.5),inset 0 6px rgba(255,255,255,.3)}.pace-mac-osx-teal .pace .pace-activity{background-image:radial-gradient(rgba(255,255,255,.65) 0,rgba(255,255,255,.15) 100%);height:12px}.pace-progress-color-teal .pace-progress{color:#20c997}.pace-cyan .pace .pace-progress{background:#17a2b8}.pace-barber-shop-cyan .pace{background:#fff}.pace-barber-shop-cyan .pace .pace-progress{background:#17a2b8}.pace-barber-shop-cyan .pace .pace-activity{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}.pace-big-counter-cyan .pace .pace-progress::after{color:rgba(23,162,184,.2)}.pace-bounce-cyan .pace .pace-activity{background:#17a2b8}.pace-center-atom-cyan .pace-progress{height:100px;width:80px}.pace-center-atom-cyan .pace-progress::before{background:#17a2b8;color:#fff;font-size:.8rem;line-height:.7rem;padding-top:17%}.pace-center-atom-cyan .pace-activity{border-color:#17a2b8}.pace-center-atom-cyan .pace-activity::after,.pace-center-atom-cyan .pace-activity::before{border-color:#17a2b8}.pace-center-circle-cyan .pace .pace-progress{background:rgba(23,162,184,.8);color:#fff}.pace-center-radar-cyan .pace .pace-activity{border-color:#17a2b8 transparent transparent}.pace-center-radar-cyan .pace .pace-activity::before{border-color:#17a2b8 transparent transparent}.pace-center-simple-cyan .pace{background:#fff;border-color:#17a2b8}.pace-center-simple-cyan .pace .pace-progress{background:#17a2b8}.pace-material-cyan .pace{color:#17a2b8}.pace-corner-indicator-cyan .pace .pace-activity{background:#17a2b8}.pace-corner-indicator-cyan .pace .pace-activity::after,.pace-corner-indicator-cyan .pace .pace-activity::before{border:5px solid #fff}.pace-corner-indicator-cyan .pace .pace-activity::before{border-right-color:rgba(23,162,184,.2);border-left-color:rgba(23,162,184,.2)}.pace-corner-indicator-cyan .pace .pace-activity::after{border-top-color:rgba(23,162,184,.2);border-bottom-color:rgba(23,162,184,.2)}.pace-fill-left-cyan .pace .pace-progress{background-color:rgba(23,162,184,.2)}.pace-flash-cyan .pace .pace-progress{background:#17a2b8}.pace-flash-cyan .pace .pace-progress-inner{box-shadow:0 0 10px #17a2b8,0 0 5px #17a2b8}.pace-flash-cyan .pace .pace-activity{border-top-color:#17a2b8;border-left-color:#17a2b8}.pace-loading-bar-cyan .pace .pace-progress{background:#17a2b8;color:#17a2b8;box-shadow:120px 0 #fff,240px 0 #fff}.pace-loading-bar-cyan .pace .pace-activity{box-shadow:inset 0 0 0 2px #17a2b8,inset 0 0 0 7px #fff}.pace-mac-osx-cyan .pace .pace-progress{background-color:#17a2b8;box-shadow:inset -1px 0 #17a2b8,inset 0 -1px #17a2b8,inset 0 2px rgba(255,255,255,.5),inset 0 6px rgba(255,255,255,.3)}.pace-mac-osx-cyan .pace .pace-activity{background-image:radial-gradient(rgba(255,255,255,.65) 0,rgba(255,255,255,.15) 100%);height:12px}.pace-progress-color-cyan .pace-progress{color:#17a2b8}.pace-white .pace .pace-progress{background:#fff}.pace-barber-shop-white .pace{background:#1f2d3d}.pace-barber-shop-white .pace .pace-progress{background:#fff}.pace-barber-shop-white .pace .pace-activity{background-image:linear-gradient(45deg,rgba(31,45,61,.2) 25%,transparent 25%,transparent 50%,rgba(31,45,61,.2) 50%,rgba(31,45,61,.2) 75%,transparent 75%,transparent)}.pace-big-counter-white .pace .pace-progress::after{color:rgba(255,255,255,.2)}.pace-bounce-white .pace .pace-activity{background:#fff}.pace-center-atom-white .pace-progress{height:100px;width:80px}.pace-center-atom-white .pace-progress::before{background:#fff;color:#1f2d3d;font-size:.8rem;line-height:.7rem;padding-top:17%}.pace-center-atom-white .pace-activity{border-color:#fff}.pace-center-atom-white .pace-activity::after,.pace-center-atom-white .pace-activity::before{border-color:#fff}.pace-center-circle-white .pace .pace-progress{background:rgba(255,255,255,.8);color:#1f2d3d}.pace-center-radar-white .pace .pace-activity{border-color:#fff transparent transparent}.pace-center-radar-white .pace .pace-activity::before{border-color:#fff transparent transparent}.pace-center-simple-white .pace{background:#1f2d3d;border-color:#fff}.pace-center-simple-white .pace .pace-progress{background:#fff}.pace-material-white .pace{color:#fff}.pace-corner-indicator-white .pace .pace-activity{background:#fff}.pace-corner-indicator-white .pace .pace-activity::after,.pace-corner-indicator-white .pace .pace-activity::before{border:5px solid #1f2d3d}.pace-corner-indicator-white .pace .pace-activity::before{border-right-color:rgba(255,255,255,.2);border-left-color:rgba(255,255,255,.2)}.pace-corner-indicator-white .pace .pace-activity::after{border-top-color:rgba(255,255,255,.2);border-bottom-color:rgba(255,255,255,.2)}.pace-fill-left-white .pace .pace-progress{background-color:rgba(255,255,255,.2)}.pace-flash-white .pace .pace-progress{background:#fff}.pace-flash-white .pace .pace-progress-inner{box-shadow:0 0 10px #fff,0 0 5px #fff}.pace-flash-white .pace .pace-activity{border-top-color:#fff;border-left-color:#fff}.pace-loading-bar-white .pace .pace-progress{background:#fff;color:#fff;box-shadow:120px 0 #1f2d3d,240px 0 #1f2d3d}.pace-loading-bar-white .pace .pace-activity{box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 7px #1f2d3d}.pace-mac-osx-white .pace .pace-progress{background-color:#fff;box-shadow:inset -1px 0 #fff,inset 0 -1px #fff,inset 0 2px rgba(31,45,61,.5),inset 0 6px rgba(31,45,61,.3)}.pace-mac-osx-white .pace .pace-activity{background-image:radial-gradient(rgba(31,45,61,.65) 0,rgba(31,45,61,.15) 100%);height:12px}.pace-progress-color-white .pace-progress{color:#fff}.pace-gray .pace .pace-progress{background:#6c757d}.pace-barber-shop-gray .pace{background:#fff}.pace-barber-shop-gray .pace .pace-progress{background:#6c757d}.pace-barber-shop-gray .pace .pace-activity{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}.pace-big-counter-gray .pace .pace-progress::after{color:rgba(108,117,125,.2)}.pace-bounce-gray .pace .pace-activity{background:#6c757d}.pace-center-atom-gray .pace-progress{height:100px;width:80px}.pace-center-atom-gray .pace-progress::before{background:#6c757d;color:#fff;font-size:.8rem;line-height:.7rem;padding-top:17%}.pace-center-atom-gray .pace-activity{border-color:#6c757d}.pace-center-atom-gray .pace-activity::after,.pace-center-atom-gray .pace-activity::before{border-color:#6c757d}.pace-center-circle-gray .pace .pace-progress{background:rgba(108,117,125,.8);color:#fff}.pace-center-radar-gray .pace .pace-activity{border-color:#6c757d transparent transparent}.pace-center-radar-gray .pace .pace-activity::before{border-color:#6c757d transparent transparent}.pace-center-simple-gray .pace{background:#fff;border-color:#6c757d}.pace-center-simple-gray .pace .pace-progress{background:#6c757d}.pace-material-gray .pace{color:#6c757d}.pace-corner-indicator-gray .pace .pace-activity{background:#6c757d}.pace-corner-indicator-gray .pace .pace-activity::after,.pace-corner-indicator-gray .pace .pace-activity::before{border:5px solid #fff}.pace-corner-indicator-gray .pace .pace-activity::before{border-right-color:rgba(108,117,125,.2);border-left-color:rgba(108,117,125,.2)}.pace-corner-indicator-gray .pace .pace-activity::after{border-top-color:rgba(108,117,125,.2);border-bottom-color:rgba(108,117,125,.2)}.pace-fill-left-gray .pace .pace-progress{background-color:rgba(108,117,125,.2)}.pace-flash-gray .pace .pace-progress{background:#6c757d}.pace-flash-gray .pace .pace-progress-inner{box-shadow:0 0 10px #6c757d,0 0 5px #6c757d}.pace-flash-gray .pace .pace-activity{border-top-color:#6c757d;border-left-color:#6c757d}.pace-loading-bar-gray .pace .pace-progress{background:#6c757d;color:#6c757d;box-shadow:120px 0 #fff,240px 0 #fff}.pace-loading-bar-gray .pace .pace-activity{box-shadow:inset 0 0 0 2px #6c757d,inset 0 0 0 7px #fff}.pace-mac-osx-gray .pace .pace-progress{background-color:#6c757d;box-shadow:inset -1px 0 #6c757d,inset 0 -1px #6c757d,inset 0 2px rgba(255,255,255,.5),inset 0 6px rgba(255,255,255,.3)}.pace-mac-osx-gray .pace .pace-activity{background-image:radial-gradient(rgba(255,255,255,.65) 0,rgba(255,255,255,.15) 100%);height:12px}.pace-progress-color-gray .pace-progress{color:#6c757d}.pace-gray-dark .pace .pace-progress{background:#343a40}.pace-barber-shop-gray-dark .pace{background:#fff}.pace-barber-shop-gray-dark .pace .pace-progress{background:#343a40}.pace-barber-shop-gray-dark .pace .pace-activity{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}.pace-big-counter-gray-dark .pace .pace-progress::after{color:rgba(52,58,64,.2)}.pace-bounce-gray-dark .pace .pace-activity{background:#343a40}.pace-center-atom-gray-dark .pace-progress{height:100px;width:80px}.pace-center-atom-gray-dark .pace-progress::before{background:#343a40;color:#fff;font-size:.8rem;line-height:.7rem;padding-top:17%}.pace-center-atom-gray-dark .pace-activity{border-color:#343a40}.pace-center-atom-gray-dark .pace-activity::after,.pace-center-atom-gray-dark .pace-activity::before{border-color:#343a40}.pace-center-circle-gray-dark .pace .pace-progress{background:rgba(52,58,64,.8);color:#fff}.pace-center-radar-gray-dark .pace .pace-activity{border-color:#343a40 transparent transparent}.pace-center-radar-gray-dark .pace .pace-activity::before{border-color:#343a40 transparent transparent}.pace-center-simple-gray-dark .pace{background:#fff;border-color:#343a40}.pace-center-simple-gray-dark .pace .pace-progress{background:#343a40}.pace-material-gray-dark .pace{color:#343a40}.pace-corner-indicator-gray-dark .pace .pace-activity{background:#343a40}.pace-corner-indicator-gray-dark .pace .pace-activity::after,.pace-corner-indicator-gray-dark .pace .pace-activity::before{border:5px solid #fff}.pace-corner-indicator-gray-dark .pace .pace-activity::before{border-right-color:rgba(52,58,64,.2);border-left-color:rgba(52,58,64,.2)}.pace-corner-indicator-gray-dark .pace .pace-activity::after{border-top-color:rgba(52,58,64,.2);border-bottom-color:rgba(52,58,64,.2)}.pace-fill-left-gray-dark .pace .pace-progress{background-color:rgba(52,58,64,.2)}.pace-flash-gray-dark .pace .pace-progress{background:#343a40}.pace-flash-gray-dark .pace .pace-progress-inner{box-shadow:0 0 10px #343a40,0 0 5px #343a40}.pace-flash-gray-dark .pace .pace-activity{border-top-color:#343a40;border-left-color:#343a40}.pace-loading-bar-gray-dark .pace .pace-progress{background:#343a40;color:#343a40;box-shadow:120px 0 #fff,240px 0 #fff}.pace-loading-bar-gray-dark .pace .pace-activity{box-shadow:inset 0 0 0 2px #343a40,inset 0 0 0 7px #fff}.pace-mac-osx-gray-dark .pace .pace-progress{background-color:#343a40;box-shadow:inset -1px 0 #343a40,inset 0 -1px #343a40,inset 0 2px rgba(255,255,255,.5),inset 0 6px rgba(255,255,255,.3)}.pace-mac-osx-gray-dark .pace .pace-activity{background-image:radial-gradient(rgba(255,255,255,.65) 0,rgba(255,255,255,.15) 100%);height:12px}.pace-progress-color-gray-dark .pace-progress{color:#343a40}.bootstrap-switch{border:1px solid #ced4da;border-radius:.25rem;cursor:pointer;direction:ltr;display:inline-block;line-height:.5rem;overflow:hidden;position:relative;text-align:left;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;z-index:0}.bootstrap-switch .bootstrap-switch-container{border-radius:.25rem;display:inline-block;top:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.bootstrap-switch:focus-within{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-handle-on,.bootstrap-switch .bootstrap-switch-label{box-sizing:border-box;cursor:pointer;display:table-cell;font-size:1rem;font-weight:500;line-height:1.2rem;padding:.25rem .5rem;vertical-align:middle}.bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-handle-on{text-align:center;z-index:1}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default{background:#e9ecef;color:#1f2d3d}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary{background:#007bff;color:#fff}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary{background:#6c757d;color:#fff}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success{background:#28a745;color:#fff}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info{background:#17a2b8;color:#fff}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning{background:#ffc107;color:#1f2d3d}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger{background:#dc3545;color:#fff}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-light,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-light{background:#f8f9fa;color:#1f2d3d}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-dark,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-dark{background:#343a40;color:#fff}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lightblue,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lightblue{background:#3c8dbc;color:#fff}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-navy,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-navy{background:#001f3f;color:#fff}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-olive,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-olive{background:#3d9970;color:#fff}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lime,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lime{background:#01ff70;color:#1f2d3d}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-fuchsia,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-fuchsia{background:#f012be;color:#fff}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-maroon,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-maroon{background:#d81b60;color:#fff}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-blue,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-blue{background:#007bff;color:#fff}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-indigo,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-indigo{background:#6610f2;color:#fff}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-purple,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-purple{background:#6f42c1;color:#fff}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-pink,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-pink{background:#e83e8c;color:#fff}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-red,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-red{background:#dc3545;color:#fff}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-orange,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-orange{background:#fd7e14;color:#1f2d3d}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-yellow,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-yellow{background:#ffc107;color:#1f2d3d}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-green,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-green{background:#28a745;color:#fff}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-teal,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-teal{background:#20c997;color:#fff}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-cyan,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-cyan{background:#17a2b8;color:#fff}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-white,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-white{background:#fff;color:#1f2d3d}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray{background:#6c757d;color:#fff}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray-dark,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray-dark{background:#343a40;color:#fff}.bootstrap-switch .bootstrap-switch-handle-on{border-bottom-left-radius:.1rem;border-top-left-radius:.1rem}.bootstrap-switch .bootstrap-switch-handle-off{border-bottom-right-radius:.1rem;border-top-right-radius:.1rem}.bootstrap-switch input[type=checkbox],.bootstrap-switch input[type=radio]{left:0;margin:0;opacity:0;position:absolute;top:0;visibility:hidden;z-index:-1}.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label{font-size:.875rem;line-height:1.5;padding:.1rem .3rem}.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label{font-size:.875rem;line-height:1.5;padding:.2rem .4rem}.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label{font-size:1.25rem;line-height:1.3333333rem;padding:.3rem .5rem}.bootstrap-switch.bootstrap-switch-disabled,.bootstrap-switch.bootstrap-switch-indeterminate,.bootstrap-switch.bootstrap-switch-readonly{cursor:default}.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label{cursor:default;opacity:.5}.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container{transition:margin-left .5s}.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on{border-radius:0 .1rem .1rem 0}.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off{border-radius:.1rem 0 0 .1rem}.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label{border-bottom-right-radius:.1rem;border-top-right-radius:.1rem}.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label{border-bottom-left-radius:.1rem;border-top-left-radius:.1rem}.dark-mode .bootstrap-switch{border-color:#6c757d}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default{background-color:#3a4047;color:#fff;border-color:#454d55}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary{background:#3f6791;color:#fff}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary{background:#6c757d;color:#fff}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success{background:#00bc8c;color:#fff}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info{background:#3498db;color:#fff}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning{background:#f39c12;color:#1f2d3d}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger{background:#e74c3c;color:#fff}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-light,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-light{background:#f8f9fa;color:#1f2d3d}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-dark,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-dark{background:#343a40;color:#fff}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lightblue,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lightblue{background:#86bad8;color:#1f2d3d}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-navy,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-navy{background:#002c59;color:#fff}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-olive,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-olive{background:#74c8a3;color:#1f2d3d}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lime,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lime{background:#67ffa9;color:#1f2d3d}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-fuchsia,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-fuchsia{background:#f672d8;color:#1f2d3d}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-maroon,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-maroon{background:#ed6c9b;color:#1f2d3d}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-blue,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-blue{background:#3f6791;color:#fff}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-indigo,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-indigo{background:#6610f2;color:#fff}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-purple,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-purple{background:#6f42c1;color:#fff}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-pink,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-pink{background:#e83e8c;color:#fff}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-red,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-red{background:#e74c3c;color:#fff}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-orange,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-orange{background:#fd7e14;color:#1f2d3d}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-yellow,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-yellow{background:#f39c12;color:#1f2d3d}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-green,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-green{background:#00bc8c;color:#fff}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-teal,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-teal{background:#20c997;color:#fff}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-cyan,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-cyan{background:#3498db;color:#fff}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-white,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-white{background:#fff;color:#1f2d3d}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray{background:#6c757d;color:#fff}.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray-dark,.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray-dark{background:#343a40;color:#fff}.dark-mode .daterangepicker{background-color:#3f474e;border:inherit}.dark-mode .daterangepicker::after,.dark-mode .daterangepicker::before{border-bottom-color:#3f474e}.dark-mode .daterangepicker td.available:hover,.dark-mode .daterangepicker th.available:hover{background-color:#3f474e}.dark-mode .daterangepicker td.in-range{background-color:#4b545c;color:#fff}.dark-mode .daterangepicker td.off,.dark-mode .daterangepicker td.off.end-date,.dark-mode .daterangepicker td.off.in-range,.dark-mode .daterangepicker td.off.start-date{background-color:#292d32;color:#fff}.dark-mode .daterangepicker .ranges li:hover{background-color:#343a40}.dark-mode .daterangepicker.show-ranges.ltr .drp-calendar{border-color:#4b545c}.dark-mode .daterangepicker.show-ranges.ltr .drp-calendar.left,.dark-mode .daterangepicker.show-ranges.ltr .drp-calendar.right{border-color:#4b545c;padding-top:0}.dark-mode .daterangepicker .drp-buttons{border-color:#4b545c}.dark-mode .daterangepicker .calendar-table{background-color:#343a40;border-color:#4b545c}.dark-mode .daterangepicker .calendar-table td,.dark-mode .daterangepicker .calendar-table th{color:#fff}.dark-mode .daterangepicker .calendar-table .next span,.dark-mode .daterangepicker .calendar-table .prev span{border-color:#fff}.dark-mode .daterangepicker select.ampmselect,.dark-mode .daterangepicker select.hourselect,.dark-mode .daterangepicker select.minuteselect,.dark-mode .daterangepicker select.secondselect{background-color:#343a40;border-color:#4b545c}.jqstooltip{height:auto!important;padding:5px!important;width:auto!important}.connectedSortable{min-height:100px}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sort-highlight{background:#f8f9fa;border:1px dashed #dee2e6;margin-bottom:10px}.chart{overflow:hidden;position:relative}.dark-mode .irs--flat .irs-line{background-color:#4b545c}.dark-mode .jsgrid-alt-row>.jsgrid-cell,.dark-mode .jsgrid-edit-row>.jsgrid-cell,.dark-mode .jsgrid-filter-row>.jsgrid-cell,.dark-mode .jsgrid-grid-body,.dark-mode .jsgrid-grid-header,.dark-mode .jsgrid-header-row>.jsgrid-header-cell,.dark-mode .jsgrid-insert-row>.jsgrid-cell,.dark-mode .jsgrid-row>.jsgrid-cell{border-color:#6c757d}.dark-mode .jsgrid-header-row>.jsgrid-header-cell,.dark-mode .jsgrid-row>.jsgrid-cell{background-color:#343a40}.dark-mode .jsgrid-alt-row>.jsgrid-cell{background-color:#3a4047}.dark-mode .jsgrid-selected-row>.jsgrid-cell{background-color:#3f474e}.border-transparent{border-color:transparent!important}.description-block{display:block;margin:10px 0;text-align:center}.description-block.margin-bottom{margin-bottom:25px}.description-block>.description-header{font-size:16px;font-weight:600;margin:0;padding:0}.description-block>.description-text{text-transform:uppercase}.description-block .description-icon{font-size:16px}.list-group-unbordered>.list-group-item{border-left:0;border-radius:0;border-right:0;padding-left:0;padding-right:0}.list-header{color:#6c757d;font-size:15px;font-weight:700;padding:10px 4px}.list-seperator{background-color:rgba(0,0,0,.125);height:1px;margin:15px 0 9px}.list-link>a{color:#6c757d;padding:4px}.list-link>a:hover{color:#212529}.user-block{float:left}.user-block img{float:left;height:40px;width:40px}.user-block .comment,.user-block .description,.user-block .username{display:block;margin-left:50px}.user-block .username{font-size:16px;font-weight:600;margin-top:-1px}.user-block .description{color:#6c757d;font-size:13px;margin-top:-3px}.user-block.user-block-sm img{width:1.875rem;height:1.875rem}.user-block.user-block-sm .comment,.user-block.user-block-sm .description,.user-block.user-block-sm .username{margin-left:40px}.user-block.user-block-sm .username{font-size:14px}.img-lg,.img-md,.img-sm{float:left}.img-sm{height:1.875rem;width:1.875rem}.img-sm+.img-push{margin-left:2.5rem}.img-md{width:3.75rem;height:3.75rem}.img-md+.img-push{margin-left:4.375rem}.img-lg{width:6.25rem;height:6.25rem}.img-lg+.img-push{margin-left:6.875rem}.img-bordered{border:3px solid #adb5bd;padding:3px}.img-bordered-sm{border:2px solid #adb5bd;padding:2px}.img-rounded{border-radius:.25rem}.img-circle{border-radius:50%}.img-size-32,.img-size-50,.img-size-64{height:auto}.img-size-64{width:64px}.img-size-50{width:50px}.img-size-32{width:32px}.size-32,.size-40,.size-50{display:block;text-align:center}.size-32{height:32px;line-height:32px;width:32px}.size-40{height:40px;line-height:40px;width:40px}.size-50{height:50px;line-height:50px;width:50px}.attachment-block{background-color:#f8f9fa;border:1px solid rgba(0,0,0,.125);margin-bottom:10px;padding:5px}.attachment-block .attachment-img{float:left;height:auto;max-height:100px;max-width:100px}.attachment-block .attachment-pushed{margin-left:110px}.attachment-block .attachment-heading{margin:0}.attachment-block .attachment-text{color:#495057}.card>.loading-img,.card>.overlay,.info-box>.loading-img,.info-box>.overlay,.overlay-wrapper>.loading-img,.overlay-wrapper>.overlay,.small-box>.loading-img,.small-box>.overlay{height:100%;left:0;position:absolute;top:0;width:100%}.card .overlay,.info-box .overlay,.overlay-wrapper .overlay,.small-box .overlay{border-radius:.25rem;-ms-flex-align:center;align-items:center;background-color:rgba(255,255,255,.7);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;z-index:50}.card .overlay>.fa,.card .overlay>.fab,.card .overlay>.fad,.card .overlay>.fal,.card .overlay>.far,.card .overlay>.fas,.card .overlay>.ion,.card .overlay>.svg-inline--fa,.info-box .overlay>.fa,.info-box .overlay>.fab,.info-box .overlay>.fad,.info-box .overlay>.fal,.info-box .overlay>.far,.info-box .overlay>.fas,.info-box .overlay>.ion,.info-box .overlay>.svg-inline--fa,.overlay-wrapper .overlay>.fa,.overlay-wrapper .overlay>.fab,.overlay-wrapper .overlay>.fad,.overlay-wrapper .overlay>.fal,.overlay-wrapper .overlay>.far,.overlay-wrapper .overlay>.fas,.overlay-wrapper .overlay>.ion,.overlay-wrapper .overlay>.svg-inline--fa,.small-box .overlay>.fa,.small-box .overlay>.fab,.small-box .overlay>.fad,.small-box .overlay>.fal,.small-box .overlay>.far,.small-box .overlay>.fas,.small-box .overlay>.ion,.small-box .overlay>.svg-inline--fa{color:#343a40}.card .overlay.dark,.info-box .overlay.dark,.overlay-wrapper .overlay.dark,.small-box .overlay.dark{background-color:rgba(0,0,0,.5)}.card .overlay.dark>.fa,.card .overlay.dark>.fab,.card .overlay.dark>.fad,.card .overlay.dark>.fal,.card .overlay.dark>.far,.card .overlay.dark>.fas,.card .overlay.dark>.ion,.card .overlay.dark>.svg-inline--fa,.info-box .overlay.dark>.fa,.info-box .overlay.dark>.fab,.info-box .overlay.dark>.fad,.info-box .overlay.dark>.fal,.info-box .overlay.dark>.far,.info-box .overlay.dark>.fas,.info-box .overlay.dark>.ion,.info-box .overlay.dark>.svg-inline--fa,.overlay-wrapper .overlay.dark>.fa,.overlay-wrapper .overlay.dark>.fab,.overlay-wrapper .overlay.dark>.fad,.overlay-wrapper .overlay.dark>.fal,.overlay-wrapper .overlay.dark>.far,.overlay-wrapper .overlay.dark>.fas,.overlay-wrapper .overlay.dark>.ion,.overlay-wrapper .overlay.dark>.svg-inline--fa,.small-box .overlay.dark>.fa,.small-box .overlay.dark>.fab,.small-box .overlay.dark>.fad,.small-box .overlay.dark>.fal,.small-box .overlay.dark>.far,.small-box .overlay.dark>.fas,.small-box .overlay.dark>.ion,.small-box .overlay.dark>.svg-inline--fa{color:#ced4da}.tab-pane>.overlay-wrapper{position:relative}.tab-pane>.overlay-wrapper>.overlay{border-top-left-radius:0;border-top-right-radius:0;-ms-flex-direction:column;flex-direction:column;margin-top:-1.25rem;margin-left:-1.25rem;height:calc(100% + 2 * 1.25rem);width:calc(100% + 2 * 1.25rem)}.tab-pane>.overlay-wrapper>.overlay.dark{color:#fff}.ribbon-wrapper{height:70px;overflow:hidden;position:absolute;right:-2px;top:-2px;width:70px;z-index:10}.ribbon-wrapper.ribbon-lg{height:120px;width:120px}.ribbon-wrapper.ribbon-lg .ribbon{right:0;top:26px;width:160px}.ribbon-wrapper.ribbon-xl{height:180px;width:180px}.ribbon-wrapper.ribbon-xl .ribbon{right:4px;top:47px;width:240px}.ribbon-wrapper .ribbon{box-shadow:0 0 3px rgba(0,0,0,.3);font-size:.8rem;line-height:100%;padding:.375rem 0;position:relative;right:-2px;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.4);text-transform:uppercase;top:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:90px}.ribbon-wrapper .ribbon::after,.ribbon-wrapper .ribbon::before{border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #9e9e9e;bottom:-3px;content:"";position:absolute}.ribbon-wrapper .ribbon::before{left:0}.ribbon-wrapper .ribbon::after{right:0}.back-to-top{bottom:1.25rem;position:fixed;right:1.25rem;z-index:1032}.back-to-top:focus{box-shadow:none}pre{padding:.75rem}blockquote{background-color:#fff;border-left:.7rem solid #007bff;margin:1.5em .7rem;padding:.5em .7rem}.box blockquote{background-color:#e9ecef}blockquote p:last-child{margin-bottom:0}blockquote h1,blockquote h2,blockquote h3,blockquote h4,blockquote h5,blockquote h6{color:#007bff;font-size:1.25rem;font-weight:600}blockquote.quote-primary{border-color:#007bff}blockquote.quote-primary h1,blockquote.quote-primary h2,blockquote.quote-primary h3,blockquote.quote-primary h4,blockquote.quote-primary h5,blockquote.quote-primary h6{color:#007bff}blockquote.quote-secondary{border-color:#6c757d}blockquote.quote-secondary h1,blockquote.quote-secondary h2,blockquote.quote-secondary h3,blockquote.quote-secondary h4,blockquote.quote-secondary h5,blockquote.quote-secondary h6{color:#6c757d}blockquote.quote-success{border-color:#28a745}blockquote.quote-success h1,blockquote.quote-success h2,blockquote.quote-success h3,blockquote.quote-success h4,blockquote.quote-success h5,blockquote.quote-success h6{color:#28a745}blockquote.quote-info{border-color:#17a2b8}blockquote.quote-info h1,blockquote.quote-info h2,blockquote.quote-info h3,blockquote.quote-info h4,blockquote.quote-info h5,blockquote.quote-info h6{color:#17a2b8}blockquote.quote-warning{border-color:#ffc107}blockquote.quote-warning h1,blockquote.quote-warning h2,blockquote.quote-warning h3,blockquote.quote-warning h4,blockquote.quote-warning h5,blockquote.quote-warning h6{color:#ffc107}blockquote.quote-danger{border-color:#dc3545}blockquote.quote-danger h1,blockquote.quote-danger h2,blockquote.quote-danger h3,blockquote.quote-danger h4,blockquote.quote-danger h5,blockquote.quote-danger h6{color:#dc3545}blockquote.quote-light{border-color:#f8f9fa}blockquote.quote-light h1,blockquote.quote-light h2,blockquote.quote-light h3,blockquote.quote-light h4,blockquote.quote-light h5,blockquote.quote-light h6{color:#f8f9fa}blockquote.quote-dark{border-color:#343a40}blockquote.quote-dark h1,blockquote.quote-dark h2,blockquote.quote-dark h3,blockquote.quote-dark h4,blockquote.quote-dark h5,blockquote.quote-dark h6{color:#343a40}blockquote.quote-lightblue{border-color:#3c8dbc}blockquote.quote-lightblue h1,blockquote.quote-lightblue h2,blockquote.quote-lightblue h3,blockquote.quote-lightblue h4,blockquote.quote-lightblue h5,blockquote.quote-lightblue h6{color:#3c8dbc}blockquote.quote-navy{border-color:#001f3f}blockquote.quote-navy h1,blockquote.quote-navy h2,blockquote.quote-navy h3,blockquote.quote-navy h4,blockquote.quote-navy h5,blockquote.quote-navy h6{color:#001f3f}blockquote.quote-olive{border-color:#3d9970}blockquote.quote-olive h1,blockquote.quote-olive h2,blockquote.quote-olive h3,blockquote.quote-olive h4,blockquote.quote-olive h5,blockquote.quote-olive h6{color:#3d9970}blockquote.quote-lime{border-color:#01ff70}blockquote.quote-lime h1,blockquote.quote-lime h2,blockquote.quote-lime h3,blockquote.quote-lime h4,blockquote.quote-lime h5,blockquote.quote-lime h6{color:#01ff70}blockquote.quote-fuchsia{border-color:#f012be}blockquote.quote-fuchsia h1,blockquote.quote-fuchsia h2,blockquote.quote-fuchsia h3,blockquote.quote-fuchsia h4,blockquote.quote-fuchsia h5,blockquote.quote-fuchsia h6{color:#f012be}blockquote.quote-maroon{border-color:#d81b60}blockquote.quote-maroon h1,blockquote.quote-maroon h2,blockquote.quote-maroon h3,blockquote.quote-maroon h4,blockquote.quote-maroon h5,blockquote.quote-maroon h6{color:#d81b60}blockquote.quote-blue{border-color:#007bff}blockquote.quote-blue h1,blockquote.quote-blue h2,blockquote.quote-blue h3,blockquote.quote-blue h4,blockquote.quote-blue h5,blockquote.quote-blue h6{color:#007bff}blockquote.quote-indigo{border-color:#6610f2}blockquote.quote-indigo h1,blockquote.quote-indigo h2,blockquote.quote-indigo h3,blockquote.quote-indigo h4,blockquote.quote-indigo h5,blockquote.quote-indigo h6{color:#6610f2}blockquote.quote-purple{border-color:#6f42c1}blockquote.quote-purple h1,blockquote.quote-purple h2,blockquote.quote-purple h3,blockquote.quote-purple h4,blockquote.quote-purple h5,blockquote.quote-purple h6{color:#6f42c1}blockquote.quote-pink{border-color:#e83e8c}blockquote.quote-pink h1,blockquote.quote-pink h2,blockquote.quote-pink h3,blockquote.quote-pink h4,blockquote.quote-pink h5,blockquote.quote-pink h6{color:#e83e8c}blockquote.quote-red{border-color:#dc3545}blockquote.quote-red h1,blockquote.quote-red h2,blockquote.quote-red h3,blockquote.quote-red h4,blockquote.quote-red h5,blockquote.quote-red h6{color:#dc3545}blockquote.quote-orange{border-color:#fd7e14}blockquote.quote-orange h1,blockquote.quote-orange h2,blockquote.quote-orange h3,blockquote.quote-orange h4,blockquote.quote-orange h5,blockquote.quote-orange h6{color:#fd7e14}blockquote.quote-yellow{border-color:#ffc107}blockquote.quote-yellow h1,blockquote.quote-yellow h2,blockquote.quote-yellow h3,blockquote.quote-yellow h4,blockquote.quote-yellow h5,blockquote.quote-yellow h6{color:#ffc107}blockquote.quote-green{border-color:#28a745}blockquote.quote-green h1,blockquote.quote-green h2,blockquote.quote-green h3,blockquote.quote-green h4,blockquote.quote-green h5,blockquote.quote-green h6{color:#28a745}blockquote.quote-teal{border-color:#20c997}blockquote.quote-teal h1,blockquote.quote-teal h2,blockquote.quote-teal h3,blockquote.quote-teal h4,blockquote.quote-teal h5,blockquote.quote-teal h6{color:#20c997}blockquote.quote-cyan{border-color:#17a2b8}blockquote.quote-cyan h1,blockquote.quote-cyan h2,blockquote.quote-cyan h3,blockquote.quote-cyan h4,blockquote.quote-cyan h5,blockquote.quote-cyan h6{color:#17a2b8}blockquote.quote-white{border-color:#fff}blockquote.quote-white h1,blockquote.quote-white h2,blockquote.quote-white h3,blockquote.quote-white h4,blockquote.quote-white h5,blockquote.quote-white h6{color:#fff}blockquote.quote-gray{border-color:#6c757d}blockquote.quote-gray h1,blockquote.quote-gray h2,blockquote.quote-gray h3,blockquote.quote-gray h4,blockquote.quote-gray h5,blockquote.quote-gray h6{color:#6c757d}blockquote.quote-gray-dark{border-color:#343a40}blockquote.quote-gray-dark h1,blockquote.quote-gray-dark h2,blockquote.quote-gray-dark h3,blockquote.quote-gray-dark h4,blockquote.quote-gray-dark h5,blockquote.quote-gray-dark h6{color:#343a40}.tab-custom-content{border-top:1px solid #dee2e6;margin-top:.5rem;padding-top:.5rem}.nav+.tab-custom-content{border-top:none;border-bottom:1px solid #dee2e6;margin-top:0;margin-bottom:.5rem;padding-bottom:.5rem}.badge-btn{border-radius:.15rem;font-size:.75rem;font-weight:400;padding:.25rem .5rem}.badge-btn.badge-pill{padding:.375rem .6rem}.dark-mode a:not(.btn):hover{color:#3395ff}.dark-mode .attachment-block{background-color:#3d444b}.dark-mode .attachment-block .attachment-text{color:#ced4da}.dark-mode blockquote{background-color:#3f474e}.dark-mode blockquote.quote-primary{border-color:#007bff}.dark-mode blockquote.quote-primary h1,.dark-mode blockquote.quote-primary h2,.dark-mode blockquote.quote-primary h3,.dark-mode blockquote.quote-primary h4,.dark-mode blockquote.quote-primary h5,.dark-mode blockquote.quote-primary h6{color:#007bff}.dark-mode blockquote.quote-secondary{border-color:#6c757d}.dark-mode blockquote.quote-secondary h1,.dark-mode blockquote.quote-secondary h2,.dark-mode blockquote.quote-secondary h3,.dark-mode blockquote.quote-secondary h4,.dark-mode blockquote.quote-secondary h5,.dark-mode blockquote.quote-secondary h6{color:#6c757d}.dark-mode blockquote.quote-success{border-color:#28a745}.dark-mode blockquote.quote-success h1,.dark-mode blockquote.quote-success h2,.dark-mode blockquote.quote-success h3,.dark-mode blockquote.quote-success h4,.dark-mode blockquote.quote-success h5,.dark-mode blockquote.quote-success h6{color:#28a745}.dark-mode blockquote.quote-info{border-color:#17a2b8}.dark-mode blockquote.quote-info h1,.dark-mode blockquote.quote-info h2,.dark-mode blockquote.quote-info h3,.dark-mode blockquote.quote-info h4,.dark-mode blockquote.quote-info h5,.dark-mode blockquote.quote-info h6{color:#17a2b8}.dark-mode blockquote.quote-warning{border-color:#ffc107}.dark-mode blockquote.quote-warning h1,.dark-mode blockquote.quote-warning h2,.dark-mode blockquote.quote-warning h3,.dark-mode blockquote.quote-warning h4,.dark-mode blockquote.quote-warning h5,.dark-mode blockquote.quote-warning h6{color:#ffc107}.dark-mode blockquote.quote-danger{border-color:#dc3545}.dark-mode blockquote.quote-danger h1,.dark-mode blockquote.quote-danger h2,.dark-mode blockquote.quote-danger h3,.dark-mode blockquote.quote-danger h4,.dark-mode blockquote.quote-danger h5,.dark-mode blockquote.quote-danger h6{color:#dc3545}.dark-mode blockquote.quote-light{border-color:#f8f9fa}.dark-mode blockquote.quote-light h1,.dark-mode blockquote.quote-light h2,.dark-mode blockquote.quote-light h3,.dark-mode blockquote.quote-light h4,.dark-mode blockquote.quote-light h5,.dark-mode blockquote.quote-light h6{color:#f8f9fa}.dark-mode blockquote.quote-dark{border-color:#343a40}.dark-mode blockquote.quote-dark h1,.dark-mode blockquote.quote-dark h2,.dark-mode blockquote.quote-dark h3,.dark-mode blockquote.quote-dark h4,.dark-mode blockquote.quote-dark h5,.dark-mode blockquote.quote-dark h6{color:#343a40}.dark-mode blockquote.quote-lightblue{border-color:#3c8dbc}.dark-mode blockquote.quote-lightblue h1,.dark-mode blockquote.quote-lightblue h2,.dark-mode blockquote.quote-lightblue h3,.dark-mode blockquote.quote-lightblue h4,.dark-mode blockquote.quote-lightblue h5,.dark-mode blockquote.quote-lightblue h6{color:#3c8dbc}.dark-mode blockquote.quote-navy{border-color:#001f3f}.dark-mode blockquote.quote-navy h1,.dark-mode blockquote.quote-navy h2,.dark-mode blockquote.quote-navy h3,.dark-mode blockquote.quote-navy h4,.dark-mode blockquote.quote-navy h5,.dark-mode blockquote.quote-navy h6{color:#001f3f}.dark-mode blockquote.quote-olive{border-color:#3d9970}.dark-mode blockquote.quote-olive h1,.dark-mode blockquote.quote-olive h2,.dark-mode blockquote.quote-olive h3,.dark-mode blockquote.quote-olive h4,.dark-mode blockquote.quote-olive h5,.dark-mode blockquote.quote-olive h6{color:#3d9970}.dark-mode blockquote.quote-lime{border-color:#01ff70}.dark-mode blockquote.quote-lime h1,.dark-mode blockquote.quote-lime h2,.dark-mode blockquote.quote-lime h3,.dark-mode blockquote.quote-lime h4,.dark-mode blockquote.quote-lime h5,.dark-mode blockquote.quote-lime h6{color:#01ff70}.dark-mode blockquote.quote-fuchsia{border-color:#f012be}.dark-mode blockquote.quote-fuchsia h1,.dark-mode blockquote.quote-fuchsia h2,.dark-mode blockquote.quote-fuchsia h3,.dark-mode blockquote.quote-fuchsia h4,.dark-mode blockquote.quote-fuchsia h5,.dark-mode blockquote.quote-fuchsia h6{color:#f012be}.dark-mode blockquote.quote-maroon{border-color:#d81b60}.dark-mode blockquote.quote-maroon h1,.dark-mode blockquote.quote-maroon h2,.dark-mode blockquote.quote-maroon h3,.dark-mode blockquote.quote-maroon h4,.dark-mode blockquote.quote-maroon h5,.dark-mode blockquote.quote-maroon h6{color:#d81b60}.dark-mode blockquote.quote-blue{border-color:#007bff}.dark-mode blockquote.quote-blue h1,.dark-mode blockquote.quote-blue h2,.dark-mode blockquote.quote-blue h3,.dark-mode blockquote.quote-blue h4,.dark-mode blockquote.quote-blue h5,.dark-mode blockquote.quote-blue h6{color:#007bff}.dark-mode blockquote.quote-indigo{border-color:#6610f2}.dark-mode blockquote.quote-indigo h1,.dark-mode blockquote.quote-indigo h2,.dark-mode blockquote.quote-indigo h3,.dark-mode blockquote.quote-indigo h4,.dark-mode blockquote.quote-indigo h5,.dark-mode blockquote.quote-indigo h6{color:#6610f2}.dark-mode blockquote.quote-purple{border-color:#6f42c1}.dark-mode blockquote.quote-purple h1,.dark-mode blockquote.quote-purple h2,.dark-mode blockquote.quote-purple h3,.dark-mode blockquote.quote-purple h4,.dark-mode blockquote.quote-purple h5,.dark-mode blockquote.quote-purple h6{color:#6f42c1}.dark-mode blockquote.quote-pink{border-color:#e83e8c}.dark-mode blockquote.quote-pink h1,.dark-mode blockquote.quote-pink h2,.dark-mode blockquote.quote-pink h3,.dark-mode blockquote.quote-pink h4,.dark-mode blockquote.quote-pink h5,.dark-mode blockquote.quote-pink h6{color:#e83e8c}.dark-mode blockquote.quote-red{border-color:#dc3545}.dark-mode blockquote.quote-red h1,.dark-mode blockquote.quote-red h2,.dark-mode blockquote.quote-red h3,.dark-mode blockquote.quote-red h4,.dark-mode blockquote.quote-red h5,.dark-mode blockquote.quote-red h6{color:#dc3545}.dark-mode blockquote.quote-orange{border-color:#fd7e14}.dark-mode blockquote.quote-orange h1,.dark-mode blockquote.quote-orange h2,.dark-mode blockquote.quote-orange h3,.dark-mode blockquote.quote-orange h4,.dark-mode blockquote.quote-orange h5,.dark-mode blockquote.quote-orange h6{color:#fd7e14}.dark-mode blockquote.quote-yellow{border-color:#ffc107}.dark-mode blockquote.quote-yellow h1,.dark-mode blockquote.quote-yellow h2,.dark-mode blockquote.quote-yellow h3,.dark-mode blockquote.quote-yellow h4,.dark-mode blockquote.quote-yellow h5,.dark-mode blockquote.quote-yellow h6{color:#ffc107}.dark-mode blockquote.quote-green{border-color:#28a745}.dark-mode blockquote.quote-green h1,.dark-mode blockquote.quote-green h2,.dark-mode blockquote.quote-green h3,.dark-mode blockquote.quote-green h4,.dark-mode blockquote.quote-green h5,.dark-mode blockquote.quote-green h6{color:#28a745}.dark-mode blockquote.quote-teal{border-color:#20c997}.dark-mode blockquote.quote-teal h1,.dark-mode blockquote.quote-teal h2,.dark-mode blockquote.quote-teal h3,.dark-mode blockquote.quote-teal h4,.dark-mode blockquote.quote-teal h5,.dark-mode blockquote.quote-teal h6{color:#20c997}.dark-mode blockquote.quote-cyan{border-color:#17a2b8}.dark-mode blockquote.quote-cyan h1,.dark-mode blockquote.quote-cyan h2,.dark-mode blockquote.quote-cyan h3,.dark-mode blockquote.quote-cyan h4,.dark-mode blockquote.quote-cyan h5,.dark-mode blockquote.quote-cyan h6{color:#17a2b8}.dark-mode blockquote.quote-white{border-color:#fff}.dark-mode blockquote.quote-white h1,.dark-mode blockquote.quote-white h2,.dark-mode blockquote.quote-white h3,.dark-mode blockquote.quote-white h4,.dark-mode blockquote.quote-white h5,.dark-mode blockquote.quote-white h6{color:#fff}.dark-mode blockquote.quote-gray{border-color:#6c757d}.dark-mode blockquote.quote-gray h1,.dark-mode blockquote.quote-gray h2,.dark-mode blockquote.quote-gray h3,.dark-mode blockquote.quote-gray h4,.dark-mode blockquote.quote-gray h5,.dark-mode blockquote.quote-gray h6{color:#6c757d}.dark-mode blockquote.quote-gray-dark{border-color:#343a40}.dark-mode blockquote.quote-gray-dark h1,.dark-mode blockquote.quote-gray-dark h2,.dark-mode blockquote.quote-gray-dark h3,.dark-mode blockquote.quote-gray-dark h4,.dark-mode blockquote.quote-gray-dark h5,.dark-mode blockquote.quote-gray-dark h6{color:#343a40}.dark-mode .close,.dark-mode .mailbox-attachment-close{color:#adb5bd;text-shadow:0 1px 0 #495057}.dark-mode .tab-custom-content{border-color:#6c757d}.dark-mode .list-group-item{background-color:#343a40;border-color:#6c757d}@media print{.content-header,.main-header,.main-sidebar,.no-print{display:none!important}.content-wrapper,.main-footer{-webkit-transform:translate(0,0);transform:translate(0,0);margin-left:0!important;min-height:0!important}.layout-fixed .content-wrapper{padding-top:0!important}.invoice{border:0;margin:0;padding:0;width:100%}.invoice-col{float:left;width:33.3333333%}.table-responsive{overflow:auto}.table-responsive>.table tr td,.table-responsive>.table tr th{white-space:normal!important}}.text-bold,.text-bold.table td,.text-bold.table th{font-weight:700}.text-xs{font-size:.75rem!important}.text-sm{font-size:.875rem!important}.text-md{font-size:1rem!important}.text-lg{font-size:1.25rem!important}.text-xl{font-size:2rem!important}.text-lightblue{color:#3c8dbc!important}.text-navy{color:#001f3f!important}.text-olive{color:#3d9970!important}.text-lime{color:#01ff70!important}.text-fuchsia{color:#f012be!important}.text-maroon{color:#d81b60!important}.text-blue{color:#007bff!important}.text-indigo{color:#6610f2!important}.text-purple{color:#6f42c1!important}.text-pink{color:#e83e8c!important}.text-red{color:#dc3545!important}.text-orange{color:#fd7e14!important}.text-yellow{color:#ffc107!important}.text-green{color:#28a745!important}.text-teal{color:#20c997!important}.text-cyan{color:#17a2b8!important}.text-white{color:#fff!important}.text-gray{color:#6c757d!important}.text-gray-dark{color:#343a40!important}.dark-mode .text-muted{color:#adb5bd!important}.dark-mode .text-lightblue{color:#86bad8!important}.dark-mode .text-navy{color:#002c59!important}.dark-mode .text-olive{color:#74c8a3!important}.dark-mode .text-lime{color:#67ffa9!important}.dark-mode .text-fuchsia{color:#f672d8!important}.dark-mode .text-maroon{color:#ed6c9b!important}.dark-mode .text-blue{color:#3f6791!important}.dark-mode .text-indigo{color:#6610f2!important}.dark-mode .text-purple{color:#6f42c1!important}.dark-mode .text-pink{color:#e83e8c!important}.dark-mode .text-red{color:#e74c3c!important}.dark-mode .text-orange{color:#fd7e14!important}.dark-mode .text-yellow{color:#f39c12!important}.dark-mode .text-green{color:#00bc8c!important}.dark-mode .text-teal{color:#20c997!important}.dark-mode .text-cyan{color:#3498db!important}.dark-mode .text-white{color:#fff!important}.dark-mode .text-gray{color:#6c757d!important}.dark-mode .text-gray-dark{color:#343a40!important}.elevation-0{box-shadow:none!important}.elevation-1{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)!important}.elevation-2{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)!important}.elevation-3{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)!important}.elevation-4{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)!important}.elevation-5{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)!important}.bg-primary{background-color:#007bff!important}.bg-primary,.bg-primary>a{color:#fff!important}.bg-primary.btn:hover{border-color:#0062cc;color:#ececec}.bg-primary.btn.active,.bg-primary.btn:active,.bg-primary.btn:not(:disabled):not(.disabled).active,.bg-primary.btn:not(:disabled):not(.disabled):active{background-color:#0062cc!important;border-color:#005cbf;color:#fff}.bg-secondary{background-color:#6c757d!important}.bg-secondary,.bg-secondary>a{color:#fff!important}.bg-secondary.btn:hover{border-color:#545b62;color:#ececec}.bg-secondary.btn.active,.bg-secondary.btn:active,.bg-secondary.btn:not(:disabled):not(.disabled).active,.bg-secondary.btn:not(:disabled):not(.disabled):active{background-color:#545b62!important;border-color:#4e555b;color:#fff}.bg-success{background-color:#28a745!important}.bg-success,.bg-success>a{color:#fff!important}.bg-success.btn:hover{border-color:#1e7e34;color:#ececec}.bg-success.btn.active,.bg-success.btn:active,.bg-success.btn:not(:disabled):not(.disabled).active,.bg-success.btn:not(:disabled):not(.disabled):active{background-color:#1e7e34!important;border-color:#1c7430;color:#fff}.bg-info{background-color:#17a2b8!important}.bg-info,.bg-info>a{color:#fff!important}.bg-info.btn:hover{border-color:#117a8b;color:#ececec}.bg-info.btn.active,.bg-info.btn:active,.bg-info.btn:not(:disabled):not(.disabled).active,.bg-info.btn:not(:disabled):not(.disabled):active{background-color:#117a8b!important;border-color:#10707f;color:#fff}.bg-warning{background-color:#ffc107!important}.bg-warning,.bg-warning>a{color:#1f2d3d!important}.bg-warning.btn:hover{border-color:#d39e00;color:#121a24}.bg-warning.btn.active,.bg-warning.btn:active,.bg-warning.btn:not(:disabled):not(.disabled).active,.bg-warning.btn:not(:disabled):not(.disabled):active{background-color:#d39e00!important;border-color:#c69500;color:#1f2d3d}.bg-danger{background-color:#dc3545!important}.bg-danger,.bg-danger>a{color:#fff!important}.bg-danger.btn:hover{border-color:#bd2130;color:#ececec}.bg-danger.btn.active,.bg-danger.btn:active,.bg-danger.btn:not(:disabled):not(.disabled).active,.bg-danger.btn:not(:disabled):not(.disabled):active{background-color:#bd2130!important;border-color:#b21f2d;color:#fff}.bg-light{background-color:#f8f9fa!important}.bg-light,.bg-light>a{color:#1f2d3d!important}.bg-light.btn:hover{border-color:#dae0e5;color:#121a24}.bg-light.btn.active,.bg-light.btn:active,.bg-light.btn:not(:disabled):not(.disabled).active,.bg-light.btn:not(:disabled):not(.disabled):active{background-color:#dae0e5!important;border-color:#d3d9df;color:#1f2d3d}.bg-dark{background-color:#343a40!important}.bg-dark,.bg-dark>a{color:#fff!important}.bg-dark.btn:hover{border-color:#1d2124;color:#ececec}.bg-dark.btn.active,.bg-dark.btn:active,.bg-dark.btn:not(:disabled):not(.disabled).active,.bg-dark.btn:not(:disabled):not(.disabled):active{background-color:#1d2124!important;border-color:#171a1d;color:#fff}.bg-lightblue{background-color:#3c8dbc!important}.bg-lightblue,.bg-lightblue>a{color:#fff!important}.bg-lightblue.btn:hover{border-color:#307095;color:#ececec}.bg-lightblue.btn.active,.bg-lightblue.btn:active,.bg-lightblue.btn:not(:disabled):not(.disabled).active,.bg-lightblue.btn:not(:disabled):not(.disabled):active{background-color:#307095!important;border-color:#2d698c;color:#fff}.bg-navy{background-color:#001f3f!important}.bg-navy,.bg-navy>a{color:#fff!important}.bg-navy.btn:hover{border-color:#00060c;color:#ececec}.bg-navy.btn.active,.bg-navy.btn:active,.bg-navy.btn:not(:disabled):not(.disabled).active,.bg-navy.btn:not(:disabled):not(.disabled):active{background-color:#00060c!important;border-color:#000;color:#fff}.bg-olive{background-color:#3d9970!important}.bg-olive,.bg-olive>a{color:#fff!important}.bg-olive.btn:hover{border-color:#2e7555;color:#ececec}.bg-olive.btn.active,.bg-olive.btn:active,.bg-olive.btn:not(:disabled):not(.disabled).active,.bg-olive.btn:not(:disabled):not(.disabled):active{background-color:#2e7555!important;border-color:#2b6b4f;color:#fff}.bg-lime{background-color:#01ff70!important}.bg-lime,.bg-lime>a{color:#1f2d3d!important}.bg-lime.btn:hover{border-color:#00cd5a;color:#121a24}.bg-lime.btn.active,.bg-lime.btn:active,.bg-lime.btn:not(:disabled):not(.disabled).active,.bg-lime.btn:not(:disabled):not(.disabled):active{background-color:#00cd5a!important;border-color:#00c054;color:#fff}.bg-fuchsia{background-color:#f012be!important}.bg-fuchsia,.bg-fuchsia>a{color:#fff!important}.bg-fuchsia.btn:hover{border-color:#c30c9a;color:#ececec}.bg-fuchsia.btn.active,.bg-fuchsia.btn:active,.bg-fuchsia.btn:not(:disabled):not(.disabled).active,.bg-fuchsia.btn:not(:disabled):not(.disabled):active{background-color:#c30c9a!important;border-color:#b70c90;color:#fff}.bg-maroon{background-color:#d81b60!important}.bg-maroon,.bg-maroon>a{color:#fff!important}.bg-maroon.btn:hover{border-color:#ab154c;color:#ececec}.bg-maroon.btn.active,.bg-maroon.btn:active,.bg-maroon.btn:not(:disabled):not(.disabled).active,.bg-maroon.btn:not(:disabled):not(.disabled):active{background-color:#ab154c!important;border-color:#9f1447;color:#fff}.bg-blue{background-color:#007bff!important}.bg-blue,.bg-blue>a{color:#fff!important}.bg-blue.btn:hover{border-color:#0062cc;color:#ececec}.bg-blue.btn.active,.bg-blue.btn:active,.bg-blue.btn:not(:disabled):not(.disabled).active,.bg-blue.btn:not(:disabled):not(.disabled):active{background-color:#0062cc!important;border-color:#005cbf;color:#fff}.bg-indigo{background-color:#6610f2!important}.bg-indigo,.bg-indigo>a{color:#fff!important}.bg-indigo.btn:hover{border-color:#510bc4;color:#ececec}.bg-indigo.btn.active,.bg-indigo.btn:active,.bg-indigo.btn:not(:disabled):not(.disabled).active,.bg-indigo.btn:not(:disabled):not(.disabled):active{background-color:#510bc4!important;border-color:#4c0ab8;color:#fff}.bg-purple{background-color:#6f42c1!important}.bg-purple,.bg-purple>a{color:#fff!important}.bg-purple.btn:hover{border-color:#59339d;color:#ececec}.bg-purple.btn.active,.bg-purple.btn:active,.bg-purple.btn:not(:disabled):not(.disabled).active,.bg-purple.btn:not(:disabled):not(.disabled):active{background-color:#59339d!important;border-color:#533093;color:#fff}.bg-pink{background-color:#e83e8c!important}.bg-pink,.bg-pink>a{color:#fff!important}.bg-pink.btn:hover{border-color:#d91a72;color:#ececec}.bg-pink.btn.active,.bg-pink.btn:active,.bg-pink.btn:not(:disabled):not(.disabled).active,.bg-pink.btn:not(:disabled):not(.disabled):active{background-color:#d91a72!important;border-color:#ce196c;color:#fff}.bg-red{background-color:#dc3545!important}.bg-red,.bg-red>a{color:#fff!important}.bg-red.btn:hover{border-color:#bd2130;color:#ececec}.bg-red.btn.active,.bg-red.btn:active,.bg-red.btn:not(:disabled):not(.disabled).active,.bg-red.btn:not(:disabled):not(.disabled):active{background-color:#bd2130!important;border-color:#b21f2d;color:#fff}.bg-orange{background-color:#fd7e14!important}.bg-orange,.bg-orange>a{color:#1f2d3d!important}.bg-orange.btn:hover{border-color:#dc6502;color:#121a24}.bg-orange.btn.active,.bg-orange.btn:active,.bg-orange.btn:not(:disabled):not(.disabled).active,.bg-orange.btn:not(:disabled):not(.disabled):active{background-color:#dc6502!important;border-color:#cf5f02;color:#fff}.bg-yellow{background-color:#ffc107!important}.bg-yellow,.bg-yellow>a{color:#1f2d3d!important}.bg-yellow.btn:hover{border-color:#d39e00;color:#121a24}.bg-yellow.btn.active,.bg-yellow.btn:active,.bg-yellow.btn:not(:disabled):not(.disabled).active,.bg-yellow.btn:not(:disabled):not(.disabled):active{background-color:#d39e00!important;border-color:#c69500;color:#1f2d3d}.bg-green{background-color:#28a745!important}.bg-green,.bg-green>a{color:#fff!important}.bg-green.btn:hover{border-color:#1e7e34;color:#ececec}.bg-green.btn.active,.bg-green.btn:active,.bg-green.btn:not(:disabled):not(.disabled).active,.bg-green.btn:not(:disabled):not(.disabled):active{background-color:#1e7e34!important;border-color:#1c7430;color:#fff}.bg-teal{background-color:#20c997!important}.bg-teal,.bg-teal>a{color:#fff!important}.bg-teal.btn:hover{border-color:#199d76;color:#ececec}.bg-teal.btn.active,.bg-teal.btn:active,.bg-teal.btn:not(:disabled):not(.disabled).active,.bg-teal.btn:not(:disabled):not(.disabled):active{background-color:#199d76!important;border-color:#17926e;color:#fff}.bg-cyan{background-color:#17a2b8!important}.bg-cyan,.bg-cyan>a{color:#fff!important}.bg-cyan.btn:hover{border-color:#117a8b;color:#ececec}.bg-cyan.btn.active,.bg-cyan.btn:active,.bg-cyan.btn:not(:disabled):not(.disabled).active,.bg-cyan.btn:not(:disabled):not(.disabled):active{background-color:#117a8b!important;border-color:#10707f;color:#fff}.bg-white{background-color:#fff!important}.bg-white,.bg-white>a{color:#1f2d3d!important}.bg-white.btn:hover{border-color:#e6e6e6;color:#121a24}.bg-white.btn.active,.bg-white.btn:active,.bg-white.btn:not(:disabled):not(.disabled).active,.bg-white.btn:not(:disabled):not(.disabled):active{background-color:#e6e6e6!important;border-color:#dfdfdf;color:#1f2d3d}.bg-gray{background-color:#6c757d!important}.bg-gray,.bg-gray>a{color:#fff!important}.bg-gray.btn:hover{border-color:#545b62;color:#ececec}.bg-gray.btn.active,.bg-gray.btn:active,.bg-gray.btn:not(:disabled):not(.disabled).active,.bg-gray.btn:not(:disabled):not(.disabled):active{background-color:#545b62!important;border-color:#4e555b;color:#fff}.bg-gray-dark{background-color:#343a40!important}.bg-gray-dark,.bg-gray-dark>a{color:#fff!important}.bg-gray-dark.btn:hover{border-color:#1d2124;color:#ececec}.bg-gray-dark.btn.active,.bg-gray-dark.btn:active,.bg-gray-dark.btn:not(:disabled):not(.disabled).active,.bg-gray-dark.btn:not(:disabled):not(.disabled):active{background-color:#1d2124!important;border-color:#171a1d;color:#fff}@media print{.table td.bg-primary,.table th.bg-primary{background-color:#007bff!important}.table td.bg-primary,.table td.bg-primary>a,.table th.bg-primary,.table th.bg-primary>a{color:#fff!important}.table td.bg-primary.btn:hover,.table th.bg-primary.btn:hover{border-color:#0062cc;color:#ececec}.table td.bg-primary.btn.active,.table td.bg-primary.btn:active,.table td.bg-primary.btn:not(:disabled):not(.disabled).active,.table td.bg-primary.btn:not(:disabled):not(.disabled):active,.table th.bg-primary.btn.active,.table th.bg-primary.btn:active,.table th.bg-primary.btn:not(:disabled):not(.disabled).active,.table th.bg-primary.btn:not(:disabled):not(.disabled):active{background-color:#0062cc!important;border-color:#005cbf;color:#fff}.table td.bg-secondary,.table th.bg-secondary{background-color:#6c757d!important}.table td.bg-secondary,.table td.bg-secondary>a,.table th.bg-secondary,.table th.bg-secondary>a{color:#fff!important}.table td.bg-secondary.btn:hover,.table th.bg-secondary.btn:hover{border-color:#545b62;color:#ececec}.table td.bg-secondary.btn.active,.table td.bg-secondary.btn:active,.table td.bg-secondary.btn:not(:disabled):not(.disabled).active,.table td.bg-secondary.btn:not(:disabled):not(.disabled):active,.table th.bg-secondary.btn.active,.table th.bg-secondary.btn:active,.table th.bg-secondary.btn:not(:disabled):not(.disabled).active,.table th.bg-secondary.btn:not(:disabled):not(.disabled):active{background-color:#545b62!important;border-color:#4e555b;color:#fff}.table td.bg-success,.table th.bg-success{background-color:#28a745!important}.table td.bg-success,.table td.bg-success>a,.table th.bg-success,.table th.bg-success>a{color:#fff!important}.table td.bg-success.btn:hover,.table th.bg-success.btn:hover{border-color:#1e7e34;color:#ececec}.table td.bg-success.btn.active,.table td.bg-success.btn:active,.table td.bg-success.btn:not(:disabled):not(.disabled).active,.table td.bg-success.btn:not(:disabled):not(.disabled):active,.table th.bg-success.btn.active,.table th.bg-success.btn:active,.table th.bg-success.btn:not(:disabled):not(.disabled).active,.table th.bg-success.btn:not(:disabled):not(.disabled):active{background-color:#1e7e34!important;border-color:#1c7430;color:#fff}.table td.bg-info,.table th.bg-info{background-color:#17a2b8!important}.table td.bg-info,.table td.bg-info>a,.table th.bg-info,.table th.bg-info>a{color:#fff!important}.table td.bg-info.btn:hover,.table th.bg-info.btn:hover{border-color:#117a8b;color:#ececec}.table td.bg-info.btn.active,.table td.bg-info.btn:active,.table td.bg-info.btn:not(:disabled):not(.disabled).active,.table td.bg-info.btn:not(:disabled):not(.disabled):active,.table th.bg-info.btn.active,.table th.bg-info.btn:active,.table th.bg-info.btn:not(:disabled):not(.disabled).active,.table th.bg-info.btn:not(:disabled):not(.disabled):active{background-color:#117a8b!important;border-color:#10707f;color:#fff}.table td.bg-warning,.table th.bg-warning{background-color:#ffc107!important}.table td.bg-warning,.table td.bg-warning>a,.table th.bg-warning,.table th.bg-warning>a{color:#1f2d3d!important}.table td.bg-warning.btn:hover,.table th.bg-warning.btn:hover{border-color:#d39e00;color:#121a24}.table td.bg-warning.btn.active,.table td.bg-warning.btn:active,.table td.bg-warning.btn:not(:disabled):not(.disabled).active,.table td.bg-warning.btn:not(:disabled):not(.disabled):active,.table th.bg-warning.btn.active,.table th.bg-warning.btn:active,.table th.bg-warning.btn:not(:disabled):not(.disabled).active,.table th.bg-warning.btn:not(:disabled):not(.disabled):active{background-color:#d39e00!important;border-color:#c69500;color:#1f2d3d}.table td.bg-danger,.table th.bg-danger{background-color:#dc3545!important}.table td.bg-danger,.table td.bg-danger>a,.table th.bg-danger,.table th.bg-danger>a{color:#fff!important}.table td.bg-danger.btn:hover,.table th.bg-danger.btn:hover{border-color:#bd2130;color:#ececec}.table td.bg-danger.btn.active,.table td.bg-danger.btn:active,.table td.bg-danger.btn:not(:disabled):not(.disabled).active,.table td.bg-danger.btn:not(:disabled):not(.disabled):active,.table th.bg-danger.btn.active,.table th.bg-danger.btn:active,.table th.bg-danger.btn:not(:disabled):not(.disabled).active,.table th.bg-danger.btn:not(:disabled):not(.disabled):active{background-color:#bd2130!important;border-color:#b21f2d;color:#fff}.table td.bg-light,.table th.bg-light{background-color:#f8f9fa!important}.table td.bg-light,.table td.bg-light>a,.table th.bg-light,.table th.bg-light>a{color:#1f2d3d!important}.table td.bg-light.btn:hover,.table th.bg-light.btn:hover{border-color:#dae0e5;color:#121a24}.table td.bg-light.btn.active,.table td.bg-light.btn:active,.table td.bg-light.btn:not(:disabled):not(.disabled).active,.table td.bg-light.btn:not(:disabled):not(.disabled):active,.table th.bg-light.btn.active,.table th.bg-light.btn:active,.table th.bg-light.btn:not(:disabled):not(.disabled).active,.table th.bg-light.btn:not(:disabled):not(.disabled):active{background-color:#dae0e5!important;border-color:#d3d9df;color:#1f2d3d}.table td.bg-dark,.table th.bg-dark{background-color:#343a40!important}.table td.bg-dark,.table td.bg-dark>a,.table th.bg-dark,.table th.bg-dark>a{color:#fff!important}.table td.bg-dark.btn:hover,.table th.bg-dark.btn:hover{border-color:#1d2124;color:#ececec}.table td.bg-dark.btn.active,.table td.bg-dark.btn:active,.table td.bg-dark.btn:not(:disabled):not(.disabled).active,.table td.bg-dark.btn:not(:disabled):not(.disabled):active,.table th.bg-dark.btn.active,.table th.bg-dark.btn:active,.table th.bg-dark.btn:not(:disabled):not(.disabled).active,.table th.bg-dark.btn:not(:disabled):not(.disabled):active{background-color:#1d2124!important;border-color:#171a1d;color:#fff}.table td.bg-lightblue,.table th.bg-lightblue{background-color:#3c8dbc!important}.table td.bg-lightblue,.table td.bg-lightblue>a,.table th.bg-lightblue,.table th.bg-lightblue>a{color:#fff!important}.table td.bg-lightblue.btn:hover,.table th.bg-lightblue.btn:hover{border-color:#307095;color:#ececec}.table td.bg-lightblue.btn.active,.table td.bg-lightblue.btn:active,.table td.bg-lightblue.btn:not(:disabled):not(.disabled).active,.table td.bg-lightblue.btn:not(:disabled):not(.disabled):active,.table th.bg-lightblue.btn.active,.table th.bg-lightblue.btn:active,.table th.bg-lightblue.btn:not(:disabled):not(.disabled).active,.table th.bg-lightblue.btn:not(:disabled):not(.disabled):active{background-color:#307095!important;border-color:#2d698c;color:#fff}.table td.bg-navy,.table th.bg-navy{background-color:#001f3f!important}.table td.bg-navy,.table td.bg-navy>a,.table th.bg-navy,.table th.bg-navy>a{color:#fff!important}.table td.bg-navy.btn:hover,.table th.bg-navy.btn:hover{border-color:#00060c;color:#ececec}.table td.bg-navy.btn.active,.table td.bg-navy.btn:active,.table td.bg-navy.btn:not(:disabled):not(.disabled).active,.table td.bg-navy.btn:not(:disabled):not(.disabled):active,.table th.bg-navy.btn.active,.table th.bg-navy.btn:active,.table th.bg-navy.btn:not(:disabled):not(.disabled).active,.table th.bg-navy.btn:not(:disabled):not(.disabled):active{background-color:#00060c!important;border-color:#000;color:#fff}.table td.bg-olive,.table th.bg-olive{background-color:#3d9970!important}.table td.bg-olive,.table td.bg-olive>a,.table th.bg-olive,.table th.bg-olive>a{color:#fff!important}.table td.bg-olive.btn:hover,.table th.bg-olive.btn:hover{border-color:#2e7555;color:#ececec}.table td.bg-olive.btn.active,.table td.bg-olive.btn:active,.table td.bg-olive.btn:not(:disabled):not(.disabled).active,.table td.bg-olive.btn:not(:disabled):not(.disabled):active,.table th.bg-olive.btn.active,.table th.bg-olive.btn:active,.table th.bg-olive.btn:not(:disabled):not(.disabled).active,.table th.bg-olive.btn:not(:disabled):not(.disabled):active{background-color:#2e7555!important;border-color:#2b6b4f;color:#fff}.table td.bg-lime,.table th.bg-lime{background-color:#01ff70!important}.table td.bg-lime,.table td.bg-lime>a,.table th.bg-lime,.table th.bg-lime>a{color:#1f2d3d!important}.table td.bg-lime.btn:hover,.table th.bg-lime.btn:hover{border-color:#00cd5a;color:#121a24}.table td.bg-lime.btn.active,.table td.bg-lime.btn:active,.table td.bg-lime.btn:not(:disabled):not(.disabled).active,.table td.bg-lime.btn:not(:disabled):not(.disabled):active,.table th.bg-lime.btn.active,.table th.bg-lime.btn:active,.table th.bg-lime.btn:not(:disabled):not(.disabled).active,.table th.bg-lime.btn:not(:disabled):not(.disabled):active{background-color:#00cd5a!important;border-color:#00c054;color:#fff}.table td.bg-fuchsia,.table th.bg-fuchsia{background-color:#f012be!important}.table td.bg-fuchsia,.table td.bg-fuchsia>a,.table th.bg-fuchsia,.table th.bg-fuchsia>a{color:#fff!important}.table td.bg-fuchsia.btn:hover,.table th.bg-fuchsia.btn:hover{border-color:#c30c9a;color:#ececec}.table td.bg-fuchsia.btn.active,.table td.bg-fuchsia.btn:active,.table td.bg-fuchsia.btn:not(:disabled):not(.disabled).active,.table td.bg-fuchsia.btn:not(:disabled):not(.disabled):active,.table th.bg-fuchsia.btn.active,.table th.bg-fuchsia.btn:active,.table th.bg-fuchsia.btn:not(:disabled):not(.disabled).active,.table th.bg-fuchsia.btn:not(:disabled):not(.disabled):active{background-color:#c30c9a!important;border-color:#b70c90;color:#fff}.table td.bg-maroon,.table th.bg-maroon{background-color:#d81b60!important}.table td.bg-maroon,.table td.bg-maroon>a,.table th.bg-maroon,.table th.bg-maroon>a{color:#fff!important}.table td.bg-maroon.btn:hover,.table th.bg-maroon.btn:hover{border-color:#ab154c;color:#ececec}.table td.bg-maroon.btn.active,.table td.bg-maroon.btn:active,.table td.bg-maroon.btn:not(:disabled):not(.disabled).active,.table td.bg-maroon.btn:not(:disabled):not(.disabled):active,.table th.bg-maroon.btn.active,.table th.bg-maroon.btn:active,.table th.bg-maroon.btn:not(:disabled):not(.disabled).active,.table th.bg-maroon.btn:not(:disabled):not(.disabled):active{background-color:#ab154c!important;border-color:#9f1447;color:#fff}.table td.bg-blue,.table th.bg-blue{background-color:#007bff!important}.table td.bg-blue,.table td.bg-blue>a,.table th.bg-blue,.table th.bg-blue>a{color:#fff!important}.table td.bg-blue.btn:hover,.table th.bg-blue.btn:hover{border-color:#0062cc;color:#ececec}.table td.bg-blue.btn.active,.table td.bg-blue.btn:active,.table td.bg-blue.btn:not(:disabled):not(.disabled).active,.table td.bg-blue.btn:not(:disabled):not(.disabled):active,.table th.bg-blue.btn.active,.table th.bg-blue.btn:active,.table th.bg-blue.btn:not(:disabled):not(.disabled).active,.table th.bg-blue.btn:not(:disabled):not(.disabled):active{background-color:#0062cc!important;border-color:#005cbf;color:#fff}.table td.bg-indigo,.table th.bg-indigo{background-color:#6610f2!important}.table td.bg-indigo,.table td.bg-indigo>a,.table th.bg-indigo,.table th.bg-indigo>a{color:#fff!important}.table td.bg-indigo.btn:hover,.table th.bg-indigo.btn:hover{border-color:#510bc4;color:#ececec}.table td.bg-indigo.btn.active,.table td.bg-indigo.btn:active,.table td.bg-indigo.btn:not(:disabled):not(.disabled).active,.table td.bg-indigo.btn:not(:disabled):not(.disabled):active,.table th.bg-indigo.btn.active,.table th.bg-indigo.btn:active,.table th.bg-indigo.btn:not(:disabled):not(.disabled).active,.table th.bg-indigo.btn:not(:disabled):not(.disabled):active{background-color:#510bc4!important;border-color:#4c0ab8;color:#fff}.table td.bg-purple,.table th.bg-purple{background-color:#6f42c1!important}.table td.bg-purple,.table td.bg-purple>a,.table th.bg-purple,.table th.bg-purple>a{color:#fff!important}.table td.bg-purple.btn:hover,.table th.bg-purple.btn:hover{border-color:#59339d;color:#ececec}.table td.bg-purple.btn.active,.table td.bg-purple.btn:active,.table td.bg-purple.btn:not(:disabled):not(.disabled).active,.table td.bg-purple.btn:not(:disabled):not(.disabled):active,.table th.bg-purple.btn.active,.table th.bg-purple.btn:active,.table th.bg-purple.btn:not(:disabled):not(.disabled).active,.table th.bg-purple.btn:not(:disabled):not(.disabled):active{background-color:#59339d!important;border-color:#533093;color:#fff}.table td.bg-pink,.table th.bg-pink{background-color:#e83e8c!important}.table td.bg-pink,.table td.bg-pink>a,.table th.bg-pink,.table th.bg-pink>a{color:#fff!important}.table td.bg-pink.btn:hover,.table th.bg-pink.btn:hover{border-color:#d91a72;color:#ececec}.table td.bg-pink.btn.active,.table td.bg-pink.btn:active,.table td.bg-pink.btn:not(:disabled):not(.disabled).active,.table td.bg-pink.btn:not(:disabled):not(.disabled):active,.table th.bg-pink.btn.active,.table th.bg-pink.btn:active,.table th.bg-pink.btn:not(:disabled):not(.disabled).active,.table th.bg-pink.btn:not(:disabled):not(.disabled):active{background-color:#d91a72!important;border-color:#ce196c;color:#fff}.table td.bg-red,.table th.bg-red{background-color:#dc3545!important}.table td.bg-red,.table td.bg-red>a,.table th.bg-red,.table th.bg-red>a{color:#fff!important}.table td.bg-red.btn:hover,.table th.bg-red.btn:hover{border-color:#bd2130;color:#ececec}.table td.bg-red.btn.active,.table td.bg-red.btn:active,.table td.bg-red.btn:not(:disabled):not(.disabled).active,.table td.bg-red.btn:not(:disabled):not(.disabled):active,.table th.bg-red.btn.active,.table th.bg-red.btn:active,.table th.bg-red.btn:not(:disabled):not(.disabled).active,.table th.bg-red.btn:not(:disabled):not(.disabled):active{background-color:#bd2130!important;border-color:#b21f2d;color:#fff}.table td.bg-orange,.table th.bg-orange{background-color:#fd7e14!important}.table td.bg-orange,.table td.bg-orange>a,.table th.bg-orange,.table th.bg-orange>a{color:#1f2d3d!important}.table td.bg-orange.btn:hover,.table th.bg-orange.btn:hover{border-color:#dc6502;color:#121a24}.table td.bg-orange.btn.active,.table td.bg-orange.btn:active,.table td.bg-orange.btn:not(:disabled):not(.disabled).active,.table td.bg-orange.btn:not(:disabled):not(.disabled):active,.table th.bg-orange.btn.active,.table th.bg-orange.btn:active,.table th.bg-orange.btn:not(:disabled):not(.disabled).active,.table th.bg-orange.btn:not(:disabled):not(.disabled):active{background-color:#dc6502!important;border-color:#cf5f02;color:#fff}.table td.bg-yellow,.table th.bg-yellow{background-color:#ffc107!important}.table td.bg-yellow,.table td.bg-yellow>a,.table th.bg-yellow,.table th.bg-yellow>a{color:#1f2d3d!important}.table td.bg-yellow.btn:hover,.table th.bg-yellow.btn:hover{border-color:#d39e00;color:#121a24}.table td.bg-yellow.btn.active,.table td.bg-yellow.btn:active,.table td.bg-yellow.btn:not(:disabled):not(.disabled).active,.table td.bg-yellow.btn:not(:disabled):not(.disabled):active,.table th.bg-yellow.btn.active,.table th.bg-yellow.btn:active,.table th.bg-yellow.btn:not(:disabled):not(.disabled).active,.table th.bg-yellow.btn:not(:disabled):not(.disabled):active{background-color:#d39e00!important;border-color:#c69500;color:#1f2d3d}.table td.bg-green,.table th.bg-green{background-color:#28a745!important}.table td.bg-green,.table td.bg-green>a,.table th.bg-green,.table th.bg-green>a{color:#fff!important}.table td.bg-green.btn:hover,.table th.bg-green.btn:hover{border-color:#1e7e34;color:#ececec}.table td.bg-green.btn.active,.table td.bg-green.btn:active,.table td.bg-green.btn:not(:disabled):not(.disabled).active,.table td.bg-green.btn:not(:disabled):not(.disabled):active,.table th.bg-green.btn.active,.table th.bg-green.btn:active,.table th.bg-green.btn:not(:disabled):not(.disabled).active,.table th.bg-green.btn:not(:disabled):not(.disabled):active{background-color:#1e7e34!important;border-color:#1c7430;color:#fff}.table td.bg-teal,.table th.bg-teal{background-color:#20c997!important}.table td.bg-teal,.table td.bg-teal>a,.table th.bg-teal,.table th.bg-teal>a{color:#fff!important}.table td.bg-teal.btn:hover,.table th.bg-teal.btn:hover{border-color:#199d76;color:#ececec}.table td.bg-teal.btn.active,.table td.bg-teal.btn:active,.table td.bg-teal.btn:not(:disabled):not(.disabled).active,.table td.bg-teal.btn:not(:disabled):not(.disabled):active,.table th.bg-teal.btn.active,.table th.bg-teal.btn:active,.table th.bg-teal.btn:not(:disabled):not(.disabled).active,.table th.bg-teal.btn:not(:disabled):not(.disabled):active{background-color:#199d76!important;border-color:#17926e;color:#fff}.table td.bg-cyan,.table th.bg-cyan{background-color:#17a2b8!important}.table td.bg-cyan,.table td.bg-cyan>a,.table th.bg-cyan,.table th.bg-cyan>a{color:#fff!important}.table td.bg-cyan.btn:hover,.table th.bg-cyan.btn:hover{border-color:#117a8b;color:#ececec}.table td.bg-cyan.btn.active,.table td.bg-cyan.btn:active,.table td.bg-cyan.btn:not(:disabled):not(.disabled).active,.table td.bg-cyan.btn:not(:disabled):not(.disabled):active,.table th.bg-cyan.btn.active,.table th.bg-cyan.btn:active,.table th.bg-cyan.btn:not(:disabled):not(.disabled).active,.table th.bg-cyan.btn:not(:disabled):not(.disabled):active{background-color:#117a8b!important;border-color:#10707f;color:#fff}.table td.bg-white,.table th.bg-white{background-color:#fff!important}.table td.bg-white,.table td.bg-white>a,.table th.bg-white,.table th.bg-white>a{color:#1f2d3d!important}.table td.bg-white.btn:hover,.table th.bg-white.btn:hover{border-color:#e6e6e6;color:#121a24}.table td.bg-white.btn.active,.table td.bg-white.btn:active,.table td.bg-white.btn:not(:disabled):not(.disabled).active,.table td.bg-white.btn:not(:disabled):not(.disabled):active,.table th.bg-white.btn.active,.table th.bg-white.btn:active,.table th.bg-white.btn:not(:disabled):not(.disabled).active,.table th.bg-white.btn:not(:disabled):not(.disabled):active{background-color:#e6e6e6!important;border-color:#dfdfdf;color:#1f2d3d}.table td.bg-gray,.table th.bg-gray{background-color:#6c757d!important}.table td.bg-gray,.table td.bg-gray>a,.table th.bg-gray,.table th.bg-gray>a{color:#fff!important}.table td.bg-gray.btn:hover,.table th.bg-gray.btn:hover{border-color:#545b62;color:#ececec}.table td.bg-gray.btn.active,.table td.bg-gray.btn:active,.table td.bg-gray.btn:not(:disabled):not(.disabled).active,.table td.bg-gray.btn:not(:disabled):not(.disabled):active,.table th.bg-gray.btn.active,.table th.bg-gray.btn:active,.table th.bg-gray.btn:not(:disabled):not(.disabled).active,.table th.bg-gray.btn:not(:disabled):not(.disabled):active{background-color:#545b62!important;border-color:#4e555b;color:#fff}.table td.bg-gray-dark,.table th.bg-gray-dark{background-color:#343a40!important}.table td.bg-gray-dark,.table td.bg-gray-dark>a,.table th.bg-gray-dark,.table th.bg-gray-dark>a{color:#fff!important}.table td.bg-gray-dark.btn:hover,.table th.bg-gray-dark.btn:hover{border-color:#1d2124;color:#ececec}.table td.bg-gray-dark.btn.active,.table td.bg-gray-dark.btn:active,.table td.bg-gray-dark.btn:not(:disabled):not(.disabled).active,.table td.bg-gray-dark.btn:not(:disabled):not(.disabled):active,.table th.bg-gray-dark.btn.active,.table th.bg-gray-dark.btn:active,.table th.bg-gray-dark.btn:not(:disabled):not(.disabled).active,.table th.bg-gray-dark.btn:not(:disabled):not(.disabled):active{background-color:#1d2124!important;border-color:#171a1d;color:#fff}}.bg-gray{background-color:#adb5bd;color:#1f2d3d}.bg-gray-light{background-color:#f2f4f5;color:#1f2d3d!important}.bg-black{background-color:#000;color:#fff!important}.bg-white{background-color:#fff;color:#1f2d3d!important}.bg-gradient-primary{background:#007bff linear-gradient(180deg,#268fff,#007bff) repeat-x!important;color:#fff}.bg-gradient-primary.btn:not(:disabled):not(.disabled).active,.bg-gradient-primary.btn:not(:disabled):not(.disabled):active,.show>.bg-gradient-primary.btn.dropdown-toggle{background-image:none!important}.bg-gradient-primary.btn:hover{background:#007bff linear-gradient(180deg,#267fde,#0069d9) repeat-x!important;border-color:#0062cc;color:#ececec}.bg-gradient-primary.btn.active,.bg-gradient-primary.btn:active,.bg-gradient-primary.btn:not(:disabled):not(.disabled).active,.bg-gradient-primary.btn:not(:disabled):not(.disabled):active{background:#007bff linear-gradient(180deg,#267ad4,#0062cc) repeat-x!important;border-color:#005cbf;color:#fff}.bg-gradient-primary.btn.disabled,.bg-gradient-primary.btn:disabled{background-image:none!important;border-color:#007bff;color:#fff}.bg-gradient-secondary{background:#6c757d linear-gradient(180deg,#828a91,#6c757d) repeat-x!important;color:#fff}.bg-gradient-secondary.btn:not(:disabled):not(.disabled).active,.bg-gradient-secondary.btn:not(:disabled):not(.disabled):active,.show>.bg-gradient-secondary.btn.dropdown-toggle{background-image:none!important}.bg-gradient-secondary.btn:hover{background:#6c757d linear-gradient(180deg,#73797f,#5a6268) repeat-x!important;border-color:#545b62;color:#ececec}.bg-gradient-secondary.btn.active,.bg-gradient-secondary.btn:active,.bg-gradient-secondary.btn:not(:disabled):not(.disabled).active,.bg-gradient-secondary.btn:not(:disabled):not(.disabled):active{background:#6c757d linear-gradient(180deg,#6e7479,#545b62) repeat-x!important;border-color:#4e555b;color:#fff}.bg-gradient-secondary.btn.disabled,.bg-gradient-secondary.btn:disabled{background-image:none!important;border-color:#6c757d;color:#fff}.bg-gradient-success{background:#28a745 linear-gradient(180deg,#48b461,#28a745) repeat-x!important;color:#fff}.bg-gradient-success.btn:not(:disabled):not(.disabled).active,.bg-gradient-success.btn:not(:disabled):not(.disabled):active,.show>.bg-gradient-success.btn.dropdown-toggle{background-image:none!important}.bg-gradient-success.btn:hover{background:#28a745 linear-gradient(180deg,#429a56,#218838) repeat-x!important;border-color:#1e7e34;color:#ececec}.bg-gradient-success.btn.active,.bg-gradient-success.btn:active,.bg-gradient-success.btn:not(:disabled):not(.disabled).active,.bg-gradient-success.btn:not(:disabled):not(.disabled):active{background:#28a745 linear-gradient(180deg,#409152,#1e7e34) repeat-x!important;border-color:#1c7430;color:#fff}.bg-gradient-success.btn.disabled,.bg-gradient-success.btn:disabled{background-image:none!important;border-color:#28a745;color:#fff}.bg-gradient-info{background:#17a2b8 linear-gradient(180deg,#3ab0c3,#17a2b8) repeat-x!important;color:#fff}.bg-gradient-info.btn:not(:disabled):not(.disabled).active,.bg-gradient-info.btn:not(:disabled):not(.disabled):active,.show>.bg-gradient-info.btn.dropdown-toggle{background-image:none!important}.bg-gradient-info.btn:hover{background:#17a2b8 linear-gradient(180deg,#3697a6,#138496) repeat-x!important;border-color:#117a8b;color:#ececec}.bg-gradient-info.btn.active,.bg-gradient-info.btn:active,.bg-gradient-info.btn:not(:disabled):not(.disabled).active,.bg-gradient-info.btn:not(:disabled):not(.disabled):active{background:#17a2b8 linear-gradient(180deg,#358e9c,#117a8b) repeat-x!important;border-color:#10707f;color:#fff}.bg-gradient-info.btn.disabled,.bg-gradient-info.btn:disabled{background-image:none!important;border-color:#17a2b8;color:#fff}.bg-gradient-warning{background:#ffc107 linear-gradient(180deg,#ffca2c,#ffc107) repeat-x!important;color:#1f2d3d}.bg-gradient-warning.btn:not(:disabled):not(.disabled).active,.bg-gradient-warning.btn:not(:disabled):not(.disabled):active,.show>.bg-gradient-warning.btn.dropdown-toggle{background-image:none!important}.bg-gradient-warning.btn:hover{background:#ffc107 linear-gradient(180deg,#e4b526,#e0a800) repeat-x!important;border-color:#d39e00;color:#121a24}.bg-gradient-warning.btn.active,.bg-gradient-warning.btn:active,.bg-gradient-warning.btn:not(:disabled):not(.disabled).active,.bg-gradient-warning.btn:not(:disabled):not(.disabled):active{background:#ffc107 linear-gradient(180deg,#daad26,#d39e00) repeat-x!important;border-color:#c69500;color:#1f2d3d}.bg-gradient-warning.btn.disabled,.bg-gradient-warning.btn:disabled{background-image:none!important;border-color:#ffc107;color:#1f2d3d}.bg-gradient-danger{background:#dc3545 linear-gradient(180deg,#e15361,#dc3545) repeat-x!important;color:#fff}.bg-gradient-danger.btn:not(:disabled):not(.disabled).active,.bg-gradient-danger.btn:not(:disabled):not(.disabled):active,.show>.bg-gradient-danger.btn.dropdown-toggle{background-image:none!important}.bg-gradient-danger.btn:hover{background:#dc3545 linear-gradient(180deg,#d04451,#c82333) repeat-x!important;border-color:#bd2130;color:#ececec}.bg-gradient-danger.btn.active,.bg-gradient-danger.btn:active,.bg-gradient-danger.btn:not(:disabled):not(.disabled).active,.bg-gradient-danger.btn:not(:disabled):not(.disabled):active{background:#dc3545 linear-gradient(180deg,#c7424f,#bd2130) repeat-x!important;border-color:#b21f2d;color:#fff}.bg-gradient-danger.btn.disabled,.bg-gradient-danger.btn:disabled{background-image:none!important;border-color:#dc3545;color:#fff}.bg-gradient-light{background:#f8f9fa linear-gradient(180deg,#f9fafb,#f8f9fa) repeat-x!important;color:#1f2d3d}.bg-gradient-light.btn:not(:disabled):not(.disabled).active,.bg-gradient-light.btn:not(:disabled):not(.disabled):active,.show>.bg-gradient-light.btn.dropdown-toggle{background-image:none!important}.bg-gradient-light.btn:hover{background:#f8f9fa linear-gradient(180deg,#e6eaed,#e2e6ea) repeat-x!important;border-color:#dae0e5;color:#121a24}.bg-gradient-light.btn.active,.bg-gradient-light.btn:active,.bg-gradient-light.btn:not(:disabled):not(.disabled).active,.bg-gradient-light.btn:not(:disabled):not(.disabled):active{background:#f8f9fa linear-gradient(180deg,#e0e4e9,#dae0e5) repeat-x!important;border-color:#d3d9df;color:#1f2d3d}.bg-gradient-light.btn.disabled,.bg-gradient-light.btn:disabled{background-image:none!important;border-color:#f8f9fa;color:#1f2d3d}.bg-gradient-dark{background:#343a40 linear-gradient(180deg,#52585d,#343a40) repeat-x!important;color:#fff}.bg-gradient-dark.btn:not(:disabled):not(.disabled).active,.bg-gradient-dark.btn:not(:disabled):not(.disabled):active,.show>.bg-gradient-dark.btn.dropdown-toggle{background-image:none!important}.bg-gradient-dark.btn:hover{background:#343a40 linear-gradient(180deg,#44474b,#23272b) repeat-x!important;border-color:#1d2124;color:#ececec}.bg-gradient-dark.btn.active,.bg-gradient-dark.btn:active,.bg-gradient-dark.btn:not(:disabled):not(.disabled).active,.bg-gradient-dark.btn:not(:disabled):not(.disabled):active{background:#343a40 linear-gradient(180deg,#3f4245,#1d2124) repeat-x!important;border-color:#171a1d;color:#fff}.bg-gradient-dark.btn.disabled,.bg-gradient-dark.btn:disabled{background-image:none!important;border-color:#343a40;color:#fff}.bg-gradient-lightblue{background:#3c8dbc linear-gradient(180deg,#599ec6,#3c8dbc) repeat-x!important;color:#fff}.bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active,.bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active,.show>.bg-gradient-lightblue.btn.dropdown-toggle{background-image:none!important}.bg-gradient-lightblue.btn:hover{background:#3c8dbc linear-gradient(180deg,#518cad,#33779f) repeat-x!important;border-color:#307095;color:#ececec}.bg-gradient-lightblue.btn.active,.bg-gradient-lightblue.btn:active,.bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active,.bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active{background:#3c8dbc linear-gradient(180deg,#4f85a5,#307095) repeat-x!important;border-color:#2d698c;color:#fff}.bg-gradient-lightblue.btn.disabled,.bg-gradient-lightblue.btn:disabled{background-image:none!important;border-color:#3c8dbc;color:#fff}.bg-gradient-navy{background:#001f3f linear-gradient(180deg,#26415c,#001f3f) repeat-x!important;color:#fff}.bg-gradient-navy.btn:not(:disabled):not(.disabled).active,.bg-gradient-navy.btn:not(:disabled):not(.disabled):active,.show>.bg-gradient-navy.btn.dropdown-toggle{background-image:none!important}.bg-gradient-navy.btn:hover{background:#001f3f linear-gradient(180deg,#26313b,#000c19) repeat-x!important;border-color:#00060c;color:#ececec}.bg-gradient-navy.btn.active,.bg-gradient-navy.btn:active,.bg-gradient-navy.btn:not(:disabled):not(.disabled).active,.bg-gradient-navy.btn:not(:disabled):not(.disabled):active{background:#001f3f linear-gradient(180deg,#262b30,#00060c) repeat-x!important;border-color:#000;color:#fff}.bg-gradient-navy.btn.disabled,.bg-gradient-navy.btn:disabled{background-image:none!important;border-color:#001f3f;color:#fff}.bg-gradient-olive{background:#3d9970 linear-gradient(180deg,#5aa885,#3d9970) repeat-x!important;color:#fff}.bg-gradient-olive.btn:not(:disabled):not(.disabled).active,.bg-gradient-olive.btn:not(:disabled):not(.disabled):active,.show>.bg-gradient-olive.btn.dropdown-toggle{background-image:none!important}.bg-gradient-olive.btn:hover{background:#3d9970 linear-gradient(180deg,#519174,#327e5c) repeat-x!important;border-color:#2e7555;color:#ececec}.bg-gradient-olive.btn.active,.bg-gradient-olive.btn:active,.bg-gradient-olive.btn:not(:disabled):not(.disabled).active,.bg-gradient-olive.btn:not(:disabled):not(.disabled):active{background:#3d9970 linear-gradient(180deg,#4e896f,#2e7555) repeat-x!important;border-color:#2b6b4f;color:#fff}.bg-gradient-olive.btn.disabled,.bg-gradient-olive.btn:disabled{background-image:none!important;border-color:#3d9970;color:#fff}.bg-gradient-lime{background:#01ff70 linear-gradient(180deg,#27ff85,#01ff70) repeat-x!important;color:#1f2d3d}.bg-gradient-lime.btn:not(:disabled):not(.disabled).active,.bg-gradient-lime.btn:not(:disabled):not(.disabled):active,.show>.bg-gradient-lime.btn.dropdown-toggle{background-image:none!important}.bg-gradient-lime.btn:hover{background:#01ff70 linear-gradient(180deg,#26df77,#00da5f) repeat-x!important;border-color:#00cd5a;color:#121a24}.bg-gradient-lime.btn.active,.bg-gradient-lime.btn:active,.bg-gradient-lime.btn:not(:disabled):not(.disabled).active,.bg-gradient-lime.btn:not(:disabled):not(.disabled):active{background:#01ff70 linear-gradient(180deg,#26d572,#00cd5a) repeat-x!important;border-color:#00c054;color:#fff}.bg-gradient-lime.btn.disabled,.bg-gradient-lime.btn:disabled{background-image:none!important;border-color:#01ff70;color:#1f2d3d}.bg-gradient-fuchsia{background:#f012be linear-gradient(180deg,#f236c8,#f012be) repeat-x!important;color:#fff}.bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active,.bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active,.show>.bg-gradient-fuchsia.btn.dropdown-toggle{background-image:none!important}.bg-gradient-fuchsia.btn:hover{background:#f012be linear-gradient(180deg,#d631b1,#cf0da3) repeat-x!important;border-color:#c30c9a;color:#ececec}.bg-gradient-fuchsia.btn.active,.bg-gradient-fuchsia.btn:active,.bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active,.bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active{background:#f012be linear-gradient(180deg,#cc31a9,#c30c9a) repeat-x!important;border-color:#b70c90;color:#fff}.bg-gradient-fuchsia.btn.disabled,.bg-gradient-fuchsia.btn:disabled{background-image:none!important;border-color:#f012be;color:#fff}.bg-gradient-maroon{background:#d81b60 linear-gradient(180deg,#de3d78,#d81b60) repeat-x!important;color:#fff}.bg-gradient-maroon.btn:not(:disabled):not(.disabled).active,.bg-gradient-maroon.btn:not(:disabled):not(.disabled):active,.show>.bg-gradient-maroon.btn.dropdown-toggle{background-image:none!important}.bg-gradient-maroon.btn:hover{background:#d81b60 linear-gradient(180deg,#c13a6b,#b61751) repeat-x!important;border-color:#ab154c;color:#ececec}.bg-gradient-maroon.btn.active,.bg-gradient-maroon.btn:active,.bg-gradient-maroon.btn:not(:disabled):not(.disabled).active,.bg-gradient-maroon.btn:not(:disabled):not(.disabled):active{background:#d81b60 linear-gradient(180deg,#b73867,#ab154c) repeat-x!important;border-color:#9f1447;color:#fff}.bg-gradient-maroon.btn.disabled,.bg-gradient-maroon.btn:disabled{background-image:none!important;border-color:#d81b60;color:#fff}.bg-gradient-blue{background:#007bff linear-gradient(180deg,#268fff,#007bff) repeat-x!important;color:#fff}.bg-gradient-blue.btn:not(:disabled):not(.disabled).active,.bg-gradient-blue.btn:not(:disabled):not(.disabled):active,.show>.bg-gradient-blue.btn.dropdown-toggle{background-image:none!important}.bg-gradient-blue.btn:hover{background:#007bff linear-gradient(180deg,#267fde,#0069d9) repeat-x!important;border-color:#0062cc;color:#ececec}.bg-gradient-blue.btn.active,.bg-gradient-blue.btn:active,.bg-gradient-blue.btn:not(:disabled):not(.disabled).active,.bg-gradient-blue.btn:not(:disabled):not(.disabled):active{background:#007bff linear-gradient(180deg,#267ad4,#0062cc) repeat-x!important;border-color:#005cbf;color:#fff}.bg-gradient-blue.btn.disabled,.bg-gradient-blue.btn:disabled{background-image:none!important;border-color:#007bff;color:#fff}.bg-gradient-indigo{background:#6610f2 linear-gradient(180deg,#7d34f4,#6610f2) repeat-x!important;color:#fff}.bg-gradient-indigo.btn:not(:disabled):not(.disabled).active,.bg-gradient-indigo.btn:not(:disabled):not(.disabled):active,.show>.bg-gradient-indigo.btn.dropdown-toggle{background-image:none!important}.bg-gradient-indigo.btn:hover{background:#6610f2 linear-gradient(180deg,#7030d7,#560bd0) repeat-x!important;border-color:#510bc4;color:#ececec}.bg-gradient-indigo.btn.active,.bg-gradient-indigo.btn:active,.bg-gradient-indigo.btn:not(:disabled):not(.disabled).active,.bg-gradient-indigo.btn:not(:disabled):not(.disabled):active{background:#6610f2 linear-gradient(180deg,#6b2fcd,#510bc4) repeat-x!important;border-color:#4c0ab8;color:#fff}.bg-gradient-indigo.btn.disabled,.bg-gradient-indigo.btn:disabled{background-image:none!important;border-color:#6610f2;color:#fff}.bg-gradient-purple{background:#6f42c1 linear-gradient(180deg,#855eca,#6f42c1) repeat-x!important;color:#fff}.bg-gradient-purple.btn:not(:disabled):not(.disabled).active,.bg-gradient-purple.btn:not(:disabled):not(.disabled):active,.show>.bg-gradient-purple.btn.dropdown-toggle{background-image:none!important}.bg-gradient-purple.btn:hover{background:#6f42c1 linear-gradient(180deg,#7655b4,#5e37a6) repeat-x!important;border-color:#59339d;color:#ececec}.bg-gradient-purple.btn.active,.bg-gradient-purple.btn:active,.bg-gradient-purple.btn:not(:disabled):not(.disabled).active,.bg-gradient-purple.btn:not(:disabled):not(.disabled):active{background:#6f42c1 linear-gradient(180deg,#7252ab,#59339d) repeat-x!important;border-color:#533093;color:#fff}.bg-gradient-purple.btn.disabled,.bg-gradient-purple.btn:disabled{background-image:none!important;border-color:#6f42c1;color:#fff}.bg-gradient-pink{background:#e83e8c linear-gradient(180deg,#eb5b9d,#e83e8c) repeat-x!important;color:#fff}.bg-gradient-pink.btn:not(:disabled):not(.disabled).active,.bg-gradient-pink.btn:not(:disabled):not(.disabled):active,.show>.bg-gradient-pink.btn.dropdown-toggle{background-image:none!important}.bg-gradient-pink.btn:hover{background:#e83e8c linear-gradient(180deg,#e83e8c,#e41c78) repeat-x!important;border-color:#d91a72;color:#ececec}.bg-gradient-pink.btn.active,.bg-gradient-pink.btn:active,.bg-gradient-pink.btn:not(:disabled):not(.disabled).active,.bg-gradient-pink.btn:not(:disabled):not(.disabled):active{background:#e83e8c linear-gradient(180deg,#df3c87,#d91a72) repeat-x!important;border-color:#ce196c;color:#fff}.bg-gradient-pink.btn.disabled,.bg-gradient-pink.btn:disabled{background-image:none!important;border-color:#e83e8c;color:#fff}.bg-gradient-red{background:#dc3545 linear-gradient(180deg,#e15361,#dc3545) repeat-x!important;color:#fff}.bg-gradient-red.btn:not(:disabled):not(.disabled).active,.bg-gradient-red.btn:not(:disabled):not(.disabled):active,.show>.bg-gradient-red.btn.dropdown-toggle{background-image:none!important}.bg-gradient-red.btn:hover{background:#dc3545 linear-gradient(180deg,#d04451,#c82333) repeat-x!important;border-color:#bd2130;color:#ececec}.bg-gradient-red.btn.active,.bg-gradient-red.btn:active,.bg-gradient-red.btn:not(:disabled):not(.disabled).active,.bg-gradient-red.btn:not(:disabled):not(.disabled):active{background:#dc3545 linear-gradient(180deg,#c7424f,#bd2130) repeat-x!important;border-color:#b21f2d;color:#fff}.bg-gradient-red.btn.disabled,.bg-gradient-red.btn:disabled{background-image:none!important;border-color:#dc3545;color:#fff}.bg-gradient-orange{background:#fd7e14 linear-gradient(180deg,#fd9137,#fd7e14) repeat-x!important;color:#1f2d3d}.bg-gradient-orange.btn:not(:disabled):not(.disabled).active,.bg-gradient-orange.btn:not(:disabled):not(.disabled):active,.show>.bg-gradient-orange.btn.dropdown-toggle{background-image:none!important}.bg-gradient-orange.btn:hover{background:#fd7e14 linear-gradient(180deg,#ec8128,#e96b02) repeat-x!important;border-color:#dc6502;color:#121a24}.bg-gradient-orange.btn.active,.bg-gradient-orange.btn:active,.bg-gradient-orange.btn:not(:disabled):not(.disabled).active,.bg-gradient-orange.btn:not(:disabled):not(.disabled):active{background:#fd7e14 linear-gradient(180deg,#e17c28,#dc6502) repeat-x!important;border-color:#cf5f02;color:#fff}.bg-gradient-orange.btn.disabled,.bg-gradient-orange.btn:disabled{background-image:none!important;border-color:#fd7e14;color:#1f2d3d}.bg-gradient-yellow{background:#ffc107 linear-gradient(180deg,#ffca2c,#ffc107) repeat-x!important;color:#1f2d3d}.bg-gradient-yellow.btn:not(:disabled):not(.disabled).active,.bg-gradient-yellow.btn:not(:disabled):not(.disabled):active,.show>.bg-gradient-yellow.btn.dropdown-toggle{background-image:none!important}.bg-gradient-yellow.btn:hover{background:#ffc107 linear-gradient(180deg,#e4b526,#e0a800) repeat-x!important;border-color:#d39e00;color:#121a24}.bg-gradient-yellow.btn.active,.bg-gradient-yellow.btn:active,.bg-gradient-yellow.btn:not(:disabled):not(.disabled).active,.bg-gradient-yellow.btn:not(:disabled):not(.disabled):active{background:#ffc107 linear-gradient(180deg,#daad26,#d39e00) repeat-x!important;border-color:#c69500;color:#1f2d3d}.bg-gradient-yellow.btn.disabled,.bg-gradient-yellow.btn:disabled{background-image:none!important;border-color:#ffc107;color:#1f2d3d}.bg-gradient-green{background:#28a745 linear-gradient(180deg,#48b461,#28a745) repeat-x!important;color:#fff}.bg-gradient-green.btn:not(:disabled):not(.disabled).active,.bg-gradient-green.btn:not(:disabled):not(.disabled):active,.show>.bg-gradient-green.btn.dropdown-toggle{background-image:none!important}.bg-gradient-green.btn:hover{background:#28a745 linear-gradient(180deg,#429a56,#218838) repeat-x!important;border-color:#1e7e34;color:#ececec}.bg-gradient-green.btn.active,.bg-gradient-green.btn:active,.bg-gradient-green.btn:not(:disabled):not(.disabled).active,.bg-gradient-green.btn:not(:disabled):not(.disabled):active{background:#28a745 linear-gradient(180deg,#409152,#1e7e34) repeat-x!important;border-color:#1c7430;color:#fff}.bg-gradient-green.btn.disabled,.bg-gradient-green.btn:disabled{background-image:none!important;border-color:#28a745;color:#fff}.bg-gradient-teal{background:#20c997 linear-gradient(180deg,#41d1a7,#20c997) repeat-x!important;color:#fff}.bg-gradient-teal.btn:not(:disabled):not(.disabled).active,.bg-gradient-teal.btn:not(:disabled):not(.disabled):active,.show>.bg-gradient-teal.btn.dropdown-toggle{background-image:none!important}.bg-gradient-teal.btn:hover{background:#20c997 linear-gradient(180deg,#3db592,#1ba87e) repeat-x!important;border-color:#199d76;color:#ececec}.bg-gradient-teal.btn.active,.bg-gradient-teal.btn:active,.bg-gradient-teal.btn:not(:disabled):not(.disabled).active,.bg-gradient-teal.btn:not(:disabled):not(.disabled):active{background:#20c997 linear-gradient(180deg,#3bac8b,#199d76) repeat-x!important;border-color:#17926e;color:#fff}.bg-gradient-teal.btn.disabled,.bg-gradient-teal.btn:disabled{background-image:none!important;border-color:#20c997;color:#fff}.bg-gradient-cyan{background:#17a2b8 linear-gradient(180deg,#3ab0c3,#17a2b8) repeat-x!important;color:#fff}.bg-gradient-cyan.btn:not(:disabled):not(.disabled).active,.bg-gradient-cyan.btn:not(:disabled):not(.disabled):active,.show>.bg-gradient-cyan.btn.dropdown-toggle{background-image:none!important}.bg-gradient-cyan.btn:hover{background:#17a2b8 linear-gradient(180deg,#3697a6,#138496) repeat-x!important;border-color:#117a8b;color:#ececec}.bg-gradient-cyan.btn.active,.bg-gradient-cyan.btn:active,.bg-gradient-cyan.btn:not(:disabled):not(.disabled).active,.bg-gradient-cyan.btn:not(:disabled):not(.disabled):active{background:#17a2b8 linear-gradient(180deg,#358e9c,#117a8b) repeat-x!important;border-color:#10707f;color:#fff}.bg-gradient-cyan.btn.disabled,.bg-gradient-cyan.btn:disabled{background-image:none!important;border-color:#17a2b8;color:#fff}.bg-gradient-white{background:#fff linear-gradient(180deg,#fff,#fff) repeat-x!important;color:#1f2d3d}.bg-gradient-white.btn:not(:disabled):not(.disabled).active,.bg-gradient-white.btn:not(:disabled):not(.disabled):active,.show>.bg-gradient-white.btn.dropdown-toggle{background-image:none!important}.bg-gradient-white.btn:hover{background:#fff linear-gradient(180deg,#efefef,#ececec) repeat-x!important;border-color:#e6e6e6;color:#121a24}.bg-gradient-white.btn.active,.bg-gradient-white.btn:active,.bg-gradient-white.btn:not(:disabled):not(.disabled).active,.bg-gradient-white.btn:not(:disabled):not(.disabled):active{background:#fff linear-gradient(180deg,#e9e9e9,#e6e6e6) repeat-x!important;border-color:#dfdfdf;color:#1f2d3d}.bg-gradient-white.btn.disabled,.bg-gradient-white.btn:disabled{background-image:none!important;border-color:#fff;color:#1f2d3d}.bg-gradient-gray{background:#6c757d linear-gradient(180deg,#828a91,#6c757d) repeat-x!important;color:#fff}.bg-gradient-gray.btn:not(:disabled):not(.disabled).active,.bg-gradient-gray.btn:not(:disabled):not(.disabled):active,.show>.bg-gradient-gray.btn.dropdown-toggle{background-image:none!important}.bg-gradient-gray.btn:hover{background:#6c757d linear-gradient(180deg,#73797f,#5a6268) repeat-x!important;border-color:#545b62;color:#ececec}.bg-gradient-gray.btn.active,.bg-gradient-gray.btn:active,.bg-gradient-gray.btn:not(:disabled):not(.disabled).active,.bg-gradient-gray.btn:not(:disabled):not(.disabled):active{background:#6c757d linear-gradient(180deg,#6e7479,#545b62) repeat-x!important;border-color:#4e555b;color:#fff}.bg-gradient-gray.btn.disabled,.bg-gradient-gray.btn:disabled{background-image:none!important;border-color:#6c757d;color:#fff}.bg-gradient-gray-dark{background:#343a40 linear-gradient(180deg,#52585d,#343a40) repeat-x!important;color:#fff}.bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active,.bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active,.show>.bg-gradient-gray-dark.btn.dropdown-toggle{background-image:none!important}.bg-gradient-gray-dark.btn:hover{background:#343a40 linear-gradient(180deg,#44474b,#23272b) repeat-x!important;border-color:#1d2124;color:#ececec}.bg-gradient-gray-dark.btn.active,.bg-gradient-gray-dark.btn:active,.bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active,.bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active{background:#343a40 linear-gradient(180deg,#3f4245,#1d2124) repeat-x!important;border-color:#171a1d;color:#fff}.bg-gradient-gray-dark.btn.disabled,.bg-gradient-gray-dark.btn:disabled{background-image:none!important;border-color:#343a40;color:#fff}[class^=bg-].disabled{opacity:.65}a.text-muted:hover{color:#007bff!important}.link-muted{color:#5d6974}.link-muted:focus,.link-muted:hover{color:#464f58}.link-black{color:#6c757d}.link-black:focus,.link-black:hover{color:#e6e8ea}.accent-primary .btn-link,.accent-primary .nav-tabs .nav-link,.accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#007bff}.accent-primary .btn-link:hover,.accent-primary .nav-tabs .nav-link:hover,.accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#0056b3}.accent-primary .dropdown-item.active,.accent-primary .dropdown-item:active{background-color:#007bff;color:#fff}.accent-primary .custom-control-input:checked~.custom-control-label::before{background-color:#007bff;border-color:#004a99}.accent-primary .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.accent-primary .custom-control-input:focus:not(:checked)~.custom-control-label::before,.accent-primary .custom-file-input:focus~.custom-file-label,.accent-primary .custom-select:focus,.accent-primary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#80bdff}.accent-primary .page-item .page-link{color:#007bff}.accent-primary .page-item.active .page-link,.accent-primary .page-item.active a{background-color:#007bff;border-color:#007bff;color:#fff}.accent-primary .page-item.disabled .page-link,.accent-primary .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.accent-primary [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.accent-primary [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.accent-primary [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.accent-primary [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode.accent-primary .page-item .page-link:focus,.dark-mode.accent-primary .page-item .page-link:hover{color:#1a88ff}.accent-secondary .btn-link,.accent-secondary .nav-tabs .nav-link,.accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#6c757d}.accent-secondary .btn-link:hover,.accent-secondary .nav-tabs .nav-link:hover,.accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#494f54}.accent-secondary .dropdown-item.active,.accent-secondary .dropdown-item:active{background-color:#6c757d;color:#fff}.accent-secondary .custom-control-input:checked~.custom-control-label::before{background-color:#6c757d;border-color:#3d4246}.accent-secondary .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.accent-secondary .custom-control-input:focus:not(:checked)~.custom-control-label::before,.accent-secondary .custom-file-input:focus~.custom-file-label,.accent-secondary .custom-select:focus,.accent-secondary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#afb5ba}.accent-secondary .page-item .page-link{color:#6c757d}.accent-secondary .page-item.active .page-link,.accent-secondary .page-item.active a{background-color:#6c757d;border-color:#6c757d;color:#fff}.accent-secondary .page-item.disabled .page-link,.accent-secondary .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.accent-secondary [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.accent-secondary [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.accent-secondary [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.accent-secondary [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode.accent-secondary .page-item .page-link:focus,.dark-mode.accent-secondary .page-item .page-link:hover{color:#78828a}.accent-success .btn-link,.accent-success .nav-tabs .nav-link,.accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#28a745}.accent-success .btn-link:hover,.accent-success .nav-tabs .nav-link:hover,.accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#19692c}.accent-success .dropdown-item.active,.accent-success .dropdown-item:active{background-color:#28a745;color:#fff}.accent-success .custom-control-input:checked~.custom-control-label::before{background-color:#28a745;border-color:#145523}.accent-success .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.accent-success .custom-control-input:focus:not(:checked)~.custom-control-label::before,.accent-success .custom-file-input:focus~.custom-file-label,.accent-success .custom-select:focus,.accent-success .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#71dd8a}.accent-success .page-item .page-link{color:#28a745}.accent-success .page-item.active .page-link,.accent-success .page-item.active a{background-color:#28a745;border-color:#28a745;color:#fff}.accent-success .page-item.disabled .page-link,.accent-success .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.accent-success [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.accent-success [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.accent-success [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.accent-success [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode.accent-success .page-item .page-link:focus,.dark-mode.accent-success .page-item .page-link:hover{color:#2dbc4e}.accent-info .btn-link,.accent-info .nav-tabs .nav-link,.accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#17a2b8}.accent-info .btn-link:hover,.accent-info .nav-tabs .nav-link:hover,.accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#0f6674}.accent-info .dropdown-item.active,.accent-info .dropdown-item:active{background-color:#17a2b8;color:#fff}.accent-info .custom-control-input:checked~.custom-control-label::before{background-color:#17a2b8;border-color:#0c525d}.accent-info .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.accent-info .custom-control-input:focus:not(:checked)~.custom-control-label::before,.accent-info .custom-file-input:focus~.custom-file-label,.accent-info .custom-select:focus,.accent-info .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#63d9ec}.accent-info .page-item .page-link{color:#17a2b8}.accent-info .page-item.active .page-link,.accent-info .page-item.active a{background-color:#17a2b8;border-color:#17a2b8;color:#fff}.accent-info .page-item.disabled .page-link,.accent-info .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.accent-info [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.accent-info [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.accent-info [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.accent-info [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode.accent-info .page-item .page-link:focus,.dark-mode.accent-info .page-item .page-link:hover{color:#1ab6cf}.accent-warning .btn-link,.accent-warning .nav-tabs .nav-link,.accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#ffc107}.accent-warning .btn-link:hover,.accent-warning .nav-tabs .nav-link:hover,.accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#ba8b00}.accent-warning .dropdown-item.active,.accent-warning .dropdown-item:active{background-color:#ffc107;color:#1f2d3d}.accent-warning .custom-control-input:checked~.custom-control-label::before{background-color:#ffc107;border-color:#a07800}.accent-warning .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.accent-warning .custom-control-input:focus:not(:checked)~.custom-control-label::before,.accent-warning .custom-file-input:focus~.custom-file-label,.accent-warning .custom-select:focus,.accent-warning .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#ffe187}.accent-warning .page-item .page-link{color:#ffc107}.accent-warning .page-item.active .page-link,.accent-warning .page-item.active a{background-color:#ffc107;border-color:#ffc107;color:#fff}.accent-warning .page-item.disabled .page-link,.accent-warning .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.accent-warning [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.accent-warning [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.accent-warning [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.accent-warning [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode.accent-warning .page-item .page-link:focus,.dark-mode.accent-warning .page-item .page-link:hover{color:#ffc721}.accent-danger .btn-link,.accent-danger .nav-tabs .nav-link,.accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#dc3545}.accent-danger .btn-link:hover,.accent-danger .nav-tabs .nav-link:hover,.accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#a71d2a}.accent-danger .dropdown-item.active,.accent-danger .dropdown-item:active{background-color:#dc3545;color:#fff}.accent-danger .custom-control-input:checked~.custom-control-label::before{background-color:#dc3545;border-color:#921925}.accent-danger .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.accent-danger .custom-control-input:focus:not(:checked)~.custom-control-label::before,.accent-danger .custom-file-input:focus~.custom-file-label,.accent-danger .custom-select:focus,.accent-danger .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#efa2a9}.accent-danger .page-item .page-link{color:#dc3545}.accent-danger .page-item.active .page-link,.accent-danger .page-item.active a{background-color:#dc3545;border-color:#dc3545;color:#fff}.accent-danger .page-item.disabled .page-link,.accent-danger .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.accent-danger [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.accent-danger [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.accent-danger [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.accent-danger [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode.accent-danger .page-item .page-link:focus,.dark-mode.accent-danger .page-item .page-link:hover{color:#e04b59}.accent-light .btn-link,.accent-light .nav-tabs .nav-link,.accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#f8f9fa}.accent-light .btn-link:hover,.accent-light .nav-tabs .nav-link:hover,.accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#cbd3da}.accent-light .dropdown-item.active,.accent-light .dropdown-item:active{background-color:#f8f9fa;color:#1f2d3d}.accent-light .custom-control-input:checked~.custom-control-label::before{background-color:#f8f9fa;border-color:#bdc6d0}.accent-light .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.accent-light .custom-control-input:focus:not(:checked)~.custom-control-label::before,.accent-light .custom-file-input:focus~.custom-file-label,.accent-light .custom-select:focus,.accent-light .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#fff}.accent-light .page-item .page-link{color:#f8f9fa}.accent-light .page-item.active .page-link,.accent-light .page-item.active a{background-color:#f8f9fa;border-color:#f8f9fa;color:#fff}.accent-light .page-item.disabled .page-link,.accent-light .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.accent-light [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.accent-light [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.accent-light [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.accent-light [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode.accent-light .page-item .page-link:focus,.dark-mode.accent-light .page-item .page-link:hover{color:#fff}.accent-dark .btn-link,.accent-dark .nav-tabs .nav-link,.accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#343a40}.accent-dark .btn-link:hover,.accent-dark .nav-tabs .nav-link:hover,.accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#121416}.accent-dark .dropdown-item.active,.accent-dark .dropdown-item:active{background-color:#343a40;color:#fff}.accent-dark .custom-control-input:checked~.custom-control-label::before{background-color:#343a40;border-color:#060708}.accent-dark .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.accent-dark .custom-control-input:focus:not(:checked)~.custom-control-label::before,.accent-dark .custom-file-input:focus~.custom-file-label,.accent-dark .custom-select:focus,.accent-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#6d7a86}.accent-dark .page-item .page-link{color:#343a40}.accent-dark .page-item.active .page-link,.accent-dark .page-item.active a{background-color:#343a40;border-color:#343a40;color:#fff}.accent-dark .page-item.disabled .page-link,.accent-dark .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.accent-dark [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.accent-dark [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.accent-dark [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.accent-dark [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode.accent-dark .page-item .page-link:focus,.dark-mode.accent-dark .page-item .page-link:hover{color:#3f474e}.accent-lightblue .btn-link,.accent-lightblue .nav-tabs .nav-link,.accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#3c8dbc}.accent-lightblue .btn-link:hover,.accent-lightblue .nav-tabs .nav-link:hover,.accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#296282}.accent-lightblue .dropdown-item.active,.accent-lightblue .dropdown-item:active{background-color:#3c8dbc;color:#fff}.accent-lightblue .custom-control-input:checked~.custom-control-label::before{background-color:#3c8dbc;border-color:#23536f}.accent-lightblue .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.accent-lightblue .custom-control-input:focus:not(:checked)~.custom-control-label::before,.accent-lightblue .custom-file-input:focus~.custom-file-label,.accent-lightblue .custom-select:focus,.accent-lightblue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#99c5de}.accent-lightblue .page-item .page-link{color:#3c8dbc}.accent-lightblue .page-item.active .page-link,.accent-lightblue .page-item.active a{background-color:#3c8dbc;border-color:#3c8dbc;color:#fff}.accent-lightblue .page-item.disabled .page-link,.accent-lightblue .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.accent-lightblue [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.accent-lightblue [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.accent-lightblue [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.accent-lightblue [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode.accent-lightblue .page-item .page-link:focus,.dark-mode.accent-lightblue .page-item .page-link:hover{color:#4c99c6}.accent-navy .btn-link,.accent-navy .nav-tabs .nav-link,.accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#001f3f}.accent-navy .btn-link:hover,.accent-navy .nav-tabs .nav-link:hover,.accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#000}.accent-navy .dropdown-item.active,.accent-navy .dropdown-item:active{background-color:#001f3f;color:#fff}.accent-navy .custom-control-input:checked~.custom-control-label::before{background-color:#001f3f;border-color:#000}.accent-navy .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.accent-navy .custom-control-input:focus:not(:checked)~.custom-control-label::before,.accent-navy .custom-file-input:focus~.custom-file-label,.accent-navy .custom-select:focus,.accent-navy .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#005ebf}.accent-navy .page-item .page-link{color:#001f3f}.accent-navy .page-item.active .page-link,.accent-navy .page-item.active a{background-color:#001f3f;border-color:#001f3f;color:#fff}.accent-navy .page-item.disabled .page-link,.accent-navy .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.accent-navy [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.accent-navy [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.accent-navy [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.accent-navy [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode.accent-navy .page-item .page-link:focus,.dark-mode.accent-navy .page-item .page-link:hover{color:#002c59}.accent-olive .btn-link,.accent-olive .nav-tabs .nav-link,.accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#3d9970}.accent-olive .btn-link:hover,.accent-olive .nav-tabs .nav-link:hover,.accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#276248}.accent-olive .dropdown-item.active,.accent-olive .dropdown-item:active{background-color:#3d9970;color:#fff}.accent-olive .custom-control-input:checked~.custom-control-label::before{background-color:#3d9970;border-color:#20503b}.accent-olive .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.accent-olive .custom-control-input:focus:not(:checked)~.custom-control-label::before,.accent-olive .custom-file-input:focus~.custom-file-label,.accent-olive .custom-select:focus,.accent-olive .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#87cfaf}.accent-olive .page-item .page-link{color:#3d9970}.accent-olive .page-item.active .page-link,.accent-olive .page-item.active a{background-color:#3d9970;border-color:#3d9970;color:#fff}.accent-olive .page-item.disabled .page-link,.accent-olive .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.accent-olive [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.accent-olive [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.accent-olive [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.accent-olive [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode.accent-olive .page-item .page-link:focus,.dark-mode.accent-olive .page-item .page-link:hover{color:#44ab7d}.accent-lime .btn-link,.accent-lime .nav-tabs .nav-link,.accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#01ff70}.accent-lime .btn-link:hover,.accent-lime .nav-tabs .nav-link:hover,.accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#00b44e}.accent-lime .dropdown-item.active,.accent-lime .dropdown-item:active{background-color:#01ff70;color:#1f2d3d}.accent-lime .custom-control-input:checked~.custom-control-label::before{background-color:#01ff70;border-color:#009a43}.accent-lime .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.accent-lime .custom-control-input:focus:not(:checked)~.custom-control-label::before,.accent-lime .custom-file-input:focus~.custom-file-label,.accent-lime .custom-select:focus,.accent-lime .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#81ffb8}.accent-lime .page-item .page-link{color:#01ff70}.accent-lime .page-item.active .page-link,.accent-lime .page-item.active a{background-color:#01ff70;border-color:#01ff70;color:#fff}.accent-lime .page-item.disabled .page-link,.accent-lime .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.accent-lime [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.accent-lime [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.accent-lime [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.accent-lime [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode.accent-lime .page-item .page-link:focus,.dark-mode.accent-lime .page-item .page-link:hover{color:#1bff7e}.accent-fuchsia .btn-link,.accent-fuchsia .nav-tabs .nav-link,.accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#f012be}.accent-fuchsia .btn-link:hover,.accent-fuchsia .nav-tabs .nav-link:hover,.accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#ab0b87}.accent-fuchsia .dropdown-item.active,.accent-fuchsia .dropdown-item:active{background-color:#f012be;color:#fff}.accent-fuchsia .custom-control-input:checked~.custom-control-label::before{background-color:#f012be;border-color:#930974}.accent-fuchsia .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.accent-fuchsia .custom-control-input:focus:not(:checked)~.custom-control-label::before,.accent-fuchsia .custom-file-input:focus~.custom-file-label,.accent-fuchsia .custom-select:focus,.accent-fuchsia .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#f88adf}.accent-fuchsia .page-item .page-link{color:#f012be}.accent-fuchsia .page-item.active .page-link,.accent-fuchsia .page-item.active a{background-color:#f012be;border-color:#f012be;color:#fff}.accent-fuchsia .page-item.disabled .page-link,.accent-fuchsia .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.accent-fuchsia [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.accent-fuchsia [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.accent-fuchsia [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.accent-fuchsia [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode.accent-fuchsia .page-item .page-link:focus,.dark-mode.accent-fuchsia .page-item .page-link:hover{color:#f22ac5}.accent-maroon .btn-link,.accent-maroon .nav-tabs .nav-link,.accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#d81b60}.accent-maroon .btn-link:hover,.accent-maroon .nav-tabs .nav-link:hover,.accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#941342}.accent-maroon .dropdown-item.active,.accent-maroon .dropdown-item:active{background-color:#d81b60;color:#fff}.accent-maroon .custom-control-input:checked~.custom-control-label::before{background-color:#d81b60;border-color:#7d1038}.accent-maroon .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.accent-maroon .custom-control-input:focus:not(:checked)~.custom-control-label::before,.accent-maroon .custom-file-input:focus~.custom-file-label,.accent-maroon .custom-select:focus,.accent-maroon .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#f083ab}.accent-maroon .page-item .page-link{color:#d81b60}.accent-maroon .page-item.active .page-link,.accent-maroon .page-item.active a{background-color:#d81b60;border-color:#d81b60;color:#fff}.accent-maroon .page-item.disabled .page-link,.accent-maroon .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.accent-maroon [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.accent-maroon [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.accent-maroon [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.accent-maroon [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode.accent-maroon .page-item .page-link:focus,.dark-mode.accent-maroon .page-item .page-link:hover{color:#e4286d}.accent-blue .btn-link,.accent-blue .nav-tabs .nav-link,.accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#007bff}.accent-blue .btn-link:hover,.accent-blue .nav-tabs .nav-link:hover,.accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#0056b3}.accent-blue .dropdown-item.active,.accent-blue .dropdown-item:active{background-color:#007bff;color:#fff}.accent-blue .custom-control-input:checked~.custom-control-label::before{background-color:#007bff;border-color:#004a99}.accent-blue .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.accent-blue .custom-control-input:focus:not(:checked)~.custom-control-label::before,.accent-blue .custom-file-input:focus~.custom-file-label,.accent-blue .custom-select:focus,.accent-blue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#80bdff}.accent-blue .page-item .page-link{color:#007bff}.accent-blue .page-item.active .page-link,.accent-blue .page-item.active a{background-color:#007bff;border-color:#007bff;color:#fff}.accent-blue .page-item.disabled .page-link,.accent-blue .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.accent-blue [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.accent-blue [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.accent-blue [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.accent-blue [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode.accent-blue .page-item .page-link:focus,.dark-mode.accent-blue .page-item .page-link:hover{color:#1a88ff}.accent-indigo .btn-link,.accent-indigo .nav-tabs .nav-link,.accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#6610f2}.accent-indigo .btn-link:hover,.accent-indigo .nav-tabs .nav-link:hover,.accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#4709ac}.accent-indigo .dropdown-item.active,.accent-indigo .dropdown-item:active{background-color:#6610f2;color:#fff}.accent-indigo .custom-control-input:checked~.custom-control-label::before{background-color:#6610f2;border-color:#3d0894}.accent-indigo .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.accent-indigo .custom-control-input:focus:not(:checked)~.custom-control-label::before,.accent-indigo .custom-file-input:focus~.custom-file-label,.accent-indigo .custom-select:focus,.accent-indigo .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#b389f9}.accent-indigo .page-item .page-link{color:#6610f2}.accent-indigo .page-item.active .page-link,.accent-indigo .page-item.active a{background-color:#6610f2;border-color:#6610f2;color:#fff}.accent-indigo .page-item.disabled .page-link,.accent-indigo .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.accent-indigo [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.accent-indigo [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.accent-indigo [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.accent-indigo [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode.accent-indigo .page-item .page-link:focus,.dark-mode.accent-indigo .page-item .page-link:hover{color:#7528f3}.accent-purple .btn-link,.accent-purple .nav-tabs .nav-link,.accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#6f42c1}.accent-purple .btn-link:hover,.accent-purple .nav-tabs .nav-link:hover,.accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#4e2d89}.accent-purple .dropdown-item.active,.accent-purple .dropdown-item:active{background-color:#6f42c1;color:#fff}.accent-purple .custom-control-input:checked~.custom-control-label::before{background-color:#6f42c1;border-color:#432776}.accent-purple .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.accent-purple .custom-control-input:focus:not(:checked)~.custom-control-label::before,.accent-purple .custom-file-input:focus~.custom-file-label,.accent-purple .custom-select:focus,.accent-purple .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#b8a2e0}.accent-purple .page-item .page-link{color:#6f42c1}.accent-purple .page-item.active .page-link,.accent-purple .page-item.active a{background-color:#6f42c1;border-color:#6f42c1;color:#fff}.accent-purple .page-item.disabled .page-link,.accent-purple .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.accent-purple [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.accent-purple [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.accent-purple [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.accent-purple [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode.accent-purple .page-item .page-link:focus,.dark-mode.accent-purple .page-item .page-link:hover{color:#7e55c7}.accent-pink .btn-link,.accent-pink .nav-tabs .nav-link,.accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#e83e8c}.accent-pink .btn-link:hover,.accent-pink .nav-tabs .nav-link:hover,.accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#c21766}.accent-pink .dropdown-item.active,.accent-pink .dropdown-item:active{background-color:#e83e8c;color:#fff}.accent-pink .custom-control-input:checked~.custom-control-label::before{background-color:#e83e8c;border-color:#ac145a}.accent-pink .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.accent-pink .custom-control-input:focus:not(:checked)~.custom-control-label::before,.accent-pink .custom-file-input:focus~.custom-file-label,.accent-pink .custom-select:focus,.accent-pink .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#f6b0d0}.accent-pink .page-item .page-link{color:#e83e8c}.accent-pink .page-item.active .page-link,.accent-pink .page-item.active a{background-color:#e83e8c;border-color:#e83e8c;color:#fff}.accent-pink .page-item.disabled .page-link,.accent-pink .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.accent-pink [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.accent-pink [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.accent-pink [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.accent-pink [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode.accent-pink .page-item .page-link:focus,.dark-mode.accent-pink .page-item .page-link:hover{color:#eb559a}.accent-red .btn-link,.accent-red .nav-tabs .nav-link,.accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#dc3545}.accent-red .btn-link:hover,.accent-red .nav-tabs .nav-link:hover,.accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#a71d2a}.accent-red .dropdown-item.active,.accent-red .dropdown-item:active{background-color:#dc3545;color:#fff}.accent-red .custom-control-input:checked~.custom-control-label::before{background-color:#dc3545;border-color:#921925}.accent-red .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.accent-red .custom-control-input:focus:not(:checked)~.custom-control-label::before,.accent-red .custom-file-input:focus~.custom-file-label,.accent-red .custom-select:focus,.accent-red .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#efa2a9}.accent-red .page-item .page-link{color:#dc3545}.accent-red .page-item.active .page-link,.accent-red .page-item.active a{background-color:#dc3545;border-color:#dc3545;color:#fff}.accent-red .page-item.disabled .page-link,.accent-red .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.accent-red [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.accent-red [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.accent-red [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.accent-red [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode.accent-red .page-item .page-link:focus,.dark-mode.accent-red .page-item .page-link:hover{color:#e04b59}.accent-orange .btn-link,.accent-orange .nav-tabs .nav-link,.accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#fd7e14}.accent-orange .btn-link:hover,.accent-orange .nav-tabs .nav-link:hover,.accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#c35a02}.accent-orange .dropdown-item.active,.accent-orange .dropdown-item:active{background-color:#fd7e14;color:#1f2d3d}.accent-orange .custom-control-input:checked~.custom-control-label::before{background-color:#fd7e14;border-color:#aa4e01}.accent-orange .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.accent-orange .custom-control-input:focus:not(:checked)~.custom-control-label::before,.accent-orange .custom-file-input:focus~.custom-file-label,.accent-orange .custom-select:focus,.accent-orange .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#fec392}.accent-orange .page-item .page-link{color:#fd7e14}.accent-orange .page-item.active .page-link,.accent-orange .page-item.active a{background-color:#fd7e14;border-color:#fd7e14;color:#fff}.accent-orange .page-item.disabled .page-link,.accent-orange .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.accent-orange [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.accent-orange [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.accent-orange [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.accent-orange [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode.accent-orange .page-item .page-link:focus,.dark-mode.accent-orange .page-item .page-link:hover{color:#fd8c2d}.accent-yellow .btn-link,.accent-yellow .nav-tabs .nav-link,.accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#ffc107}.accent-yellow .btn-link:hover,.accent-yellow .nav-tabs .nav-link:hover,.accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#ba8b00}.accent-yellow .dropdown-item.active,.accent-yellow .dropdown-item:active{background-color:#ffc107;color:#1f2d3d}.accent-yellow .custom-control-input:checked~.custom-control-label::before{background-color:#ffc107;border-color:#a07800}.accent-yellow .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.accent-yellow .custom-control-input:focus:not(:checked)~.custom-control-label::before,.accent-yellow .custom-file-input:focus~.custom-file-label,.accent-yellow .custom-select:focus,.accent-yellow .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#ffe187}.accent-yellow .page-item .page-link{color:#ffc107}.accent-yellow .page-item.active .page-link,.accent-yellow .page-item.active a{background-color:#ffc107;border-color:#ffc107;color:#fff}.accent-yellow .page-item.disabled .page-link,.accent-yellow .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.accent-yellow [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.accent-yellow [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.accent-yellow [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.accent-yellow [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode.accent-yellow .page-item .page-link:focus,.dark-mode.accent-yellow .page-item .page-link:hover{color:#ffc721}.accent-green .btn-link,.accent-green .nav-tabs .nav-link,.accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#28a745}.accent-green .btn-link:hover,.accent-green .nav-tabs .nav-link:hover,.accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#19692c}.accent-green .dropdown-item.active,.accent-green .dropdown-item:active{background-color:#28a745;color:#fff}.accent-green .custom-control-input:checked~.custom-control-label::before{background-color:#28a745;border-color:#145523}.accent-green .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.accent-green .custom-control-input:focus:not(:checked)~.custom-control-label::before,.accent-green .custom-file-input:focus~.custom-file-label,.accent-green .custom-select:focus,.accent-green .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#71dd8a}.accent-green .page-item .page-link{color:#28a745}.accent-green .page-item.active .page-link,.accent-green .page-item.active a{background-color:#28a745;border-color:#28a745;color:#fff}.accent-green .page-item.disabled .page-link,.accent-green .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.accent-green [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.accent-green [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.accent-green [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.accent-green [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode.accent-green .page-item .page-link:focus,.dark-mode.accent-green .page-item .page-link:hover{color:#2dbc4e}.accent-teal .btn-link,.accent-teal .nav-tabs .nav-link,.accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#20c997}.accent-teal .btn-link:hover,.accent-teal .nav-tabs .nav-link:hover,.accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#158765}.accent-teal .dropdown-item.active,.accent-teal .dropdown-item:active{background-color:#20c997;color:#fff}.accent-teal .custom-control-input:checked~.custom-control-label::before{background-color:#20c997;border-color:#127155}.accent-teal .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.accent-teal .custom-control-input:focus:not(:checked)~.custom-control-label::before,.accent-teal .custom-file-input:focus~.custom-file-label,.accent-teal .custom-select:focus,.accent-teal .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#7eeaca}.accent-teal .page-item .page-link{color:#20c997}.accent-teal .page-item.active .page-link,.accent-teal .page-item.active a{background-color:#20c997;border-color:#20c997;color:#fff}.accent-teal .page-item.disabled .page-link,.accent-teal .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.accent-teal [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.accent-teal [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.accent-teal [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.accent-teal [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode.accent-teal .page-item .page-link:focus,.dark-mode.accent-teal .page-item .page-link:hover{color:#26dca6}.accent-cyan .btn-link,.accent-cyan .nav-tabs .nav-link,.accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#17a2b8}.accent-cyan .btn-link:hover,.accent-cyan .nav-tabs .nav-link:hover,.accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#0f6674}.accent-cyan .dropdown-item.active,.accent-cyan .dropdown-item:active{background-color:#17a2b8;color:#fff}.accent-cyan .custom-control-input:checked~.custom-control-label::before{background-color:#17a2b8;border-color:#0c525d}.accent-cyan .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.accent-cyan .custom-control-input:focus:not(:checked)~.custom-control-label::before,.accent-cyan .custom-file-input:focus~.custom-file-label,.accent-cyan .custom-select:focus,.accent-cyan .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#63d9ec}.accent-cyan .page-item .page-link{color:#17a2b8}.accent-cyan .page-item.active .page-link,.accent-cyan .page-item.active a{background-color:#17a2b8;border-color:#17a2b8;color:#fff}.accent-cyan .page-item.disabled .page-link,.accent-cyan .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.accent-cyan [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.accent-cyan [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.accent-cyan [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.accent-cyan [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode.accent-cyan .page-item .page-link:focus,.dark-mode.accent-cyan .page-item .page-link:hover{color:#1ab6cf}.accent-white .btn-link,.accent-white .nav-tabs .nav-link,.accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#fff}.accent-white .btn-link:hover,.accent-white .nav-tabs .nav-link:hover,.accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#d9d9d9}.accent-white .dropdown-item.active,.accent-white .dropdown-item:active{background-color:#fff;color:#1f2d3d}.accent-white .custom-control-input:checked~.custom-control-label::before{background-color:#fff;border-color:#ccc}.accent-white .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.accent-white .custom-control-input:focus:not(:checked)~.custom-control-label::before,.accent-white .custom-file-input:focus~.custom-file-label,.accent-white .custom-select:focus,.accent-white .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#fff}.accent-white .page-item .page-link{color:#fff}.accent-white .page-item.active .page-link,.accent-white .page-item.active a{background-color:#fff;border-color:#fff;color:#fff}.accent-white .page-item.disabled .page-link,.accent-white .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.accent-white [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.accent-white [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.accent-white [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.accent-white [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode.accent-white .page-item .page-link:focus,.dark-mode.accent-white .page-item .page-link:hover{color:#fff}.accent-gray .btn-link,.accent-gray .nav-tabs .nav-link,.accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#6c757d}.accent-gray .btn-link:hover,.accent-gray .nav-tabs .nav-link:hover,.accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#494f54}.accent-gray .dropdown-item.active,.accent-gray .dropdown-item:active{background-color:#6c757d;color:#fff}.accent-gray .custom-control-input:checked~.custom-control-label::before{background-color:#6c757d;border-color:#3d4246}.accent-gray .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.accent-gray .custom-control-input:focus:not(:checked)~.custom-control-label::before,.accent-gray .custom-file-input:focus~.custom-file-label,.accent-gray .custom-select:focus,.accent-gray .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#afb5ba}.accent-gray .page-item .page-link{color:#6c757d}.accent-gray .page-item.active .page-link,.accent-gray .page-item.active a{background-color:#6c757d;border-color:#6c757d;color:#fff}.accent-gray .page-item.disabled .page-link,.accent-gray .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.accent-gray [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.accent-gray [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.accent-gray [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.accent-gray [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode.accent-gray .page-item .page-link:focus,.dark-mode.accent-gray .page-item .page-link:hover{color:#78828a}.accent-gray-dark .btn-link,.accent-gray-dark .nav-tabs .nav-link,.accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#343a40}.accent-gray-dark .btn-link:hover,.accent-gray-dark .nav-tabs .nav-link:hover,.accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#121416}.accent-gray-dark .dropdown-item.active,.accent-gray-dark .dropdown-item:active{background-color:#343a40;color:#fff}.accent-gray-dark .custom-control-input:checked~.custom-control-label::before{background-color:#343a40;border-color:#060708}.accent-gray-dark .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.accent-gray-dark .custom-control-input:focus:not(:checked)~.custom-control-label::before,.accent-gray-dark .custom-file-input:focus~.custom-file-label,.accent-gray-dark .custom-select:focus,.accent-gray-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#6d7a86}.accent-gray-dark .page-item .page-link{color:#343a40}.accent-gray-dark .page-item.active .page-link,.accent-gray-dark .page-item.active a{background-color:#343a40;border-color:#343a40;color:#fff}.accent-gray-dark .page-item.disabled .page-link,.accent-gray-dark .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.accent-gray-dark [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.accent-gray-dark [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.accent-gray-dark [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.accent-gray-dark [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode.accent-gray-dark .page-item .page-link:focus,.dark-mode.accent-gray-dark .page-item .page-link:hover{color:#3f474e}[class*=accent-] a.btn-primary{color:#fff}[class*=accent-] a.btn-secondary{color:#fff}[class*=accent-] a.btn-success{color:#fff}[class*=accent-] a.btn-info{color:#fff}[class*=accent-] a.btn-warning{color:#1f2d3d}[class*=accent-] a.btn-danger{color:#fff}[class*=accent-] a.btn-light{color:#1f2d3d}[class*=accent-] a.btn-dark{color:#fff}.dark-mode .bg-light{background-color:#454d55!important;color:#fff!important}.dark-mode .link-black,.dark-mode .link-dark,.dark-mode .text-black,.dark-mode .text-dark{color:#ced4da!important}.dark-mode.bg-primary{background-color:#3f6791!important}.dark-mode.bg-primary,.dark-mode.bg-primary>a{color:#fff!important}.dark-mode.bg-primary.btn:hover{border-color:#304e6d;color:#ececec}.dark-mode.bg-primary.btn.active,.dark-mode.bg-primary.btn:active,.dark-mode.bg-primary.btn:not(:disabled):not(.disabled).active,.dark-mode.bg-primary.btn:not(:disabled):not(.disabled):active{background-color:#304e6d!important;border-color:#2c4765;color:#fff}.dark-mode.bg-secondary{background-color:#6c757d!important}.dark-mode.bg-secondary,.dark-mode.bg-secondary>a{color:#fff!important}.dark-mode.bg-secondary.btn:hover{border-color:#545b62;color:#ececec}.dark-mode.bg-secondary.btn.active,.dark-mode.bg-secondary.btn:active,.dark-mode.bg-secondary.btn:not(:disabled):not(.disabled).active,.dark-mode.bg-secondary.btn:not(:disabled):not(.disabled):active{background-color:#545b62!important;border-color:#4e555b;color:#fff}.dark-mode.bg-success{background-color:#00bc8c!important}.dark-mode.bg-success,.dark-mode.bg-success>a{color:#fff!important}.dark-mode.bg-success.btn:hover{border-color:#008966;color:#ececec}.dark-mode.bg-success.btn.active,.dark-mode.bg-success.btn:active,.dark-mode.bg-success.btn:not(:disabled):not(.disabled).active,.dark-mode.bg-success.btn:not(:disabled):not(.disabled):active{background-color:#008966!important;border-color:#007c5d;color:#fff}.dark-mode.bg-info{background-color:#3498db!important}.dark-mode.bg-info,.dark-mode.bg-info>a{color:#fff!important}.dark-mode.bg-info.btn:hover{border-color:#217dbb;color:#ececec}.dark-mode.bg-info.btn.active,.dark-mode.bg-info.btn:active,.dark-mode.bg-info.btn:not(:disabled):not(.disabled).active,.dark-mode.bg-info.btn:not(:disabled):not(.disabled):active{background-color:#217dbb!important;border-color:#1f76b0;color:#fff}.dark-mode.bg-warning{background-color:#f39c12!important}.dark-mode.bg-warning,.dark-mode.bg-warning>a{color:#1f2d3d!important}.dark-mode.bg-warning.btn:hover{border-color:#c87f0a;color:#121a24}.dark-mode.bg-warning.btn.active,.dark-mode.bg-warning.btn:active,.dark-mode.bg-warning.btn:not(:disabled):not(.disabled).active,.dark-mode.bg-warning.btn:not(:disabled):not(.disabled):active{background-color:#c87f0a!important;border-color:#bc770a;color:#fff}.dark-mode.bg-danger{background-color:#e74c3c!important}.dark-mode.bg-danger,.dark-mode.bg-danger>a{color:#fff!important}.dark-mode.bg-danger.btn:hover{border-color:#d62c1a;color:#ececec}.dark-mode.bg-danger.btn.active,.dark-mode.bg-danger.btn:active,.dark-mode.bg-danger.btn:not(:disabled):not(.disabled).active,.dark-mode.bg-danger.btn:not(:disabled):not(.disabled):active{background-color:#d62c1a!important;border-color:#ca2a19;color:#fff}.dark-mode.bg-light{background-color:#f8f9fa!important}.dark-mode.bg-light,.dark-mode.bg-light>a{color:#1f2d3d!important}.dark-mode.bg-light.btn:hover{border-color:#dae0e5;color:#121a24}.dark-mode.bg-light.btn.active,.dark-mode.bg-light.btn:active,.dark-mode.bg-light.btn:not(:disabled):not(.disabled).active,.dark-mode.bg-light.btn:not(:disabled):not(.disabled):active{background-color:#dae0e5!important;border-color:#d3d9df;color:#1f2d3d}.dark-mode.bg-dark{background-color:#343a40!important}.dark-mode.bg-dark,.dark-mode.bg-dark>a{color:#fff!important}.dark-mode.bg-dark.btn:hover{border-color:#1d2124;color:#ececec}.dark-mode.bg-dark.btn.active,.dark-mode.bg-dark.btn:active,.dark-mode.bg-dark.btn:not(:disabled):not(.disabled).active,.dark-mode.bg-dark.btn:not(:disabled):not(.disabled):active{background-color:#1d2124!important;border-color:#171a1d;color:#fff}.dark-mode.bg-lightblue{background-color:#86bad8!important}.dark-mode.bg-lightblue,.dark-mode.bg-lightblue>a{color:#1f2d3d!important}.dark-mode.bg-lightblue.btn:hover{border-color:#5fa4cc;color:#121a24}.dark-mode.bg-lightblue.btn.active,.dark-mode.bg-lightblue.btn:active,.dark-mode.bg-lightblue.btn:not(:disabled):not(.disabled).active,.dark-mode.bg-lightblue.btn:not(:disabled):not(.disabled):active{background-color:#5fa4cc!important;border-color:#559ec9;color:#fff}.dark-mode.bg-navy{background-color:#002c59!important}.dark-mode.bg-navy,.dark-mode.bg-navy>a{color:#fff!important}.dark-mode.bg-navy.btn:hover{border-color:#001226;color:#ececec}.dark-mode.bg-navy.btn.active,.dark-mode.bg-navy.btn:active,.dark-mode.bg-navy.btn:not(:disabled):not(.disabled).active,.dark-mode.bg-navy.btn:not(:disabled):not(.disabled):active{background-color:#001226!important;border-color:#000c19;color:#fff}.dark-mode.bg-olive{background-color:#74c8a3!important}.dark-mode.bg-olive,.dark-mode.bg-olive>a{color:#1f2d3d!important}.dark-mode.bg-olive.btn:hover{border-color:#50b98a;color:#121a24}.dark-mode.bg-olive.btn.active,.dark-mode.bg-olive.btn:active,.dark-mode.bg-olive.btn:not(:disabled):not(.disabled).active,.dark-mode.bg-olive.btn:not(:disabled):not(.disabled):active{background-color:#50b98a!important;border-color:#48b484;color:#fff}.dark-mode.bg-lime{background-color:#67ffa9!important}.dark-mode.bg-lime,.dark-mode.bg-lime>a{color:#1f2d3d!important}.dark-mode.bg-lime.btn:hover{border-color:#34ff8d;color:#121a24}.dark-mode.bg-lime.btn.active,.dark-mode.bg-lime.btn:active,.dark-mode.bg-lime.btn:not(:disabled):not(.disabled).active,.dark-mode.bg-lime.btn:not(:disabled):not(.disabled):active{background-color:#34ff8d!important;border-color:#27ff86;color:#1f2d3d}.dark-mode.bg-fuchsia{background-color:#f672d8!important}.dark-mode.bg-fuchsia,.dark-mode.bg-fuchsia>a{color:#1f2d3d!important}.dark-mode.bg-fuchsia.btn:hover{border-color:#f342cb;color:#121a24}.dark-mode.bg-fuchsia.btn.active,.dark-mode.bg-fuchsia.btn:active,.dark-mode.bg-fuchsia.btn:not(:disabled):not(.disabled).active,.dark-mode.bg-fuchsia.btn:not(:disabled):not(.disabled):active{background-color:#f342cb!important;border-color:#f236c8;color:#fff}.dark-mode.bg-maroon{background-color:#ed6c9b!important}.dark-mode.bg-maroon,.dark-mode.bg-maroon>a{color:#1f2d3d!important}.dark-mode.bg-maroon.btn:hover{border-color:#e73f7c;color:#121a24}.dark-mode.bg-maroon.btn.active,.dark-mode.bg-maroon.btn:active,.dark-mode.bg-maroon.btn:not(:disabled):not(.disabled).active,.dark-mode.bg-maroon.btn:not(:disabled):not(.disabled):active{background-color:#e73f7c!important;border-color:#e63475;color:#fff}.dark-mode.bg-blue{background-color:#3f6791!important}.dark-mode.bg-blue,.dark-mode.bg-blue>a{color:#fff!important}.dark-mode.bg-blue.btn:hover{border-color:#304e6d;color:#ececec}.dark-mode.bg-blue.btn.active,.dark-mode.bg-blue.btn:active,.dark-mode.bg-blue.btn:not(:disabled):not(.disabled).active,.dark-mode.bg-blue.btn:not(:disabled):not(.disabled):active{background-color:#304e6d!important;border-color:#2c4765;color:#fff}.dark-mode.bg-indigo{background-color:#6610f2!important}.dark-mode.bg-indigo,.dark-mode.bg-indigo>a{color:#fff!important}.dark-mode.bg-indigo.btn:hover{border-color:#510bc4;color:#ececec}.dark-mode.bg-indigo.btn.active,.dark-mode.bg-indigo.btn:active,.dark-mode.bg-indigo.btn:not(:disabled):not(.disabled).active,.dark-mode.bg-indigo.btn:not(:disabled):not(.disabled):active{background-color:#510bc4!important;border-color:#4c0ab8;color:#fff}.dark-mode.bg-purple{background-color:#6f42c1!important}.dark-mode.bg-purple,.dark-mode.bg-purple>a{color:#fff!important}.dark-mode.bg-purple.btn:hover{border-color:#59339d;color:#ececec}.dark-mode.bg-purple.btn.active,.dark-mode.bg-purple.btn:active,.dark-mode.bg-purple.btn:not(:disabled):not(.disabled).active,.dark-mode.bg-purple.btn:not(:disabled):not(.disabled):active{background-color:#59339d!important;border-color:#533093;color:#fff}.dark-mode.bg-pink{background-color:#e83e8c!important}.dark-mode.bg-pink,.dark-mode.bg-pink>a{color:#fff!important}.dark-mode.bg-pink.btn:hover{border-color:#d91a72;color:#ececec}.dark-mode.bg-pink.btn.active,.dark-mode.bg-pink.btn:active,.dark-mode.bg-pink.btn:not(:disabled):not(.disabled).active,.dark-mode.bg-pink.btn:not(:disabled):not(.disabled):active{background-color:#d91a72!important;border-color:#ce196c;color:#fff}.dark-mode.bg-red{background-color:#e74c3c!important}.dark-mode.bg-red,.dark-mode.bg-red>a{color:#fff!important}.dark-mode.bg-red.btn:hover{border-color:#d62c1a;color:#ececec}.dark-mode.bg-red.btn.active,.dark-mode.bg-red.btn:active,.dark-mode.bg-red.btn:not(:disabled):not(.disabled).active,.dark-mode.bg-red.btn:not(:disabled):not(.disabled):active{background-color:#d62c1a!important;border-color:#ca2a19;color:#fff}.dark-mode.bg-orange{background-color:#fd7e14!important}.dark-mode.bg-orange,.dark-mode.bg-orange>a{color:#1f2d3d!important}.dark-mode.bg-orange.btn:hover{border-color:#dc6502;color:#121a24}.dark-mode.bg-orange.btn.active,.dark-mode.bg-orange.btn:active,.dark-mode.bg-orange.btn:not(:disabled):not(.disabled).active,.dark-mode.bg-orange.btn:not(:disabled):not(.disabled):active{background-color:#dc6502!important;border-color:#cf5f02;color:#fff}.dark-mode.bg-yellow{background-color:#f39c12!important}.dark-mode.bg-yellow,.dark-mode.bg-yellow>a{color:#1f2d3d!important}.dark-mode.bg-yellow.btn:hover{border-color:#c87f0a;color:#121a24}.dark-mode.bg-yellow.btn.active,.dark-mode.bg-yellow.btn:active,.dark-mode.bg-yellow.btn:not(:disabled):not(.disabled).active,.dark-mode.bg-yellow.btn:not(:disabled):not(.disabled):active{background-color:#c87f0a!important;border-color:#bc770a;color:#fff}.dark-mode.bg-green{background-color:#00bc8c!important}.dark-mode.bg-green,.dark-mode.bg-green>a{color:#fff!important}.dark-mode.bg-green.btn:hover{border-color:#008966;color:#ececec}.dark-mode.bg-green.btn.active,.dark-mode.bg-green.btn:active,.dark-mode.bg-green.btn:not(:disabled):not(.disabled).active,.dark-mode.bg-green.btn:not(:disabled):not(.disabled):active{background-color:#008966!important;border-color:#007c5d;color:#fff}.dark-mode.bg-teal{background-color:#20c997!important}.dark-mode.bg-teal,.dark-mode.bg-teal>a{color:#fff!important}.dark-mode.bg-teal.btn:hover{border-color:#199d76;color:#ececec}.dark-mode.bg-teal.btn.active,.dark-mode.bg-teal.btn:active,.dark-mode.bg-teal.btn:not(:disabled):not(.disabled).active,.dark-mode.bg-teal.btn:not(:disabled):not(.disabled):active{background-color:#199d76!important;border-color:#17926e;color:#fff}.dark-mode.bg-cyan{background-color:#3498db!important}.dark-mode.bg-cyan,.dark-mode.bg-cyan>a{color:#fff!important}.dark-mode.bg-cyan.btn:hover{border-color:#217dbb;color:#ececec}.dark-mode.bg-cyan.btn.active,.dark-mode.bg-cyan.btn:active,.dark-mode.bg-cyan.btn:not(:disabled):not(.disabled).active,.dark-mode.bg-cyan.btn:not(:disabled):not(.disabled):active{background-color:#217dbb!important;border-color:#1f76b0;color:#fff}.dark-mode.bg-white{background-color:#fff!important}.dark-mode.bg-white,.dark-mode.bg-white>a{color:#1f2d3d!important}.dark-mode.bg-white.btn:hover{border-color:#e6e6e6;color:#121a24}.dark-mode.bg-white.btn.active,.dark-mode.bg-white.btn:active,.dark-mode.bg-white.btn:not(:disabled):not(.disabled).active,.dark-mode.bg-white.btn:not(:disabled):not(.disabled):active{background-color:#e6e6e6!important;border-color:#dfdfdf;color:#1f2d3d}.dark-mode.bg-gray{background-color:#6c757d!important}.dark-mode.bg-gray,.dark-mode.bg-gray>a{color:#fff!important}.dark-mode.bg-gray.btn:hover{border-color:#545b62;color:#ececec}.dark-mode.bg-gray.btn.active,.dark-mode.bg-gray.btn:active,.dark-mode.bg-gray.btn:not(:disabled):not(.disabled).active,.dark-mode.bg-gray.btn:not(:disabled):not(.disabled):active{background-color:#545b62!important;border-color:#4e555b;color:#fff}.dark-mode.bg-gray-dark{background-color:#343a40!important}.dark-mode.bg-gray-dark,.dark-mode.bg-gray-dark>a{color:#fff!important}.dark-mode.bg-gray-dark.btn:hover{border-color:#1d2124;color:#ececec}.dark-mode.bg-gray-dark.btn.active,.dark-mode.bg-gray-dark.btn:active,.dark-mode.bg-gray-dark.btn:not(:disabled):not(.disabled).active,.dark-mode.bg-gray-dark.btn:not(:disabled):not(.disabled):active{background-color:#1d2124!important;border-color:#171a1d;color:#fff}.dark-mode .bg-gradient-primary{background:#3f6791 linear-gradient(180deg,#5c7ea2,#3f6791) repeat-x!important;color:#fff}.dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled):active,.show>.dark-mode .bg-gradient-primary.btn.dropdown-toggle{background-image:none!important}.dark-mode .bg-gradient-primary.btn:hover{background:#3f6791 linear-gradient(180deg,#526e8b,#335476) repeat-x!important;border-color:#304e6d;color:#ececec}.dark-mode .bg-gradient-primary.btn.active,.dark-mode .bg-gradient-primary.btn:active,.dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled):active{background:#3f6791 linear-gradient(180deg,#4f6883,#304e6d) repeat-x!important;border-color:#2c4765;color:#fff}.dark-mode .bg-gradient-primary.btn.disabled,.dark-mode .bg-gradient-primary.btn:disabled{background-image:none!important;border-color:#3f6791;color:#fff}.dark-mode .bg-gradient-secondary{background:#6c757d linear-gradient(180deg,#828a91,#6c757d) repeat-x!important;color:#fff}.dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled):active,.show>.dark-mode .bg-gradient-secondary.btn.dropdown-toggle{background-image:none!important}.dark-mode .bg-gradient-secondary.btn:hover{background:#6c757d linear-gradient(180deg,#73797f,#5a6268) repeat-x!important;border-color:#545b62;color:#ececec}.dark-mode .bg-gradient-secondary.btn.active,.dark-mode .bg-gradient-secondary.btn:active,.dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled):active{background:#6c757d linear-gradient(180deg,#6e7479,#545b62) repeat-x!important;border-color:#4e555b;color:#fff}.dark-mode .bg-gradient-secondary.btn.disabled,.dark-mode .bg-gradient-secondary.btn:disabled{background-image:none!important;border-color:#6c757d;color:#fff}.dark-mode .bg-gradient-success{background:#00bc8c linear-gradient(180deg,#26c69d,#00bc8c) repeat-x!important;color:#fff}.dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled):active,.show>.dark-mode .bg-gradient-success.btn.dropdown-toggle{background-image:none!important}.dark-mode .bg-gradient-success.btn:hover{background:#00bc8c linear-gradient(180deg,#26a685,#009670) repeat-x!important;border-color:#008966;color:#ececec}.dark-mode .bg-gradient-success.btn.active,.dark-mode .bg-gradient-success.btn:active,.dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled):active{background:#00bc8c linear-gradient(180deg,#269b7d,#008966) repeat-x!important;border-color:#007c5d;color:#fff}.dark-mode .bg-gradient-success.btn.disabled,.dark-mode .bg-gradient-success.btn:disabled{background-image:none!important;border-color:#00bc8c;color:#fff}.dark-mode .bg-gradient-info{background:#3498db linear-gradient(180deg,#52a7e0,#3498db) repeat-x!important;color:#fff}.dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled):active,.show>.dark-mode .bg-gradient-info.btn.dropdown-toggle{background-image:none!important}.dark-mode .bg-gradient-info.btn:hover{background:#3498db linear-gradient(180deg,#4497ce,#2384c6) repeat-x!important;border-color:#217dbb;color:#ececec}.dark-mode .bg-gradient-info.btn.active,.dark-mode .bg-gradient-info.btn:active,.dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled):active{background:#3498db linear-gradient(180deg,#4291c5,#217dbb) repeat-x!important;border-color:#1f76b0;color:#fff}.dark-mode .bg-gradient-info.btn.disabled,.dark-mode .bg-gradient-info.btn:disabled{background-image:none!important;border-color:#3498db;color:#fff}.dark-mode .bg-gradient-warning{background:#f39c12 linear-gradient(180deg,#f5ab36,#f39c12) repeat-x!important;color:#1f2d3d}.dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled):active,.show>.dark-mode .bg-gradient-warning.btn.dropdown-toggle{background-image:none!important}.dark-mode .bg-gradient-warning.btn:hover{background:#f39c12 linear-gradient(180deg,#da982f,#d4860b) repeat-x!important;border-color:#c87f0a;color:#121a24}.dark-mode .bg-gradient-warning.btn.active,.dark-mode .bg-gradient-warning.btn:active,.dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled):active{background:#f39c12 linear-gradient(180deg,#d0922f,#c87f0a) repeat-x!important;border-color:#bc770a;color:#fff}.dark-mode .bg-gradient-warning.btn.disabled,.dark-mode .bg-gradient-warning.btn:disabled{background-image:none!important;border-color:#f39c12;color:#1f2d3d}.dark-mode .bg-gradient-danger{background:#e74c3c linear-gradient(180deg,#eb6759,#e74c3c) repeat-x!important;color:#fff}.dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled):active,.show>.dark-mode .bg-gradient-danger.btn.dropdown-toggle{background-image:none!important}.dark-mode .bg-gradient-danger.btn:hover{background:#e74c3c linear-gradient(180deg,#e64d3e,#e12e1c) repeat-x!important;border-color:#d62c1a;color:#ececec}.dark-mode .bg-gradient-danger.btn.active,.dark-mode .bg-gradient-danger.btn:active,.dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled):active{background:#e74c3c linear-gradient(180deg,#dc4c3d,#d62c1a) repeat-x!important;border-color:#ca2a19;color:#fff}.dark-mode .bg-gradient-danger.btn.disabled,.dark-mode .bg-gradient-danger.btn:disabled{background-image:none!important;border-color:#e74c3c;color:#fff}.dark-mode .bg-gradient-light{background:#f8f9fa linear-gradient(180deg,#f9fafb,#f8f9fa) repeat-x!important;color:#1f2d3d}.dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled):active,.show>.dark-mode .bg-gradient-light.btn.dropdown-toggle{background-image:none!important}.dark-mode .bg-gradient-light.btn:hover{background:#f8f9fa linear-gradient(180deg,#e6eaed,#e2e6ea) repeat-x!important;border-color:#dae0e5;color:#121a24}.dark-mode .bg-gradient-light.btn.active,.dark-mode .bg-gradient-light.btn:active,.dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled):active{background:#f8f9fa linear-gradient(180deg,#e0e4e9,#dae0e5) repeat-x!important;border-color:#d3d9df;color:#1f2d3d}.dark-mode .bg-gradient-light.btn.disabled,.dark-mode .bg-gradient-light.btn:disabled{background-image:none!important;border-color:#f8f9fa;color:#1f2d3d}.dark-mode .bg-gradient-dark{background:#343a40 linear-gradient(180deg,#52585d,#343a40) repeat-x!important;color:#fff}.dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled):active,.show>.dark-mode .bg-gradient-dark.btn.dropdown-toggle{background-image:none!important}.dark-mode .bg-gradient-dark.btn:hover{background:#343a40 linear-gradient(180deg,#44474b,#23272b) repeat-x!important;border-color:#1d2124;color:#ececec}.dark-mode .bg-gradient-dark.btn.active,.dark-mode .bg-gradient-dark.btn:active,.dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled):active{background:#343a40 linear-gradient(180deg,#3f4245,#1d2124) repeat-x!important;border-color:#171a1d;color:#fff}.dark-mode .bg-gradient-dark.btn.disabled,.dark-mode .bg-gradient-dark.btn:disabled{background-image:none!important;border-color:#343a40;color:#fff}.dark-mode .bg-gradient-lightblue{background:#86bad8 linear-gradient(180deg,#98c4de,#86bad8) repeat-x!important;color:#1f2d3d}.dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active,.show>.dark-mode .bg-gradient-lightblue.btn.dropdown-toggle{background-image:none!important}.dark-mode .bg-gradient-lightblue.btn:hover{background:#86bad8 linear-gradient(180deg,#7fb6d6,#69a9cf) repeat-x!important;border-color:#5fa4cc;color:#121a24}.dark-mode .bg-gradient-lightblue.btn.active,.dark-mode .bg-gradient-lightblue.btn:active,.dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active{background:#86bad8 linear-gradient(180deg,#77b2d4,#5fa4cc) repeat-x!important;border-color:#559ec9;color:#fff}.dark-mode .bg-gradient-lightblue.btn.disabled,.dark-mode .bg-gradient-lightblue.btn:disabled{background-image:none!important;border-color:#86bad8;color:#1f2d3d}.dark-mode .bg-gradient-navy{background:#002c59 linear-gradient(180deg,#264b71,#002c59) repeat-x!important;color:#fff}.dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled):active,.show>.dark-mode .bg-gradient-navy.btn.dropdown-toggle{background-image:none!important}.dark-mode .bg-gradient-navy.btn:hover{background:#002c59 linear-gradient(180deg,#263b51,#001932) repeat-x!important;border-color:#001226;color:#ececec}.dark-mode .bg-gradient-navy.btn.active,.dark-mode .bg-gradient-navy.btn:active,.dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled):active{background:#002c59 linear-gradient(180deg,#263646,#001226) repeat-x!important;border-color:#000c19;color:#fff}.dark-mode .bg-gradient-navy.btn.disabled,.dark-mode .bg-gradient-navy.btn:disabled{background-image:none!important;border-color:#002c59;color:#fff}.dark-mode .bg-gradient-olive{background:#74c8a3 linear-gradient(180deg,#89d0b0,#74c8a3) repeat-x!important;color:#1f2d3d}.dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled):active,.show>.dark-mode .bg-gradient-olive.btn.dropdown-toggle{background-image:none!important}.dark-mode .bg-gradient-olive.btn:hover{background:#74c8a3 linear-gradient(180deg,#72c7a1,#59bd90) repeat-x!important;border-color:#50b98a;color:#121a24}.dark-mode .bg-gradient-olive.btn.active,.dark-mode .bg-gradient-olive.btn:active,.dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled):active{background:#74c8a3 linear-gradient(180deg,#6ac49c,#50b98a) repeat-x!important;border-color:#48b484;color:#fff}.dark-mode .bg-gradient-olive.btn.disabled,.dark-mode .bg-gradient-olive.btn:disabled{background-image:none!important;border-color:#74c8a3;color:#1f2d3d}.dark-mode .bg-gradient-lime{background:#67ffa9 linear-gradient(180deg,#7effb6,#67ffa9) repeat-x!important;color:#1f2d3d}.dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled):active,.show>.dark-mode .bg-gradient-lime.btn.dropdown-toggle{background-image:none!important}.dark-mode .bg-gradient-lime.btn:hover{background:#67ffa9 linear-gradient(180deg,#5dffa4,#41ff94) repeat-x!important;border-color:#34ff8d;color:#121a24}.dark-mode .bg-gradient-lime.btn.active,.dark-mode .bg-gradient-lime.btn:active,.dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled):active{background:#67ffa9 linear-gradient(180deg,#52ff9e,#34ff8d) repeat-x!important;border-color:#27ff86;color:#1f2d3d}.dark-mode .bg-gradient-lime.btn.disabled,.dark-mode .bg-gradient-lime.btn:disabled{background-image:none!important;border-color:#67ffa9;color:#1f2d3d}.dark-mode .bg-gradient-fuchsia{background:#f672d8 linear-gradient(180deg,#f787de,#f672d8) repeat-x!important;color:#1f2d3d}.dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active,.show>.dark-mode .bg-gradient-fuchsia.btn.dropdown-toggle{background-image:none!important}.dark-mode .bg-gradient-fuchsia.btn:hover{background:#f672d8 linear-gradient(180deg,#f569d6,#f44ece) repeat-x!important;border-color:#f342cb;color:#121a24}.dark-mode .bg-gradient-fuchsia.btn.active,.dark-mode .bg-gradient-fuchsia.btn:active,.dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active{background:#f672d8 linear-gradient(180deg,#f55ed3,#f342cb) repeat-x!important;border-color:#f236c8;color:#fff}.dark-mode .bg-gradient-fuchsia.btn.disabled,.dark-mode .bg-gradient-fuchsia.btn:disabled{background-image:none!important;border-color:#f672d8;color:#1f2d3d}.dark-mode .bg-gradient-maroon{background:#ed6c9b linear-gradient(180deg,#ef82aa,#ed6c9b) repeat-x!important;color:#1f2d3d}.dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled):active,.show>.dark-mode .bg-gradient-maroon.btn.dropdown-toggle{background-image:none!important}.dark-mode .bg-gradient-maroon.btn:hover{background:#ed6c9b linear-gradient(180deg,#ec6596,#e84a84) repeat-x!important;border-color:#e73f7c;color:#121a24}.dark-mode .bg-gradient-maroon.btn.active,.dark-mode .bg-gradient-maroon.btn:active,.dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled):active{background:#ed6c9b linear-gradient(180deg,#eb5c90,#e73f7c) repeat-x!important;border-color:#e63475;color:#fff}.dark-mode .bg-gradient-maroon.btn.disabled,.dark-mode .bg-gradient-maroon.btn:disabled{background-image:none!important;border-color:#ed6c9b;color:#1f2d3d}.dark-mode .bg-gradient-blue{background:#3f6791 linear-gradient(180deg,#5c7ea2,#3f6791) repeat-x!important;color:#fff}.dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled):active,.show>.dark-mode .bg-gradient-blue.btn.dropdown-toggle{background-image:none!important}.dark-mode .bg-gradient-blue.btn:hover{background:#3f6791 linear-gradient(180deg,#526e8b,#335476) repeat-x!important;border-color:#304e6d;color:#ececec}.dark-mode .bg-gradient-blue.btn.active,.dark-mode .bg-gradient-blue.btn:active,.dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled):active{background:#3f6791 linear-gradient(180deg,#4f6883,#304e6d) repeat-x!important;border-color:#2c4765;color:#fff}.dark-mode .bg-gradient-blue.btn.disabled,.dark-mode .bg-gradient-blue.btn:disabled{background-image:none!important;border-color:#3f6791;color:#fff}.dark-mode .bg-gradient-indigo{background:#6610f2 linear-gradient(180deg,#7d34f4,#6610f2) repeat-x!important;color:#fff}.dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled):active,.show>.dark-mode .bg-gradient-indigo.btn.dropdown-toggle{background-image:none!important}.dark-mode .bg-gradient-indigo.btn:hover{background:#6610f2 linear-gradient(180deg,#7030d7,#560bd0) repeat-x!important;border-color:#510bc4;color:#ececec}.dark-mode .bg-gradient-indigo.btn.active,.dark-mode .bg-gradient-indigo.btn:active,.dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled):active{background:#6610f2 linear-gradient(180deg,#6b2fcd,#510bc4) repeat-x!important;border-color:#4c0ab8;color:#fff}.dark-mode .bg-gradient-indigo.btn.disabled,.dark-mode .bg-gradient-indigo.btn:disabled{background-image:none!important;border-color:#6610f2;color:#fff}.dark-mode .bg-gradient-purple{background:#6f42c1 linear-gradient(180deg,#855eca,#6f42c1) repeat-x!important;color:#fff}.dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled):active,.show>.dark-mode .bg-gradient-purple.btn.dropdown-toggle{background-image:none!important}.dark-mode .bg-gradient-purple.btn:hover{background:#6f42c1 linear-gradient(180deg,#7655b4,#5e37a6) repeat-x!important;border-color:#59339d;color:#ececec}.dark-mode .bg-gradient-purple.btn.active,.dark-mode .bg-gradient-purple.btn:active,.dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled):active{background:#6f42c1 linear-gradient(180deg,#7252ab,#59339d) repeat-x!important;border-color:#533093;color:#fff}.dark-mode .bg-gradient-purple.btn.disabled,.dark-mode .bg-gradient-purple.btn:disabled{background-image:none!important;border-color:#6f42c1;color:#fff}.dark-mode .bg-gradient-pink{background:#e83e8c linear-gradient(180deg,#eb5b9d,#e83e8c) repeat-x!important;color:#fff}.dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled):active,.show>.dark-mode .bg-gradient-pink.btn.dropdown-toggle{background-image:none!important}.dark-mode .bg-gradient-pink.btn:hover{background:#e83e8c linear-gradient(180deg,#e83e8c,#e41c78) repeat-x!important;border-color:#d91a72;color:#ececec}.dark-mode .bg-gradient-pink.btn.active,.dark-mode .bg-gradient-pink.btn:active,.dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled):active{background:#e83e8c linear-gradient(180deg,#df3c87,#d91a72) repeat-x!important;border-color:#ce196c;color:#fff}.dark-mode .bg-gradient-pink.btn.disabled,.dark-mode .bg-gradient-pink.btn:disabled{background-image:none!important;border-color:#e83e8c;color:#fff}.dark-mode .bg-gradient-red{background:#e74c3c linear-gradient(180deg,#eb6759,#e74c3c) repeat-x!important;color:#fff}.dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled):active,.show>.dark-mode .bg-gradient-red.btn.dropdown-toggle{background-image:none!important}.dark-mode .bg-gradient-red.btn:hover{background:#e74c3c linear-gradient(180deg,#e64d3e,#e12e1c) repeat-x!important;border-color:#d62c1a;color:#ececec}.dark-mode .bg-gradient-red.btn.active,.dark-mode .bg-gradient-red.btn:active,.dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled):active{background:#e74c3c linear-gradient(180deg,#dc4c3d,#d62c1a) repeat-x!important;border-color:#ca2a19;color:#fff}.dark-mode .bg-gradient-red.btn.disabled,.dark-mode .bg-gradient-red.btn:disabled{background-image:none!important;border-color:#e74c3c;color:#fff}.dark-mode .bg-gradient-orange{background:#fd7e14 linear-gradient(180deg,#fd9137,#fd7e14) repeat-x!important;color:#1f2d3d}.dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled):active,.show>.dark-mode .bg-gradient-orange.btn.dropdown-toggle{background-image:none!important}.dark-mode .bg-gradient-orange.btn:hover{background:#fd7e14 linear-gradient(180deg,#ec8128,#e96b02) repeat-x!important;border-color:#dc6502;color:#121a24}.dark-mode .bg-gradient-orange.btn.active,.dark-mode .bg-gradient-orange.btn:active,.dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled):active{background:#fd7e14 linear-gradient(180deg,#e17c28,#dc6502) repeat-x!important;border-color:#cf5f02;color:#fff}.dark-mode .bg-gradient-orange.btn.disabled,.dark-mode .bg-gradient-orange.btn:disabled{background-image:none!important;border-color:#fd7e14;color:#1f2d3d}.dark-mode .bg-gradient-yellow{background:#f39c12 linear-gradient(180deg,#f5ab36,#f39c12) repeat-x!important;color:#1f2d3d}.dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled):active,.show>.dark-mode .bg-gradient-yellow.btn.dropdown-toggle{background-image:none!important}.dark-mode .bg-gradient-yellow.btn:hover{background:#f39c12 linear-gradient(180deg,#da982f,#d4860b) repeat-x!important;border-color:#c87f0a;color:#121a24}.dark-mode .bg-gradient-yellow.btn.active,.dark-mode .bg-gradient-yellow.btn:active,.dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled):active{background:#f39c12 linear-gradient(180deg,#d0922f,#c87f0a) repeat-x!important;border-color:#bc770a;color:#fff}.dark-mode .bg-gradient-yellow.btn.disabled,.dark-mode .bg-gradient-yellow.btn:disabled{background-image:none!important;border-color:#f39c12;color:#1f2d3d}.dark-mode .bg-gradient-green{background:#00bc8c linear-gradient(180deg,#26c69d,#00bc8c) repeat-x!important;color:#fff}.dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled):active,.show>.dark-mode .bg-gradient-green.btn.dropdown-toggle{background-image:none!important}.dark-mode .bg-gradient-green.btn:hover{background:#00bc8c linear-gradient(180deg,#26a685,#009670) repeat-x!important;border-color:#008966;color:#ececec}.dark-mode .bg-gradient-green.btn.active,.dark-mode .bg-gradient-green.btn:active,.dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled):active{background:#00bc8c linear-gradient(180deg,#269b7d,#008966) repeat-x!important;border-color:#007c5d;color:#fff}.dark-mode .bg-gradient-green.btn.disabled,.dark-mode .bg-gradient-green.btn:disabled{background-image:none!important;border-color:#00bc8c;color:#fff}.dark-mode .bg-gradient-teal{background:#20c997 linear-gradient(180deg,#41d1a7,#20c997) repeat-x!important;color:#fff}.dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled):active,.show>.dark-mode .bg-gradient-teal.btn.dropdown-toggle{background-image:none!important}.dark-mode .bg-gradient-teal.btn:hover{background:#20c997 linear-gradient(180deg,#3db592,#1ba87e) repeat-x!important;border-color:#199d76;color:#ececec}.dark-mode .bg-gradient-teal.btn.active,.dark-mode .bg-gradient-teal.btn:active,.dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled):active{background:#20c997 linear-gradient(180deg,#3bac8b,#199d76) repeat-x!important;border-color:#17926e;color:#fff}.dark-mode .bg-gradient-teal.btn.disabled,.dark-mode .bg-gradient-teal.btn:disabled{background-image:none!important;border-color:#20c997;color:#fff}.dark-mode .bg-gradient-cyan{background:#3498db linear-gradient(180deg,#52a7e0,#3498db) repeat-x!important;color:#fff}.dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled):active,.show>.dark-mode .bg-gradient-cyan.btn.dropdown-toggle{background-image:none!important}.dark-mode .bg-gradient-cyan.btn:hover{background:#3498db linear-gradient(180deg,#4497ce,#2384c6) repeat-x!important;border-color:#217dbb;color:#ececec}.dark-mode .bg-gradient-cyan.btn.active,.dark-mode .bg-gradient-cyan.btn:active,.dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled):active{background:#3498db linear-gradient(180deg,#4291c5,#217dbb) repeat-x!important;border-color:#1f76b0;color:#fff}.dark-mode .bg-gradient-cyan.btn.disabled,.dark-mode .bg-gradient-cyan.btn:disabled{background-image:none!important;border-color:#3498db;color:#fff}.dark-mode .bg-gradient-white{background:#fff linear-gradient(180deg,#fff,#fff) repeat-x!important;color:#1f2d3d}.dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled):active,.show>.dark-mode .bg-gradient-white.btn.dropdown-toggle{background-image:none!important}.dark-mode .bg-gradient-white.btn:hover{background:#fff linear-gradient(180deg,#efefef,#ececec) repeat-x!important;border-color:#e6e6e6;color:#121a24}.dark-mode .bg-gradient-white.btn.active,.dark-mode .bg-gradient-white.btn:active,.dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled):active{background:#fff linear-gradient(180deg,#e9e9e9,#e6e6e6) repeat-x!important;border-color:#dfdfdf;color:#1f2d3d}.dark-mode .bg-gradient-white.btn.disabled,.dark-mode .bg-gradient-white.btn:disabled{background-image:none!important;border-color:#fff;color:#1f2d3d}.dark-mode .bg-gradient-gray{background:#6c757d linear-gradient(180deg,#828a91,#6c757d) repeat-x!important;color:#fff}.dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled):active,.show>.dark-mode .bg-gradient-gray.btn.dropdown-toggle{background-image:none!important}.dark-mode .bg-gradient-gray.btn:hover{background:#6c757d linear-gradient(180deg,#73797f,#5a6268) repeat-x!important;border-color:#545b62;color:#ececec}.dark-mode .bg-gradient-gray.btn.active,.dark-mode .bg-gradient-gray.btn:active,.dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled):active{background:#6c757d linear-gradient(180deg,#6e7479,#545b62) repeat-x!important;border-color:#4e555b;color:#fff}.dark-mode .bg-gradient-gray.btn.disabled,.dark-mode .bg-gradient-gray.btn:disabled{background-image:none!important;border-color:#6c757d;color:#fff}.dark-mode .bg-gradient-gray-dark{background:#343a40 linear-gradient(180deg,#52585d,#343a40) repeat-x!important;color:#fff}.dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active,.show>.dark-mode .bg-gradient-gray-dark.btn.dropdown-toggle{background-image:none!important}.dark-mode .bg-gradient-gray-dark.btn:hover{background:#343a40 linear-gradient(180deg,#44474b,#23272b) repeat-x!important;border-color:#1d2124;color:#ececec}.dark-mode .bg-gradient-gray-dark.btn.active,.dark-mode .bg-gradient-gray-dark.btn:active,.dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active,.dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active{background:#343a40 linear-gradient(180deg,#3f4245,#1d2124) repeat-x!important;border-color:#171a1d;color:#fff}.dark-mode .bg-gradient-gray-dark.btn.disabled,.dark-mode .bg-gradient-gray-dark.btn:disabled{background-image:none!important;border-color:#343a40;color:#fff}.dark-mode .accent-primary .btn-link,.dark-mode .accent-primary .nav-tabs .nav-link,.dark-mode .accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#3f6791}.dark-mode .accent-primary .btn-link:hover,.dark-mode .accent-primary .nav-tabs .nav-link:hover,.dark-mode .accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#28415c}.dark-mode .accent-primary .dropdown-item.active,.dark-mode .accent-primary .dropdown-item:active{background-color:#3f6791;color:#fff}.dark-mode .accent-primary .custom-control-input:checked~.custom-control-label::before{background-color:#3f6791;border-color:#20344a}.dark-mode .accent-primary .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.dark-mode .accent-primary .custom-control-input:focus:not(:checked)~.custom-control-label::before,.dark-mode .accent-primary .custom-file-input:focus~.custom-file-label,.dark-mode .accent-primary .custom-select:focus,.dark-mode .accent-primary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#85a7ca}.dark-mode .accent-primary .page-item .page-link{color:#3f6791}.dark-mode .accent-primary .page-item.active .page-link,.dark-mode .accent-primary .page-item.active a{background-color:#3f6791;border-color:#3f6791;color:#fff}.dark-mode .accent-primary .page-item.disabled .page-link,.dark-mode .accent-primary .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.dark-mode .accent-primary [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.dark-mode .accent-primary [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.dark-mode .accent-primary [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.dark-mode .accent-primary [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode .dark-mode.accent-primary .page-item .page-link:focus,.dark-mode .dark-mode.accent-primary .page-item .page-link:hover{color:#4774a3}.dark-mode .accent-secondary .btn-link,.dark-mode .accent-secondary .nav-tabs .nav-link,.dark-mode .accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#6c757d}.dark-mode .accent-secondary .btn-link:hover,.dark-mode .accent-secondary .nav-tabs .nav-link:hover,.dark-mode .accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#494f54}.dark-mode .accent-secondary .dropdown-item.active,.dark-mode .accent-secondary .dropdown-item:active{background-color:#6c757d;color:#fff}.dark-mode .accent-secondary .custom-control-input:checked~.custom-control-label::before{background-color:#6c757d;border-color:#3d4246}.dark-mode .accent-secondary .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.dark-mode .accent-secondary .custom-control-input:focus:not(:checked)~.custom-control-label::before,.dark-mode .accent-secondary .custom-file-input:focus~.custom-file-label,.dark-mode .accent-secondary .custom-select:focus,.dark-mode .accent-secondary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#afb5ba}.dark-mode .accent-secondary .page-item .page-link{color:#6c757d}.dark-mode .accent-secondary .page-item.active .page-link,.dark-mode .accent-secondary .page-item.active a{background-color:#6c757d;border-color:#6c757d;color:#fff}.dark-mode .accent-secondary .page-item.disabled .page-link,.dark-mode .accent-secondary .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.dark-mode .accent-secondary [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.dark-mode .accent-secondary [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.dark-mode .accent-secondary [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.dark-mode .accent-secondary [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode .dark-mode.accent-secondary .page-item .page-link:focus,.dark-mode .dark-mode.accent-secondary .page-item .page-link:hover{color:#78828a}.dark-mode .accent-success .btn-link,.dark-mode .accent-success .nav-tabs .nav-link,.dark-mode .accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#00bc8c}.dark-mode .accent-success .btn-link:hover,.dark-mode .accent-success .nav-tabs .nav-link:hover,.dark-mode .accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#007053}.dark-mode .accent-success .dropdown-item.active,.dark-mode .accent-success .dropdown-item:active{background-color:#00bc8c;color:#fff}.dark-mode .accent-success .custom-control-input:checked~.custom-control-label::before{background-color:#00bc8c;border-color:#005640}.dark-mode .accent-success .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.dark-mode .accent-success .custom-control-input:focus:not(:checked)~.custom-control-label::before,.dark-mode .accent-success .custom-file-input:focus~.custom-file-label,.dark-mode .accent-success .custom-select:focus,.dark-mode .accent-success .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#3dffcd}.dark-mode .accent-success .page-item .page-link{color:#00bc8c}.dark-mode .accent-success .page-item.active .page-link,.dark-mode .accent-success .page-item.active a{background-color:#00bc8c;border-color:#00bc8c;color:#fff}.dark-mode .accent-success .page-item.disabled .page-link,.dark-mode .accent-success .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.dark-mode .accent-success [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.dark-mode .accent-success [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.dark-mode .accent-success [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.dark-mode .accent-success [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode .dark-mode.accent-success .page-item .page-link:focus,.dark-mode .dark-mode.accent-success .page-item .page-link:hover{color:#00d69f}.dark-mode .accent-info .btn-link,.dark-mode .accent-info .nav-tabs .nav-link,.dark-mode .accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#3498db}.dark-mode .accent-info .btn-link:hover,.dark-mode .accent-info .nav-tabs .nav-link:hover,.dark-mode .accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#1d6fa5}.dark-mode .accent-info .dropdown-item.active,.dark-mode .accent-info .dropdown-item:active{background-color:#3498db;color:#fff}.dark-mode .accent-info .custom-control-input:checked~.custom-control-label::before{background-color:#3498db;border-color:#196090}.dark-mode .accent-info .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.dark-mode .accent-info .custom-control-input:focus:not(:checked)~.custom-control-label::before,.dark-mode .accent-info .custom-file-input:focus~.custom-file-label,.dark-mode .accent-info .custom-select:focus,.dark-mode .accent-info .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#a0cfee}.dark-mode .accent-info .page-item .page-link{color:#3498db}.dark-mode .accent-info .page-item.active .page-link,.dark-mode .accent-info .page-item.active a{background-color:#3498db;border-color:#3498db;color:#fff}.dark-mode .accent-info .page-item.disabled .page-link,.dark-mode .accent-info .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.dark-mode .accent-info [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.dark-mode .accent-info [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.dark-mode .accent-info [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.dark-mode .accent-info [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode .dark-mode.accent-info .page-item .page-link:focus,.dark-mode .dark-mode.accent-info .page-item .page-link:hover{color:#4aa3df}.dark-mode .accent-warning .btn-link,.dark-mode .accent-warning .nav-tabs .nav-link,.dark-mode .accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#f39c12}.dark-mode .accent-warning .btn-link:hover,.dark-mode .accent-warning .nav-tabs .nav-link:hover,.dark-mode .accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#b06f09}.dark-mode .accent-warning .dropdown-item.active,.dark-mode .accent-warning .dropdown-item:active{background-color:#f39c12;color:#1f2d3d}.dark-mode .accent-warning .custom-control-input:checked~.custom-control-label::before{background-color:#f39c12;border-color:#976008}.dark-mode .accent-warning .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.dark-mode .accent-warning .custom-control-input:focus:not(:checked)~.custom-control-label::before,.dark-mode .accent-warning .custom-file-input:focus~.custom-file-label,.dark-mode .accent-warning .custom-select:focus,.dark-mode .accent-warning .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#f9cf8b}.dark-mode .accent-warning .page-item .page-link{color:#f39c12}.dark-mode .accent-warning .page-item.active .page-link,.dark-mode .accent-warning .page-item.active a{background-color:#f39c12;border-color:#f39c12;color:#fff}.dark-mode .accent-warning .page-item.disabled .page-link,.dark-mode .accent-warning .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.dark-mode .accent-warning [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.dark-mode .accent-warning [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.dark-mode .accent-warning [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.dark-mode .accent-warning [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode .dark-mode.accent-warning .page-item .page-link:focus,.dark-mode .dark-mode.accent-warning .page-item .page-link:hover{color:#f4a62a}.dark-mode .accent-danger .btn-link,.dark-mode .accent-danger .nav-tabs .nav-link,.dark-mode .accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#e74c3c}.dark-mode .accent-danger .btn-link:hover,.dark-mode .accent-danger .nav-tabs .nav-link:hover,.dark-mode .accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#bf2718}.dark-mode .accent-danger .dropdown-item.active,.dark-mode .accent-danger .dropdown-item:active{background-color:#e74c3c;color:#fff}.dark-mode .accent-danger .custom-control-input:checked~.custom-control-label::before{background-color:#e74c3c;border-color:#a82315}.dark-mode .accent-danger .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.dark-mode .accent-danger .custom-control-input:focus:not(:checked)~.custom-control-label::before,.dark-mode .accent-danger .custom-file-input:focus~.custom-file-label,.dark-mode .accent-danger .custom-select:focus,.dark-mode .accent-danger .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#f5b4ae}.dark-mode .accent-danger .page-item .page-link{color:#e74c3c}.dark-mode .accent-danger .page-item.active .page-link,.dark-mode .accent-danger .page-item.active a{background-color:#e74c3c;border-color:#e74c3c;color:#fff}.dark-mode .accent-danger .page-item.disabled .page-link,.dark-mode .accent-danger .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.dark-mode .accent-danger [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.dark-mode .accent-danger [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.dark-mode .accent-danger [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.dark-mode .accent-danger [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode .dark-mode.accent-danger .page-item .page-link:focus,.dark-mode .dark-mode.accent-danger .page-item .page-link:hover{color:#ea6153}.dark-mode .accent-light .btn-link,.dark-mode .accent-light .nav-tabs .nav-link,.dark-mode .accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#f8f9fa}.dark-mode .accent-light .btn-link:hover,.dark-mode .accent-light .nav-tabs .nav-link:hover,.dark-mode .accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#cbd3da}.dark-mode .accent-light .dropdown-item.active,.dark-mode .accent-light .dropdown-item:active{background-color:#f8f9fa;color:#1f2d3d}.dark-mode .accent-light .custom-control-input:checked~.custom-control-label::before{background-color:#f8f9fa;border-color:#bdc6d0}.dark-mode .accent-light .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.dark-mode .accent-light .custom-control-input:focus:not(:checked)~.custom-control-label::before,.dark-mode .accent-light .custom-file-input:focus~.custom-file-label,.dark-mode .accent-light .custom-select:focus,.dark-mode .accent-light .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#fff}.dark-mode .accent-light .page-item .page-link{color:#f8f9fa}.dark-mode .accent-light .page-item.active .page-link,.dark-mode .accent-light .page-item.active a{background-color:#f8f9fa;border-color:#f8f9fa;color:#fff}.dark-mode .accent-light .page-item.disabled .page-link,.dark-mode .accent-light .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.dark-mode .accent-light [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.dark-mode .accent-light [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.dark-mode .accent-light [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.dark-mode .accent-light [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode .dark-mode.accent-light .page-item .page-link:focus,.dark-mode .dark-mode.accent-light .page-item .page-link:hover{color:#fff}.dark-mode .accent-dark .btn-link,.dark-mode .accent-dark .nav-tabs .nav-link,.dark-mode .accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#343a40}.dark-mode .accent-dark .btn-link:hover,.dark-mode .accent-dark .nav-tabs .nav-link:hover,.dark-mode .accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#121416}.dark-mode .accent-dark .dropdown-item.active,.dark-mode .accent-dark .dropdown-item:active{background-color:#343a40;color:#fff}.dark-mode .accent-dark .custom-control-input:checked~.custom-control-label::before{background-color:#343a40;border-color:#060708}.dark-mode .accent-dark .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.dark-mode .accent-dark .custom-control-input:focus:not(:checked)~.custom-control-label::before,.dark-mode .accent-dark .custom-file-input:focus~.custom-file-label,.dark-mode .accent-dark .custom-select:focus,.dark-mode .accent-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#6d7a86}.dark-mode .accent-dark .page-item .page-link{color:#343a40}.dark-mode .accent-dark .page-item.active .page-link,.dark-mode .accent-dark .page-item.active a{background-color:#343a40;border-color:#343a40;color:#fff}.dark-mode .accent-dark .page-item.disabled .page-link,.dark-mode .accent-dark .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.dark-mode .accent-dark [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.dark-mode .accent-dark [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.dark-mode .accent-dark [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.dark-mode .accent-dark [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode .dark-mode.accent-dark .page-item .page-link:focus,.dark-mode .dark-mode.accent-dark .page-item .page-link:hover{color:#3f474e}.dark-mode [class*=accent-] a.btn-primary{color:#fff}.dark-mode [class*=accent-] a.btn-secondary{color:#fff}.dark-mode [class*=accent-] a.btn-success{color:#fff}.dark-mode [class*=accent-] a.btn-info{color:#fff}.dark-mode [class*=accent-] a.btn-warning{color:#1f2d3d}.dark-mode [class*=accent-] a.btn-danger{color:#fff}.dark-mode [class*=accent-] a.btn-light{color:#1f2d3d}.dark-mode [class*=accent-] a.btn-dark{color:#fff}.dark-mode .accent-lightblue .btn-link,.dark-mode .accent-lightblue .nav-tabs .nav-link,.dark-mode .accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#86bad8}.dark-mode .accent-lightblue .btn-link:hover,.dark-mode .accent-lightblue .nav-tabs .nav-link:hover,.dark-mode .accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#4c99c6}.dark-mode .accent-lightblue .dropdown-item.active,.dark-mode .accent-lightblue .dropdown-item:active{background-color:#86bad8;color:#1f2d3d}.dark-mode .accent-lightblue .custom-control-input:checked~.custom-control-label::before{background-color:#86bad8;border-color:#3c8dbc}.dark-mode .accent-lightblue .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.dark-mode .accent-lightblue .custom-control-input:focus:not(:checked)~.custom-control-label::before,.dark-mode .accent-lightblue .custom-file-input:focus~.custom-file-label,.dark-mode .accent-lightblue .custom-select:focus,.dark-mode .accent-lightblue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#e6f1f7}.dark-mode .accent-lightblue .page-item .page-link{color:#86bad8}.dark-mode .accent-lightblue .page-item.active .page-link,.dark-mode .accent-lightblue .page-item.active a{background-color:#86bad8;border-color:#86bad8;color:#fff}.dark-mode .accent-lightblue .page-item.disabled .page-link,.dark-mode .accent-lightblue .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.dark-mode .accent-lightblue [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.dark-mode .accent-lightblue [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.dark-mode .accent-lightblue [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.dark-mode .accent-lightblue [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode .dark-mode.accent-lightblue .page-item .page-link:focus,.dark-mode .dark-mode.accent-lightblue .page-item .page-link:hover{color:#99c5de}.dark-mode .accent-navy .btn-link,.dark-mode .accent-navy .nav-tabs .nav-link,.dark-mode .accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#002c59}.dark-mode .accent-navy .btn-link:hover,.dark-mode .accent-navy .nav-tabs .nav-link:hover,.dark-mode .accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#00060c}.dark-mode .accent-navy .dropdown-item.active,.dark-mode .accent-navy .dropdown-item:active{background-color:#002c59;color:#fff}.dark-mode .accent-navy .custom-control-input:checked~.custom-control-label::before{background-color:#002c59;border-color:#000}.dark-mode .accent-navy .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.dark-mode .accent-navy .custom-control-input:focus:not(:checked)~.custom-control-label::before,.dark-mode .accent-navy .custom-file-input:focus~.custom-file-label,.dark-mode .accent-navy .custom-select:focus,.dark-mode .accent-navy .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#006ad8}.dark-mode .accent-navy .page-item .page-link{color:#002c59}.dark-mode .accent-navy .page-item.active .page-link,.dark-mode .accent-navy .page-item.active a{background-color:#002c59;border-color:#002c59;color:#fff}.dark-mode .accent-navy .page-item.disabled .page-link,.dark-mode .accent-navy .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.dark-mode .accent-navy [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.dark-mode .accent-navy [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.dark-mode .accent-navy [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.dark-mode .accent-navy [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode .dark-mode.accent-navy .page-item .page-link:focus,.dark-mode .dark-mode.accent-navy .page-item .page-link:hover{color:#003872}.dark-mode .accent-olive .btn-link,.dark-mode .accent-olive .nav-tabs .nav-link,.dark-mode .accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#74c8a3}.dark-mode .accent-olive .btn-link:hover,.dark-mode .accent-olive .nav-tabs .nav-link:hover,.dark-mode .accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#44ab7d}.dark-mode .accent-olive .dropdown-item.active,.dark-mode .accent-olive .dropdown-item:active{background-color:#74c8a3;color:#1f2d3d}.dark-mode .accent-olive .custom-control-input:checked~.custom-control-label::before{background-color:#74c8a3;border-color:#3d9970}.dark-mode .accent-olive .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.dark-mode .accent-olive .custom-control-input:focus:not(:checked)~.custom-control-label::before,.dark-mode .accent-olive .custom-file-input:focus~.custom-file-label,.dark-mode .accent-olive .custom-select:focus,.dark-mode .accent-olive .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#cfecdf}.dark-mode .accent-olive .page-item .page-link{color:#74c8a3}.dark-mode .accent-olive .page-item.active .page-link,.dark-mode .accent-olive .page-item.active a{background-color:#74c8a3;border-color:#74c8a3;color:#fff}.dark-mode .accent-olive .page-item.disabled .page-link,.dark-mode .accent-olive .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.dark-mode .accent-olive [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.dark-mode .accent-olive [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.dark-mode .accent-olive [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.dark-mode .accent-olive [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode .dark-mode.accent-olive .page-item .page-link:focus,.dark-mode .dark-mode.accent-olive .page-item .page-link:hover{color:#87cfaf}.dark-mode .accent-lime .btn-link,.dark-mode .accent-lime .nav-tabs .nav-link,.dark-mode .accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#67ffa9}.dark-mode .accent-lime .btn-link:hover,.dark-mode .accent-lime .nav-tabs .nav-link:hover,.dark-mode .accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#1bff7e}.dark-mode .accent-lime .dropdown-item.active,.dark-mode .accent-lime .dropdown-item:active{background-color:#67ffa9;color:#1f2d3d}.dark-mode .accent-lime .custom-control-input:checked~.custom-control-label::before{background-color:#67ffa9;border-color:#01ff70}.dark-mode .accent-lime .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.dark-mode .accent-lime .custom-control-input:focus:not(:checked)~.custom-control-label::before,.dark-mode .accent-lime .custom-file-input:focus~.custom-file-label,.dark-mode .accent-lime .custom-select:focus,.dark-mode .accent-lime .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#e7fff1}.dark-mode .accent-lime .page-item .page-link{color:#67ffa9}.dark-mode .accent-lime .page-item.active .page-link,.dark-mode .accent-lime .page-item.active a{background-color:#67ffa9;border-color:#67ffa9;color:#fff}.dark-mode .accent-lime .page-item.disabled .page-link,.dark-mode .accent-lime .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.dark-mode .accent-lime [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.dark-mode .accent-lime [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.dark-mode .accent-lime [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.dark-mode .accent-lime [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode .dark-mode.accent-lime .page-item .page-link:focus,.dark-mode .dark-mode.accent-lime .page-item .page-link:hover{color:#81ffb8}.dark-mode .accent-fuchsia .btn-link,.dark-mode .accent-fuchsia .nav-tabs .nav-link,.dark-mode .accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#f672d8}.dark-mode .accent-fuchsia .btn-link:hover,.dark-mode .accent-fuchsia .nav-tabs .nav-link:hover,.dark-mode .accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#f22ac5}.dark-mode .accent-fuchsia .dropdown-item.active,.dark-mode .accent-fuchsia .dropdown-item:active{background-color:#f672d8;color:#1f2d3d}.dark-mode .accent-fuchsia .custom-control-input:checked~.custom-control-label::before{background-color:#f672d8;border-color:#f012be}.dark-mode .accent-fuchsia .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.dark-mode .accent-fuchsia .custom-control-input:focus:not(:checked)~.custom-control-label::before,.dark-mode .accent-fuchsia .custom-file-input:focus~.custom-file-label,.dark-mode .accent-fuchsia .custom-select:focus,.dark-mode .accent-fuchsia .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#feeaf9}.dark-mode .accent-fuchsia .page-item .page-link{color:#f672d8}.dark-mode .accent-fuchsia .page-item.active .page-link,.dark-mode .accent-fuchsia .page-item.active a{background-color:#f672d8;border-color:#f672d8;color:#fff}.dark-mode .accent-fuchsia .page-item.disabled .page-link,.dark-mode .accent-fuchsia .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.dark-mode .accent-fuchsia [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.dark-mode .accent-fuchsia [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.dark-mode .accent-fuchsia [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.dark-mode .accent-fuchsia [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode .dark-mode.accent-fuchsia .page-item .page-link:focus,.dark-mode .dark-mode.accent-fuchsia .page-item .page-link:hover{color:#f88adf}.dark-mode .accent-maroon .btn-link,.dark-mode .accent-maroon .nav-tabs .nav-link,.dark-mode .accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#ed6c9b}.dark-mode .accent-maroon .btn-link:hover,.dark-mode .accent-maroon .nav-tabs .nav-link:hover,.dark-mode .accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#e4286d}.dark-mode .accent-maroon .dropdown-item.active,.dark-mode .accent-maroon .dropdown-item:active{background-color:#ed6c9b;color:#1f2d3d}.dark-mode .accent-maroon .custom-control-input:checked~.custom-control-label::before{background-color:#ed6c9b;border-color:#d81b60}.dark-mode .accent-maroon .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.dark-mode .accent-maroon .custom-control-input:focus:not(:checked)~.custom-control-label::before,.dark-mode .accent-maroon .custom-file-input:focus~.custom-file-label,.dark-mode .accent-maroon .custom-select:focus,.dark-mode .accent-maroon .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#fbdee8}.dark-mode .accent-maroon .page-item .page-link{color:#ed6c9b}.dark-mode .accent-maroon .page-item.active .page-link,.dark-mode .accent-maroon .page-item.active a{background-color:#ed6c9b;border-color:#ed6c9b;color:#fff}.dark-mode .accent-maroon .page-item.disabled .page-link,.dark-mode .accent-maroon .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.dark-mode .accent-maroon [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.dark-mode .accent-maroon [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.dark-mode .accent-maroon [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.dark-mode .accent-maroon [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode .dark-mode.accent-maroon .page-item .page-link:focus,.dark-mode .dark-mode.accent-maroon .page-item .page-link:hover{color:#f083ab}.dark-mode .accent-blue .btn-link,.dark-mode .accent-blue .nav-tabs .nav-link,.dark-mode .accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#3f6791}.dark-mode .accent-blue .btn-link:hover,.dark-mode .accent-blue .nav-tabs .nav-link:hover,.dark-mode .accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#28415c}.dark-mode .accent-blue .dropdown-item.active,.dark-mode .accent-blue .dropdown-item:active{background-color:#3f6791;color:#fff}.dark-mode .accent-blue .custom-control-input:checked~.custom-control-label::before{background-color:#3f6791;border-color:#20344a}.dark-mode .accent-blue .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.dark-mode .accent-blue .custom-control-input:focus:not(:checked)~.custom-control-label::before,.dark-mode .accent-blue .custom-file-input:focus~.custom-file-label,.dark-mode .accent-blue .custom-select:focus,.dark-mode .accent-blue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#85a7ca}.dark-mode .accent-blue .page-item .page-link{color:#3f6791}.dark-mode .accent-blue .page-item.active .page-link,.dark-mode .accent-blue .page-item.active a{background-color:#3f6791;border-color:#3f6791;color:#fff}.dark-mode .accent-blue .page-item.disabled .page-link,.dark-mode .accent-blue .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.dark-mode .accent-blue [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.dark-mode .accent-blue [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.dark-mode .accent-blue [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.dark-mode .accent-blue [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode .dark-mode.accent-blue .page-item .page-link:focus,.dark-mode .dark-mode.accent-blue .page-item .page-link:hover{color:#4774a3}.dark-mode .accent-indigo .btn-link,.dark-mode .accent-indigo .nav-tabs .nav-link,.dark-mode .accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#6610f2}.dark-mode .accent-indigo .btn-link:hover,.dark-mode .accent-indigo .nav-tabs .nav-link:hover,.dark-mode .accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#4709ac}.dark-mode .accent-indigo .dropdown-item.active,.dark-mode .accent-indigo .dropdown-item:active{background-color:#6610f2;color:#fff}.dark-mode .accent-indigo .custom-control-input:checked~.custom-control-label::before{background-color:#6610f2;border-color:#3d0894}.dark-mode .accent-indigo .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.dark-mode .accent-indigo .custom-control-input:focus:not(:checked)~.custom-control-label::before,.dark-mode .accent-indigo .custom-file-input:focus~.custom-file-label,.dark-mode .accent-indigo .custom-select:focus,.dark-mode .accent-indigo .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#b389f9}.dark-mode .accent-indigo .page-item .page-link{color:#6610f2}.dark-mode .accent-indigo .page-item.active .page-link,.dark-mode .accent-indigo .page-item.active a{background-color:#6610f2;border-color:#6610f2;color:#fff}.dark-mode .accent-indigo .page-item.disabled .page-link,.dark-mode .accent-indigo .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.dark-mode .accent-indigo [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.dark-mode .accent-indigo [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.dark-mode .accent-indigo [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.dark-mode .accent-indigo [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode .dark-mode.accent-indigo .page-item .page-link:focus,.dark-mode .dark-mode.accent-indigo .page-item .page-link:hover{color:#7528f3}.dark-mode .accent-purple .btn-link,.dark-mode .accent-purple .nav-tabs .nav-link,.dark-mode .accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#6f42c1}.dark-mode .accent-purple .btn-link:hover,.dark-mode .accent-purple .nav-tabs .nav-link:hover,.dark-mode .accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#4e2d89}.dark-mode .accent-purple .dropdown-item.active,.dark-mode .accent-purple .dropdown-item:active{background-color:#6f42c1;color:#fff}.dark-mode .accent-purple .custom-control-input:checked~.custom-control-label::before{background-color:#6f42c1;border-color:#432776}.dark-mode .accent-purple .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.dark-mode .accent-purple .custom-control-input:focus:not(:checked)~.custom-control-label::before,.dark-mode .accent-purple .custom-file-input:focus~.custom-file-label,.dark-mode .accent-purple .custom-select:focus,.dark-mode .accent-purple .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#b8a2e0}.dark-mode .accent-purple .page-item .page-link{color:#6f42c1}.dark-mode .accent-purple .page-item.active .page-link,.dark-mode .accent-purple .page-item.active a{background-color:#6f42c1;border-color:#6f42c1;color:#fff}.dark-mode .accent-purple .page-item.disabled .page-link,.dark-mode .accent-purple .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.dark-mode .accent-purple [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.dark-mode .accent-purple [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.dark-mode .accent-purple [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.dark-mode .accent-purple [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode .dark-mode.accent-purple .page-item .page-link:focus,.dark-mode .dark-mode.accent-purple .page-item .page-link:hover{color:#7e55c7}.dark-mode .accent-pink .btn-link,.dark-mode .accent-pink .nav-tabs .nav-link,.dark-mode .accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#e83e8c}.dark-mode .accent-pink .btn-link:hover,.dark-mode .accent-pink .nav-tabs .nav-link:hover,.dark-mode .accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#c21766}.dark-mode .accent-pink .dropdown-item.active,.dark-mode .accent-pink .dropdown-item:active{background-color:#e83e8c;color:#fff}.dark-mode .accent-pink .custom-control-input:checked~.custom-control-label::before{background-color:#e83e8c;border-color:#ac145a}.dark-mode .accent-pink .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.dark-mode .accent-pink .custom-control-input:focus:not(:checked)~.custom-control-label::before,.dark-mode .accent-pink .custom-file-input:focus~.custom-file-label,.dark-mode .accent-pink .custom-select:focus,.dark-mode .accent-pink .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#f6b0d0}.dark-mode .accent-pink .page-item .page-link{color:#e83e8c}.dark-mode .accent-pink .page-item.active .page-link,.dark-mode .accent-pink .page-item.active a{background-color:#e83e8c;border-color:#e83e8c;color:#fff}.dark-mode .accent-pink .page-item.disabled .page-link,.dark-mode .accent-pink .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.dark-mode .accent-pink [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.dark-mode .accent-pink [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.dark-mode .accent-pink [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.dark-mode .accent-pink [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode .dark-mode.accent-pink .page-item .page-link:focus,.dark-mode .dark-mode.accent-pink .page-item .page-link:hover{color:#eb559a}.dark-mode .accent-red .btn-link,.dark-mode .accent-red .nav-tabs .nav-link,.dark-mode .accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#e74c3c}.dark-mode .accent-red .btn-link:hover,.dark-mode .accent-red .nav-tabs .nav-link:hover,.dark-mode .accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#bf2718}.dark-mode .accent-red .dropdown-item.active,.dark-mode .accent-red .dropdown-item:active{background-color:#e74c3c;color:#fff}.dark-mode .accent-red .custom-control-input:checked~.custom-control-label::before{background-color:#e74c3c;border-color:#a82315}.dark-mode .accent-red .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.dark-mode .accent-red .custom-control-input:focus:not(:checked)~.custom-control-label::before,.dark-mode .accent-red .custom-file-input:focus~.custom-file-label,.dark-mode .accent-red .custom-select:focus,.dark-mode .accent-red .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#f5b4ae}.dark-mode .accent-red .page-item .page-link{color:#e74c3c}.dark-mode .accent-red .page-item.active .page-link,.dark-mode .accent-red .page-item.active a{background-color:#e74c3c;border-color:#e74c3c;color:#fff}.dark-mode .accent-red .page-item.disabled .page-link,.dark-mode .accent-red .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.dark-mode .accent-red [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.dark-mode .accent-red [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.dark-mode .accent-red [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.dark-mode .accent-red [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode .dark-mode.accent-red .page-item .page-link:focus,.dark-mode .dark-mode.accent-red .page-item .page-link:hover{color:#ea6153}.dark-mode .accent-orange .btn-link,.dark-mode .accent-orange .nav-tabs .nav-link,.dark-mode .accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#fd7e14}.dark-mode .accent-orange .btn-link:hover,.dark-mode .accent-orange .nav-tabs .nav-link:hover,.dark-mode .accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#c35a02}.dark-mode .accent-orange .dropdown-item.active,.dark-mode .accent-orange .dropdown-item:active{background-color:#fd7e14;color:#1f2d3d}.dark-mode .accent-orange .custom-control-input:checked~.custom-control-label::before{background-color:#fd7e14;border-color:#aa4e01}.dark-mode .accent-orange .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.dark-mode .accent-orange .custom-control-input:focus:not(:checked)~.custom-control-label::before,.dark-mode .accent-orange .custom-file-input:focus~.custom-file-label,.dark-mode .accent-orange .custom-select:focus,.dark-mode .accent-orange .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#fec392}.dark-mode .accent-orange .page-item .page-link{color:#fd7e14}.dark-mode .accent-orange .page-item.active .page-link,.dark-mode .accent-orange .page-item.active a{background-color:#fd7e14;border-color:#fd7e14;color:#fff}.dark-mode .accent-orange .page-item.disabled .page-link,.dark-mode .accent-orange .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.dark-mode .accent-orange [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.dark-mode .accent-orange [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.dark-mode .accent-orange [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.dark-mode .accent-orange [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode .dark-mode.accent-orange .page-item .page-link:focus,.dark-mode .dark-mode.accent-orange .page-item .page-link:hover{color:#fd8c2d}.dark-mode .accent-yellow .btn-link,.dark-mode .accent-yellow .nav-tabs .nav-link,.dark-mode .accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#f39c12}.dark-mode .accent-yellow .btn-link:hover,.dark-mode .accent-yellow .nav-tabs .nav-link:hover,.dark-mode .accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#b06f09}.dark-mode .accent-yellow .dropdown-item.active,.dark-mode .accent-yellow .dropdown-item:active{background-color:#f39c12;color:#1f2d3d}.dark-mode .accent-yellow .custom-control-input:checked~.custom-control-label::before{background-color:#f39c12;border-color:#976008}.dark-mode .accent-yellow .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.dark-mode .accent-yellow .custom-control-input:focus:not(:checked)~.custom-control-label::before,.dark-mode .accent-yellow .custom-file-input:focus~.custom-file-label,.dark-mode .accent-yellow .custom-select:focus,.dark-mode .accent-yellow .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#f9cf8b}.dark-mode .accent-yellow .page-item .page-link{color:#f39c12}.dark-mode .accent-yellow .page-item.active .page-link,.dark-mode .accent-yellow .page-item.active a{background-color:#f39c12;border-color:#f39c12;color:#fff}.dark-mode .accent-yellow .page-item.disabled .page-link,.dark-mode .accent-yellow .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.dark-mode .accent-yellow [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.dark-mode .accent-yellow [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.dark-mode .accent-yellow [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.dark-mode .accent-yellow [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode .dark-mode.accent-yellow .page-item .page-link:focus,.dark-mode .dark-mode.accent-yellow .page-item .page-link:hover{color:#f4a62a}.dark-mode .accent-green .btn-link,.dark-mode .accent-green .nav-tabs .nav-link,.dark-mode .accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#00bc8c}.dark-mode .accent-green .btn-link:hover,.dark-mode .accent-green .nav-tabs .nav-link:hover,.dark-mode .accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#007053}.dark-mode .accent-green .dropdown-item.active,.dark-mode .accent-green .dropdown-item:active{background-color:#00bc8c;color:#fff}.dark-mode .accent-green .custom-control-input:checked~.custom-control-label::before{background-color:#00bc8c;border-color:#005640}.dark-mode .accent-green .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.dark-mode .accent-green .custom-control-input:focus:not(:checked)~.custom-control-label::before,.dark-mode .accent-green .custom-file-input:focus~.custom-file-label,.dark-mode .accent-green .custom-select:focus,.dark-mode .accent-green .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#3dffcd}.dark-mode .accent-green .page-item .page-link{color:#00bc8c}.dark-mode .accent-green .page-item.active .page-link,.dark-mode .accent-green .page-item.active a{background-color:#00bc8c;border-color:#00bc8c;color:#fff}.dark-mode .accent-green .page-item.disabled .page-link,.dark-mode .accent-green .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.dark-mode .accent-green [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.dark-mode .accent-green [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.dark-mode .accent-green [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.dark-mode .accent-green [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode .dark-mode.accent-green .page-item .page-link:focus,.dark-mode .dark-mode.accent-green .page-item .page-link:hover{color:#00d69f}.dark-mode .accent-teal .btn-link,.dark-mode .accent-teal .nav-tabs .nav-link,.dark-mode .accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#20c997}.dark-mode .accent-teal .btn-link:hover,.dark-mode .accent-teal .nav-tabs .nav-link:hover,.dark-mode .accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#158765}.dark-mode .accent-teal .dropdown-item.active,.dark-mode .accent-teal .dropdown-item:active{background-color:#20c997;color:#fff}.dark-mode .accent-teal .custom-control-input:checked~.custom-control-label::before{background-color:#20c997;border-color:#127155}.dark-mode .accent-teal .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.dark-mode .accent-teal .custom-control-input:focus:not(:checked)~.custom-control-label::before,.dark-mode .accent-teal .custom-file-input:focus~.custom-file-label,.dark-mode .accent-teal .custom-select:focus,.dark-mode .accent-teal .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#7eeaca}.dark-mode .accent-teal .page-item .page-link{color:#20c997}.dark-mode .accent-teal .page-item.active .page-link,.dark-mode .accent-teal .page-item.active a{background-color:#20c997;border-color:#20c997;color:#fff}.dark-mode .accent-teal .page-item.disabled .page-link,.dark-mode .accent-teal .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.dark-mode .accent-teal [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.dark-mode .accent-teal [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.dark-mode .accent-teal [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.dark-mode .accent-teal [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode .dark-mode.accent-teal .page-item .page-link:focus,.dark-mode .dark-mode.accent-teal .page-item .page-link:hover{color:#26dca6}.dark-mode .accent-cyan .btn-link,.dark-mode .accent-cyan .nav-tabs .nav-link,.dark-mode .accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#3498db}.dark-mode .accent-cyan .btn-link:hover,.dark-mode .accent-cyan .nav-tabs .nav-link:hover,.dark-mode .accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#1d6fa5}.dark-mode .accent-cyan .dropdown-item.active,.dark-mode .accent-cyan .dropdown-item:active{background-color:#3498db;color:#fff}.dark-mode .accent-cyan .custom-control-input:checked~.custom-control-label::before{background-color:#3498db;border-color:#196090}.dark-mode .accent-cyan .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.dark-mode .accent-cyan .custom-control-input:focus:not(:checked)~.custom-control-label::before,.dark-mode .accent-cyan .custom-file-input:focus~.custom-file-label,.dark-mode .accent-cyan .custom-select:focus,.dark-mode .accent-cyan .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#a0cfee}.dark-mode .accent-cyan .page-item .page-link{color:#3498db}.dark-mode .accent-cyan .page-item.active .page-link,.dark-mode .accent-cyan .page-item.active a{background-color:#3498db;border-color:#3498db;color:#fff}.dark-mode .accent-cyan .page-item.disabled .page-link,.dark-mode .accent-cyan .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.dark-mode .accent-cyan [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.dark-mode .accent-cyan [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.dark-mode .accent-cyan [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.dark-mode .accent-cyan [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode .dark-mode.accent-cyan .page-item .page-link:focus,.dark-mode .dark-mode.accent-cyan .page-item .page-link:hover{color:#4aa3df}.dark-mode .accent-white .btn-link,.dark-mode .accent-white .nav-tabs .nav-link,.dark-mode .accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#fff}.dark-mode .accent-white .btn-link:hover,.dark-mode .accent-white .nav-tabs .nav-link:hover,.dark-mode .accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#d9d9d9}.dark-mode .accent-white .dropdown-item.active,.dark-mode .accent-white .dropdown-item:active{background-color:#fff;color:#1f2d3d}.dark-mode .accent-white .custom-control-input:checked~.custom-control-label::before{background-color:#fff;border-color:#ccc}.dark-mode .accent-white .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.dark-mode .accent-white .custom-control-input:focus:not(:checked)~.custom-control-label::before,.dark-mode .accent-white .custom-file-input:focus~.custom-file-label,.dark-mode .accent-white .custom-select:focus,.dark-mode .accent-white .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#fff}.dark-mode .accent-white .page-item .page-link{color:#fff}.dark-mode .accent-white .page-item.active .page-link,.dark-mode .accent-white .page-item.active a{background-color:#fff;border-color:#fff;color:#fff}.dark-mode .accent-white .page-item.disabled .page-link,.dark-mode .accent-white .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.dark-mode .accent-white [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.dark-mode .accent-white [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.dark-mode .accent-white [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.dark-mode .accent-white [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode .dark-mode.accent-white .page-item .page-link:focus,.dark-mode .dark-mode.accent-white .page-item .page-link:hover{color:#fff}.dark-mode .accent-gray .btn-link,.dark-mode .accent-gray .nav-tabs .nav-link,.dark-mode .accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#6c757d}.dark-mode .accent-gray .btn-link:hover,.dark-mode .accent-gray .nav-tabs .nav-link:hover,.dark-mode .accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#494f54}.dark-mode .accent-gray .dropdown-item.active,.dark-mode .accent-gray .dropdown-item:active{background-color:#6c757d;color:#fff}.dark-mode .accent-gray .custom-control-input:checked~.custom-control-label::before{background-color:#6c757d;border-color:#3d4246}.dark-mode .accent-gray .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.dark-mode .accent-gray .custom-control-input:focus:not(:checked)~.custom-control-label::before,.dark-mode .accent-gray .custom-file-input:focus~.custom-file-label,.dark-mode .accent-gray .custom-select:focus,.dark-mode .accent-gray .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#afb5ba}.dark-mode .accent-gray .page-item .page-link{color:#6c757d}.dark-mode .accent-gray .page-item.active .page-link,.dark-mode .accent-gray .page-item.active a{background-color:#6c757d;border-color:#6c757d;color:#fff}.dark-mode .accent-gray .page-item.disabled .page-link,.dark-mode .accent-gray .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.dark-mode .accent-gray [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.dark-mode .accent-gray [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.dark-mode .accent-gray [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.dark-mode .accent-gray [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode .dark-mode.accent-gray .page-item .page-link:focus,.dark-mode .dark-mode.accent-gray .page-item .page-link:hover{color:#78828a}.dark-mode .accent-gray-dark .btn-link,.dark-mode .accent-gray-dark .nav-tabs .nav-link,.dark-mode .accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn){color:#343a40}.dark-mode .accent-gray-dark .btn-link:hover,.dark-mode .accent-gray-dark .nav-tabs .nav-link:hover,.dark-mode .accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover{color:#121416}.dark-mode .accent-gray-dark .dropdown-item.active,.dark-mode .accent-gray-dark .dropdown-item:active{background-color:#343a40;color:#fff}.dark-mode .accent-gray-dark .custom-control-input:checked~.custom-control-label::before{background-color:#343a40;border-color:#060708}.dark-mode .accent-gray-dark .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.dark-mode .accent-gray-dark .custom-control-input:focus:not(:checked)~.custom-control-label::before,.dark-mode .accent-gray-dark .custom-file-input:focus~.custom-file-label,.dark-mode .accent-gray-dark .custom-select:focus,.dark-mode .accent-gray-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid){border-color:#6d7a86}.dark-mode .accent-gray-dark .page-item .page-link{color:#343a40}.dark-mode .accent-gray-dark .page-item.active .page-link,.dark-mode .accent-gray-dark .page-item.active a{background-color:#343a40;border-color:#343a40;color:#fff}.dark-mode .accent-gray-dark .page-item.disabled .page-link,.dark-mode .accent-gray-dark .page-item.disabled a{background-color:#fff;border-color:#dee2e6;color:#6c757d}.dark-mode .accent-gray-dark [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#c2c7d0}.dark-mode .accent-gray-dark [class*=sidebar-dark-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#fff}.dark-mode .accent-gray-dark [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link){color:#343a40}.dark-mode .accent-gray-dark [class*=sidebar-light-] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover{color:#212529}.dark-mode .dark-mode.accent-gray-dark .page-item .page-link:focus,.dark-mode .dark-mode.accent-gray-dark .page-item .page-link:hover{color:#3f474e}.dark-mode .border-dark{border-color:#4b545c!important} +/*# sourceMappingURL=adminlte.min.css.map */ \ No newline at end of file diff --git a/public/vendor/adminlte/adminlte.min.js b/public/vendor/adminlte/adminlte.min.js new file mode 100644 index 0000000..86763d2 --- /dev/null +++ b/public/vendor/adminlte/adminlte.min.js @@ -0,0 +1,7 @@ +/*! + * AdminLTE v3.2.0 (https://adminlte.io) + * Copyright 2014-2022 Colorlib + * Licensed under MIT (https://github.com/ColorlibHQ/AdminLTE/blob/master/LICENSE) + */ +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("jquery")):"function"==typeof define&&define.amd?define(["exports","jquery"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).adminlte={},e.jQuery)}(this,(function(e,t){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(t),i="CardRefresh",o="lte.cardrefresh",l=n.default.fn[i],s="card",r='[data-card-widget="card-refresh"]',d={source:"",sourceSelector:"",params:{},trigger:r,content:".card-body",loadInContent:!0,loadOnInit:!0,loadErrorTemplate:!0,responseType:"",overlayTemplate:'
',errorTemplate:'',onLoadStart:function(){},onLoadDone:function(e){return e},onLoadFail:function(e,t,a){}},f=function(){function e(e,t){if(this._element=e,this._parent=e.parents(".card").first(),this._settings=n.default.extend({},d,t),this._overlay=n.default(this._settings.overlayTemplate),e.hasClass(s)&&(this._parent=e),""===this._settings.source)throw new Error("Source url was not defined. Please specify a url in your CardRefresh source option.")}var t=e.prototype;return t.load=function(){var e=this;this._addOverlay(),this._settings.onLoadStart.call(n.default(this)),n.default.get(this._settings.source,this._settings.params,(function(t){e._settings.loadInContent&&(""!==e._settings.sourceSelector&&(t=n.default(t).find(e._settings.sourceSelector).html()),e._parent.find(e._settings.content).html(t)),e._settings.onLoadDone.call(n.default(e),t),e._removeOverlay()}),""!==this._settings.responseType&&this._settings.responseType).fail((function(t,a,i){if(e._removeOverlay(),e._settings.loadErrorTemplate){var o=n.default(e._settings.errorTemplate).text(i);e._parent.find(e._settings.content).empty().append(o)}e._settings.onLoadFail.call(n.default(e),t,a,i)})),n.default(this._element).trigger(n.default.Event("loaded.lte.cardrefresh"))},t._addOverlay=function(){this._parent.append(this._overlay),n.default(this._element).trigger(n.default.Event("overlay.added.lte.cardrefresh"))},t._removeOverlay=function(){this._parent.find(this._overlay).remove(),n.default(this._element).trigger(n.default.Event("overlay.removed.lte.cardrefresh"))},t._init=function(){var e=this;n.default(this).find(this._settings.trigger).on("click",(function(){e.load()})),this._settings.loadOnInit&&this.load()},e._jQueryInterface=function(t){var a=n.default(this).data(o),i=n.default.extend({},d,n.default(this).data());a||(a=new e(n.default(this),i),n.default(this).data(o,"string"==typeof t?a:t)),"string"==typeof t&&/load/.test(t)?a[t]():a._init(n.default(this))},e}();n.default(document).on("click",r,(function(e){e&&e.preventDefault(),f._jQueryInterface.call(n.default(this),"load")})),n.default((function(){n.default(r).each((function(){f._jQueryInterface.call(n.default(this))}))})),n.default.fn[i]=f._jQueryInterface,n.default.fn[i].Constructor=f,n.default.fn[i].noConflict=function(){return n.default.fn[i]=l,f._jQueryInterface};var u="CardWidget",c="lte.cardwidget",h=n.default.fn[u],g="card",p="collapsed-card",m="collapsing-card",v="expanding-card",_="was-collapsed",b="maximized-card",y='[data-card-widget="remove"]',C='[data-card-widget="collapse"]',w='[data-card-widget="maximize"]',x={animationSpeed:"normal",collapseTrigger:C,removeTrigger:y,maximizeTrigger:w,collapseIcon:"fa-minus",expandIcon:"fa-plus",maximizeIcon:"fa-expand",minimizeIcon:"fa-compress"},I=function(){function e(e,t){this._element=e,this._parent=e.parents(".card").first(),e.hasClass(g)&&(this._parent=e),this._settings=n.default.extend({},x,t)}var t=e.prototype;return t.collapse=function(){var e=this;this._parent.addClass(m).children(".card-body, .card-footer").slideUp(this._settings.animationSpeed,(function(){e._parent.addClass(p).removeClass(m)})),this._parent.find("> .card-header "+this._settings.collapseTrigger+" ."+this._settings.collapseIcon).addClass(this._settings.expandIcon).removeClass(this._settings.collapseIcon),this._element.trigger(n.default.Event("collapsed.lte.cardwidget"),this._parent)},t.expand=function(){var e=this;this._parent.addClass(v).children(".card-body, .card-footer").slideDown(this._settings.animationSpeed,(function(){e._parent.removeClass(p).removeClass(v)})),this._parent.find("> .card-header "+this._settings.collapseTrigger+" ."+this._settings.expandIcon).addClass(this._settings.collapseIcon).removeClass(this._settings.expandIcon),this._element.trigger(n.default.Event("expanded.lte.cardwidget"),this._parent)},t.remove=function(){this._parent.slideUp(),this._element.trigger(n.default.Event("removed.lte.cardwidget"),this._parent)},t.toggle=function(){this._parent.hasClass(p)?this.expand():this.collapse()},t.maximize=function(){this._parent.find(this._settings.maximizeTrigger+" ."+this._settings.maximizeIcon).addClass(this._settings.minimizeIcon).removeClass(this._settings.maximizeIcon),this._parent.css({height:this._parent.height(),width:this._parent.width(),transition:"all .15s"}).delay(150).queue((function(){var e=n.default(this);e.addClass(b),n.default("html").addClass(b),e.hasClass(p)&&e.addClass(_),e.dequeue()})),this._element.trigger(n.default.Event("maximized.lte.cardwidget"),this._parent)},t.minimize=function(){this._parent.find(this._settings.maximizeTrigger+" ."+this._settings.minimizeIcon).addClass(this._settings.maximizeIcon).removeClass(this._settings.minimizeIcon),this._parent.css("cssText","height: "+this._parent[0].style.height+" !important; width: "+this._parent[0].style.width+" !important; transition: all .15s;").delay(10).queue((function(){var e=n.default(this);e.removeClass(b),n.default("html").removeClass(b),e.css({height:"inherit",width:"inherit"}),e.hasClass(_)&&e.removeClass(_),e.dequeue()})),this._element.trigger(n.default.Event("minimized.lte.cardwidget"),this._parent)},t.toggleMaximize=function(){this._parent.hasClass(b)?this.minimize():this.maximize()},t._init=function(e){var t=this;this._parent=e,n.default(this).find(this._settings.collapseTrigger).click((function(){t.toggle()})),n.default(this).find(this._settings.maximizeTrigger).click((function(){t.toggleMaximize()})),n.default(this).find(this._settings.removeTrigger).click((function(){t.remove()}))},e._jQueryInterface=function(t){var a=n.default(this).data(c),i=n.default.extend({},x,n.default(this).data());a||(a=new e(n.default(this),i),n.default(this).data(c,"string"==typeof t?a:t)),"string"==typeof t&&/collapse|expand|remove|toggle|maximize|minimize|toggleMaximize/.test(t)?a[t]():"object"==typeof t&&a._init(n.default(this))},e}();n.default(document).on("click",C,(function(e){e&&e.preventDefault(),I._jQueryInterface.call(n.default(this),"toggle")})),n.default(document).on("click",y,(function(e){e&&e.preventDefault(),I._jQueryInterface.call(n.default(this),"remove")})),n.default(document).on("click",w,(function(e){e&&e.preventDefault(),I._jQueryInterface.call(n.default(this),"toggleMaximize")})),n.default.fn[u]=I._jQueryInterface,n.default.fn[u].Constructor=I,n.default.fn[u].noConflict=function(){return n.default.fn[u]=h,I._jQueryInterface};var T="ControlSidebar",S="lte.controlsidebar",j=n.default.fn[T],k=".control-sidebar",Q=".control-sidebar-content",H='[data-widget="control-sidebar"]',z=".main-header",F=".main-footer",E="control-sidebar-animate",L="control-sidebar-open",D="control-sidebar-slide-open",R="layout-fixed",A={controlsidebarSlide:!0,scrollbarTheme:"os-theme-light",scrollbarAutoHide:"l",target:k,animationSpeed:300},M=function(){function e(e,t){this._element=e,this._config=t}var t=e.prototype;return t.collapse=function(){var e=this,t=n.default("body"),a=n.default("html");this._config.controlsidebarSlide?(a.addClass(E),t.removeClass(D).delay(300).queue((function(){n.default(k).hide(),a.removeClass(E),n.default(this).dequeue()}))):t.removeClass(L),n.default(this._element).trigger(n.default.Event("collapsed.lte.controlsidebar")),setTimeout((function(){n.default(e._element).trigger(n.default.Event("collapsed-done.lte.controlsidebar"))}),this._config.animationSpeed)},t.show=function(e){void 0===e&&(e=!1);var t=n.default("body"),a=n.default("html");e&&n.default(k).hide(),this._config.controlsidebarSlide?(a.addClass(E),n.default(this._config.target).show().delay(10).queue((function(){t.addClass(D).delay(300).queue((function(){a.removeClass(E),n.default(this).dequeue()})),n.default(this).dequeue()}))):t.addClass(L),this._fixHeight(),this._fixScrollHeight(),n.default(this._element).trigger(n.default.Event("expanded.lte.controlsidebar"))},t.toggle=function(){var e=n.default("body"),t=this._config.target,a=!n.default(t).is(":visible"),i=e.hasClass(L)||e.hasClass(D),o=a&&(e.hasClass(L)||e.hasClass(D));a||o?this.show(a):i&&this.collapse()},t._init=function(){var e=this,t=n.default("body");t.hasClass(L)||t.hasClass(D)?(n.default(k).not(this._config.target).hide(),n.default(this._config.target).css("display","block")):n.default(k).hide(),this._fixHeight(),this._fixScrollHeight(),n.default(window).resize((function(){e._fixHeight(),e._fixScrollHeight()})),n.default(window).scroll((function(){var t=n.default("body");(t.hasClass(L)||t.hasClass(D))&&e._fixScrollHeight()}))},t._isNavbarFixed=function(){var e=n.default("body");return e.hasClass("layout-navbar-fixed")||e.hasClass("layout-sm-navbar-fixed")||e.hasClass("layout-md-navbar-fixed")||e.hasClass("layout-lg-navbar-fixed")||e.hasClass("layout-xl-navbar-fixed")},t._isFooterFixed=function(){var e=n.default("body");return e.hasClass("layout-footer-fixed")||e.hasClass("layout-sm-footer-fixed")||e.hasClass("layout-md-footer-fixed")||e.hasClass("layout-lg-footer-fixed")||e.hasClass("layout-xl-footer-fixed")},t._fixScrollHeight=function(){var e=n.default("body"),t=n.default(this._config.target);if(e.hasClass(R)){var a={scroll:n.default(document).height(),window:n.default(window).height(),header:n.default(z).outerHeight(),footer:n.default(F).outerHeight()},i=Math.abs(a.window+n.default(window).scrollTop()-a.scroll),o=n.default(window).scrollTop(),l=this._isNavbarFixed()&&"fixed"===n.default(z).css("position"),s=this._isFooterFixed()&&"fixed"===n.default(F).css("position"),r=n.default(this._config.target+", "+this._config.target+" "+Q);if(0===o&&0===i)t.css({bottom:a.footer,top:a.header}),r.css("height",a.window-(a.header+a.footer));else if(i<=a.footer)if(!1===s){var d=a.header-o;t.css("bottom",a.footer-i).css("top",d>=0?d:0),r.css("height",a.window-(a.footer-i))}else t.css("bottom",a.footer);else o<=a.header?!1===l?(t.css("top",a.header-o),r.css("height",a.window-(a.header-o))):t.css("top",a.header):!1===l?(t.css("top",0),r.css("height",a.window)):t.css("top",a.header);s&&l?(r.css("height","100%"),t.css("height","")):(s||l)&&(r.css("height","100%"),r.css("height",""))}},t._fixHeight=function(){var e=n.default("body"),t=n.default(this._config.target+" "+Q);if(e.hasClass(R)){var a=n.default(window).height(),i=n.default(z).outerHeight(),o=n.default(F).outerHeight(),l=a-i;this._isFooterFixed()&&"fixed"===n.default(F).css("position")&&(l=a-i-o),t.css("height",l),"undefined"!=typeof n.default.fn.overlayScrollbars&&t.overlayScrollbars({className:this._config.scrollbarTheme,sizeAutoCapable:!0,scrollbars:{autoHide:this._config.scrollbarAutoHide,clickScrolling:!0}})}else t.attr("style","")},e._jQueryInterface=function(t){return this.each((function(){var a=n.default(this).data(S),i=n.default.extend({},A,n.default(this).data());if(a||(a=new e(this,i),n.default(this).data(S,a)),"undefined"===a[t])throw new Error(t+" is not a function");a[t]()}))},e}();n.default(document).on("click",H,(function(e){e.preventDefault(),M._jQueryInterface.call(n.default(this),"toggle")})),n.default(document).ready((function(){M._jQueryInterface.call(n.default(H),"_init")})),n.default.fn[T]=M._jQueryInterface,n.default.fn[T].Constructor=M,n.default.fn[T].noConflict=function(){return n.default.fn[T]=j,M._jQueryInterface};var q="DirectChat",O="lte.directchat",N=n.default.fn[q],P=function(){function e(e){this._element=e}return e.prototype.toggle=function(){n.default(this._element).parents(".direct-chat").first().toggleClass("direct-chat-contacts-open"),n.default(this._element).trigger(n.default.Event("toggled.lte.directchat"))},e._jQueryInterface=function(t){return this.each((function(){var a=n.default(this).data(O);a||(a=new e(n.default(this)),n.default(this).data(O,a)),a[t]()}))},e}();n.default(document).on("click",'[data-widget="chat-pane-toggle"]',(function(e){e&&e.preventDefault(),P._jQueryInterface.call(n.default(this),"toggle")})),n.default.fn[q]=P._jQueryInterface,n.default.fn[q].Constructor=P,n.default.fn[q].noConflict=function(){return n.default.fn[q]=N,P._jQueryInterface};var U="Dropdown",B="lte.dropdown",$=n.default.fn[U],J=".dropdown-menu",W={},V=function(){function e(e,t){this._config=t,this._element=e}var t=e.prototype;return t.toggleSubmenu=function(){this._element.siblings().show().toggleClass("show"),this._element.next().hasClass("show")||this._element.parents(J).first().find(".show").removeClass("show").hide(),this._element.parents("li.nav-item.dropdown.show").on("hidden.bs.dropdown",(function(){n.default(".dropdown-submenu .show").removeClass("show").hide()}))},t.fixPosition=function(){var e=n.default(".dropdown-menu.show");if(0!==e.length){e.hasClass("dropdown-menu-right")?e.css({left:"inherit",right:0}):e.css({left:0,right:"inherit"});var t=e.offset(),a=e.width(),i=n.default(window).width()-t.left;t.left<0?e.css({left:"inherit",right:t.left-5}):i'+e+"";n.default(me).append(unescape(escape(r)));var d='
';if(n.default(be).append(unescape(escape(d))),i)if(this._config.loadingScreen){var f=n.default(Ce);f.fadeIn(),n.default(l+" iframe").ready((function(){"number"==typeof o._config.loadingScreen?(o.switchTab("#"+s),setTimeout((function(){f.fadeOut()}),o._config.loadingScreen)):(o.switchTab("#"+s),f.fadeOut())}))}else this.switchTab("#"+s);this.onTabCreated(n.default("#"+s))},t.openTabSidebar=function(e,t){void 0===t&&(t=this._config.autoShowNewTab);var a=n.default(e).clone();void 0===a.attr("href")&&(a=n.default(e).parent("a").clone()),a.find(".right, .search-path").remove();var i=a.find("p").text();""===i&&(i=a.text());var o=a.attr("href");if("#"!==o&&""!==o&&void 0!==o){var l=unescape(o).replace("./","").replace(/["#&'./:=?[\]]/gi,"-").replace(/(--)/gi,""),s="tab-"+l;if(!this._config.allowDuplicates&&n.default("#"+s).length>0)return this.switchTab("#"+s,this._config.allowReload);(!this._config.allowDuplicates&&0===n.default("#"+s).length||this._config.allowDuplicates)&&this.createTab(i,o,l,t)}},t.switchTab=function(e,t){var a=this;void 0===t&&(t=!1);var i=n.default(e),o=i.attr("href");if(n.default(ye).hide(),t){var l=n.default(Ce);this._config.loadingScreen?l.show(0,(function(){n.default(o+" iframe").attr("src",n.default(o+" iframe").attr("src")).ready((function(){a._config.loadingScreen&&("number"==typeof a._config.loadingScreen?setTimeout((function(){l.fadeOut()}),a._config.loadingScreen):l.fadeOut())}))})):n.default(o+" iframe").attr("src",n.default(o+" iframe").attr("src"))}n.default(me+" .active").tab("dispose").removeClass("active"),this._fixHeight(),i.tab("show"),i.parents("li").addClass("active"),this.onTabChanged(i),this._config.autoItemActive&&this._setItemActive(n.default(o+" iframe").attr("src"))},t.removeActiveTab=function(e,t){if("all"==e)n.default(ve).remove(),n.default(we).remove(),n.default(ye).show();else if("all-other"==e)n.default(ve+":not(.active)").remove(),n.default(we+":not(.active)").remove();else if("only-this"==e){var a=n.default(t),i=a.parent(".nav-item"),o=i.parent(),l=i.index(),s=a.siblings(".nav-link").attr("aria-controls");if(i.remove(),n.default("#"+s).remove(),n.default(be).children().length==n.default(ye+", "+Ce).length)n.default(ye).show();else{var r=l-1;this.switchTab(o.children().eq(r).find("a.nav-link"))}}else{var d=n.default(ve+".active"),f=d.parent(),u=d.index();if(d.remove(),n.default(we+".active").remove(),n.default(be).children().length==n.default(ye+", "+Ce).length)n.default(ye).show();else{var c=u-1;this.switchTab(f.children().eq(c).find("a.nav-link"))}}},t.toggleFullscreen=function(){n.default("body").hasClass(je)?(n.default(ce+" i").removeClass(this._config.iconMinimize).addClass(this._config.iconMaximize),n.default("body").removeClass(je),n.default(ye+", "+Ce).height("100%"),n.default(he).height("100%"),n.default(ge).height("100%")):(n.default(ce+" i").removeClass(this._config.iconMaximize).addClass(this._config.iconMinimize),n.default("body").addClass(je)),n.default(window).trigger("resize"),this._fixHeight(!0)},t._init=function(){var e=n.default(be).children().length>2;if(this._setupListeners(),this._fixHeight(!0),e){var t=n.default(""+we).first();console.log(t);var a="#tab-"+t.attr("id").replace("panel-","");this.switchTab(a,!0)}},t._initFrameElement=function(){if(window.frameElement&&this._config.autoIframeMode){var e=n.default("body");e.addClass(Se),this._config.autoDarkMode&&e.addClass("dark-mode")}},t._navScroll=function(e){var t=n.default(me).scrollLeft();n.default(me).animate({scrollLeft:t+e},250,"linear")},t._setupListeners=function(){var e=this;n.default(window).on("resize",(function(){setTimeout((function(){e._fixHeight()}),1)})),n.default(he).hasClass(Se)&&(n.default(document).on("click",xe+", .sidebar-search-results .list-group-item",(function(t){t.preventDefault(),e.openTabSidebar(t.target)})),this._config.useNavbarItems&&n.default(document).on("click",Ie+", "+Te,(function(t){t.preventDefault(),e.openTabSidebar(t.target)}))),n.default(document).on("click",_e,(function(t){t.preventDefault(),e.onTabClick(t.target),e.switchTab(t.target)})),n.default(document).on("click",_e,(function(t){t.preventDefault(),e.onTabClick(t.target),e.switchTab(t.target)})),n.default(document).on("click",'[data-widget="iframe-close"]',(function(t){t.preventDefault();var a=t.target;"I"==a.nodeName&&(a=t.target.offsetParent),e.removeActiveTab(a.attributes["data-type"]?a.attributes["data-type"].nodeValue:null,a)})),n.default(document).on("click",ce,(function(t){t.preventDefault(),e.toggleFullscreen()}));var t=!1,a=null;n.default(document).on("mousedown",'[data-widget="iframe-scrollleft"]',(function(n){n.preventDefault(),clearInterval(a);var i=e._config.scrollOffset;e._config.scrollBehaviorSwap||(i=-i),t=!0,e._navScroll(i),a=setInterval((function(){e._navScroll(i)}),250)})),n.default(document).on("mousedown",'[data-widget="iframe-scrollright"]',(function(n){n.preventDefault(),clearInterval(a);var i=e._config.scrollOffset;e._config.scrollBehaviorSwap&&(i=-i),t=!0,e._navScroll(i),a=setInterval((function(){e._navScroll(i)}),250)})),n.default(document).on("mouseup",(function(){t&&(t=!1,clearInterval(a),a=null)}))},t._setItemActive=function(e){n.default(xe+", "+Te).removeClass("active"),n.default(Ie).parent().removeClass("active");var t=n.default(Ie+'[href$="'+e+'"]'),a=n.default('.main-header a.dropdown-item[href$="'+e+'"]'),i=n.default(xe+'[href$="'+e+'"]');t.each((function(e,t){n.default(t).parent().addClass("active")})),a.each((function(e,t){n.default(t).addClass("active")})),i.each((function(e,t){n.default(t).addClass("active"),n.default(t).parents(".nav-treeview").prevAll(".nav-link").addClass("active")}))},t._fixHeight=function(e){if(void 0===e&&(e=!1),n.default("body").hasClass(je)){var t=n.default(window).height(),a=n.default(pe).outerHeight();n.default(ye+", "+Ce+", "+ge).height(t-a),n.default(he).height(t)}else{var i=parseFloat(n.default(he).css("height")),o=n.default(pe).outerHeight();1==e?setTimeout((function(){n.default(ye+", "+Ce).height(i-o)}),50):n.default(ge).height(i-o)}},e._jQueryInterface=function(t){if(n.default(ue).length>0){var a=n.default(this).data(de);a||(a=n.default(this).data());var i=n.default.extend({},ke,"object"==typeof t?t:a);localStorage.setItem("AdminLTE:IFrame:Options",JSON.stringify(i));var o=new e(n.default(this),i);n.default(this).data(de,"object"==typeof t?t:a),"string"==typeof t&&/createTab|openTabSidebar|switchTab|removeActiveTab/.test(t)&&o[t]()}else new e(n.default(this),JSON.parse(localStorage.getItem("AdminLTE:IFrame:Options")))._initFrameElement()},e}();n.default(window).on("load",(function(){Qe._jQueryInterface.call(n.default(ue))})),n.default.fn.IFrame=Qe._jQueryInterface,n.default.fn.IFrame.Constructor=Qe,n.default.fn.IFrame.noConflict=function(){return n.default.fn.IFrame=fe,Qe._jQueryInterface};var He="lte.layout",ze=n.default.fn.Layout,Fe=".main-header",Ee=".main-sidebar",Le=".main-sidebar .sidebar",De=".main-footer",Re="sidebar-focused",Ae={scrollbarTheme:"os-theme-light",scrollbarAutoHide:"l",panelAutoHeight:!0,panelAutoHeightMode:"min-height",preloadDuration:200,loginRegisterAutoHeight:!0},Me=function(){function e(e,t){this._config=t,this._element=e}var t=e.prototype;return t.fixLayoutHeight=function(e){void 0===e&&(e=null);var t=n.default("body"),a=0;(t.hasClass("control-sidebar-slide-open")||t.hasClass("control-sidebar-open")||"control_sidebar"===e)&&(a=n.default(".control-sidebar-content").outerHeight());var i={window:n.default(window).height(),header:n.default(Fe).length>0?n.default(Fe).outerHeight():0,footer:n.default(De).length>0?n.default(De).outerHeight():0,sidebar:n.default(Le).length>0?n.default(Le).height():0,controlSidebar:a},o=this._max(i),l=this._config.panelAutoHeight;!0===l&&(l=0);var s=n.default(".content-wrapper");!1!==l&&(o===i.controlSidebar?s.css(this._config.panelAutoHeightMode,o+l):o===i.window?s.css(this._config.panelAutoHeightMode,o+l-i.header-i.footer):s.css(this._config.panelAutoHeightMode,o+l-i.header),this._isFooterFixed()&&s.css(this._config.panelAutoHeightMode,parseFloat(s.css(this._config.panelAutoHeightMode))+i.footer)),t.hasClass("layout-fixed")&&("undefined"!=typeof n.default.fn.overlayScrollbars?n.default(Le).overlayScrollbars({className:this._config.scrollbarTheme,sizeAutoCapable:!0,scrollbars:{autoHide:this._config.scrollbarAutoHide,clickScrolling:!0}}):n.default(Le).css("overflow-y","auto"))},t.fixLoginRegisterHeight=function(){var e=n.default("body"),t=n.default(".login-box, .register-box");if(e.hasClass("iframe-mode"))e.css("height","100%"),n.default(".wrapper").css("height","100%"),n.default("html").css("height","100%");else if(0===t.length)e.css("height","auto"),n.default("html").css("height","auto");else{var a=t.height();e.css(this._config.panelAutoHeightMode)!==a&&e.css(this._config.panelAutoHeightMode,a)}},t._init=function(){var e=this;this.fixLayoutHeight(),!0===this._config.loginRegisterAutoHeight?this.fixLoginRegisterHeight():this._config.loginRegisterAutoHeight===parseInt(this._config.loginRegisterAutoHeight,10)&&setInterval(this.fixLoginRegisterHeight,this._config.loginRegisterAutoHeight),n.default(Le).on("collapsed.lte.treeview expanded.lte.treeview",(function(){e.fixLayoutHeight()})),n.default(Ee).on("mouseenter mouseleave",(function(){n.default("body").hasClass("sidebar-collapse")&&e.fixLayoutHeight()})),n.default('[data-widget="pushmenu"]').on("collapsed.lte.pushmenu shown.lte.pushmenu",(function(){setTimeout((function(){e.fixLayoutHeight()}),300)})),n.default('[data-widget="control-sidebar"]').on("collapsed.lte.controlsidebar",(function(){e.fixLayoutHeight()})).on("expanded.lte.controlsidebar",(function(){e.fixLayoutHeight("control_sidebar")})),n.default(window).resize((function(){e.fixLayoutHeight()})),setTimeout((function(){n.default("body.hold-transition").removeClass("hold-transition")}),50),setTimeout((function(){var e=n.default(".preloader");e&&(e.css("height",0),setTimeout((function(){e.children().hide()}),200))}),this._config.preloadDuration)},t._max=function(e){var t=0;return Object.keys(e).forEach((function(a){e[a]>t&&(t=e[a])})),t},t._isFooterFixed=function(){return"fixed"===n.default(De).css("position")},e._jQueryInterface=function(t){return void 0===t&&(t=""),this.each((function(){var a=n.default(this).data(He),i=n.default.extend({},Ae,n.default(this).data());a||(a=new e(n.default(this),i),n.default(this).data(He,a)),"init"===t||""===t?a._init():"fixLayoutHeight"!==t&&"fixLoginRegisterHeight"!==t||a[t]()}))},e}();n.default(window).on("load",(function(){Me._jQueryInterface.call(n.default("body"))})),n.default(Le+" a").on("focusin",(function(){n.default(Ee).addClass(Re)})).on("focusout",(function(){n.default(Ee).removeClass(Re)})),n.default.fn.Layout=Me._jQueryInterface,n.default.fn.Layout.Constructor=Me,n.default.fn.Layout.noConflict=function(){return n.default.fn.Layout=ze,Me._jQueryInterface};var qe="PushMenu",Oe="lte.pushmenu",Ne="."+Oe,Pe=n.default.fn[qe],Ue='[data-widget="pushmenu"]',Be="body",$e="sidebar-collapse",Je="sidebar-open",We="sidebar-is-opening",Ve="sidebar-closed",Ge={autoCollapseSize:992,enableRemember:!1,noTransitionAfterReload:!0,animationSpeed:300},Ke=function(){function e(e,t){this._element=e,this._options=n.default.extend({},Ge,t),0===n.default("#sidebar-overlay").length&&this._addOverlay(),this._init()}var t=e.prototype;return t.expand=function(){var e=n.default(Be);this._options.autoCollapseSize&&n.default(window).width()<=this._options.autoCollapseSize&&e.addClass(Je),e.addClass(We).removeClass("sidebar-collapse sidebar-closed").delay(50).queue((function(){e.removeClass(We),n.default(this).dequeue()})),this._options.enableRemember&&localStorage.setItem("remember"+Ne,Je),n.default(this._element).trigger(n.default.Event("shown.lte.pushmenu"))},t.collapse=function(){var e=this,t=n.default(Be);this._options.autoCollapseSize&&n.default(window).width()<=this._options.autoCollapseSize&&t.removeClass(Je).addClass(Ve),t.addClass($e),this._options.enableRemember&&localStorage.setItem("remember"+Ne,$e),n.default(this._element).trigger(n.default.Event("collapsed.lte.pushmenu")),setTimeout((function(){n.default(e._element).trigger(n.default.Event("collapsed-done.lte.pushmenu"))}),this._options.animationSpeed)},t.toggle=function(){n.default(Be).hasClass($e)?this.expand():this.collapse()},t.autoCollapse=function(e){if(void 0===e&&(e=!1),this._options.autoCollapseSize){var t=n.default(Be);n.default(window).width()<=this._options.autoCollapseSize?t.hasClass(Je)||this.collapse():!0===e&&(t.hasClass(Je)?t.removeClass(Je):t.hasClass(Ve)&&this.expand())}},t.remember=function(){if(this._options.enableRemember){var e=n.default("body");localStorage.getItem("remember"+Ne)===$e?this._options.noTransitionAfterReload?e.addClass("hold-transition").addClass($e).delay(50).queue((function(){n.default(this).removeClass("hold-transition"),n.default(this).dequeue()})):e.addClass($e):this._options.noTransitionAfterReload?e.addClass("hold-transition").removeClass($e).delay(50).queue((function(){n.default(this).removeClass("hold-transition"),n.default(this).dequeue()})):e.removeClass($e)}},t._init=function(){var e=this;this.remember(),this.autoCollapse(),n.default(window).resize((function(){e.autoCollapse(!0)}))},t._addOverlay=function(){var e=this,t=n.default("
",{id:"sidebar-overlay"});t.on("click",(function(){e.collapse()})),n.default(".wrapper").append(t)},e._jQueryInterface=function(t){return this.each((function(){var a=n.default(this).data(Oe),i=n.default.extend({},Ge,n.default(this).data());a||(a=new e(this,i),n.default(this).data(Oe,a)),"string"==typeof t&&/collapse|expand|toggle/.test(t)&&a[t]()}))},e}();n.default(document).on("click",Ue,(function(e){e.preventDefault();var t=e.currentTarget;"pushmenu"!==n.default(t).data("widget")&&(t=n.default(t).closest(Ue)),Ke._jQueryInterface.call(n.default(t),"toggle")})),n.default(window).on("load",(function(){Ke._jQueryInterface.call(n.default(Ue))})),n.default.fn[qe]=Ke._jQueryInterface,n.default.fn[qe].Constructor=Ke,n.default.fn[qe].noConflict=function(){return n.default.fn[qe]=Pe,Ke._jQueryInterface};var Xe="SidebarSearch",Ye="lte.sidebar-search",Ze=n.default.fn[Xe],et="sidebar-search-open",tt="fa-search",at="fa-times",nt="sidebar-search-results",it="list-group",ot='[data-widget="sidebar-search"]',lt=ot+" .form-control",st=ot+" .btn",rt=st+" i",dt=".sidebar-search-results",ft=".sidebar-search-results .list-group",ut={arrowSign:"->",minLength:3,maxResults:7,highlightName:!0,highlightPath:!1,highlightClass:"text-light",notFoundText:"No element found!"},ct=[],ht=function(){function e(e,t){this.element=e,this.options=n.default.extend({},ut,t),this.items=[]}var a=e.prototype;return a.init=function(){var e=this;0!==n.default(ot).length&&(0===n.default(ot).next(dt).length&&n.default(ot).after(n.default("
",{class:nt})),0===n.default(dt).children(".list-group").length&&n.default(dt).append(n.default("
",{class:it})),this._addNotFound(),n.default(".main-sidebar .nav-sidebar").children().each((function(t,a){e._parseItem(a)})))},a.search=function(){var e=this,t=n.default(lt).val().toLowerCase();if(t.length .nav-link"),l=n.default(e).clone().find("> .nav-treeview"),s=o.attr("href"),r=o.find("p").children().remove().end().text();if(i.name=this._trimText(r),i.link=s,i.path=t,0===l.length)ct.push(i);else{var d=i.path.concat([i.name]);l.children().each((function(e,t){a._parseItem(t,d)}))}}},a._trimText=function(e){return t.trim(e.replace(/(\r\n|\n|\r)/gm," "))},a._renderItem=function(e,t,a){var i=this;if(a=a.join(" "+this.options.arrowSign+" "),e=unescape(e),t=decodeURI(t),this.options.highlightName||this.options.highlightPath){var o=n.default(lt).val().toLowerCase(),l=new RegExp(o,"gi");this.options.highlightName&&(e=e.replace(l,(function(e){return''+e+""}))),this.options.highlightPath&&(a=a.replace(l,(function(e){return''+e+""})))}var s=n.default("",{href:decodeURIComponent(t),class:"list-group-item"}),r=n.default("
",{class:"search-title"}).html(e),d=n.default("
",{class:"search-path"}).html(a);return s.append(r).append(d),s},a._addNotFound=function(){n.default(ft).append(this._renderItem(this.options.notFoundText,"#",[]))},e._jQueryInterface=function(t){var a=n.default(this).data(Ye);a||(a=n.default(this).data());var i=n.default.extend({},ut,"object"==typeof t?t:a),o=new e(n.default(this),i);n.default(this).data(Ye,"object"==typeof t?t:a),"string"==typeof t&&/init|toggle|close|open|search/.test(t)?o[t]():o.init()},e}();n.default(document).on("click",st,(function(e){e.preventDefault(),ht._jQueryInterface.call(n.default(ot),"toggle")})),n.default(document).on("keyup",lt,(function(e){return 38==e.keyCode?(e.preventDefault(),void n.default(ft).children().last().focus()):40==e.keyCode?(e.preventDefault(),void n.default(ft).children().first().focus()):void setTimeout((function(){ht._jQueryInterface.call(n.default(ot),"search")}),100)})),n.default(document).on("keydown",ft,(function(e){var t=n.default(":focus");38==e.keyCode&&(e.preventDefault(),t.is(":first-child")?t.siblings().last().focus():t.prev().focus()),40==e.keyCode&&(e.preventDefault(),t.is(":last-child")?t.siblings().first().focus():t.next().focus())})),n.default(window).on("load",(function(){ht._jQueryInterface.call(n.default(ot),"init")})),n.default.fn[Xe]=ht._jQueryInterface,n.default.fn[Xe].Constructor=ht,n.default.fn[Xe].noConflict=function(){return n.default.fn[Xe]=Ze,ht._jQueryInterface};var gt="NavbarSearch",pt="lte.navbar-search",mt=n.default.fn[gt],vt='[data-widget="navbar-search"]',_t=".form-control",bt="navbar-search-open",yt={resetOnClose:!0,target:".navbar-search-block"},Ct=function(){function e(e,t){this._element=e,this._config=n.default.extend({},yt,t)}var t=e.prototype;return t.open=function(){n.default(this._config.target).css("display","flex").hide().fadeIn().addClass(bt),n.default(this._config.target+" "+_t).focus()},t.close=function(){n.default(this._config.target).fadeOut().removeClass(bt),this._config.resetOnClose&&n.default(this._config.target+" "+_t).val("")},t.toggle=function(){n.default(this._config.target).hasClass(bt)?this.close():this.open()},e._jQueryInterface=function(t){return this.each((function(){var a=n.default(this).data(pt),i=n.default.extend({},yt,n.default(this).data());if(a||(a=new e(this,i),n.default(this).data(pt,a)),!/toggle|close|open/.test(t))throw new Error("Undefined method "+t);a[t]()}))},e}();n.default(document).on("click",vt,(function(e){e.preventDefault();var t=n.default(e.currentTarget);"navbar-search"!==t.data("widget")&&(t=t.closest(vt)),Ct._jQueryInterface.call(t,"toggle")})),n.default.fn[gt]=Ct._jQueryInterface,n.default.fn[gt].Constructor=Ct,n.default.fn[gt].noConflict=function(){return n.default.fn[gt]=mt,Ct._jQueryInterface};var wt=n.default.fn.Toasts,xt="topRight",It="topLeft",Tt="bottomRight",St="bottomLeft",jt={position:xt,fixed:!0,autohide:!1,autoremove:!0,delay:1e3,fade:!0,icon:null,image:null,imageAlt:null,imageHeight:"25px",title:null,subtitle:null,close:!0,body:null,class:null},kt=function(){function e(e,t){this._config=t,this._prepareContainer(),n.default("body").trigger(n.default.Event("init.lte.toasts"))}var t=e.prototype;return t.create=function(){var e=n.default(' + + {/* Mobile menu button */} +
+ +
+
+
+ + {/* Mobile Navigation Menu */} + {mobileMenuOpen && ( + + )} + +
+
+ + {/* Animated blobs */} +
+
+
+
+
+ +
+
+

+ {t.hero.title.smart} {t.hero.title.solutions} +

+

+ {t.hero.subtitle} +

+ +
+ + {/* Scroll indicator */} +
+ + + +
+
+ + + )} + + + {/* Hero */} +
+
+
+ + {/* Animated blobs */} +
+
+
+
+
+ +
+
+

+ {t.hero.title.smart} {t.hero.title.solutions} +

+

+ {t.hero.subtitle} +

+ +
+ + {/* Scroll indicator */} +
+ + + +
+
+
+ + {/* Services Section */} +
+
+ {/* Hero Section */} +
+

+ {t.services.hero.title} {t.services.hero.title_highlight} +

+

+ {t.services.hero.subtitle} +

+
+ + {/* Services Grid */} +
+ {services.map((service, index) => ( +
+ {/* Background with Gradient */} +
+ + {/* Service Image/Icon Area */} +
+
+ {service.icon} + {/* Decorative elements */} +
+
+
+ + {/* Gradient fade to center */} +
+
+ + {/* Service Content Area */} +
+
+ + {/* Service Category Badge */} +
+ + {service.category} + +
+ + {/* Service Title */} +

+ {service.title} +

+ + {/* Service Description */} +

+ {service.description} +

+ + {/* Pricing */} +
+
{t.services.cards.starting_price}
+
+ {service.price} +
+
+ + {/* Action Buttons */} + +
+
+
+
+ ))} +
+ + {/* Process Section */} +
+
+

+ {t.services.process.title} +

+

+ {t.services.process.subtitle} +

+
+ +
+ {/* Step 1 */} +
+
+ 1 +
+

{t.services.process.step1.title}

+

+ {t.services.process.step1.description} +

+
+ + {/* Step 2 */} +
+
+ 2 +
+

{t.services.process.step2.title}

+

+ {t.services.process.step2.description} +

+
+ + {/* Step 3 */} +
+
+ 3 +
+

{t.services.process.step3.title}

+

+ {t.services.process.step3.description} +

+
+ + {/* Step 4 */} +
+
+ 4 +
+

{t.services.process.step4.title}

+

+ {t.services.process.step4.description} +

+
+
+
+ + {/* Why Choose Us Section */} +
+
+ {/* Content */} +
+

+ {t.services.why_choose.title} +

+ +
+ {/* Feature 1 */} +
+
+ +
+
+

{t.services.why_choose.modern_tech.title}

+

+ {t.services.why_choose.modern_tech.description} +

+
+
+ + {/* Feature 2 */} +
+
+ +
+
+

{t.services.why_choose.expert_team.title}

+

+ {t.services.why_choose.expert_team.description} +

+
+
+ + {/* Feature 3 */} +
+
+ +
+
+

{t.services.why_choose.fast_response.title}

+

+ {t.services.why_choose.fast_response.description} +

+
+
+ + {/* Feature 4 */} +
+
+ +
+
+

{t.services.why_choose.continuous_support.title}

+

+ {t.services.why_choose.continuous_support.description} +

+
+
+
+
+ + {/* Image/Visual */} +
+
+
+ +

{t.services.why_choose.quality_guarantee.title}

+

+ {t.services.why_choose.quality_guarantee.subtitle} +

+
+
+
+
+
+
+
+ + {/* Portfolio */} +
+
+
+

+ {t.portfolio.title.recent} {t.portfolio.title.projects} +

+

+ {t.portfolio.subtitle} +

+
+ +
+ {demoPortfolio.map((project, index) => ( +
+
+ {project.title} +
+
+
+ {project.technologies?.slice(0, 3).map((tech) => ( + {tech} + ))} +
+
+
+
+
+ {project.category} + {project.viewCount ?? 0} +
+

{project.title}

+

{project.shortDescription ?? project.description}

+ + {t.common.view_details} + + +
+
+ ))} +
+ + +
+
+ + {/* Calculator CTA */} +
+
+
+

{t.calculator.cta.title}

+

{t.calculator.cta.subtitle}

+ + + {t.calculator.cta.button} + +
+
+
+ + {/* Services CTA */} +
+
+

+ {t.services.cta.title} +

+

+ {t.services.cta.subtitle} +

+ +
+
+ + {/* Contact */} +
+
+
+
+

+ {t.contact.cta.ready} {t.contact.cta.start} + {t.contact.cta.question} +

+

{t.contact.cta.subtitle}

+
+
+
+ +
+
+
{t.contact.phone.title}
+
{t.contact.phone.number}
+
+
+
+
+ +
+
+
{t.contact.email.title}
+
{t.contact.email.address}
+
+
+
+
+ +
+
+
{t.contact.telegram.title}
+
{t.contact.telegram.subtitle}
+
+
+
+
+ +
+
+

{t.contact.form.title}

+
e.preventDefault()}> + + + + + + +
+
+
+
+
+
+
+ ); +} \ No newline at end of file diff --git a/views/admin/banner-editor.ejs b/views/admin/banner-editor.ejs index b0853ff..3aea304 100644 --- a/views/admin/banner-editor.ejs +++ b/views/admin/banner-editor.ejs @@ -1,664 +1,361 @@ - - - - - - Редактор Баннеров - SmartSolTech Admin - - - - - - - - - - - - - - - -
-
-
-
-

- - SmartSolTech Admin -

-
-
- - Добро пожаловать, <%= user ? user.name : 'Admin' %>! - - - - Посмотреть сайт - -
- -
+ +
+
+
+
+

Редактор Баннеров

+
+
+
    +
  1. Админ
    2. +
  2. Баннеры
    3. +
+
+
+
+
+ + +
+
+ +
+
+

Загрузить новый баннер

+
+
+
+ +

Перетащите изображения сюда или нажмите для выбора

+

Поддерживаются: JPG, PNG, GIF (максимум 10MB)

+ +
-
-
- - - - -
-
- -
-

- - Редактор Баннеров -

-

Создание и редактирование баннеров для сайта

+
+
+
+
+ + + +
+
+
+ - -
-
-

Инструменты

-
- - + +