data.js

// ==================== АНИМАЦИИ И ЭФФЕКТЫ ====================

// Создание частиц фона
function createParticles() {
  const particlesContainer = document.getElementById('particles');
  if (!particlesContainer) return;
  
  const particleCount = window.innerWidth < 768 ? 15 : 30;
  
  for (let i = 0; i < particleCount; i++) {
    const particle = document.createElement('div');
    particle.className = 'particle';
    
    const size = Math.random() * 60 + 20;
    particle.style.width = `${size}px`;
    particle.style.height = `${size}px`;
    
    particle.style.left = `${Math.random() * 100}%`;
    particle.style.top = `${Math.random() * 100}%`;
    
    particle.style.background = `linear-gradient(135deg, 
      rgba(${Math.random() * 100 + 100}, ${Math.random() * 100 + 58}, ${Math.random() * 200 + 100}, 0.1),
      rgba(${Math.random() * 100 + 58}, ${Math.random() * 100 + 100}, ${Math.random() * 200 + 100}, 0.05)
    )`;
    
    particle.style.animationDuration = `${Math.random() * 15 + 25}s`;
    particle.style.animationDelay = `${Math.random() * 5}s`;
    
    particlesContainer.appendChild(particle);
  }
}

// Показать уведомление
function showNotification(message, type = 'info') {
  const notification = document.getElementById('notification');
  const notificationText = notification.querySelector('.notification-text');
  const notificationIcon = notification.querySelector('.notification-icon');
  
  notificationText.textContent = message;
  notification.className = `notification ${type}`;
  
  // Иконка в зависимости от типа
  switch(type) {
    case 'success':
      notificationIcon.innerHTML = '✅';
      break;
    case 'warning':
      notificationIcon.innerHTML = '⚠️';
      break;
    case 'danger':
      notificationIcon.innerHTML = '❌';
      break;
    default:
      notificationIcon.innerHTML = '💡';
  }
  
  notification.classList.add('show');
  
  // Автоматическое скрытие
  setTimeout(() => {
    notification.classList.remove('show');
  }, 5000);
}

// Показать лоадер
function showLoader() {
  document.getElementById('loader').classList.add('show');
}

// Скрыть лоадер
function hideLoader() {
  document.getElementById('loader').classList.remove('show');
}

// Анимация элементов при скролле
function initScrollAnimations() {
  const observer = new IntersectionObserver((entries) => {
    entries.forEach(entry => {
      if (entry.isIntersecting) {
        entry.target.classList.add('animated');
      }
    });
  }, {
    threshold: 0.1,
    rootMargin: '0px 0px -50px 0px'
  });
  
  // Наблюдаем за карточками
  document.querySelectorAll('.card').forEach(card => {
    observer.observe(card);
  });
  
  // Наблюдаем за элементами статистики
  document.querySelectorAll('.stat-card').forEach(stat => {
    observer.observe(stat);
  });
}

// ==================== УТИЛИТЫ ЧЕЛЛЕНДЖЕЙ ====================

function filterChallenges(challenges) {
  if (currentFilter === 'all') {
    return challenges;
  } else if (currentFilter === 'active') {
    return challenges.filter(c => c.isActive);
  } else if (currentFilter === 'completed') {
    return challenges.filter(c => !c.isActive && c.completedAsSuccess);
  } else if (currentFilter === 'failed') {
    return challenges.filter(c => !c.isActive && !c.completedAsSuccess);
  }
  return challenges;
}

function getCompletionDate(challenge) {
  if (!challenge.history || challenge.history.length === 0) {
    return new Date(challenge.createdAt);
  }
  
  const lastEntry = challenge.history[challenge.history.length - 1];
  return new Date(lastEntry.timestamp);
}

function getCurrentGroupChallenge() {
  const userData = getCurrentUserData();
  if (!userData) return null;
  
  // Вернуть данные общего челленджа если они есть
  return userData.groupChallenge || null;
}

// ==================== ОТОБРАЖЕНИЕ ====================

function showInsufficientFundsModal(requiredAmount, purpose = 'создания челленджа') {
  const currentBalance = getUserBalance();
  const missingAmount = requiredAmount - currentBalance;
  
  document.getElementById('insufficient-funds-text').textContent = 
    `Недостаточно средств для ${purpose}`;
  document.getElementById('current-balance-display').textContent = currentBalance;
  document.getElementById('required-amount-display').textContent = requiredAmount;
  document.getElementById('missing-amount-display').textContent = missingAmount;
  
  const modal = document.getElementById('insufficient-funds-modal');
  modal.classList.remove('hidden');
  modal.classList.remove('closing');
  void modal.offsetWidth;
}

function hideInsufficientFundsModal() {
  const modal = document.getElementById('insufficient-funds-modal');
  modal.classList.add('closing');
  setTimeout(() => {
    modal.classList.add('hidden');
  }, 400);
}

function showDeleteModal(index) {
  const challenge = allChallenges[index];
  if (!challenge) return;
  
  const isOver = isOver12Hours(challenge);
  const remainingTime = getRemainingTime(challenge);
  
  let text = '';
  if (isOver) {
    text = `Уверены ли вы, что хотите прекратить и убрать данный челлендж? Срок на удаление истёк.`;
  } else {
    text = `Уверены ли вы, что хотите прекратить и убрать данный челлендж? У вас осталось ${formatTime(remainingTime)}.`;
  }
  
  document.getElementById('delete-modal-text').textContent = text;
  const modal = document.getElementById('delete-modal');
  modal.classList.remove('hidden');
  modal.classList.remove('closing');
  void modal.offsetWidth;
}

function hideDeleteModal() {
  const modal = document.getElementById('delete-modal');
  modal.classList.add('closing');
  setTimeout(() => {
    modal.classList.add('hidden');
  }, 400);
}

function showHelpModal() {
  const modal = document.getElementById('help-modal');
  modal.classList.remove('hidden');
  modal.classList.remove('closing');
  void modal.offsetWidth;
}

function hideHelpModal() {
  const modal = document.getElementById('help-modal');
  modal.classList.add('closing');
  setTimeout(() => {
    modal.classList.add('hidden');
  }, 400);
}

function showChangeLoginModal() {
  const userData = getCurrentUserData();
  if (!userData) return;
  
  const canChange = canChangeLogin();
  const timeRemaining = getTimeUntilLoginChange();
  
  let html = '';
  
  if (canChange) {
    html = `
      <p>Ваш текущий логин: <strong>@${userData.username}</strong></p>
      <p>Вы можете изменить логин один раз в 2 недели.</p>
      
      <div class="change-login-container">
        <h3><i class="fas fa-edit"></i> Новый логин</h3>
        <p style="margin-bottom: 15px;">Логин может содержать только буквы, цифры и символ подчеркивания. Минимум 3 символа.</p>
        
        <label for="new-username-input">Новый логин:</label>
        <input type="text" id="new-username-input" placeholder="Новый логин" value="${userData.username}">
        
        <div class="change-login-note">
          <i class="fas fa-info-circle"></i> После изменения логина следующее изменение будет доступно через 2 недели.
        </div>
      </div>
    `;
  } else {
    const formattedTime = formatTimeRemaining(timeRemaining);
    html = `
      <div class="change-login-warning">
        <i class="fas fa-exclamation-triangle"></i>
        <p>Вы недавно меняли логин. Следующее изменение будет доступно через <strong>${formattedTime}</strong>.</p>
        <p>Ваш текущий логин: <strong>@${userData.username}</strong></p>
      </div>
    `;
  }
  
  document.getElementById('change-login-content').innerHTML = html;
  const modal = document.getElementById('change-login-modal');
  modal.classList.remove('hidden');
  modal.classList.remove('closing');
  // Триггер рефлоу для запуска анимации
  void modal.offsetWidth;
}

function hideChangeLoginModal() {
  const modal = document.getElementById('change-login-modal');
  modal.classList.add('closing');
  setTimeout(() => {
    modal.classList.add('hidden');
  }, 400);
}

function showJoinGroupChallengeModal() {
  const modal = document.getElementById('join-group-challenge-modal');
  modal.classList.remove('hidden');
  modal.classList.remove('closing');
  void modal.offsetWidth;
}

function hideJoinGroupChallengeModal() {
  const modal = document.getElementById('join-group-challenge-modal');
  modal.classList.add('closing');
  setTimeout(() => {
    modal.classList.add('hidden');
  }, 400);
}

