Create app.py

app.py

@@ -0,0 +1,1270 @@
+
+from flask import Flask, render_template_string, request, redirect, url_for, session, send_file, flash
+import json
+import os
+import logging
+import threading
+import time
+from datetime import datetime
+from huggingface_hub import HfApi, hf_hub_download
+from huggingface_hub.utils import RepositoryNotFoundError
+from werkzeug.utils import secure_filename
+from dotenv import load_dotenv
+
+# Загружаем переменные окружения из файла .env (если он есть)
+load_dotenv()
+
+app = Flask(__name__)
+# Обязательно смените секретный ключ на свой собственный сложный ключ!
+app.secret_key = os.getenv('FLASK_SECRET_KEY', 'fallback_very_secret_soola_key_123')
+DATA_FILE = 'data_soola.json'
+USERS_FILE = 'users_soola.json'
+
+# Список файлов для синхронизации
+SYNC_FILES = [DATA_FILE, USERS_FILE]
+
+# Настройки Hugging Face
+REPO_ID = os.getenv('HF_REPO_ID', "Kgshop/Soola") # Получаем из .env или используем дефолтный
+HF_TOKEN_WRITE = os.getenv("HF_TOKEN") # Токен с правом записи
+HF_TOKEN_READ = os.getenv("HF_TOKEN_READ", HF_TOKEN_WRITE) # Токен чтения (может быть тот же)
+
+# Адрес магазина
+STORE_ADDRESS = "Рынок Дордой, Джунхай, терминал, 38"
+
+# Валюта (только KGS)
+CURRENCY_CODE = 'KGS'
+CURRENCY_NAME = 'Кыргызский сом (с)'
+
+# Номер WhatsApp для заказов
+WHATSAPP_NUMBER = "996997703090" # <-- ИЗМЕНЕННЫЙ НОМЕР
+
+# Настройка логирования
+logging.basicConfig(level=logging.INFO, format='%(asctime)s - %(levelname)s - %(message)s')
+
+# --- Функции работы с данными и пользователями ---
+# (Эти функции остаются без изменений, как в предыдущем ответе)
+def load_data():
+    """Загрузка данных о товарах и категориях."""
+    try:
+        download_db_from_hf()
+        with open(DATA_FILE, 'r', encoding='utf-8') as file:
+            data = json.load(file)
+            logging.info(f"Данные успешно загружены из {DATA_FILE}")
+            if not isinstance(data, dict):
+                 logging.warning(f"{DATA_FILE} не является словарем. Инициализация пустой структурой.")
+                 return {'products': [], 'categories': []}
+            if 'products' not in data: data['products'] = []
+            if 'categories' not in data: data['categories'] = []
+            return data
+    except FileNotFoundError:
+        logging.warning(f"Локальный файл {DATA_FILE} не найден. Попытка скачать с HF.")
+        try:
+            if not os.path.exists(DATA_FILE):
+                with open(DATA_FILE, 'w', encoding='utf-8') as f: json.dump({'products': [], 'categories': []}, f)
+                logging.info(f"Создан пустой файл {DATA_FILE}")
+                return {'products': [], 'categories': []}
+            else:
+                 with open(DATA_FILE, 'r', encoding='utf-8') as file:
+                    data = json.load(file)
+                    logging.info(f"Данные успешно загружены из {DATA_FILE} после попытки скачивания.")
+                    if not isinstance(data, dict): return {'products': [], 'categories': []}
+                    if 'products' not in data: data['products'] = []
+                    if 'categories' not in data: data['categories'] = []
+                    return data
+        except (FileNotFoundError, RepositoryNotFoundError) as e:
+             logging.warning(f"Файл {DATA_FILE} не найден локально и ошибка при доступе к репозиторию HF ({e}). Создание пустой структуры.")
+             if not os.path.exists(DATA_FILE):
+                 with open(DATA_FILE, 'w', encoding='utf-8') as f: json.dump({'products': [], 'categories': []}, f)
+             return {'products': [], 'categories': []}
+        except json.JSONDecodeError:
+            logging.error(f"Ошибка декодирования JSON в {DATA_FILE} после попытки скачивания.")
+            return {'products': [], 'categories': []}
+        except Exception as e:
+            logging.error(f"Неизвестная ошибка при загрузке данных после попытки скачивания: {e}")
+            return {'products': [], 'categories': []}
+    except json.JSONDecodeError:
+        logging.error(f"Ошибка декодирования JSON в локальном {DATA_FILE}. Файл может быть поврежден. Возврат пустой структуры.")
+        return {'products': [], 'categories': []}
+    except Exception as e:
+        logging.error(f"Неизвестная ��шибка при загрузке данных ({DATA_FILE}): {e}", exc_info=True)
+        return {'products': [], 'categories': []}
+
+def save_data(data):
+    """Сохранение данных о товарах и категориях."""
+    try:
+        with open(DATA_FILE, 'w', encoding='utf-8') as file:
+            json.dump(data, file, ensure_ascii=False, indent=4)
+        logging.info(f"Данные успешно сохранены в {DATA_FILE}")
+        upload_db_to_hf(specific_file=DATA_FILE)
+    except Exception as e:
+        logging.error(f"Ошибка при сохранении данных в {DATA_FILE}: {e}", exc_info=True)
+
+def load_users():
+    """Загрузка данных пользователей."""
+    try:
+        with open(USERS_FILE, 'r', encoding='utf-8') as file:
+            users = json.load(file)
+            logging.info(f"Данные пользователей успешно загружены из {USERS_FILE}")
+            return users if isinstance(users, dict) else {}
+    except FileNotFoundError:
+        logging.warning(f"Локальный файл {USERS_FILE} не найден. Попытка скачать с HF.")
+        try:
+            download_db_from_hf(specific_file=USERS_FILE)
+            with open(USERS_FILE, 'r', encoding='utf-8') as file:
+                 users = json.load(file)
+                 logging.info(f"Данные пользователей загружены из {USERS_FILE} после скачивания.")
+                 return users if isinstance(users, dict) else {}
+        except (FileNotFoundError, RepositoryNotFoundError):
+             logging.warning(f"Файл {USERS_FILE} не найден локально и в репозитории HF. Создание пустого файла.")
+             with open(USERS_FILE, 'w', encoding='utf-8') as f: json.dump({}, f)
+             return {}
+        except json.JSONDecodeError:
+             logging.error(f"Ошибка декодирования JSON в {USERS_FILE} после скачивания.")
+             return {}
+        except Exception as e:
+             logging.error(f"Неизвестная ошибка при загрузке пользователей после скачивания: {e}", exc_info=True)
+             return {}
+    except json.JSONDecodeError:
+        logging.error(f"Ошибка декодирования JSON в локальном {USERS_FILE}. Файл может быть поврежден. Возврат пустого словаря.")
+        return {}
+    except Exception as e:
+        logging.error(f"Неизвестная ошибка при загрузке пользователей ({USERS_FILE}): {e}", exc_info=True)
+        return {}
+
+def save_users(users):
+    """Сохранение данных пользователей."""
+    try:
+        with open(USERS_FILE, 'w', encoding='utf-8') as file:
+            json.dump(users, file, ensure_ascii=False, indent=4)
+        logging.info(f"Данные пользователей успешно сохранены в {USERS_FILE}")
+        upload_db_to_hf(specific_file=USERS_FILE)
+    except Exception as e:
+        logging.error(f"Ошибка при сохранении данных пользователей в {USERS_FILE}: {e}", exc_info=True)
+
+# --- Функции синхронизации с Hugging Face ---
+# (Эти функции остаются без изменений, как в предыдущем ответе)
+def upload_db_to_hf(specific_file=None):
+    """Загрузка файлов данных на Hugging Face."""
+    if not HF_TOKEN_WRITE:
+        logging.warning("HF_TOKEN (для записи) не установлен. Загрузка на HF пропущена.")
+        return
+    if not REPO_ID:
+        logging.error("HF_REPO_ID не установлен. Загрузка на HF невозможна.")
+        return
+    try:
+        api = HfApi()
+        files_to_upload = [specific_file] if specific_file else SYNC_FILES
+        logging.info(f"Начало загрузки файлов {files_to_upload} на HF репозиторий {REPO_ID}...")
+        for file_name in files_to_upload:
+            if os.path.exists(file_name):
+                try:
+                    api.upload_file(path_or_fileobj=file_name, path_in_repo=file_name, repo_id=REPO_ID,
+                                    repo_type="dataset", token=HF_TOKEN_WRITE,
+                                    commit_message=f"Sync {file_name} {datetime.now().strftime('%Y-%m-%d %H:%M:%S')}")
+                    logging.info(f"Файл {file_name} успешно загружен на HF.")
+                except Exception as e:
+                     logging.error(f"Ошибка при загрузке файла {file_name} на HF: {e}")
+            else:
+                logging.warning(f"Файл {file_name} не найден локально, пропуск загрузки.")
+        logging.info("Загрузка файлов на HF з��вершена.")
+    except Exception as e:
+        logging.error(f"Общая ошибка при инициализации или загрузке на HF: {e}", exc_info=True)
+
+def download_db_from_hf(specific_file=None):
+    """Скачивание файлов данных с Hugging Face."""
+    if not REPO_ID:
+        logging.error("HF_REPO_ID не установлен. Скачивание с HF невозможно.")
+        return
+    files_to_download = [specific_file] if specific_file else SYNC_FILES
+    logging.info(f"Начало скачивания файлов {files_to_download} с HF репозитория {REPO_ID}...")
+    downloaded_files_count = 0
+    try:
+        for file_name in files_to_download:
+            try:
+                local_path = hf_hub_download(repo_id=REPO_ID, filename=file_name, repo_type="dataset",
+                                           token=HF_TOKEN_READ, local_dir=".", local_dir_use_symlinks=False,
+                                           force_download=True)
+                logging.info(f"Файл {file_name} успешно скачан из HF в {local_path}.")
+                downloaded_files_count += 1
+            except RepositoryNotFoundError:
+                 logging.error(f"Репозиторий {REPO_ID} не найден на HF. Скачивание прервано.")
+                 break
+            except Exception as e:
+                if "404" in str(e) or isinstance(e, FileNotFoundError):
+                     logging.warning(f"Файл {file_name} не найден в репозитории {REPO_ID} или ошибка доступа. Пропуск.")
+                else:
+                    logging.error(f"Ошибка при скачивании файла {file_name} с HF: {e}", exc_info=True)
+        logging.info(f"Скачивание файлов с HF завершено. Скачано: {downloaded_files_count}/{len(files_to_download)}.")
+    except RepositoryNotFoundError:
+        logging.error(f"Репозиторий {REPO_ID} не найден на HF. Скачивание не выполнено.")
+    except Exception as e:
+        logging.error(f"Общая ошибка при попытке скачивания с HF: {e}", exc_info=True)
+
+def periodic_backup():
+    """Периодическая загрузка данных на HF."""
+    backup_interval = 1800 # 30 минут
+    logging.info(f"Настройка периодического резервного копирования каждые {backup_interval} секунд.")
+    while True:
+        time.sleep(backup_interval)
+        logging.info("Запуск периодического резервного копирования...")
+        upload_db_to_hf()
+        logging.info("Периодическое резервное копирование завершено.")
+
+# --- Маршруты Flask ---
+
+@app.route('/')
+def catalog():
+    """Главная страница каталога товаров."""
+    data = load_data()
+    products = data.get('products', [])
+    categories = data.get('categories', [])
+    is_authenticated = 'user' in session
+
+    # Обновленный HTML с темно-зеленой темой
+    catalog_html = '''
+    <!DOCTYPE html>
+    <html lang="ru">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Soola Cosmetics - Каталог</title>
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
+        <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.css">
+        <style>
+            :root {
+                --primary-green: #1C4A3A; /* Основной темно-зеленый */
+                --primary-green-darker: #113126; /* Темнее для hover */
+                --accent-green: #38a169; /* Зеленый для корзины/заказа */
+                --accent-green-darker: #2f855a; /* Темнее для hover */
+                --delete-red: #ef4444; /* Красный для удаления */
+                --delete-red-darker: #dc2626; /* Темнее для hover */
+                --link-blue: #3b82f6;
+                --light-bg: #f9f9f9;
+                --light-text: #333;
+                --light-card-bg: #fff;
+                --light-border: #eee;
+                --dark-bg: #1a202c;
+                --dark-text: #e2e8f0;
+                --dark-card-bg: #2d3748;
+                --dark-border: #4a5568;
+                --focus-ring-color: rgba(28, 74, 58, 0.3); /* Зеленое свечение фокуса */
+            }
+            * { margin: 0; padding: 0; box-sizing: border-box; }
+            body { font-family: 'Poppins', sans-serif; background: var(--light-bg); color: var(--light-text); line-height: 1.6; transition: background 0.3s, color 0.3s; }
+            body.dark-mode { background: var(--dark-bg); color: var(--dark-text); }
+            .container { max-width: 1300px; margin: 0 auto; padding: 20px; }
+            .header { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; border-bottom: 1px solid var(--light-border); }
+            body.dark-mode .header { border-bottom-color: var(--dark-border); }
+            .header h1 { font-size: 1.8rem; font-weight: 600; color: var(--primary-green); } /* Логотип - зеленый */
+            .auth-links { display: flex; gap: 15px; align-items: center; }
+            .auth-links a { color: var(--link-blue); text-decoration: none; font-weight: 500; }
+            .auth-links a:hover { text-decoration: underline; }
+            body.dark-mode .auth-links a { color: #63b3ed; }
+            .auth-links span { font-weight: 500; }
+            body.dark-mode .auth-links span { color: #cbd5e0;}
+            .theme-toggle { background: none; border: none; font-size: 1.5rem; cursor: pointer; color: #718096; transition: color 0.3s ease; }
+            .theme-toggle:hover { color: var(--link-blue); }
+            body.dark-mode .theme-toggle { color: #a0aec0; }
+            body.dark-mode .theme-toggle:hover { color: #63b3ed; }
+            .store-address { padding: 15px; text-align: center; background-color: var(--light-card-bg); margin: 20px 0; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); font-size: 1rem; color: #555; }
+            body.dark-mode .store-address { background-color: var(--dark-card-bg); color: #cbd5e0; }
+            .filters-container { margin: 20px 0; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
+            .search-container { margin: 20px 0; text-align: center; }
+            #search-input { width: 90%; max-width: 600px; padding: 12px 18px; font-size: 1rem; border: 1px solid #e2e8f0; border-radius: 25px; outline: none; box-shadow: 0 2px 5px rgba(0,0,0,0.05); transition: all 0.3s ease; }
+            body.dark-mode #search-input { background-color: var(--dark-card-bg); border-color: var(--dark-border); color: var(--dark-text); }
+            #search-input:focus { border-color: var(--primary-green); box-shadow: 0 0 0 3px var(--focus-ring-color); }
+            body.dark-mode #search-input:focus { border-color: #48BB78; box-shadow: 0 0 0 3px rgba(72, 187, 120, 0.3); } /* Светлее для темной темы */
+            .category-filter { padding: 8px 16px; border: 1px solid #e2e8f0; border-radius: 20px; background-color: var(--light-card-bg); cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); font-size: 0.9rem; font-weight: 400; }
+            body.dark-mode .category-filter { background-color: var(--dark-card-bg); border-color: var(--dark-border); color: #cbd5e0; }
+            .category-filter.active, .category-filter:hover { background-color: var(--primary-green); color: white; border-color: var(--primary-green); box-shadow: 0 2px 10px rgba(28, 74, 58, 0.3); }
+            body.dark-mode .category-filter.active, body.dark-mode .category-filter:hover { background-color: #48BB78; border-color: #48BB78; color: #1a202c; box-shadow: 0 2px 10px rgba(72, 187, 120, 0.4); } /* Светлее для темной */
+            .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; padding: 10px; }
+            @media (min-width: 600px) { .products-grid { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); } }
+            .product { background: var(--light-card-bg); border-radius: 15px; padding: 0; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
+            body.dark-mode .product { background: var(--dark-card-bg); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); }
+            .product:hover { transform: translateY(-5px) scale(1.02); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12); }
+            body.dark-mode .product:hover { box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); }
+            .product-image { width: 100%; aspect-ratio: 1 / 1; background-color: var(--light-card-bg); /* Может быть белым всегда? */ border-radius: 10px 10px 0 0; overflow: hidden; display: flex; justify-content: center; align-items: center; margin-bottom: 0; }
+             body.dark-mode .product-image { background-color: var(--dark-bg); } /* Темнее фон картинки в темной теме */
+            .product-image img { max-width: 100%; max-height: 100%; object-fit: contain; transition: transform 0.3s ease; }
+            .product-image img:hover { transform: scale(1.08); }
+            .product-info { padding: 15px; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; }
+            .product h2 { font-size: 1.1rem; font-weight: 600; margin: 0 0 8px 0; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--light-text); }
+            body.dark-mode .product h2 { color: var(--dark-text); }
+            .product-price { font-size: 1.2rem; color: var(--primary-green); font-weight: 700; text-align: center; margin: 5px 0; }
+            body.dark-mode .product-price { color: #48BB78; } /* Светлее зеленый в темной теме */
+            .product-description { font-size: 0.85rem; color: #718096; text-align: center; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+            body.dark-mode .product-description { color: #a0aec0; }
+            .product-actions { padding: 0 15px 15px 15px; display: flex; flex-direction: column; gap: 8px; }
+            .product-button { display: block; width: 100%; padding: 10px; border: none; border-radius: 8px; background-color: var(--primary-green); color: white; font-size: 0.9rem; font-weight: 500; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); text-align: center; text-decoration: none; }
+            .product-button:hover { background-color: var(--primary-green-darker); box-shadow: 0 4px 15px rgba(17, 49, 38, 0.4); transform: translateY(-2px); }
+            .product-button i { margin-right: 5px; }
+            .add-to-cart { background-color: var(--accent-green); }
+            .add-to-cart:hover { background-color: var(--accent-green-darker); box-shadow: 0 4px 15px rgba(47, 133, 90, 0.4); }
+            #cart-button { position: fixed; bottom: 25px; right: 25px; background-color: var(--primary-green); color: white; border: none; border-radius: 50%; width: 55px; height: 55px; font-size: 1.5rem; cursor: pointer; display: none; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(28, 74, 58, 0.4); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1000; }
+             #cart-button .fa-shopping-cart { margin-right: 0; }
+             #cart-button span { position: absolute; top: -5px; right: -5px; background-color: var(--accent-green); color: white; border-radius: 50%; padding: 2px 6px; font-size: 0.7rem; font-weight: bold; }
+            .modal { display: none; position: fixed; z-index: 1001; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); backdrop-filter: blur(5px); overflow-y: auto; }
+            .modal-content { background: var(--light-card-bg); margin: 5% auto; padding: 25px; border-radius: 15px; width: 90%; max-width: 700px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); animation: slideIn 0.3s ease-out; position: relative; }
+            body.dark-mode .modal-content { background: var(--dark-card-bg); color: var(--dark-text); }
+            @keyframes slideIn { from { transform: translateY(-30px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
+            .close { position: absolute; top: 15px; right: 15px; font-size: 1.8rem; color: #aaa; cursor: pointer; transition: color 0.3s; line-height: 1; }
+            .close:hover { color: var(--light-text); }
+            body.dark-mode .close { color: #718096; }
+            body.dark-mode .close:hover { color: #cbd5e0; }
+            .modal-content h2 { margin-top: 0; margin-bottom: 20px; color: var(--primary-green); display: flex; align-items: center; gap: 10px;}
+             body.dark-mode .modal-content h2 { color: #48BB78; } /* Светлее зеленый для заголовка */
+            .cart-item { display: grid; grid-template-columns: auto 1fr auto auto; gap: 15px; align-items: center; padding: 15px 0; border-bottom: 1px solid var(--light-border); }
+            body.dark-mode .cart-item { border-bottom-color: var(--dark-border); }
+             .cart-item:last-child { border-bottom: none; }
+            .cart-item img { width: 60px; height: 60px; object-fit: contain; border-radius: 8px; background-color: var(--light-card-bg); padding: 5px; grid-column: 1; }
+             body.dark-mode .cart-item img { background-color: var(--dark-bg); }
+             .cart-item-details { grid-column: 2; }
+             .cart-item-details strong { display: block; margin-bottom: 5px; }
+             .cart-item-price { font-size: 0.9rem; color: #555; }
+             body.dark-mode .cart-item-price { color: #a0aec0; }
+             .cart-item-total { font-weight: bold; text-align: right; grid-column: 3; }
+             .cart-item-remove { grid-column: 4; background:none; border:none; color: var(--delete-red); cursor:pointer; font-size: 1.3em; padding: 5px; line-height: 1; }
+             .cart-item-remove:hover { color: var(--delete-red-darker); }
+            .quantity-input, .color-select { width: 100%; max-width: 180px; padding: 10px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 1rem; margin: 10px 0; box-sizing: border-box; }
+             body.dark-mode .quantity-input, body.dark-mode .color-select { background-color: var(--dark-bg); border-color: var(--dark-border); color: var(--dark-text); }
+            .cart-summary { margin-top: 20px; text-align: right; border-top: 1px solid var(--light-border); padding-top: 15px; }
+            body.dark-mode .cart-summary { border-top-color: var(--dark-border); }
+            .cart-summary strong { font-size: 1.2rem; }
+            .cart-actions { margin-top: 25px; display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
+             .cart-actions .product-button { width: auto; flex-grow: 1; }
+            .clear-cart { background-color: #718096; } /* Серый для очистки */
+            .clear-cart:hover { background-color: #4a5568; box-shadow: 0 4px 15px rgba(74, 85, 104, 0.4); }
+            .order-button { background-color: var(--accent-green); } /* Зеленый для заказа */
+            .order-button:hover { background-color: var(--accent-green-darker); box-shadow: 0 4px 15px rgba(47, 133, 90, 0.4); }
+            .notification { position: fixed; bottom: 80px; left: 50%; transform: translateX(-50%); background-color: var(--accent-green); color: white; padding: 10px 20px; border-radius: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.2); z-index: 1002; opacity: 0; transition: opacity 0.5s ease; font-size: 0.9rem;}
+            .notification.show { opacity: 1;}
+            .no-results-message { grid-column: 1 / -1; text-align: center; padding: 40px; font-size: 1.1rem; color: #777; }
+            body.dark-mode .no-results-message { color: #a0aec0; }
+        </style>
+    </head>
+    <body>
+        <div class="container">
+            <div class="header">
+                <h1>Soola Cosmetics</h1>
+                <div class="auth-links">
+                    {% if is_authenticated %}
+                    <span>Привет, {{ session.get('user_info', {}).get('first_name', session['user']) }}!</span>
+                    <a href="{{ url_for('logout') }}">Выйти</a>
+                    {% else %}
+                    <a href="{{ url_for('login') }}">Войти</a>
+                    {% endif %}
+                </div>
+                <button class="theme-toggle" onclick="toggleTheme()" aria-label="Переключить тему">
+                    <i class="fas fa-moon"></i>
+                </button>
+            </div>
+
+            <div class="store-address">Наш адрес: {{ store_address }}</div>
+
+            <div class="filters-container">
+                <button class="category-filter active" data-category="all">Все категории</button>
+                {% for category in categories %}
+                <button class="category-filter" data-category="{{ category }}">{{ category }}</button>
+                {% endfor %}
+            </div>
+
+            <div class="search-container">
+                <input type="text" id="search-input" placeholder="Поиск по названию или описанию...">
+            </div>
+
+            <div class="products-grid" id="products-grid">
+                {% for product in products %}
+                <div class="product"
+                     data-name="{{ product['name']|lower }}"
+                     data-description="{{ product.get('description', '')|lower }}"
+                     data-category="{{ product.get('category', 'Без категории') }}">
+                    <div class="product-image">
+                        {% if product.get('photos') and product['photos']|length > 0 %}
+                            <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product['photos'][0] }}"
+                                 alt="{{ product['name'] }}"
+                                 loading="lazy">
+                        {% else %}
+                            <img src="https://via.placeholder.com/250x250.png?text=No+Image" alt="No Image" loading="lazy">
+                        {% endif %}
+                    </div>
+                    <div class="product-info">
+                        <h2>{{ product['name'] }}</h2>
+                        {% if is_authenticated %}
+                        <div class="product-price">{{ "%.2f"|format(product['price']) }} {{ currency_code }}</div>
+                        {% else %}
+                        <div class="product-price">Цена доступна после входа</div>
+                        {% endif %}
+                        <p class="product-description">{{ product.get('description', '')[:50] }}{% if product.get('description', '')|length > 50 %}...{% endif %}</p>
+                    </div>
+                    <div class="product-actions">
+                        <button class="product-button" onclick="openModal({{ loop.index0 }})">Подробнее</button>
+                        {% if is_authenticated %}
+                        <button class="product-button add-to-cart" onclick="openQuantityModal({{ loop.index0 }})">
+                           <i class="fas fa-cart-plus"></i> В корзину
+                        </button>
+                        {% endif %}
+                    </div>
+                </div>
+                {% endfor %}
+                 {% if not products %}
+                 <p class="no-results-message">Товары пока не добавлены.</p>
+                 {% endif %}
+            </div>
+        </div>
+
+        <!-- Product Modal -->
+        <div id="productModal" class="modal">
+            <div class="modal-content">
+                <span class="close" onclick="closeModal('productModal')" aria-label="Закрыть">×</span>
+                <div id="modalContent">Загрузка...</div>
+            </div>
+        </div>
+
+        <!-- Quantity and Color Modal -->
+        <div id="quantityModal" class="modal">
+            <div class="modal-content">
+                <span class="close" onclick="closeModal('quantityModal')" aria-label="Закрыть">×</span>
+                <h2>Укажите количество и цвет</h2>
+                <label for="quantityInput">Количество:</label>
+                <input type="number" id="quantityInput" class="quantity-input" min="1" value="1">
+                <label for="colorSelect">Цвет/Вариант:</label>
+                <select id="colorSelect" class="color-select"></select>
+                {# Используем класс add-to-cart для кнопки #}
+                <button class="product-button add-to-cart" onclick="confirmAddToCart()"><i class="fas fa-check"></i> Добавить в корзину</button>
+            </div>
+        </div>
+
+        <!-- Cart Modal -->
+        <div id="cartModal" class="modal">
+            <div class="modal-content">
+                <span class="close" onclick="closeModal('cartModal')" aria-label="Закрыть">×</span>
+                <h2><i class="fas fa-shopping-cart"></i> Ваша корзина</h2>
+                <div id="cartContent"><p style="text-align: center; padding: 20px;">Ваша корзина пуста.</p></div>
+                <div class="cart-summary">
+                    <strong>Итого: <span id="cartTotal">0.00</span> {{ currency_code }}</strong>
+                </div>
+                <div class="cart-actions">
+                    <button class="product-button clear-cart" onclick="clearCart()">
+                       <i class="fas fa-trash"></i> Очистить корзину
+                    </button>
+                    <button class="product-button order-button" onclick="orderViaWhatsApp()">
+                       <i class="fab fa-whatsapp"></i> Заказать через WhatsApp
+                    </button>
+                </div>
+            </div>
+        </div>
+
+        <!-- Cart Floating Button -->
+        <button id="cart-button" onclick="openCartModal()" aria-label="Открыть корзину">
+           <i class="fas fa-shopping-cart"></i>
+           <span id="cart-count">0</span>
+        </button>
+
+        <!-- Notification Placeholder -->
+        <div id="notification-placeholder" style="position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 1002; display: flex; flex-direction: column; align-items: center; gap: 10px;"></div>
+
+
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.js"></script>
+        <script>
+            // --- Global Variables ---
+            const products = {{ products|tojson }};
+            const repoId = '{{ repo_id }}';
+            const currencyCode = '{{ currency_code }}';
+            const isAuthenticated = {{ is_authenticated|tojson }};
+            const whatsappNumber = '{{ whatsapp_number }}'; // Получаем номер из Flask
+            let selectedProductIndex = null;
+            let cart = JSON.parse(localStorage.getItem('soolaCart') || '[]');
+
+            // --- Theme ---
+            function toggleTheme() {
+                document.body.classList.toggle('dark-mode');
+                const icon = document.querySelector('.theme-toggle i');
+                const isDarkMode = document.body.classList.contains('dark-mode');
+                icon.classList.toggle('fa-moon', !isDarkMode);
+                icon.classList.toggle('fa-sun', isDarkMode);
+                localStorage.setItem('soolaTheme', isDarkMode ? 'dark' : 'light');
+            }
+            function applyInitialTheme() {
+                const savedTheme = localStorage.getItem('soolaTheme');
+                if (savedTheme === 'dark') {
+                    document.body.classList.add('dark-mode');
+                    const icon = document.querySelector('.theme-toggle i');
+                    if (icon) icon.classList.replace('fa-moon', 'fa-sun');
+                }
+            }
+
+            // --- Auto Login ---
+            function attemptAutoLogin() {
+                const storedUser = localStorage.getItem('soolaUser');
+                if (storedUser && !isAuthenticated) {
+                    fetch('/auto_login', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ login: storedUser }) })
+                    .then(response => { if (response.ok) window.location.reload(); else localStorage.removeItem('soolaUser'); })
+                    .catch(() => localStorage.removeItem('soolaUser'));
+                }
+            }
+
+            // --- Modals ---
+            function openModal(index) {
+                loadProductDetails(index);
+                const modal = document.getElementById('productModal');
+                if (modal) { modal.style.display = "block"; document.body.style.overflow = 'hidden'; }
+            }
+            function closeModal(modalId) {
+                const modal = document.getElementById(modalId);
+                if (modal) modal.style.display = "none";
+                if (!document.querySelector('.modal[style*="display: block"]')) document.body.style.overflow = 'auto';
+            }
+            function loadProductDetails(index) {
+                const modalContent = document.getElementById('modalContent');
+                if (!modalContent) return;
+                modalContent.innerHTML = '<p style="text-align:center; padding: 40px;">Загрузка...</p>';
+                fetch('/product/' + index)
+                    .then(response => response.ok ? response.text() : Promise.reject(`Ошибка ${response.status}`))
+                    .then(data => { modalContent.innerHTML = data; initializeSwiper(); })
+                    .catch(error => { modalContent.innerHTML = `<p style="color: red; text-align:center; padding: 40px;">Не удалось загрузить информацию. ${error}</p>`; });
+            }
+            function initializeSwiper() {
+                const swiperContainer = document.querySelector('#productModal .swiper-container');
+                if (swiperContainer) {
+                    new Swiper(swiperContainer, {
+                        slidesPerView: 1, spaceBetween: 20, loop: true, grabCursor: true,
+                        pagination: { el: '.swiper-pagination', clickable: true },
+                        navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' },
+                        zoom: { maxRatio: 3, containerClass: 'swiper-zoom-container' },
+                        autoplay: { delay: 4000, disableOnInteraction: true },
+                    });
+                }
+            }
+
+            // --- Cart Logic ---
+            function openQuantityModal(index) {
+                if (!isAuthenticated) { alert('Пожалуйста, войдите в систему.'); window.location.href = '/login'; return; }
+                selectedProductIndex = index;
+                const product = products[index];
+                if (!product) { alert("Ошибка: товар не найден."); return; }
+                const colorSelect = document.getElementById('colorSelect');
+                const colorLabel = document.querySelector('label[for="colorSelect"]');
+                colorSelect.innerHTML = '';
+                const validColors = product.colors ? product.colors.filter(c => c && c.trim() !== "") : [];
+                if (validColors.length > 0) {
+                    validColors.forEach(color => { const option = document.createElement('option'); option.value = color.trim(); option.text = color.trim(); colorSelect.appendChild(option); });
+                    colorSelect.style.display = 'block'; if(colorLabel) colorLabel.style.display = 'block';
+                } else {
+                    colorSelect.style.display = 'none'; if(colorLabel) colorLabel.style.display = 'none';
+                }
+                document.getElementById('quantityInput').value = 1;
+                const modal = document.getElementById('quantityModal');
+                if(modal) { modal.style.display = 'block'; document.body.style.overflow = 'hidden'; }
+            }
+            function confirmAddToCart() {
+                if (selectedProductIndex === null) return;
+                const quantity = parseInt(document.getElementById('quantityInput').value);
+                const colorSelect = document.getElementById('colorSelect');
+                const color = colorSelect.style.display !== 'none' && colorSelect.value ? colorSelect.value : 'N/A';
+                if (isNaN(quantity) || quantity <= 0) { alert("Укажите корректное количество (> 0)."); return; }
+                const product = products[selectedProductIndex]; if (!product) { alert("Ошибка: товар не найден."); return; }
+                const cartItemId = `${product.name}-${color}`;
+                const existingItemIndex = cart.findIndex(item => item.id === cartItemId);
+                if (existingItemIndex > -1) cart[existingItemIndex].quantity += quantity;
+                else cart.push({ id: cartItemId, name: product.name, price: product.price, photo: product.photos?.[0], quantity: quantity, color: color });
+                localStorage.setItem('soolaCart', JSON.stringify(cart));
+                closeModal('quantityModal');
+                updateCartButton();
+                showNotification(`${product.name} добавлен в корзину!`);
+            }
+            function updateCartButton() {
+                 const cartCountElement = document.getElementById('cart-count');
+                 const cartButton = document.getElementById('cart-button');
+                 if (!cartCountElement || !cartButton) return;
+                 let totalItems = cart.reduce((sum, item) => sum + item.quantity, 0);
+                 if (totalItems > 0) { cartCountElement.textContent = totalItems; cartButton.style.display = 'flex'; }
+                 else { cartCountElement.textContent = '0'; cartButton.style.display = 'none'; }
+            }
+            function openCartModal() {
+                const cartContent = document.getElementById('cartContent');
+                const cartTotalElement = document.getElementById('cartTotal');
+                if (!cartContent || !cartTotalElement) return;
+                let total = 0;
+                if (cart.length === 0) {
+                    cartContent.innerHTML = '<p style="text-align: center; padding: 20px;">Ваша корзина пуста.</p>';
+                    cartTotalElement.textContent = '0.00';
+                } else {
+                    cartContent.innerHTML = cart.map(item => {
+                        const itemTotal = item.price * item.quantity; total += itemTotal;
+                        const photoUrl = item.photo ? `https://huggingface.co/datasets/${repoId}/resolve/main/photos/${item.photo}` : 'https://via.placeholder.com/60x60.png?text=N/A';
+                        const colorText = item.color !== 'N/A' ? ` (Цвет: ${item.color})` : '';
+                        return `<div class="cart-item">
+                                    <img src="${photoUrl}" alt="${item.name}">
+                                    <div class="cart-item-details"><strong>${item.name}${colorText}</strong><p class="cart-item-price">${item.price.toFixed(2)} ${currencyCode} × ${item.quantity}</p></div>
+                                    <span class="cart-item-total">${itemTotal.toFixed(2)} ${currencyCode}</span>
+                                    <button class="cart-item-remove" onclick="removeFromCart('${item.id}')" title="Удалить товар">×</button>
+                                </div>`;
+                    }).join('');
+                    cartTotalElement.textContent = total.toFixed(2);
+                }
+                const modal = document.getElementById('cartModal');
+                if (modal) { modal.style.display = 'block'; document.body.style.overflow = 'hidden'; }
+            }
+             function removeFromCart(itemId) {
+                cart = cart.filter(item => item.id !== itemId);
+                localStorage.setItem('soolaCart', JSON.stringify(cart));
+                openCartModal(); updateCartButton();
+             }
+            function clearCart() {
+                if (confirm("Вы уверены, что хотите очистить корзину?")) {
+                    cart = []; localStorage.removeItem('soolaCart'); openCartModal(); updateCartButton();
+                }
+            }
+            function orderViaWhatsApp() {
+                if (cart.length === 0) { alert("Корзина пуста!"); return; }
+                let total = 0; let orderText = "Новый Заказ от Soola Cosmetics:\n\n";
+                cart.forEach((item, index) => {
+                    const itemTotal = item.price * item.quantity; total += itemTotal;
+                    const colorText = item.color !== 'N/A' ? ` (Цвет: ${item.color})` : '';
+                    orderText += `${index + 1}. ${item.name}${colorText} - ${item.price.toFixed(2)} ${currencyCode} × ${item.quantity} = ${itemTotal.toFixed(2)} ${currencyCode}\n`;
+                });
+                orderText += `\n*Итого: ${total.toFixed(2)} ${currencyCode}*\n\n`;
+                const userInfo = {{ session.get('user_info', {})|tojson }};
+                if (userInfo && userInfo.login) {
+                    orderText += `Заказчик: ${userInfo.get('first_name', '')} ${userInfo.get('last_name', '')}\nЛогин: ${userInfo.login}\nСтрана: ${userInfo.get('country', 'Не указ.')}\nГород: ${userInfo.get('city', 'Не указ.')}\n`;
+                } else { orderText += `Заказчик: (Не авторизован)\n`; }
+                const now = new Date(); orderText += `\nДата заказа: ${now.toLocaleString('ru-RU')}`;
+                // Используем encodeURIComponent для корректной передачи текста
+                const whatsappUrl = `https://api.whatsapp.com/send?phone=${whatsappNumber}&text=${encodeURIComponent(orderText)}`;
+                window.open(whatsappUrl, '_blank');
+            }
+
+            // --- Filtering and Search ---
+            function filterProducts() {
+                const searchTerm = document.getElementById('search-input').value.toLowerCase().trim();
+                const activeCategory = document.querySelector('.category-filter.active')?.dataset.category || 'all';
+                const grid = document.getElementById('products-grid');
+                let visibleProducts = 0;
+                grid.querySelectorAll('.no-results-message').forEach(el => el.remove()); // Удаляем старые сообщения
+                grid.querySelectorAll('.product').forEach(productElement => {
+                    const name = productElement.dataset.name || '';
+                    const description = productElement.dataset.description || '';
+                    const category = productElement.dataset.category || 'Без категории';
+                    const matchesSearch = !searchTerm || name.includes(searchTerm) || description.includes(searchTerm);
+                    const matchesCategory = activeCategory === 'all' || category === activeCategory;
+                    if (matchesSearch && matchesCategory) { productElement.style.display = 'flex'; visibleProducts++; }
+                    else productElement.style.display = 'none';
+                });
+                if (visibleProducts === 0 && (searchTerm || activeCategory !== 'all')) {
+                    const p = document.createElement('p'); p.className = 'no-results-message';
+                    p.textContent = 'По вашему запросу товары не найдены.'; grid.appendChild(p);
+                }
+            }
+             function setupFilters() {
+                 const searchInput = document.getElementById('search-input');
+                 const categoryFilters = document.querySelectorAll('.category-filter');
+                 if(searchInput) searchInput.addEventListener('input', filterProducts);
+                 categoryFilters.forEach(filter => {
+                     filter.addEventListener('click', function() {
+                         categoryFilters.forEach(f => f.classList.remove('active')); this.classList.add('active'); filterProducts();
+                     });
+                 });
+             }
+
+             // --- Notifications ---
+             function showNotification(message, duration = 3000) {
+                const placeholder = document.getElementById('notification-placeholder'); if (!placeholder) return;
+                const notification = document.createElement('div'); notification.className = 'notification'; notification.textContent = message;
+                placeholder.appendChild(notification);
+                setTimeout(() => { notification.classList.add('show'); }, 10); // Trigger fade in
+                setTimeout(() => { notification.classList.remove('show'); setTimeout(() => { notification.remove(); }, 500); }, duration); // Fade out and remove
+             }
+
+            // --- Event Listeners and Initial Setup ---
+            document.addEventListener('DOMContentLoaded', () => {
+                applyInitialTheme(); attemptAutoLogin(); updateCartButton(); setupFilters();
+                window.addEventListener('click', (event) => { if (event.target.classList.contains('modal')) closeModal(event.target.id); });
+                window.addEventListener('keydown', (event) => { if (event.key === 'Escape') document.querySelectorAll('.modal[style*="display: block"]').forEach(m => closeModal(m.id)); });
+            });
+        </script>
+    </body>
+    </html>
+    '''
+    return render_template_string(
+        catalog_html,
+        products=products,
+        categories=categories,
+        repo_id=REPO_ID,
+        is_authenticated=is_authenticated,
+        store_address=STORE_ADDRESS,
+        session=session,
+        currency_code=CURRENCY_CODE,
+        whatsapp_number=WHATSAPP_NUMBER # Передаем номер в шаблон
+    )
+
+
+@app.route('/product/<int:index>')
+def product_detail(index):
+    """Отдает HTML с деталями одного продукта для модального окна."""
+    data = load_data()
+    products = data.get('products', [])
+    is_authenticated = 'user' in session
+    try:
+        product = products[index]
+    except IndexError:
+        logging.warning(f"Попытка доступа к несуществующему продукту с индексом {index}")
+        return "Товар не найден", 404
+
+    # Шаблон деталей товара с обновленными цветами
+    detail_html = '''
+    <div style="padding: 10px;">
+        <h2 style="font-size: 1.6rem; font-weight: 600; margin-bottom: 15px; text-align: center; color: var(--primary-green, #1C4A3A);">{{ product['name'] }}</h2>
+        {# Swiper Slider #}
+        <div class="swiper-container" style="max-width: 450px; margin: 0 auto 20px; border-radius: 10px; overflow: hidden; background-color: #fff;">
+            <div class="swiper-wrapper">
+                {% if product.get('photos') and product['photos']|length > 0 %}
+                    {% for photo in product['photos'] %}
+                    <div class="swiper-slide" style="display: flex; justify-content: center; align-items: center; padding: 10px;">
+                         <div class="swiper-zoom-container">
+                             <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ photo }}"
+                                  alt="{{ product['name'] }} - фото {{ loop.index }}"
+                                  style="max-width: 100%; max-height: 400px; object-fit: contain; display: block; margin: auto; cursor: grab;">
+                         </div>
+                    </div>
+                    {% endfor %}
+                {% else %}
+                    <div class="swiper-slide" style="display: flex; justify-content: center; align-items: center;">
+                         <img src="https://via.placeholder.com/400x400.png?text=No+Image" alt="Изображение отсутствует" style="max-width: 100%; max-height: 400px; object-fit: contain;">
+                    </div>
+                {% endif %}
+            </div>
+            {% if product.get('photos') and product['photos']|length > 1 %}
+            <div class="swiper-pagination" style="position: relative; bottom: 5px;"></div>
+            <div class="swiper-button-next" style="color: var(--primary-green, #1C4A3A);"></div>
+            <div class="swiper-button-prev" style="color: var(--primary-green, #1C4A3A);"></div>
+            {% endif %}
+        </div>
+
+        {# Product Details #}
+        <div style="margin-top: 20px; font-size: 1rem; line-height: 1.7;">
+            <p><strong>Категория:</strong> {{ product.get('category', 'Без категории') }}</p>
+            {% if is_authenticated %}
+                <p style="font-size: 1.2rem; font-weight: bold; color: var(--primary-green, #1C4A3A);"><strong>Цена:</strong> {{ "%.2f"|format(product['price']) }} {{ currency_code }}</p>
+            {% else %}
+                <p><strong>Цена:</strong> <a href="{{ url_for('login') }}" style="color: var(--link-blue, #3b82f6); text-decoration: underline;">Доступна после входа</a></p>
+            {% endif %}
+            <p><strong>Описание:</strong><br> {{ product.get('description', 'Описание отсутствует.')|replace('\n', '<br>')|safe }}</p>
+            {% set colors = product.get('colors', []) %}
+            {% if colors and colors|select('ne', '')|list|length > 0 %}
+                <p><strong>Доступные цвета/варианты:</strong> {{ colors|select('ne', '')|join(', ') }}</p>
+            {% endif %}
+        </div>
+    </div>
+    '''
+    return render_template_string(
+        detail_html,
+        product=product,
+        repo_id=REPO_ID,
+        is_authenticated=is_authenticated,
+        currency_code=CURRENCY_CODE
+    )
+
+# --- Маршруты аутентификации ---
+
+# Шаблон для страницы входа с обновленными цветами
+LOGIN_TEMPLATE = '''
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Вход - Soola Cosmetics</title>
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-green: #1C4A3A; --primary-green-darker: #113126; --focus-ring-color: rgba(28, 74, 58, 0.3); --link-blue: #3b82f6; --delete-red: #ef4444; }
+        body { font-family: 'Poppins', sans-serif; background: linear-gradient(135deg, #e6f1ee, #f0f7f5); display: flex; justify-content: center; align-items: center; min-height: 100vh; padding: 20px; }
+        .container { max-width: 400px; width: 100%; background: #fff; padding: 30px 40px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); text-align: center; }
+        h2 { color: var(--primary-green); margin-bottom: 25px; font-weight: 600; }
+        label { display: block; text-align: left; margin: 15px 0 5px; font-weight: 500; color: #555; }
+        input[type="text"], input[type="password"] { width: 100%; padding: 12px; margin-bottom: 15px; border: 1px solid #ddd; border-radius: 8px; box-sizing: border-box; font-size: 1rem; }
+        input:focus { border-color: var(--primary-green); outline: none; box-shadow: 0 0 0 3px var(--focus-ring-color); }
+        button { width: 100%; padding: 12px; background-color: var(--primary-green); color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 1rem; font-weight: 600; transition: background-color 0.3s ease; margin-top: 10px; }
+        button:hover { background-color: var(--primary-green-darker); }
+        .error { color: var(--delete-red); background-color: #fef2f2; border: 1px solid #fecaca; padding: 10px; border-radius: 8px; margin-bottom: 15px; font-size: 0.9rem; text-align: left;}
+        .back-link { display: inline-block; margin-top: 20px; color: var(--link-blue); text-decoration: none; font-size: 0.9rem; }
+        .back-link:hover { text-decoration: underline; }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h2>Вход в Soola Cosmetics</h2>
+        {% if error %}
+            <p class="error">{{ error }}</p>
+        {% endif %}
+        <form method="POST">
+            <label for="login">Логин:</label>
+            <input type="text" id="login" name="login" required>
+            <label for="password">Пароль:</label>
+            <input type="password" id="password" name="password" required>
+            <button type="submit">Войти</button>
+        </form>
+        <a href="{{ url_for('catalog') }}" class="back-link">← Вернуться в каталог</a>
+    </div>
+</body>
+</html>
+'''
+
+# Функции login, auto_login, logout остаются без изменений в логике Python
+@app.route('/login', methods=['GET', 'POST'])
+def login():
+    if request.method == 'POST':
+        login = request.form.get('login')
+        password = request.form.get('password')
+        if not login or not password:
+             return render_template_string(LOGIN_TEMPLATE, error="Логин и пароль не могут быть пустыми."), 400
+        users = load_users()
+        if login in users and users[login].get('password') == password: # Сравнение паролей (нужно хеширование!)
+            user_info = users[login]
+            session['user'] = login
+            session['user_info'] = {'login': login, 'first_name': user_info.get('first_name', ''),
+                                    'last_name': user_info.get('last_name', ''), 'country': user_info.get('country', ''),
+                                    'city': user_info.get('city', '')}
+            logging.info(f"Пользователь {login} успешно вошел.")
+            login_response_html = f'''<!DOCTYPE html><html><head><title>Перенаправление...</title></head><body><script>try {{ localStorage.setItem('soolaUser', '{login}'); }} catch (e) {{ console.error("LS Error:", e); }} window.location.href = "{url_for('catalog')}";</script><p>Вход выполнен. Перенаправление...</p></body></html>'''
+            return login_response_html
+        else:
+            logging.warning(f"Неудачная попытка входа для {login}.")
+            return render_template_string(LOGIN_TEMPLATE, error="Неверный логин или пароль."), 401
+    return render_template_string(LOGIN_TEMPLATE, error=None)
+
+@app.route('/auto_login', methods=['POST'])
+def auto_login():
+    data = request.get_json(); login = data.get('login') if data else None
+    if not login: return "Логин не предоставлен", 400
+    users = load_users()
+    if login in users:
+        user_info = users[login]
+        session['user'] = login
+        session['user_info'] = {'login': login, 'first_name': user_info.get('first_name', ''),
+                                'last_name': user_info.get('last_name', ''), 'country': user_info.get('country', ''),
+                                'city': user_info.get('city', '')}
+        logging.info(f"Авто-вход для {login} выполнен.")
+        return "OK", 200
+    else: return "Ошибка авто-входа", 400 # Не раскрываем существование пользователя
+
+@app.route('/logout')
+def logout():
+    logged_out_user = session.pop('user', None); session.pop('user_info', None)
+    if logged_out_user: logging.info(f"Пользователь {logged_out_user} вышел.")
+    logout_response_html = '''<!DOCTYPE html><html><head><title>Выход...</title></head><body><script>try { localStorage.removeItem('soolaUser'); } catch (e) { console.error("LS Error:", e); } window.location.href = "/";</script><p>Выход выполнен. Перенаправление...</p></body></html>'''
+    return logout_response_html
+
+# --- Админ-панель ---
+# Шаблон админ-панели с обновленными цветами
+ADMIN_TEMPLATE = '''
+    <!DOCTYPE html>
+    <html lang="ru">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Админ-панель - Soola Cosmetics</title>
+        <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
+        <style>
+             :root {
+                --primary-green: #1C4A3A; --primary-green-darker: #113126;
+                --accent-green: #38a169; --accent-green-darker: #2f855a;
+                --delete-red: #ef4444; --delete-red-darker: #dc2626;
+                --link-blue: #3b82f6; --link-blue-darker: #2563eb;
+                --light-bg: #f4f7f6; --light-text: #333;
+                --card-bg: #fff; --border-color: #eee;
+                --focus-ring-color: rgba(28, 74, 58, 0.3);
+            }
+            body { font-family: 'Poppins', sans-serif; background-color: var(--light-bg); color: var(--light-text); padding: 20px; line-height: 1.6; }
+            .container { max-width: 1200px; margin: 0 auto; background-color: var(--card-bg); padding: 25px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); }
+            .header { padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px solid var(--border-color); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;}
+            h1, h2, h3 { font-weight: 600; color: var(--primary-green); margin-bottom: 15px; }
+            h1 { font-size: 1.8rem; }
+            h2 { font-size: 1.5rem; margin-top: 30px; display: flex; align-items: center; gap: 8px; }
+            h3 { font-size: 1.2rem; color: var(--primary-green-darker); margin-top: 20px; }
+             .section { margin-bottom: 30px; padding: 20px; background-color: #fdfdfe; border: 1px solid var(--border-color); border-radius: 8px; }
+            form { margin-bottom: 20px; }
+            label { font-weight: 500; margin-top: 10px; display: block; color: #555; font-size: 0.9rem;}
+            input[type="text"], input[type="number"], input[type="password"], textarea, select { width: 100%; padding: 10px 12px; margin-top: 5px; border: 1px solid #ddd; border-radius: 6px; font-size: 0.95rem; box-sizing: border-box; transition: border-color 0.3s ease; }
+            input:focus, textarea:focus, select:focus { border-color: var(--primary-green); outline: none; box-shadow: 0 0 0 3px var(--focus-ring-color); }
+            textarea { min-height: 80px; resize: vertical; }
+             input[type="file"] { padding: 8px; background-color: #f9f9f9; cursor: pointer; border: 1px solid #ddd; border-radius: 6px;}
+             input[type="file"]::file-selector-button { padding: 5px 10px; border-radius: 4px; background-color: #eee; border: 1px solid #ccc; cursor: pointer; margin-right: 10px; font-size: 0.9rem;}
+            button, .button { padding: 10px 18px; border: none; border-radius: 6px; background-color: var(--primary-green); color: white; font-weight: 500; cursor: pointer; transition: background-color 0.3s ease, transform 0.1s ease; margin-top: 15px; font-size: 0.95rem; display: inline-flex; align-items: center; gap: 5px; text-decoration: none; line-height: 1.2;}
+            button:hover, .button:hover { background-color: var(--primary-green-darker); }
+            button:active, .button:active { transform: scale(0.98); }
+            button[type="submit"] { min-width: 120px; justify-content: center; }
+            .delete-button { background-color: var(--delete-red); } /* Красный для удаления */
+            .delete-button:hover { background-color: var(--delete-red-darker); }
+             .add-button { background-color: var(--accent-green); } /* Акцентный зеленый для добавления */
+             .add-button:hover { background-color: var(--accent-green-darker); }
+             .info-button { background-color: var(--link-blue); } /* Синий для инфо/ссылок */
+             .info-button:hover { background-color: var(--link-blue-darker); }
+            .item-list { display: grid; gap: 20px; }
+            .item { background: var(--card-bg); padding: 15px 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.07); border: 1px solid var(--border-color); }
+            .item p { margin: 5px 0; font-size: 0.9rem; color: #444; }
+            .item strong { color: #333; }
+            .item .description { font-size: 0.85rem; color: #666; max-height: 60px; overflow: hidden; text-overflow: ellipsis; }
+            .item-actions { margin-top: 15px; display: flex; gap: 10px; flex-wrap: wrap; }
+            .edit-form-container { margin-top: 15px; padding: 20px; background: #f9fafb; border: 1px dashed #ddd; border-radius: 6px; display: none; /* Скрыто по умолчанию */ }
+             details { background-color: #fdfdfe; border: 1px solid var(--border-color); border-radius: 8px; margin-bottom: 20px; }
+             details > summary { cursor: pointer; font-weight: 600; color: var(--primary-green-darker); display: block; padding: 15px; border-bottom: 1px solid var(--border-color); list-style: none; position: relative; transition: background-color 0.2s ease;}
+             details > summary:hover { background-color: #f0f7f5; }
+             details > summary::after { content: '\\f078'; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); transition: transform 0.2s ease; }
+             details[open] > summary::after { transform: translateY(-50%) rotate(180deg); }
+             details[open] > summary { border-bottom: 1px solid var(--border-color); background-color: #e6f1ee;}
+             details .form-content { padding: 20px; }
+             .color-input-group { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
+             .color-input-group input { flex-grow: 1; margin: 0; }
+             .remove-color-btn { background-color: #f56565; /* Светлее красный */ color: white; padding: 6px 10px; font-size: 0.8rem; margin-top: 0; line-height: 1; border: none; border-radius: 4px; cursor: pointer;}
+             .remove-color-btn:hover { background-color: var(--delete-red); }
+             .photo-preview img { max-width: 70px; max-height: 70px; border-radius: 5px; margin: 5px 5px 0 0; border: 1px solid #eee; object-fit: cover;}
+             .sync-buttons { display: flex; gap: 10px; margin-bottom: 20px; flex-wrap: wrap; }
+             .flex-container { display: flex; flex-wrap: wrap; gap: 20px; }
+             .flex-item { flex: 1; min-width: 350px; /* Минимальная ширина колонки */ }
+             .message { padding: 12px 15px; border-radius: 6px; margin-bottom: 20px; font-size: 0.95rem; border: 1px solid transparent; display: flex; align-items: center; gap: 10px;}
+             .message i { font-size: 1.1rem; }
+             .message.success { background-color: #d1fae5; color: #065f46; border-color: #a7f3d0;} /* Зеленый успех */
+             .message.error { background-color: #fee2e2; color: #991b1b; border-color: #fecaca;} /* Красная ошибка */
+             .message.warning { background-color: #fffbeb; color: #b45309; border-color: #fde68a;} /* Желтое предупреждение */
+        </style>
+    </head>
+    <body>
+        <div class="container">
+            <div class="header">
+                <h1><i class="fas fa-tools" style="color: var(--primary-green);"></i> Админ-панель Soola Cosmetics</h1>
+                <a href="{{ url_for('catalog') }}" class="button info-button"><i class="fas fa-store"></i> Перейти в каталог</a>
+            </div>
+
+             {# Сообщения #}
+            {% with messages = get_flashed_messages(with_categories=true) %}
+                {% if messages %}
+                    {% for category, message in messages %}
+                        <div class="message {{ category }}">
+                            {% if category == 'success' %}<i class="fas fa-check-circle"></i>
+                            {% elif category == 'error' %}<i class="fas fa-times-circle"></i>
+                            {% elif category == 'warning' %}<i class="fas fa-exclamation-triangle"></i>
+                            {% else %}<i class="fas fa-info-circle"></i>{% endif %}
+                            {{ message }}
+                        </div>
+                    {% endfor %}
+                {% endif %}
+            {% endwith %}
+
+            <div class="section">
+                <h2><i class="fas fa-sync-alt"></i> Синхронизация с Hugging Face</h2>
+                <div class="sync-buttons">
+                    <form method="POST" action="{{ url_for('force_upload') }}" style="display: inline;" onsubmit="return confirm('Загрузить локальные данные на сервер? Это перезапишет данные на сервере.');">
+                        <button type="submit" class="button" title="Загрузить локальные файлы на Hugging Face"><i class="fas fa-upload"></i> Загрузить на HF</button>
+                    </form>
+                    <form method="POST" action="{{ url_for('force_download') }}" style="display: inline;" onsubmit="return confirm('Скачать данные с сервера? Это перезапишет ваши локальные файлы.');">
+                        {# Используем серый для скачивания #}
+                        <button type="submit" class="button" style="background-color: #718096;" title="Скачать файлы с Hugging Face (перезапишет локальные)"><i class="fas fa-download"></i> Скачать с HF</button>
+                    </form>
+                </div>
+                 <p style="font-size: 0.85rem; color: #666;">Резервное копирование на Hugging Face происходит автоматически каждые 30 минут и после сохранений. Используйте кнопки для немедленной синхронизации.</p>
+            </div>
+
+            <div class="flex-container">
+                 <div class="flex-item"> {# Категории #}
+                     <div class="section">
+                         <h2><i class="fas fa-tags"></i> Управление категориями</h2>
+                          <details>
+                              <summary><i class="fas fa-plus-circle"></i> Добавить новую категорию</summary>
+                              <div class="form-content">
+                                  <form method="POST">
+                                      <input type="hidden" name="action" value="add_category">
+                                      <label for="add_category_name">Название новой категории:</label>
+                                      <input type="text" id="add_category_name" name="category_name" required>
+                                      <button type="submit" class="add-button"><i class="fas fa-plus"></i> Добавить</button>
+                                  </form>
+                              </div>
+                          </details>
+
+                         <h3>Существующие категории:</h3>
+                         {% if categories %}
+                         <div class="item-list">
+                             {% for category in categories %}
+                             <div class="item" style="display: flex; justify-content: space-between; align-items: center; padding: 10px 15px;">
+                                 <span>{{ category }}</span>
+                                 <form method="POST" style="margin: 0;" onsubmit="return confirm('Удалить категорию \'{{ category }}\'?');">
+                                     <input type="hidden" name="action" value="delete_category">
+                                     <input type="hidden" name="category_name" value="{{ category }}">
+                                     <button type="submit" class="delete-button" style="padding: 5px 10px; font-size: 0.8rem; margin: 0;"><i class="fas fa-trash-alt"></i></button>
+                                 </form>
+                             </div>
+                             {% endfor %}
+                         </div>
+                         {% else %}
+                         <p>Категорий пока нет.</p>
+                         {% endif %}
+                     </div>
+                 </div>
+
+                 <div class="flex-item"> {# Пользователи #}
+                      <div class="section">
+                        <h2><i class="fas fa-users"></i> Управление пользователями</h2>
+                         <details>
+                            <summary><i class="fas fa-user-plus"></i> Добавить нового пользователя</summary>
+                            <div class="form-content">
+                                <form method="POST">
+                                    <input type="hidden" name="action" value="add_user">
+                                    <label for="login">Логин *:</label>
+                                    <input type="text" id="login" name="login" required>
+                                    <label for="password">Пароль *:</label>
+                                    <input type="password" id="password" name="password" required title="Пароль будет сохранен в открытом виде.">
+                                    <p style="font-size: 0.8rem; color: #777;">Внимание: пароль хранится в незашифрованном виде.</p>
+                                    <label for="first_name">Имя:</label> <input type="text" id="first_name" name="first_name">
+                                    <label for="last_name">Фамилия:</label> <input type="text" id="last_name" name="last_name">
+                                    <label for="country">Страна:</label> <input type="text" id="country" name="country">
+                                    <label for="city">Город:</label> <input type="text" id="city" name="city">
+                                    <button type="submit" class="add-button"><i class="fas fa-save"></i> Сохранить</button>
+                                </form>
+                            </div>
+                         </details>
+
+                         <h3>Список пользователей:</h3>
+                         {% if users %}
+                         <div class="item-list">
+                             {% for login, user_data in users.items() %}
+                             <div class="item">
+                                 <p><strong>Логин:</strong> {{ login }}</p>
+                                 <p><strong>Имя:</strong> {{ user_data.get('first_name', 'N/A') }} {{ user_data.get('last_name', '') }}</p>
+                                 <p><strong>Локация:</strong> {{ user_data.get('city', 'N/A') }}, {{ user_data.get('country', 'N/A') }}</p>
+                                 <div class="item-actions">
+                                     <form method="POST" style="margin: 0;" onsubmit="return confirm('Удалить пользователя \'{{ login }}\'?');">
+                                         <input type="hidden" name="action" value="delete_user">
+                                         <input type="hidden" name="login" value="{{ login }}">
+                                         <button type="submit" class="delete-button"><i class="fas fa-user-slash"></i> Удалить</button>
+                                     </form>
+                                 </div>
+                             </div>
+                             {% endfor %}
+                         </div>
+                         {% else %}
+                         <p>Пользователей пока нет.</p>
+                         {% endif %}
+                     </div>
+                 </div>
+            </div>
+
+            <div class="section"> {# Товары #}
+                <h2><i class="fas fa-box-open"></i> Управление товарами</h2>
+                 <details>
+                     <summary><i class="fas fa-plus-circle"></i> Добавить новый товар</summary>
+                     <div class="form-content">
+                         <form method="POST" enctype="multipart/form-data">
+                             <input type="hidden" name="action" value="add_product">
+                             <label for="add_name">Название товара *:</label> <input type="text" id="add_name" name="name" required>
+                             <label for="add_price">Цена ({{ currency_code }}) *:</label> <input type="number" id="add_price" name="price" step="0.01" min="0" required>
+                             <label for="add_description">Описание:</label> <textarea id="add_description" name="description" rows="4"></textarea>
+                             <label for="add_category">Категория:</label>
+                             <select id="add_category" name="category">
+                                 <option value="Без категории">Без категории</option>
+                                 {% for category in categories %}<option value="{{ category }}">{{ category }}</option>{% endfor %}
+                             </select>
+                             <label for="add_photos">Фотографии (до 10 шт.):</label> <input type="file" id="add_photos" name="photos" accept="image/*" multiple>
+                             <label>Цвета/Варианты:</label>
+                             <div id="add-color-inputs">
+                                 <div class="color-input-group">
+                                     <input type="text" name="colors" placeholder="Например: Зеленый">
+                                     <button type="button" class="remove-color-btn" onclick="removeColorInput(this)"><i class="fas fa-times"></i></button>
+                                 </div>
+                             </div>
+                             <button type="button" class="button info-button" style="margin-top: 5px;" onclick="addColorInput('add-color-inputs')"><i class="fas fa-palette"></i> Добавить поле цвета</button>
+                             <br>
+                             <button type="submit" class="add-button" style="margin-top: 20px;"><i class="fas fa-save"></i> Добавить товар</button>
+                         </form>
+                     </div>
+                </details>
+
+                <h3>Список товаров:</h3>
+                {% if products %}
+                <div class="item-list">
+                    {% for product in products %}
+                    <div class="item">
+                        <div style="display: flex; gap: 15px; align-items: flex-start;">
+                             <div class="photo-preview" style="flex-shrink: 0;">
+                                {% if product.get('photos') %}<a href="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product['photos'][0] }}" target="_blank"><img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product['photos'][0] }}" alt="Фото"></a>
+                                {% else %}<img src="https://via.placeholder.com/70x70.png?text=N/A" alt="Нет фото">{% endif %}
+                            </div>
+                            <div style="flex-grow: 1;">
+                                <h3 style="margin-top: 0; margin-bottom: 5px; color: var(--light-text);">{{ product['name'] }}</h3>
+                                <p><strong>Категория:</strong> {{ product.get('category', 'Без категории') }}</p>
+                                <p><strong>Цена:</strong> {{ "%.2f"|format(product['price']) }} {{ currency_code }}</p>
+                                <p class="description" title="{{ product.get('description', '') }}"><strong>Описание:</strong> {{ product.get('description', 'N/A')[:150] }}{% if product.get('description', '')|length > 150 %}...{% endif %}</p>
+                                {% set colors = product.get('colors', []) %}<p><strong>Цвета/Вар-ты:</strong> {{ colors|select('ne', '')|join(', ') if colors|select('ne', '')|list|length > 0 else 'Нет' }}</p>
+                                {% if product.get('photos') and product['photos']|length > 1 %}<p style="font-size: 0.8rem; color: #666;">(Фото: {{ product['photos']|length }})</p>{% endif %}
+                            </div>
+                        </div>
+                        <div class="item-actions">
+                            <button type="button" class="button info-button" onclick="toggleEditForm('edit-form-{{ loop.index0 }}')"><i class="fas fa-edit"></i> Редакт.</button>
+                            <form method="POST" style="margin:0;" onsubmit="return confirm('Удалить товар \'{{ product['name'] }}\'?');">
+                                <input type="hidden" name="action" value="delete_product"><input type="hidden" name="index" value="{{ loop.index0 }}">
+                                <button type="submit" class="delete-button"><i class="fas fa-trash-alt"></i> Удалить</button>
+                            </form>
+                        </div>
+                        <div id="edit-form-{{ loop.index0 }}" class="edit-form-container">
+                            <h4><i class="fas fa-edit"></i> Редактирование: {{ product['name'] }}</h4>
+                            <form method="POST" enctype="multipart/form-data">
+                                <input type="hidden" name="action" value="edit_product"><input type="hidden" name="index" value="{{ loop.index0 }}">
+                                <label>Название *:</label> <input type="text" name="name" value="{{ product['name'] }}" required>
+                                <label>Цена ({{ currency_code }}) *:</label> <input type="number" name="price" step="0.01" min="0" value="{{ product['price'] }}" required>
+                                <label>Описание:</label> <textarea name="description" rows="4">{{ product.get('description', '') }}</textarea>
+                                <label>Категория:</label>
+                                <select name="category">
+                                    <option value="Без категории" {% if product.get('category', 'Без категории') == 'Без категории' %}selected{% endif %}>Без категории</option>
+                                    {% for category in categories %}<option value="{{ category }}" {% if product.get('category') == category %}selected{% endif %}>{{ category }}</option>{% endfor %}
+                                </select>
+                                <label>Заменить фото (выберите новые, до 10):</label> <input type="file" name="photos" accept="image/*" multiple>
+                                {% if product.get('photos') %}<p style="font-size: 0.85rem; margin-top: 5px;">Текущие фото:</p><div class="photo-preview">{% for photo in product['photos'] %}<img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ photo }}" alt="Фото {{ loop.index }}">{% endfor %}</div>{% endif %}
+                                <label>Цвета/Варианты:</label>
+                                <div id="edit-color-inputs-{{ loop.index0 }}">
+                                    {% set current_colors = product.get('colors', []) %}
+                                    {% if current_colors and current_colors|select('ne', '')|list|length > 0 %}
+                                        {% for color in current_colors %}{% if color.strip() %}<div class="color-input-group"><input type="text" name="colors" value="{{ color }}"><button type="button" class="remove-color-btn" onclick="removeColorInput(this)"><i class="fas fa-times"></i></button></div>{% endif %}{% endfor %}
+                                    {% else %}<div class="color-input-group"><input type="text" name="colors" placeholder="Например: Зеленый"><button type="button" class="remove-color-btn" onclick="removeColorInput(this)"><i class="fas fa-times"></i></button></div>{% endif %}
+                                </div>
+                                <button type="button" class="button info-button" style="margin-top: 5px;" onclick="addColorInput('edit-color-inputs-{{ loop.index0 }}')"><i class="fas fa-palette"></i> Добавить поле цвета</button>
+                                <br><button type="submit" class="add-button" style="margin-top: 20px;"><i class="fas fa-save"></i> Сохранить изменения</button>
+                            </form>
+                        </div>
+                    </div>
+                    {% endfor %}
+                </div>
+                {% else %} <p>Товаров пока нет.</p> {% endif %}
+            </div>
+        </div>
+        <script>
+            function toggleEditForm(formId) { const el = document.getElementById(formId); if (el) el.style.display = el.style.display === 'none' || el.style.display === '' ? 'block' : 'none'; }
+            function addColorInput(containerId) { const cont = document.getElementById(containerId); if (!cont) return; const div = document.createElement('div'); div.className = 'color-input-group'; div.innerHTML = \`<input type="text" name="colors" placeholder="Новый цвет/вариант"><button type="button" class="remove-color-btn" onclick="removeColorInput(this)"><i class="fas fa-times"></i></button>\`; cont.appendChild(div); div.querySelector('input')?.focus(); }
+            function removeColorInput(button) { button.closest('.color-input-group')?.remove(); }
+        </script>
+    </body>
+    </html>
+'''
+
+# Функция admin остается без изменений в логике Python
+@app.route('/admin', methods=['GET', 'POST'])
+def admin():
+    data = load_data(); products = data.get('products', []); categories = data.get('categories', []); users = load_users()
+    if request.method == 'POST':
+        action = request.form.get('action'); logging.info(f"Admin action: {action}")
+        try:
+            # --- Обработка категори�� ---
+            if action == 'add_category':
+                name = request.form.get('category_name', '').strip()
+                if name and name not in categories: categories.append(name); categories.sort(); save_data(data); flash(f"Категория '{name}' добавлена.", 'success')
+                elif not name: flash("Название категории пустое.", 'error')
+                else: flash(f"Категория '{name}' уже существует.", 'error')
+            elif action == 'delete_category':
+                name = request.form.get('category_name')
+                if name and name in categories:
+                    categories.remove(name); count = 0
+                    for p in products:
+                        if p.get('category') == name: p['category'] = 'Без категории'; count += 1
+                    save_data(data); flash(f"Категория '{name}' удалена (затронуто товаров: {count}).", 'success')
+                else: flash(f"Не удалось удалить категорию '{name}'.", 'error')
+
+            # --- Обработка товаров ---
+            elif action == 'add_product' or action == 'edit_product':
+                is_edit = action == 'edit_product'; index = -1
+                if is_edit:
+                    try: index = int(request.form.get('index', -1)); product = products[index]
+                    except (ValueError, IndexError): flash("Ошибка: неверный индекс товара.", 'error'); return redirect(url_for('admin'))
+                name = request.form.get('name', '').strip(); price_str = request.form.get('price', '').replace(',', '.')
+                if not name or not price_str: flash("Название и цена обязательны.", 'error'); return redirect(url_for('admin'))
+                try: price = round(float(price_str), 2); price = max(0, price)
+                except ValueError: flash("Неверный формат цены.", 'error'); return redirect(url_for('admin'))
+                description = request.form.get('description', '').strip(); category = request.form.get('category')
+                category = category if category in categories else 'Без категории'
+                colors = [c.strip() for c in request.form.getlist('colors') if c.strip()]
+                photos_files = request.files.getlist('photos'); new_photos_list = []
+                if photos_files and any(f.filename for f in photos_files) and HF_TOKEN_WRITE:
+                    uploads_dir = 'uploads_temp'; os.makedirs(uploads_dir, exist_ok=True); api = HfApi()
+                    limit = 10; count = 0
+                    for photo in photos_files:
+                        if count >= limit: flash(f"Загружено только первые {limit} фото.", "warning"); break
+                        if photo and photo.filename:
+                            try:
+                                ext = os.path.splitext(photo.filename)[1].lower()
+                                if ext not in ['.png', '.jpg', '.jpeg', '.webp', '.gif']: continue # Проверка расширения
+                                fname = secure_filename(f"{name.replace(' ','_')}_{datetime.now().strftime('%Y%m%d%H%M%S%f')}{ext}")
+                                tpath = os.path.join(uploads_dir, fname); photo.save(tpath)
+                                api.upload_file(path_or_fileobj=tpath, path_in_repo=f"photos/{fname}", repo_id=REPO_ID,
+                                                repo_type="dataset", token=HF_TOKEN_WRITE, commit_message=f"{'Add' if not is_edit else 'Update'} photo for {name}")
+                                new_photos_list.append(fname); os.remove(tpath); count += 1
+                            except Exception as e: logging.error(f"Ошибка загрузки фото {photo.filename}: {e}"); flash(f"Ошибка загрузки фото {photo.filename}.", 'error')
+                # Обновляем или добавляем товар
+                if is_edit:
+                    products[index].update({'name': name, 'price': price, 'description': description, 'category': category, 'colors': colors})
+                    if new_photos_list: products[index]['photos'] = new_photos_list # Заменяем фото только если загружены новые
+                    flash(f"Товар '{name}' обновлен.", 'success')
+                else:
+                    products.append({'name': name, 'price': price, 'description': description, 'category': category, 'photos': new_photos_list, 'colors': colors})
+                    flash(f"Товар '{name}' добавлен.", 'success')
+                products.sort(key=lambda x: x.get('name', '').lower()); save_data(data)
+            elif action == 'delete_product':
+                try: index = int(request.form.get('index', -1)); deleted = products.pop(index); name = deleted.get('name', 'N/A')
+                     # TODO: Удалить фото с HF? (сложно без ID фото)
+                     save_data(data); flash(f"Товар '{name}' удален.", 'success')
+                except (ValueError, IndexError): flash("Ошибка: неверный индекс товара.", 'error')
+
+            # --- Обработка пользователей ---
+            elif action == 'add_user':
+                login = request.form.get('login', '').strip(); password = request.form.get('password', '').strip()
+                if not login or not password: flash("Логин и пароль пользователя обязательны.", 'error')
+                elif login in users: flash(f"Пользователь '{login}' уже существует.", 'error')
+                else:
+                    # ВНИМАНИЕ: Хранение пароля в открытом виде! Нужен HASH!
+                    users[login] = {'password': password, 'first_name': request.form.get('first_name', '').strip(),
+                                    'last_name': request.form.get('last_name', '').strip(), 'country': request.form.get('country', '').strip(),
+                                    'city': request.form.get('city', '').strip()}
+                    save_users(users); flash(f"Пользователь '{login}' добавлен.", 'success')
+            elif action == 'delete_user':
+                login = request.form.get('login')
+                if login and login in users: del users[login]; save_users(users); flash(f"Пользователь '{login}' удален.", 'success')
+                else: flash(f"Не удалось удалить пользователя '{login}'.", 'error')
+            else: flash(f"Неизвестное действие: {action}", 'warning')
+            return redirect(url_for('admin')) # Редирект после POST
+        except Exception as e:
+             logging.error(f"Ошибка в админке ({action}): {e}", exc_info=True)
+             flash(f"Произошла внутренняя ошибка: {e}", 'error')
+             return redirect(url_for('admin'))
+
+    # GET запрос
+    products.sort(key=lambda x: x.get('name', '').lower()); categories.sort(); sorted_users = dict(sorted(users.items()))
+    return render_template_string(ADMIN_TEMPLATE, products=products, categories=categories, users=sorted_users,
+                                  repo_id=REPO_ID, currency_code=CURRENCY_CODE)
+
+
+# --- Маршруты для принудительной синхронизации ---
+@app.route('/force_upload', methods=['POST'])
+def force_upload():
+    logging.info("Запуск принудительной загрузки на HF...")
+    try: upload_db_to_hf(); flash("Данные загружены на Hugging Face.", 'success')
+    except Exception as e: logging.error(f"Ошибка принудительной загрузки: {e}"); flash(f"Ошибка загрузки: {e}", 'error')
+    return redirect(url_for('admin'))
+
+@app.route('/force_download', methods=['POST'])
+def force_download():
+    logging.info("Запуск принудительного скачивания с HF...")
+    try: download_db_from_hf(); flash("Данные скачаны с Hugging Face.", 'success')
+    except Exception as e: logging.error(f"Ошибка принудительного скачивания: {e}"); flash(f"Ошибка скачивания: {e}", 'error')
+    return redirect(url_for('admin'))
+
+# --- Запуск приложения ---
+if __name__ == '__main__':
+    load_data(); load_users() # Инициализация данных при старте
+    if HF_TOKEN_WRITE and REPO_ID: # Запускаем бэкап только если есть токен и ID репо
+        backup_thread = threading.Thread(target=periodic_backup, daemon=True); backup_thread.start()
+        logging.info("Поток периодического резервного копирования запущен.")
+    else: logging.warning("Периодическое резервное копирование НЕ запущено (нет HF_TOKEN_WRITE и/или HF_REPO_ID).")
+    port = int(os.environ.get('PORT', 7860))
+    logging.info(f"Запуск Flask приложения на http://0.0.0.0:{port}")
+    # Для разработки можно использовать debug=True, для продакшена - False
+    # Используйте WSGI сервер (Gunicorn, Waitress) для продакшена!
+    app.run(debug=False, host='0.0.0.0', port=port)
+