function showScreen(screenName) {
  // Скрываем все экраны
  const screens = ['start', 'profile', 'create', 'active', 'challenges', 'group-challenge', 'result'];
  screens.forEach(screen => {
    const element = document.getElementById(`screen-${screen}`);
    if (element) {
      element.classList.add('hidden');
    }
  });
  
  // Показываем нужный экран
  const targetScreen = document.getElementById(`screen-${screenName}`);
  if (targetScreen) {
    targetScreen.classList.remove('hidden');
  }
  
  // Особые действия для определенных экранов
  if (screenName === 'challenges') {
    currentFilter = 'all';
    currentPage = 1;
    document.querySelectorAll('.filter-btn').forEach(btn => {
      btn.classList.remove('active');
      if (btn.dataset.filter === 'all') {
        btn.classList.add('active');
      }
    });
    renderChallengesList();
  } else if (screenName === 'profile') {
    loadProfileData();
  } else if (screenName === 'group-challenge') {
    renderGroupChallenge();
  }
}

// ==================== РЕНДЕРИНГ ====================

function initFilters() {
  const filterButtons = document.querySelectorAll('.filter-btn');
  filterButtons.forEach(btn => {
    btn.addEventListener('click', () => {
      filterButtons.forEach(b => b.classList.remove('active'));
      btn.classList.add('active');
      currentFilter = btn.dataset.filter;
      currentPage = 1;
      
      const monthInfo = document.getElementById('current-month-info');
      if (currentFilter === 'completed' || currentFilter === 'failed') {
        const current = getCurrentMonthYear();
        const monthName = getMonthName(current.month);
        monthInfo.innerHTML = `<i class="fas fa-calendar-alt"></i> Показаны челленджи за ${monthName} ${current.year} года`;
        monthInfo.classList.remove('hidden');
      } else {
        monthInfo.classList.add('hidden');
      }
      
      renderChallengesList();
    });
  });
}

function renderChallengesList() {
  const userData = getCurrentUserData();
  if (!userData || !userData.challenges) {
    allChallenges = [];
  } else {
    allChallenges = [...userData.challenges].sort((a, b) => 
      new Date(b.createdAt) - new Date(a.createdAt)
    );
  }
  
  let filtered = filterChallenges(allChallenges);
  
  // Удаляем неактивные челленджи старше 28 дней
  const now = new Date();
  filtered = filtered.filter(challenge => {
    if (challenge.isActive) return true;
    
    const completionDate = getCompletionDate(challenge);
    const daysSinceCompletion = (now - completionDate) / (24 * 60 * 60 * 1000);
    return daysSinceCompletion <= 28;
  });
  
  // Обновляем allChallenges, удаляя старые
  allChallenges = allChallenges.filter(challenge => {
    if (challenge.isActive) return true;
    
    const completionDate = getCompletionDate(challenge);
    const daysSinceCompletion = (now - completionDate) / (24 * 60 * 60 * 1000);
    return daysSinceCompletion <= 28;
  });
  
  // Сохраняем обновленный список
  if (userData) {
    userData.challenges = allChallenges;
    saveCurrentUserData(userData);
  }
  
  const totalChallenges = filtered.length;
  totalPages = Math.ceil(totalChallenges / CHALLENGES_PER_PAGE);
  
  if (totalPages > MAX_PAGES) {
    totalPages = MAX_PAGES;
  }
  
  const start = (currentPage - 1) * CHALLENGES_PER_PAGE;
  const end = start + CHALLENGES_PER_PAGE;
  const paginated = filtered.slice(start, end);
  
  const challengesList = document.getElementById('challenges-list');
  
  if (paginated.length === 0) {
    challengesList.innerHTML = `
      <div class="empty-state">
        <div class="empty-state-icon">
          ${currentFilter === 'all' ? '<i class="fas fa-clipboard-list"></i>' : 
            currentFilter === 'active' ? '<i class="fas fa-fire"></i>' : 
            currentFilter === 'completed' ? '<i class="fas fa-trophy"></i>' : 
            '<i class="fas fa-skull"></i>'}
        </div>
        <p>${currentFilter === 'all' ? 'Пока нет челленджей' : 
             currentFilter === 'active' ? 'Нет активных челленджей' : 
             currentFilter === 'completed' ? 'Нет выполненных челленджей за текущий месяц' : 
             'Нет срывов за текущий месяц'}</p>
        ${currentFilter === 'all' ? '<p style="font-size: 14px; margin-top: 8px;">Создайте свой первый челлендж!</p>' : ''}
      </div>
    `;
    
    document.getElementById('pagination').classList.add('hidden');
    document.getElementById('page-info').classList.add('hidden');
    return;
  }
  
  let html = '';
  
  paginated.forEach((challenge, index) => {
    const actualIndex = allChallenges.findIndex(c => c.id === challenge.id);
    const isActive = challenge.isActive;
    const isOver = isOver12Hours(challenge);
    const remainingTime = getRemainingTime(challenge);
    
    let status = '';
    let statusClass = '';
    let statusBadge = '';
    
    if (isActive) {
      status = 'В процессе';
      statusClass = 'active';
      statusBadge = '<span class="status-badge active"><i class="fas fa-fire"></i> В процессе</span>';
    } else {
      // ИЗМЕНЕНО: Упрощенная логика определения статуса
      if (challenge.completedAsSuccess === true) {
        status = 'Выполнен';
        statusClass = 'completed-success';
        statusBadge = '<span class="status-badge completed"><i class="fas fa-trophy"></i> Выполнен</span>';
      } else {
        status = 'Срыв';
        statusClass = 'completed-failure';
        statusBadge = '<span class="status-badge failed"><i class="fas fa-skull"></i> Срыв</span>';
      }
    }
    
    let progressPercent = 0;
    if (isActive) {
      const totalMarked = challenge.totalCompleted + challenge.totalSkipped;
      progressPercent = Math.round((totalMarked / 7) * 100);
    } else {
      progressPercent = 100;
    }
    
    const exerciseInfo = EXERCISE_INFO[challenge.exercise] || EXERCISE_INFO['Отжимания'];
    const habitText = `${challenge.exercise}: ${challenge.sets} подход(ов) по ${challenge.reps} раз, ${challenge.daysPerWeek} раз(а) в неделю`;
    
    html += `
      <div class="challenge-item ${statusClass}" data-index="${actualIndex}">
        <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 10px;">
          <div>
            <h3 style="margin: 0 0 5px 0; font-size: 1.3rem;">${challenge.exercise}</h3>
            ${statusBadge}
          </div>
          <div style="text-align: right;">
            <div style="font-weight: 700; font-size: 1.2rem; color: var(--primary);">${challenge.bet} ₽</div>
            <div style="font-size: 0.9rem; color: var(--gray-500); margin-top: 5px;">${new Date(challenge.createdAt).toLocaleDateString('ru-RU')}</div>
          </div>
        </div>
        
        <p style="margin: 10px 0; color: var(--gray-600);">${habitText}</p>
        
        <div style="display: flex; justify-content: space-between; margin: 10px 0; font-size: 0.9rem;">
          <div><i class="fas fa-check" style="color: var(--success);"></i> Выполнено: ${challenge.totalCompleted || 0}</div>
          <div><i class="fas fa-times" style="color: var(--danger);"></i> Пропущено: ${challenge.totalSkipped || 0}</div>
        </div>
        
        <div class="progress" style="margin: 15px 0; height: 8px;">
          <div class="progress-bar" style="width: ${progressPercent}%"></div>
        </div>
        
        <div style="display: flex; justify-content: space-between; margin-top: 15px;">
          <div>
            ${isActive ? `<span style="font-weight: 600; color: var(--warning);"><i class="fas fa-clock"></i> ${isOver ? 'Срок истёк' : formatTime(remainingTime)}</span>` : ''}
          </div>
          <div style="display: flex; gap: 5px;">
            ${isActive && !isOver ? `<button class="delete-btn" data-index="${actualIndex}" title="Удалить челлендж"><i class="fas fa-trash"></i></button>` : ''}
          </div>
        </div>
      </div>
    `;
  });
  
  challengesList.innerHTML = html;
  
  // Добавляем обработчики событий
  challengesList.querySelectorAll('.challenge-item').forEach(item => {
    item.addEventListener('click', (e) => {
      if (!e.target.closest('.delete-btn')) {
        const index = parseInt(item.dataset.index);
        currentHabitIndex = index;
        loadActiveHabit();
        showScreen('active');
      }
    });
  });
  
  challengesList.querySelectorAll('.delete-btn').forEach(btn => {
    btn.addEventListener('click', (e) => {
      e.stopPropagation();
      const index = parseInt(btn.dataset.index);
      challengeToDeleteIndex = index;
      showDeleteModal(index);
    });
  });
  
  // Показываем пагинацию, если нужно
  const pagination = document.getElementById('pagination');
  const pageInfo = document.getElementById('page-info');
  
  if (totalPages > 1) {
    renderPagination();
    pagination.classList.remove('hidden');
    pageInfo.classList.remove('hidden');
    pageInfo.textContent = `Страница ${currentPage} из ${totalPages}`;
  } else {
    pagination.classList.add('hidden');
    pageInfo.classList.add('hidden');
  }
}

function renderPagination() {
  const pagination = document.getElementById('pagination');
  let html = '';
  
  // Кнопка "Назад"
  html += `
    <button class="page-btn ${currentPage === 1 ? 'disabled' : ''}" id="prev-page">
      <i class="fas fa-chevron-left"></i>
    </button>
  `;
  
  // Кнопки страниц
  const maxVisible = 5;
  let startPage = Math.max(1, currentPage - Math.floor(maxVisible / 2));
  let endPage = Math.min(totalPages, startPage + maxVisible - 1);
  
  if (endPage - startPage + 1 < maxVisible) {
    startPage = Math.max(1, endPage - maxVisible + 1);
  }
  
  if (startPage > 1) {
    html += `<button class="page-btn ${currentPage === 1 ? 'active' : ''}" data-page="1">1</button>`;
    if (startPage > 2) {
      html += `<span class="page-btn disabled">...</span>`;
    }
  }
  
  for (let i = startPage; i <= endPage; i++) {
    html += `<button class="page-btn ${currentPage === i ? 'active' : ''}" data-page="${i}">${i}</button>`;
  }
  
  if (endPage < totalPages) {
    if (endPage < totalPages - 1) {
      html += `<span class="page-btn disabled">...</span>`;
    }
    html += `<button class="page-btn ${currentPage === totalPages ? 'active' : ''}" data-page="${totalPages}">${totalPages}</button>`;
  }
  
  // Кнопка "Вперед"
  html += `
    <button class="page-btn ${currentPage === totalPages ? 'disabled' : ''}" id="next-page">
      <i class="fas fa-chevron-right"></i>
    </button>
  `;
  
  pagination.innerHTML = html;
  
  // Добавляем обработчики событий
  pagination.querySelectorAll('.page-btn[data-page]').forEach(btn => {
    btn.addEventListener('click', () => {
      currentPage = parseInt(btn.dataset.page);
      renderChallengesList();
    });
  });
  
  document.getElementById('prev-page').addEventListener('click', () => {
    if (currentPage > 1) {
      currentPage--;
      renderChallengesList();
    }
  });
  
  document.getElementById('next-page').addEventListener('click', () => {
    if (currentPage < totalPages) {
      currentPage++;
      renderChallengesList();
    }
  });
}

async function renderGroupChallenge() {
  if (window.USE_API && window.fetchGroupChallengeCurrent) {
    await window.fetchGroupChallengeCurrent();
  }
  const currentGroupChallenge = getCurrentGroupChallenge();
  if (!currentGroupChallenge) return;
  const userData = getCurrentUserData();
  const isParticipant = isUserInGroupChallenge();
  const userParticipantData = getUserGroupChallengeData();
  const participants = getAllGroupChallengeParticipants();
  const totalPrize = calculateTotalPrize();
  const remainingTime = getGroupChallengeRemainingTime();
  const isFull = isGroupChallengeFull();
  
  // Отображение нескольких челленджей
  let challengeText = currentGroupChallenge.title;
  if (currentGroupChallenge.challenges && currentGroupChallenge.challenges.length > 1) {
    challengeText = '<div style="text-align: left; margin-bottom: 15px;">';
    currentGroupChallenge.challenges.forEach((challenge, index) => {
      challengeText += `<div><i class="fas fa-chevron-right" style="margin-right: 8px; color: var(--warning);"></i>${challenge.title}</div>`;
    });
    challengeText += '</div>';
  }
  
  document.getElementById('group-challenge-title').innerHTML = challengeText;
  
  // Отображение максимальных пропусков
  let maxSkipsText = '';
  if (currentGroupChallenge.challenges && currentGroupChallenge.challenges.length > 0) {
    const maxSkips = Math.min(...currentGroupChallenge.challenges.map(c => c.maxSkips));
    maxSkipsText = maxSkips;
  } else {
    maxSkipsText = currentGroupChallenge.maxSkips || 3;
  }
  
  document.getElementById('group-max-skips').textContent = maxSkipsText;
  document.getElementById('group-challenge-timer').textContent = formatGroupChallengeTime(remainingTime);
  
  document.getElementById('group-prize-amount').textContent = `${totalPrize} ₽`;
  
  document.getElementById('participant-count').textContent = `${participants.length}/${GROUP_CHALLENGE_MAX_PARTICIPANTS}`;
  
  const alreadyJoinedDiv = document.getElementById('group-challenge-already-joined');
  if (isParticipant) {
    alreadyJoinedDiv.classList.remove('hidden');
  } else {
    alreadyJoinedDiv.classList.add('hidden');
  }
  
  const limitReachedDiv = document.getElementById('group-challenge-limit-reached');
  if (isFull && !isParticipant) {
    limitReachedDiv.classList.remove('hidden');
  } else {
    limitReachedDiv.classList.add('hidden');
  }
  
  const joinBtn = document.getElementById('btn-join-group-challenge');
  if (isParticipant || isFull || !currentGroupChallenge.isActive) {
    joinBtn.disabled = true;
    if (isParticipant) {
      joinBtn.innerHTML = '<i class="fas fa-check"></i> Вы уже участвуете';
    } else if (isFull) {
      joinBtn.innerHTML = '<i class="fas fa-ban"></i> Достигнут лимит участников';
    } else {
      joinBtn.innerHTML = '<i class="fas fa-clock"></i> Челлендж завершён';
    }
  } else {
    joinBtn.disabled = false;
    joinBtn.innerHTML = '<i class="fas fa-wallet"></i> Присоединиться за 500 ₽';
  }
  
  const userProgressDiv = document.getElementById('user-group-progress');
  if (isParticipant && userParticipantData) {
    userProgressDiv.classList.remove('hidden');
    
    const totalMarked = (userParticipantData.daysDone || 0) + (userParticipantData.daysSkipped || 0);
    const progressPercent = Math.round((totalMarked / 7) * 100);
    
    document.getElementById('user-group-days-done').textContent = userParticipantData.daysDone || 0;
    document.getElementById('user-group-skips').textContent = userParticipantData.daysSkipped || 0;
    document.getElementById('user-group-max-skips').textContent = maxSkipsText;
    document.getElementById('user-group-progress-bar').style.width = `${progressPercent}%`;
    
    const skipWarning = document.getElementById('user-group-skip-warning');
    if (userParticipantData.daysSkipped >= maxSkipsText) {
      skipWarning.style.display = 'block';
    } else {
      skipWarning.style.display = 'none';
    }
    
    renderGroupChallengeHistory(userParticipantData.history || []);
  } else {
    userProgressDiv.classList.add('hidden');
  }
  
  renderGroupChallengeParticipants(participants);
  
  let totalDaysDone = 0;
  let activeParticipants = participants.filter(p => p.isActive);
  
  if (activeParticipants.length > 0) {
    activeParticipants.forEach(p => {
      totalDaysDone += p.daysDone;
    });
    const avgDaysDone = Math.round(totalDaysDone / activeParticipants.length);
    document.getElementById('group-days-done').textContent = avgDaysDone;
    document.getElementById('group-progress-bar').style.width = `${Math.round((avgDaysDone / 7) * 100)}%`;
  } else {
    document.getElementById('group-days-done').textContent = '0';
    document.getElementById('group-progress-bar').style.width = '0%';
  }
}

function renderGroupChallengeParticipants(participants) {
  const participantsContainer = document.getElementById('group-challenge-participants');
  
  if (participants.length === 0) {
    participantsContainer.innerHTML = `
      <div class="empty-state">
        <div class="empty-state-icon"><i class="fas fa-users"></i></div>
        <p>Пока нет участников</p>
        <p style="font-size: 14px; margin-top: 8px;">Будьте первым!</p>
      </div>
    `;
    return;
  }
  
  let html = '';
  
  const sortedParticipants = [...participants].sort((a, b) => {
    return new Date(a.joinedAt || 0) - new Date(b.joinedAt || 0);
  });
  
  sortedParticipants.forEach((participant, index) => {
    const totalDays = participant.daysDone + participant.daysSkipped;
    const isActive = participant.isActive;
    const isCurrentUser = participant.email === getCurrentUser();
    
    let participantClass = '';
    let statusText = '';
    let statusIcon = '';
    
    if (!isActive) {
      participantClass = 'failed';
      statusText = 'Срыв';
      statusIcon = '<i class="fas fa-skull"></i>';
    } else if (totalDays >= 7 && participant.daysSkipped <= getCurrentGroupChallenge().challenges?.[0]?.maxSkips || getCurrentGroupChallenge().maxSkips) {
      participantClass = 'success';
      statusText = 'Завершён';
      statusIcon = '<i class="fas fa-check"></i>';
    } else {
      statusText = `${participant.daysDone}/7 дней`;
      statusIcon = '<i class="fas fa-fire"></i>';
    }
    
    html += `
      <div class="group-challenge-participant ${participantClass}">
        <div>
          <div class="group-challenge-participant-name">
            ${isCurrentUser ? '<i class="fas fa-user"></i> ' : ''}${participant.username}
            ${isCurrentUser ? '<span style="font-size: 12px; color: var(--gray-500); margin-left: 5px;">(Вы)</span>' : ''}
          </div>
          <div style="font-size: 13px; color: var(--gray-600); margin-top: 5px;">${statusIcon} ${statusText}</div>
        </div>
        <div class="group-challenge-participant-stats">
          <div><i class="fas fa-check" style="color: var(--success);"></i> ${participant.daysDone}</div>
          <div><i class="fas fa-times" style="color: var(--danger);"></i> ${participant.daysSkipped}</div>
        </div>
      </div>
    `;
  });
  
  participantsContainer.innerHTML = html;
}

function renderGroupChallengeHistory(history) {
  const historyList = document.getElementById('group-history-list');
  
  if (!history || history.length === 0) {
    historyList.innerHTML = '<p style="text-align: center; color: var(--gray-500); padding: 20px;">История пока пуста</p>';
    return;
  }
  
  let html = '';
  
  const sortedHistory = [...history].sort((a, b) => new Date(b.date) - new Date(a.date));
  
  sortedHistory.forEach(entry => {
    let statusText = '';
    let statusClass = '';
    let statusIcon = '';
    
    if (entry.status === 'completed') {
      statusText = 'Выполнено';
      statusClass = 'status-success';
      statusIcon = '<i class="fas fa-check"></i>';
    } else if (entry.status === 'skipped') {
      statusText = 'Пропущено';
      statusClass = 'status-skipped';
      statusIcon = '<i class="fas fa-times"></i>';
    }
    
    const date = new Date(entry.date);
    const formattedDate = date.toLocaleDateString('ru-RU', {
      day: '2-digit',
      month: '2-digit',
      weekday: 'short'
    });
    
    html += `
      <div class="history-item">
        <div class="history-date">${formattedDate}</div>
        <div class="history-status ${statusClass.replace('status-', '')}">
          ${statusIcon} ${statusText}
        </div>
      </div>
    `;
  });
  
  historyList.innerHTML = html;
}

// ==================== ЛОГИКА ПРИЛОЖЕНИЯ ====================

function loadUserData() {
  const userData = getCurrentUserData();
  if (!userData) return;
  
  // Загружаем аватар
  if (userData.avatar) {
    const avatarImage = document.getElementById('avatar-image');
    const avatarPlaceholder = document.getElementById('avatar-placeholder');
    avatarImage.src = userData.avatar;
    avatarImage.classList.remove('hidden');
    avatarPlaceholder.classList.add('hidden');
  }
  
  // Загружаем логин
  updateLoginDisplay();
  
  // Обновляем баланс
  updateBalanceDisplay();
  
  // Загружаем челленджи
  allChallenges = userData.challenges || [];
  
  // Загружаем общий челлендж
  currentGroupChallenge = getCurrentGroupChallenge();
}

function updateUserDisplayData() {
  loadUserData();
}

function updateBalanceDisplay() {
  const balance = getUserBalance();
  const balanceAmount = document.getElementById('balance-amount');
  const profileBalance = document.getElementById('profile-balance-amount');
  
  if (balanceAmount) {
    balanceAmount.textContent = balance;
  }
  if (profileBalance) {
    profileBalance.textContent = balance;
  }
}

function updateLoginDisplay() {
  const userData = getCurrentUserData();
  if (!userData) return;
  
  const loginDisplay = document.getElementById('user-login-display');
  const profileEmailDisplay = document.getElementById('profile-user-email-display');
  
  if (loginDisplay) {
    loginDisplay.innerHTML = `
      @${userData.username}
      <button class="edit-login-btn" id="edit-login-btn" title="Изменить логин">
        <i class="fas fa-edit"></i>
      </button>
    `;
    
    // Добавляем обработчик для кнопки изменения логина
    const editLoginBtn = document.getElementById('edit-login-btn');
    if (editLoginBtn) {
      editLoginBtn.addEventListener('click', (e) => {
        e.stopPropagation();
        showChangeLoginModal();
      });
    }
  }
  
  if (profileEmailDisplay) {
    profileEmailDisplay.textContent = userData.email;
  }
}

function loadProfileData() {
  const userData = getCurrentUserData();
  if (!userData) return;
  
  // Обновляем статистику
  const stats = calculateUserStats(userData);
  
  document.getElementById('total-challenges').textContent = stats.total;
  document.getElementById('completed-challenges').textContent = stats.completed;
  document.getElementById('failed-challenges').textContent = stats.failed;
  document.getElementById('active-challenges').textContent = stats.active;
  document.getElementById('total-days').textContent = stats.totalCompletedDays + stats.totalSkippedDays;
  document.getElementById('success-rate').textContent = stats.successRate + '%';
  document.getElementById('total-completed-days').textContent = stats.totalCompletedDays;
  document.getElementById('total-skipped-days').textContent = stats.totalSkippedDays;
  document.getElementById('total-bets').textContent = stats.totalBets;
  document.getElementById('average-bet').textContent = stats.total > 0 ? Math.round(stats.totalBets / stats.total) : 0;
  
  // Обновляем баланс в профиле
  document.getElementById('profile-balance-amount').textContent = userData.balance || 0;
  
  // Обновляем отображение логина
  updateLoginDisplay();
}

function calculateUserStats(userData) {
  const challenges = userData.challenges || [];
  const stats = {
    total: challenges.length,
    completed: 0,
    failed: 0,
    active: 0,
    totalCompletedDays: 0,
    totalSkippedDays: 0,
    totalBets: 0,
    successRate: 0
  };
  
  challenges.forEach(challenge => {
    if (challenge.isActive) {
      stats.active++;
    } else {
      if (challenge.completedAsSuccess) {
        stats.completed++;
      } else {
        stats.failed++;
      }
    }
    
    stats.totalCompletedDays += challenge.totalCompleted || 0;
    stats.totalSkippedDays += challenge.totalSkipped || 0;
    stats.totalBets += challenge.bet || 0;
  });
  
  if (stats.total > 0) {
    stats.successRate = Math.round((stats.completed / (stats.completed + stats.failed)) * 100) || 0;
  }
  
  return stats;
}

function loadActiveHabit() {
  if (currentHabitIndex === -1 || !allChallenges[currentHabitIndex]) {
    showScreen('start');
    return;
  }
  
  const habit = allChallenges[currentHabitIndex];
  
  document.getElementById('active-habit-title').textContent = `${habit.exercise}: ${habit.sets} подход(ов) по ${habit.reps} раз, ${habit.daysPerWeek} раз(а) в неделю`;
  document.getElementById('active-bet').textContent = habit.bet;
  document.getElementById('active-mode').textContent = habit.mode === 'charity' ? 'На благотворительность' : 'В общий котёл (розыгрыш)';
  
  const daysDone = habit.totalCompleted || 0;
  const daysSkipped = habit.totalSkipped || 0;
  const maxSkips = habit.maxSkips || 4;
  
  document.getElementById('days-done').textContent = daysDone;
  document.getElementById('days-total').textContent = 7;
  document.getElementById('skip-current').textContent = daysSkipped;
  document.getElementById('skip-max').textContent = maxSkips;
  
  const totalMarked = daysDone + daysSkipped;
  const progressPercent = Math.round((totalMarked / 7) * 100);
  document.getElementById('progress-bar').style.width = `${progressPercent}%`;
  
  // Обновляем индикатор пропусков
  const skipIndicator = document.getElementById('skip-indicator');
  const skipWarning = document.getElementById('skip-warning');
  const skipLimitReachedWarning = document.getElementById('skip-limit-reached-warning');
  
  if (daysSkipped >= maxSkips) {
    skipIndicator.classList.add('limit-reached');
    skipWarning.style.display = 'block';
    skipLimitReachedWarning.style.display = 'block';
  } else {
    skipIndicator.classList.remove('limit-reached');
    skipWarning.style.display = 'none';
    skipLimitReachedWarning.style.display = 'none';
  }
  
  // Загружаем историю
  renderHistory(habit.history || []);
}

function renderHistory(history) {
  const historyList = document.getElementById('history-list');
  
  if (!history || history.length === 0) {
    historyList.innerHTML = '<p style="text-align: center; color: var(--gray-500); padding: 20px;">История пока пуста</p>';
    return;
  }
  
  let html = '';
  
  const sortedHistory = [...history].sort((a, b) => new Date(b.timestamp) - new Date(a.timestamp));
  
  sortedHistory.forEach(entry => {
    let statusText = '';
    let statusClass = '';
    let statusIcon = '';
    
    if (entry.status === 'completed') {
      statusText = 'Выполнено';
      statusClass = 'status-success';
      statusIcon = '<i class="fas fa-check"></i>';
    } else if (entry.status === 'skipped') {
      statusText = 'Пропущено';
      statusClass = 'status-skipped';
      statusIcon = '<i class="fas fa-times"></i>';
    }
    
    const date = new Date(entry.timestamp);
    const formattedDate = date.toLocaleDateString('ru-RU', {
      day: '2-digit',
      month: '2-digit',
      weekday: 'short'
    });
    
    html += `
      <div class="history-item">
        <div class="history-date">${formattedDate}</div>
        <div class="history-status ${statusClass.replace('status-', '')}">
          ${statusIcon} ${statusText}
        </div>
      </div>
    `;
  });
  
  historyList.innerHTML = html;
}

function handleBetInput(event) {
  let betValue = parseInt(event.target.value) || 0;
  
  if (betValue > BET_MAX) {
    event.target.value = BET_MAX;
    betValue = BET_MAX;
    
    const betLimitWarning = document.getElementById('bet-limit-warning');
    if (betLimitWarning) {
      betLimitWarning.style.display = 'block';
    }
  } else {
    const betLimitWarning = document.getElementById('bet-limit-warning');
    if (betLimitWarning) {
      betLimitWarning.style.display = 'none';
    }
  }
  
  updateBalanceIndicator();
}

function updateBalanceIndicator() {
  const betInput = document.getElementById('bet-input');
  const fundsIndicator = document.getElementById('funds-indicator');
  
  if (!betInput || !fundsIndicator) return;
  
  const betAmount = parseInt(betInput.value) || 0;
  
  if (betAmount >= BET_MIN) {
    const currentBalance = getUserBalance();
    fundsIndicator.style.display = 'block';
    
    if (currentBalance >= betAmount) {
      fundsIndicator.style.background = 'linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(5, 150, 105, 0.1))';
      fundsIndicator.style.borderLeft = '5px solid var(--success)';
      fundsIndicator.innerHTML = `<i class="fas fa-check-circle"></i> Средств достаточно. Останется: <strong>${currentBalance - betAmount} ₽</strong>`;
    } else {
      fundsIndicator.style.background = 'linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(220, 38, 38, 0.1))';
      fundsIndicator.style.borderLeft = '5px solid var(--danger)';
      fundsIndicator.innerHTML = `<i class="fas fa-exclamation-circle"></i> Недостаточно средств. Не хватает: <strong>${betAmount - currentBalance} ₽</strong>`;
    }
  } else {
    fundsIndicator.style.display = 'none';
  }
}

async function createNewChallenge() {
  const exerciseSelect = document.getElementById('exercise-select');
  const repsInput = document.getElementById('reps-input');
  const setsInput = document.getElementById('sets-input');
  const daysInput = document.getElementById('days-input');
  const betInput = document.getElementById('bet-input');
  const modeSelect = document.getElementById('mode-select');
  
  const exercise = exerciseSelect.value;
  const reps = parseInt(repsInput.value) || 15;
  const sets = parseInt(setsInput.value) || 3;
  const daysPerWeek = parseInt(daysInput.value) || 3;
  const bet = parseInt(betInput.value) || 500;
  const mode = modeSelect.value;
  
  if (bet < BET_MIN || bet > BET_MAX) {
    showNotification(`Ставка должна быть от ${BET_MIN} до ${BET_MAX} ₽`, 'warning');
    return;
  }
  
  const activeChallenges = allChallenges.filter(c => c.isActive).length;
  if (activeChallenges >= MAX_CHALLENGES) {
    document.getElementById('challenge-limit-warning').style.display = 'block';
  } else {
    document.getElementById('challenge-limit-warning').style.display = 'none';
  }
  
  if (!hasSufficientFunds(bet)) {
    showInsufficientFundsModal(bet);
    return;
  }
  
  if (window.USE_API && window.apiCreateChallenge) {
    const result = await window.apiCreateChallenge({ exercise, reps, sets, daysPerWeek, bet, mode });
    if (!result.success) {
      showNotification(result.message || 'Ошибка создания челленджа', 'danger');
      return;
    }
    allChallenges = (getCurrentUserData() && getCurrentUserData().challenges) || [];
    updateBalanceDisplay();
    currentHabitIndex = 0;
    loadActiveHabit();
    showScreen('active');
    showNotification(`Челлендж "${exercise}" создан! Ставка ${bet} ₽ списана с баланса.`, 'success');
    return;
  }
  
  const newChallenge = {
    id: Date.now().toString(),
    exercise: exercise,
    reps: reps,
    sets: sets,
    daysPerWeek: daysPerWeek,
    bet: bet,
    mode: mode,
    maxSkips: calculateMaxSkips(daysPerWeek),
    totalCompleted: 0,
    totalSkipped: 0,
    history: [],
    isActive: true,
    createdAt: new Date().toISOString(),
    completedAsSuccess: null
  };
  
  updateUserBalance(-bet);
  updateBalanceDisplay();
  allChallenges.unshift(newChallenge);
  
  const userData = getCurrentUserData();
  if (userData) {
    userData.challenges = allChallenges;
    saveCurrentUserData(userData);
  }
  
  currentHabitIndex = 0;
  loadActiveHabit();
  showScreen('active');
  showNotification(`Челлендж "${exercise}" создан! Ставка ${bet} ₽ списана с баланса.`, 'success');
}

async function markDay(status) {
  if (currentHabitIndex === -1 || !allChallenges[currentHabitIndex]) return;
  
  const challenge = allChallenges[currentHabitIndex];
  const today = new Date().toISOString().split('T')[0];
  
  if (challenge.history.some(entry => entry.date === today)) {
    showNotification('Вы уже отметили сегодняшний день!', 'warning');
    return;
  }
  
  if (window.USE_API && window.apiMarkChallengeDay) {
    const result = await window.apiMarkChallengeDay(challenge.id, today, status);
    if (!result.success) {
      showNotification(result.message || 'Ошибка', 'warning');
      return;
    }
    allChallenges = (getCurrentUserData() && getCurrentUserData().challenges) || [];
    const updated = allChallenges.find(c => String(c.id) === String(challenge.id));
    if (updated) {
      const idx = allChallenges.findIndex(c => String(c.id) === String(challenge.id));
      if (idx >= 0) currentHabitIndex = idx;
      if (updated.totalSkipped > updated.maxSkips) {
        showNotification(`Челлендж провален! Вы превысили лимит пропусков (${updated.maxSkips}).`, 'danger');
        showResult(false);
      } else {
        const totalDays = (updated.totalCompleted || 0) + (updated.totalSkipped || 0);
        if (totalDays >= 7) {
          if (updated.completedAsSuccess) {
            showNotification('Поздравляем! Вы успешно завершили челлендж!', 'success');
            showResult(true);
          } else {
            showNotification('Челлендж завершён, но не все дни были выполнены.', 'danger');
            showResult(false);
          }
        } else {
          if (status === 'completed') showNotification('День успешно отмечен как выполненный!', 'success');
          else showNotification('День отмечен как пропущенный.', 'warning');
          loadActiveHabit();
        }
      }
    }
    return;
  }
  
  challenge.history.unshift({
    date: today,
    status: status,
    timestamp: new Date().toISOString()
  });
  
  if (status === 'completed') {
    challenge.totalCompleted = (challenge.totalCompleted || 0) + 1;
    showNotification('День успешно отмечен как выполненный!', 'success');
  } else if (status === 'skipped') {
    challenge.totalSkipped = (challenge.totalSkipped || 0) + 1;
    showNotification('День отмечен как пропущенный.', 'warning');
  }
  
  if (challenge.totalSkipped > challenge.maxSkips) {
    challenge.isActive = false;
    challenge.completedAsSuccess = false;
    showNotification(`Челлендж провален! Вы превысили лимит пропусков (${challenge.maxSkips}).`, 'danger');
    showResult(false);
    return;
  }
  
  const totalDays = (challenge.totalCompleted || 0) + (challenge.totalSkipped || 0);
  if (totalDays >= 7) {
    challenge.isActive = false;
    if (challenge.totalCompleted >= (totalDays - challenge.maxSkips) && challenge.totalSkipped <= challenge.maxSkips) {
      challenge.completedAsSuccess = true;
      showNotification('Поздравляем! Вы успешно завершили челлендж!', 'success');
      showResult(true);
    } else {
      challenge.completedAsSuccess = false;
      showNotification('Челлендж завершён, но не все дни были выполнены.', 'danger');
      showResult(false);
    }
    return;
  }
  
  const userData = getCurrentUserData();
  if (userData) {
    userData.challenges = allChallenges;
    saveCurrentUserData(userData);
  }
  
  loadActiveHabit();
}

async function giveUpChallenge() {
  if (currentHabitIndex === -1 || !allChallenges[currentHabitIndex]) return;
  
  if (confirm('Вы уверены, что хотите сдаться? Челлендж будет считаться проваленным, и ставка не вернётся.')) {
    const challenge = allChallenges[currentHabitIndex];
    if (window.USE_API && window.apiGiveUpChallenge) {
      const result = await window.apiGiveUpChallenge(challenge.id);
      if (result.success) allChallenges = (getCurrentUserData() && getCurrentUserData().challenges) || [];
      showResult(false, true);
      return;
    }
    challenge.isActive = false;
    challenge.completedAsSuccess = false;
    const userData = getCurrentUserData();
    if (userData) {
      userData.challenges = allChallenges;
      saveCurrentUserData(userData);
    }
    showResult(false, true);
  }
}

async function deleteChallenge() {
  if (challengeToDeleteIndex === -1 || !allChallenges[challengeToDeleteIndex]) return;
  
  const challenge = allChallenges[challengeToDeleteIndex];
  
  if (window.USE_API && window.apiDeleteChallenge) {
    const result = await window.apiDeleteChallenge(challenge.id);
    if (result.success) {
      allChallenges = (getCurrentUserData() && getCurrentUserData().challenges) || [];
      const isOver = isOver12Hours(challenge);
      if (challenge.isActive && !isOver) showNotification(`Челлендж удалён. Средства (${challenge.bet} ₽) возвращены на баланс.`, 'success');
      updateBalanceDisplay();
    }
    challengeToDeleteIndex = -1;
    hideDeleteModal();
    renderChallengesList();
    return;
  }
  
  const isOver = isOver12Hours(challenge);
  if (challenge.isActive && !isOver) {
    updateUserBalance(challenge.bet);
    updateBalanceDisplay();
    showNotification(`Челлендж удалён. Средства (${challenge.bet} ₽) возвращены на баланс.`, 'success');
  }
  
  allChallenges.splice(challengeToDeleteIndex, 1);
  const userData = getCurrentUserData();
  if (userData) {
    userData.challenges = allChallenges;
    saveCurrentUserData(userData);
  }
  
  challengeToDeleteIndex = -1;
  hideDeleteModal();
  renderChallengesList();
}

function showResult(success, gaveUp = false) {
  if (currentHabitIndex === -1 || !allChallenges[currentHabitIndex]) return;
  
  const challenge = allChallenges[currentHabitIndex];
  const resultIcon = document.getElementById('result-icon');
  const resultTitle = document.getElementById('result-title');
  const resultText = document.getElementById('result-text');
  const resultStats = document.getElementById('result-stats');
  
  if (success) {
    resultIcon.textContent = '🎉';
    resultTitle.textContent = 'Поздравляем!';
    resultText.textContent = `Вы успешно завершили челлендж "${challenge.exercise}"!`;
    
    resultStats.innerHTML = `
      <p><strong>Упражнение:</strong> ${challenge.exercise}</p>
      <p><strong>Параметры:</strong> ${challenge.sets} подход(ов) по ${challenge.reps} раз, ${challenge.daysPerWeek} раз(а) в неделю</p>
      <p><strong>Дней выполнено:</strong> ${challenge.totalCompleted || 0}</p>
      <p><strong>Дней пропущено:</strong> ${challenge.totalSkipped || 0}</p>
      <p><strong>Ставка:</strong> ${challenge.bet} ₽</p>
      <p><strong>Режим:</strong> ${challenge.mode === 'charity' ? 'На благотворительность' : 'В общий котёл (розыгрыш)'}</p>
    `;
  } else {
    resultIcon.textContent = gaveUp ? '😔' : '💀';
    resultTitle.textContent = gaveUp ? 'Вы сдались' : 'Челлендж провален';
    resultText.textContent = gaveUp 
      ? `Вы прекратили челлендж "${challenge.exercise}". Ставка ${challenge.bet} ₽ не возвращается.`
      : `Вы не выполнили условия челленджа "${challenge.exercise}". Ставка ${challenge.bet} ₽ не возвращается.`;
    
    resultStats.innerHTML = `
      <p><strong>Упражнение:</strong> ${challenge.exercise}</p>
      <p><strong>Параметры:</strong> ${challenge.sets} подход(ов) по ${challenge.reps} раз, ${challenge.daysPerWeek} раз(а) в неделю</p>
      <p><strong>Дней выполнено:</strong> ${challenge.totalCompleted || 0}</p>
      <p><strong>Дней пропущено:</strong> ${challenge.totalSkipped || 0} (лимит: ${challenge.maxSkips})</p>
      <p><strong>Ставка:</strong> ${challenge.bet} ₽</p>
      <p><strong>Режим:</strong> ${challenge.mode === 'charity' ? 'На благотворительность' : 'В общий котёл (розыгрыш)'}</p>
    `;
  }
  
  showScreen('result');
}

async function joinGroupChallenge() {
  const userData = getCurrentUserData();
  if (!userData) return { success: false, message: 'Пользователь не найден' };
  
  const currentGroupChallenge = getCurrentGroupChallenge();
  if (!currentGroupChallenge) return { success: false, message: 'Челлендж не найден' };
  if (!currentGroupChallenge.isActive) {
    return { success: false, message: 'Челлендж уже завершён' };
  }
  
  if (isUserInGroupChallenge()) {
    return { success: false, message: 'Вы уже участвуете в этом челлендже' };
  }
  
  if (isGroupChallengeFull()) {
    return { success: false, message: 'Достигнут лимит участников (10 человек)' };
  }
  
  if (!hasSufficientFunds(GROUP_CHALLENGE_ENTRY_FEE)) {
    showInsufficientFundsModal(GROUP_CHALLENGE_ENTRY_FEE, 'вступления в общий челлендж');
    return { success: false, message: 'Недостаточно средств' };
  }
  
  if (window.USE_API && window.apiJoinGroupChallenge) {
    const result = await window.apiJoinGroupChallenge();
    if (result.success) {
      updateBalanceDisplay();
      return { success: true, message: result.message || 'Вы успешно присоединились к общему челленджу!' };
    }
    return { success: false, message: result.message || 'Ошибка' };
  }
  
  updateUserBalance(-GROUP_CHALLENGE_ENTRY_FEE);
  updateBalanceDisplay();
  
  if (!userData.groupChallenges) {
    userData.groupChallenges = [];
  }
  
  let userGroupChallenge = userData.groupChallenges.find(gc => gc.weekNumber === currentGroupChallenge.weekNumber);
  
  if (!userGroupChallenge) {
    userGroupChallenge = { ...currentGroupChallenge };
    userData.groupChallenges.push(userGroupChallenge);
  }
  
  if (!userGroupChallenge.participants) {
    userGroupChallenge.participants = [];
  }
  
  userGroupChallenge.participants.push({
    userId: userData.email,
    username: userData.username,
    daysDone: 0,
    daysSkipped: 0,
    history: [],
    joinedAt: new Date().toISOString(),
    isActive: true
  });
  
  userGroupChallenge.totalPrize = calculateTotalPrize() + GROUP_CHALLENGE_ENTRY_FEE;
  
  saveCurrentUserData(userData);
  
  return { success: true, message: 'Вы успешно присоединились к общему челленджу! Вступительный взнос 500 ₽ списан с вашего баланса.' };
}

async function markGroupDay(status) {
  const userData = getCurrentUserData();
  if (!userData || !userData.groupChallenges) return;
  
  const currentGroupChallenge = getCurrentGroupChallenge();
  if (!currentGroupChallenge) return;
  const userGroupChallenge = userData.groupChallenges.find(gc => gc.weekNumber === currentGroupChallenge.weekNumber);
  
  if (!userGroupChallenge || !userGroupChallenge.participants) return;
  
  const userParticipant = userGroupChallenge.participants.find(p => p.userId === userData.email);
  if (!userParticipant) return;
  
  const today = new Date().toISOString().split('T')[0];
  
  if (userParticipant.history.some(entry => entry.date === today)) {
    showNotification('Вы уже отметили сегодняшний день!', 'warning');
    return;
  }
  
  let maxSkips = currentGroupChallenge.maxSkips || 3;
  if (currentGroupChallenge.challenges && currentGroupChallenge.challenges.length > 0) {
    maxSkips = Math.min(...currentGroupChallenge.challenges.map(c => c.maxSkips));
  }
  
  if (window.USE_API && window.apiMarkGroupDay) {
    if (status === 'skipped' && userParticipant.daysSkipped >= maxSkips) {
      if (!confirm(`Вы достигли лимита пропусков (${maxSkips})! Пропуск сегодняшнего дня приведёт к срыву челленджа. Продолжить?`)) return;
    }
    const result = await window.apiMarkGroupDay(status, today);
    if (result.success) {
      if (status === 'completed') showNotification('День успешно отмечен как выполненный!', 'success');
      else showNotification('День отмечен как пропущенный.', 'warning');
      renderGroupChallenge();
    }
    return;
  }
  
  if (status === 'skipped') {
    if (userParticipant.daysSkipped >= maxSkips) {
      if (confirm(`Вы достигли лимита пропусков (${maxSkips})! Пропуск сегодняшнего дня приведёт к срыву челленджа. Продолжить?`)) {
        userParticipant.history.unshift({
          date: today,
          status: 'skipped',
          timestamp: new Date().toISOString()
        });
        userParticipant.daysSkipped++;
        userParticipant.isActive = false;
        
        saveCurrentUserData(userData);
        renderGroupChallenge();
        showNotification('Вы превысили лимит пропусков. Челлендж провален.', 'danger');
      }
      return;
    }
  }
  
  userParticipant.history.unshift({
    date: today,
    status: status,
    timestamp: new Date().toISOString()
  });
  
  if (status === 'completed') {
    userParticipant.daysDone++;
    showNotification('День успешно отмечен как выполненный!', 'success');
  } else if (status === 'skipped') {
    userParticipant.daysSkipped++;
    showNotification('День отмечен как пропущенный.', 'warning');
  }
  
  const totalMarked = userParticipant.daysDone + userParticipant.daysSkipped;
  
  if (totalMarked >= 7) {
    if (userParticipant.daysDone > userParticipant.daysSkipped && userParticipant.daysSkipped <= maxSkips) {
      userParticipant.isActive = false;
      showNotification(`🎉 Поздравляем! Вы успешно завершили общий челлендж!\n\nВаш результат: ${userParticipant.daysDone} выполнено, ${userParticipant.daysSkipped} пропущено.\n\nПризовой фонд распределяется среди всех успешно завершивших участников в конце недели.`, 'success');
    } else {
      userParticipant.isActive = false;
      showNotification(`😔 К сожалению, вы не выполнили общий челлендж.\n\nВаш результат: ${userParticipant.daysDone} выполнено, ${userParticipant.daysSkipped} пропущено (лимит: ${maxSkips}).`, 'danger');
    }
  }
  
  saveCurrentUserData(userData);
  renderGroupChallenge();
}

function changeAvatar() {
  const avatarInput = document.getElementById('avatar-input');
  avatarInput.click();
}

function handleAvatarUpload(event) {
  const file = event.target.files[0];
  if (!file) return;
  
  if (!file.type.match('image.*')) {
    showNotification('Пожалуйста, выберите изображение', 'warning');
    return;
  }
  
  if (file.size > 5 * 1024 * 1024) { // 5MB
    showNotification('Изображение должно быть меньше 5MB', 'warning');
    return;
  }
  
  const reader = new FileReader();
  reader.onload = function(e) {
    const avatarImage = document.getElementById('avatar-image');
    const avatarPlaceholder = document.getElementById('avatar-placeholder');
    
    avatarImage.src = e.target.result;
    avatarImage.classList.remove('hidden');
    avatarPlaceholder.classList.add('hidden');
    
    // Сохранение в данных пользователя
    const userData = getCurrentUserData();
    if (userData) {
      userData.avatar = e.target.result;
      saveCurrentUserData(userData);
      showNotification('Аватар успешно обновлён!', 'success');
    }
  };
  
  reader.readAsDataURL(file);
}

// ==================== ИНИЦИАЛИЗАЦИЯ ====================

function checkAuth() {
  const currentUser = getCurrentUser();
  if (currentUser) {
    // Пользователь авторизован
    loadUserData();
    document.getElementById('screen-auth').classList.add('hidden');
    document.getElementById('main-container').classList.remove('hidden');
    initializeApp();
    
    // Показываем приветственное сообщение
    setTimeout(() => {
      const userData = getCurrentUserData();
      if (userData) {
        showNotification(`Добро пожаловать, ${userData.username}!`, 'success');
      }
    }, 1000);
  } else {
    // Пользователь не авторизован
    document.getElementById('screen-auth').classList.remove('hidden');
    document.getElementById('main-container').classList.add('hidden');
  }
}

// Флаг для предотвращения дублирования обработчиков
let eventListenersInitialized = false;

// Инициализация обработчиков аутентификации (вызывается один раз при загрузке)
function initAuthEventListeners() {
  if (eventListenersInitialized) return;
  eventListenersInitialized = true;
  
  // Переключение между табами аутентификации (кнопки "Зарегистрироваться" / "Войти" в тексте)
  document.getElementById('switch-to-register').addEventListener('click', (e) => {
    e.preventDefault();
    e.stopPropagation();
    document.querySelectorAll('.auth-tab').forEach(tab => tab.classList.remove('active'));
    document.querySelector('.auth-tab[data-tab="register"]').classList.add('active');
    document.getElementById('login-form').classList.remove('active');
    document.getElementById('register-form').classList.add('active');
  });
  
  document.getElementById('switch-to-login').addEventListener('click', (e) => {
    e.preventDefault();
    e.stopPropagation();
    document.querySelectorAll('.auth-tab').forEach(tab => tab.classList.remove('active'));
    document.querySelector('.auth-tab[data-tab="login"]').classList.add('active');
    document.getElementById('register-form').classList.remove('active');
    document.getElementById('login-form').classList.add('active');
  });
  
  // Клики по табам вверху (Вход / Регистрация)
  document.querySelectorAll('.auth-tab').forEach(tab => {
    tab.addEventListener('click', () => {
      const tabName = tab.dataset.tab;
      document.querySelectorAll('.auth-tab').forEach(t => t.classList.remove('active'));
      tab.classList.add('active');
      document.querySelectorAll('.auth-form').forEach(form => form.classList.remove('active'));
      document.getElementById(`${tabName}-form`).classList.add('active');
    });
  });
  
  // Кнопка "Войти"
  document.getElementById('btn-login').addEventListener('click', async () => {
    const email = document.getElementById('login-email').value.trim();
    const password = document.getElementById('login-password').value.trim();
    const errorDiv = document.getElementById('login-error');
    
    errorDiv.classList.remove('show');
    
    if (!email || !password) {
      errorDiv.textContent = 'Заполните все поля';
      errorDiv.classList.add('show');
      return;
    }
    
    const result = await Promise.resolve(loginUser(email, password));
    if (result.success) {
      errorDiv.classList.remove('show');
      checkAuth();
    } else {
      errorDiv.textContent = result.message;
      errorDiv.classList.add('show');
    }
  });
  
  // Кнопка "Зарегистрироваться"
  document.getElementById('btn-register').addEventListener('click', async () => {
    const username = document.getElementById('register-username').value.trim();
    const email = document.getElementById('register-email').value.trim();
    const password = document.getElementById('register-password').value.trim();
    const confirmPassword = document.getElementById('register-confirm-password').value.trim();
    
    const errorDiv = document.getElementById('register-error');
    const successDiv = document.getElementById('register-success');
    
    errorDiv.classList.remove('show');
    successDiv.classList.remove('show');
    
    if (!username || !email || !password || !confirmPassword) {
      errorDiv.textContent = 'Заполните все поля';
      errorDiv.classList.add('show');
      return;
    }
    
    if (password !== confirmPassword) {
      errorDiv.textContent = 'Пароли не совпадают';
      errorDiv.classList.add('show');
      return;
    }
    
    const result = await Promise.resolve(registerUser(username, email, password));
    if (result.success) {
      errorDiv.classList.remove('show');
      successDiv.textContent = result.message;
      successDiv.classList.add('show');
      
      document.getElementById('register-username').value = '';
      document.getElementById('register-email').value = '';
      document.getElementById('register-password').value = '';
      document.getElementById('register-confirm-password').value = '';
      
      setTimeout(async () => {
        const loginResult = await Promise.resolve(loginUser(email, password));
        if (loginResult.success) {
          checkAuth();
        }
      }, 1500);
    } else {
      errorDiv.textContent = result.message;
      errorDiv.classList.add('show');
    }
  });
}

function initializeApp() {
  // Инициализация темы
  initTheme();
  
  // Инициализация фильтров
  initFilters();
  
  // Загрузка данных пользователя
  loadUserData();
  
  // Показ стартового экрана
  showScreen('start');
  
  // Инициализация админ-панели
  initAdminPanel();
  initAdminOverlay();
  
  // ==================== ОБРАБОТЧИКИ СОБЫТИЙ ====================
  
  // Основная навигация
  document.getElementById('btn-new').addEventListener('click', () => {
    const activeChallenges = allChallenges.filter(c => c.isActive).length;
    if (activeChallenges >= MAX_CHALLENGES) {
      document.getElementById('challenge-limit-warning').style.display = 'block';
    } else {
      document.getElementById('challenge-limit-warning').style.display = 'none';
    }
    showScreen('create');
  });
  
  document.getElementById('btn-view-challenges').addEventListener('click', () => {
    showScreen('challenges');
  });
  
  document.getElementById('btn-profile').addEventListener('click', () => {
    showScreen('profile');
  });
  
  document.getElementById('btn-help').addEventListener('click', () => {
    showHelpModal();
  });
  
  document.getElementById('btn-close-help').addEventListener('click', () => {
    hideHelpModal();
  });
  
  document.getElementById('btn-back-from-profile').addEventListener('click', () => {
    showScreen('start');
  });
  
  // Создание челленджа
  document.getElementById('exercise-select').addEventListener('change', updateExerciseInfo);
  document.getElementById('reps-input').addEventListener('input', () => {
    limitInputValue(document.getElementById('reps-input'), 1, 30, false);
  });
  document.getElementById('sets-input').addEventListener('input', () => {
    limitInputValue(document.getElementById('sets-input'), 1, 15, false);
  });
  document.getElementById('days-input').addEventListener('input', () => {
    limitInputValue(document.getElementById('days-input'), 3, 6, false);
    updateSkipLimitInfo();
  });
  document.getElementById('bet-input').addEventListener('input', handleBetInput);
  
  document.getElementById('btn-create-confirm').addEventListener('click', createNewChallenge);
  document.getElementById('btn-create-cancel').addEventListener('click', () => {
    showScreen('start');
  });
  
  // Активный челлендж
  document.getElementById('btn-mark-done').addEventListener('click', () => {
    markDay('completed');
  });
  
  document.getElementById('btn-mark-skipped').addEventListener('click', () => {
    markDay('skipped');
  });
  
  document.getElementById('btn-view-all-challenges').addEventListener('click', () => {
    showScreen('challenges');
  });
  
  document.getElementById('btn-give-up').addEventListener('click', giveUpChallenge);
  
  // Список челленджей
  document.getElementById('btn-add-new-challenge').addEventListener('click', () => {
    showScreen('create');
  });
  
  document.getElementById('btn-back-from-challenges').addEventListener('click', () => {
    showScreen('start');
  });
  
  // Общий челлендж
  document.getElementById('btn-group-challenge').addEventListener('click', () => {
    showScreen('group-challenge');
  });
  
  document.getElementById('btn-back-from-group-challenge').addEventListener('click', () => {
    showScreen('challenges');
  });
  
  document.getElementById('btn-join-group-challenge').addEventListener('click', () => {
    showJoinGroupChallengeModal();
  });
  
  document.getElementById('btn-confirm-join-group').addEventListener('click', async () => {
    const result = await joinGroupChallenge();
    if (result.success) {
      hideJoinGroupChallengeModal();
      showNotification(result.message, 'success');
      renderGroupChallenge();
    } else {
      showNotification(result.message, 'warning');
    }
  });
  
  document.getElementById('btn-cancel-join-group').addEventListener('click', () => {
    hideJoinGroupChallengeModal();
  });
  
  document.getElementById('btn-mark-group-done').addEventListener('click', () => {
    markGroupDay('completed');
  });
  
  document.getElementById('btn-mark-group-skipped').addEventListener('click', () => {
    markGroupDay('skipped');
  });
  
  // Итог
  document.getElementById('btn-new-again').addEventListener('click', () => {
    showScreen('create');
  });
  
  document.getElementById('btn-to-challenges').addEventListener('click', () => {
    showScreen('challenges');
  });
  
  // Удаление
  document.getElementById('btn-confirm-delete').addEventListener('click', deleteChallenge);
  document.getElementById('btn-cancel-delete').addEventListener('click', hideDeleteModal);
  
  // Недостаток средств
  document.getElementById('btn-cancel-insufficient-funds').addEventListener('click', hideInsufficientFundsModal);
  
  // Изменение логина
  document.getElementById('btn-save-login').addEventListener('click', async () => {
    const newUsernameInput = document.getElementById('new-username-input');
    if (!newUsernameInput) return;
    
    const newUsername = newUsernameInput.value.trim();
    const result = await changeUsername(newUsername);
    
    if (result.success) {
      showNotification(result.message, 'success');
      updateLoginDisplay();
      hideChangeLoginModal();
    } else {
      showNotification(result.message, 'warning');
    }
  });
  
  document.getElementById('btn-cancel-login').addEventListener('click', hideChangeLoginModal);
  
  // Выход
  document.getElementById('btn-profile-logout').addEventListener('click', () => {
    logoutUser();
    checkAuth();
    showNotification('Вы вышли из аккаунта', 'success');
  });
  
  // Аватар - теперь клик по всей зоне аватара
  document.getElementById('avatar-container').addEventListener('click', changeAvatar);
  document.getElementById('btn-avatar').addEventListener('click', changeAvatar);
  document.getElementById('avatar-input').addEventListener('change', handleAvatarUpload);
  
  // Админ-панель
  document.getElementById('admin-toggle-btn').addEventListener('click', toggleAdminPanel);
  
  document.getElementById('admin-add-balance').addEventListener('click', adminAddBalance);
  document.getElementById('admin-subtract-balance').addEventListener('click', adminSubtractBalance);
  document.getElementById('admin-set-balance').addEventListener('click', adminSetBalance);
  document.getElementById('admin-search-btn').addEventListener('click', searchAdminUser);
  document.getElementById('admin-clear-all-data').addEventListener('click', adminClearAllData);
  document.getElementById('admin-export-data').addEventListener('click', adminExportData);
  document.getElementById('admin-export-users').addEventListener('click', adminExportUsers);
  document.getElementById('admin-import-data').addEventListener('click', adminImportData);
  
  // Инициализация информации об упражнении
  updateExerciseInfo();
  
  // Инициализация индикатора баланса
  updateBalanceIndicator();
}

// Инициализация при загрузке
document.addEventListener('DOMContentLoaded', async function() {
  createParticles();
  initScrollAnimations();
  initAuthEventListeners();
  if (window.USE_API && localStorage.getItem('habitforge-token')) {
    try {
      await window.fetchMe();
    } catch (e) {}
  }
  checkAuth();
});