Update app.py

app.py

@@ -1,62 +1,80 @@
-from flask import Flask, render_template_string, request, redirect, url_for
-import json
+#!/usr/bin/env python3
+# -*- coding: utf-8 -*-
+
 import os
-import logging
-import threading
+from flask import Flask, request, Response, render_template_string, jsonify, redirect, url_for
+import hmac
+import hashlib
+import json
+from urllib.parse import unquote, parse_qs, quote
 import time
 from datetime import datetime
+import logging
 from huggingface_hub import HfApi, hf_hub_download
 from huggingface_hub.utils import RepositoryNotFoundError
-from werkzeug.utils import secure_filename
 
-app = Flask(__name__)
-DATA_FILE = 'data_luxoff.json'
+# Configuration
+BOT_TOKEN = os.getenv("BOT_TOKEN", "7566834146:AAGiG4MaTZZvvbTVsqEJVG5SYK5hUlc_Ewo") # Use env var or default
+HOST = '0.0.0.0'
+PORT = 7860
+DATA_FILE = 'data.json' # File to store visited user data
 
-# Настройки Hugging Face
-REPO_ID = "flpolprojects/Clients"
-HF_TOKEN_WRITE = os.getenv("HF_TOKEN")
-HF_TOKEN_READ = os.getenv("HF_TOKEN_READ")
+# Hugging Face Settings
+REPO_ID = os.getenv("HF_REPO_ID", "Morshen/TeleUserData") # Your HF repo ID (e.g., YourUsername/YourDatasetName)
+HF_TOKEN_WRITE = os.getenv("HF_TOKEN_WRITE") # HF Write Token from env
+HF_TOKEN_READ = os.getenv("HF_TOKEN_READ", HF_TOKEN_WRITE) # HF Read Token from env (can be same as write)
 
-# Ссылка на логотип
-LOGO_URL = "https://cdn-avatars.huggingface.co/v1/production/uploads/63b6a710ccebeadccc864577/j1KeCVskZ3ZxI7oYQuu7o.png"
+# Check if essential HF config is present
+if not HF_TOKEN_WRITE:
+    print("WARNING: HF_TOKEN_WRITE environment variable not set. Hugging Face uploads will fail.")
+if not REPO_ID:
+    print("WARNING: HF_REPO_ID environment variable not set. Using default 'Morshen/TeleUserData'.")
 
-# Настройка логирования
-logging.basicConfig(level=logging.DEBUG)
 
-def load_data():
-    try:
-        download_db_from_hf()
-        with open(DATA_FILE, 'r', encoding='utf-8') as file:
-            data = json.load(file)
-            logging.info("Данные успешно загружены из JSON")
-            if not isinstance(data, dict) or 'products' not in data or 'categories' not in data:
-                return {'products': [], 'categories': [] if not isinstance(data, list) else data}
-            return data
-    except FileNotFoundError:
-        logging.warning("Локальный файл базы данных не найден после скачивания.")
-        return {'products': [], 'categories': []}
-    except json.JSONDecodeError:
-        logging.error("Ошибка: Невозможно декодировать JSON файл.")
-        return {'products': [], 'categories': []}
-    except RepositoryNotFoundError:
-        logging.error("Репозиторий не найден. Создание локальной базы данных.")
-        return {'products': [], 'categories': []}
-    except Exception as e:
-        logging.error(f"Произошла ошибка при загрузке данных: {e}")
-        return {'products': [], 'categories': []}
+app = Flask(__name__)
 
-def save_data(data):
+# Setup logging
+logging.basicConfig(level=logging.INFO, format='%(asctime)s - %(levelname)s - %(message)s')
+
+# --- Hugging Face Sync Functions ---
+
+def download_db_from_hf():
+    if not HF_TOKEN_READ or not REPO_ID:
+        logging.warning("Skipping Hugging Face download: Read token or Repo ID missing.")
+        return False
     try:
-        with open(DATA_FILE, 'w', encoding='utf-8') as file:
-            json.dump(data, file, ensure_ascii=False, indent=4)
-        logging.info("Данные успешно сохранены в JSON")
-        upload_db_to_hf()
+        logging.info(f"Attempting to download {DATA_FILE} from Hugging Face repo {REPO_ID}")
+        hf_hub_download(
+            repo_id=REPO_ID,
+            filename=DATA_FILE,
+            repo_type="dataset",
+            token=HF_TOKEN_READ,
+            local_dir=".",
+            local_dir_use_symlinks=False,
+            force_download=True # Ensure latest version
+        )
+        logging.info(f"{DATA_FILE} successfully downloaded from Hugging Face.")
+        return True
+    except RepositoryNotFoundError:
+        logging.warning(f"Hugging Face repository {REPO_ID} not found. Will create local {DATA_FILE} if needed.")
+        return False
     except Exception as e:
-        logging.error(f"Ошибка при сохранении данных: {e}")
-        raise
+        # Specifically check for 404 which might mean the *file* doesn't exist yet
+        if "404 Client Error" in str(e):
+             logging.warning(f"{DATA_FILE} not found in Hugging Face repository {REPO_ID}. Will create local file if needed.")
+        else:
+            logging.error(f"Error downloading {DATA_FILE} from Hugging Face: {e}")
+        return False
 
 def upload_db_to_hf():
+    if not HF_TOKEN_WRITE or not REPO_ID:
+        logging.warning("Skipping Hugging Face upload: Write token or Repo ID missing.")
+        return False
+    if not os.path.exists(DATA_FILE):
+        logging.warning(f"Skipping Hugging Face upload: Local file {DATA_FILE} does not exist.")
+        return False
     try:
+        logging.info(f"Attempting to upload {DATA_FILE} to Hugging Face repo {REPO_ID}")
         api = HfApi()
         api.upload_file(
             path_or_fileobj=DATA_FILE,
@@ -64,1049 +82,761 @@ def upload_db_to_hf():
             repo_id=REPO_ID,
             repo_type="dataset",
             token=HF_TOKEN_WRITE,
-            commit_message=f"Автоматическое резервное копирование базы данных {datetime.now().strftime('%Y-%m-%d %H:%M:%S')}"
+            commit_message=f"Update user data {datetime.now().strftime('%Y-%m-%d %H:%M:%S')}"
         )
-        logging.info("Резервная копия JSON базы успешно загружена на Hugging Face.")
+        logging.info(f"{DATA_FILE} successfully uploaded to Hugging Face.")
+        return True
     except Exception as e:
-        logging.error(f"Ошибка при загрузке резервной копии: {e}")
+        logging.error(f"Error uploading {DATA_FILE} to Hugging Face: {e}")
+        return False
 
-def download_db_from_hf():
+# --- Data Handling ---
+
+def load_data():
+    # Try to download the latest version first
+    download_db_from_hf()
     try:
-        hf_hub_download(
-            repo_id=REPO_ID,
-            filename=DATA_FILE,
-            repo_type="dataset",
-            token=HF_TOKEN_READ,
-            local_dir=".",
-            local_dir_use_symlinks=False
-        )
-        logging.info("JSON база успешно скачана из Hugging Face.")
-    except RepositoryNotFoundError as e:
-        logging.error(f"Репозиторий не найден: {e}")
-        raise
+        if os.path.exists(DATA_FILE):
+            with open(DATA_FILE, 'r', encoding='utf-8') as file:
+                data = json.load(file)
+                if not isinstance(data, dict): # Ensure it's a dictionary
+                    logging.warning(f"{DATA_FILE} does not contain a valid dictionary. Initializing empty data.")
+                    return {}
+                logging.info(f"Data successfully loaded from local {DATA_FILE}")
+                return data
+        else:
+            logging.info(f"Local file {DATA_FILE} not found. Initializing empty data.")
+            return {} # Return empty dict if file doesn't exist
+    except json.JSONDecodeError:
+        logging.error(f"Error decoding JSON from {DATA_FILE}. Returning empty data.")
+        return {}
     except Exception as e:
-        logging.error(f"Ошибка при скачивании JSON базы: {e}")
-        raise
+        logging.error(f"Error loading data from {DATA_FILE}: {e}")
+        return {}
 
-def periodic_backup():
-    while True:
+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 successfully saved to local {DATA_FILE}")
+        # Attempt to upload after saving locally
         upload_db_to_hf()
-        time.sleep(15)
+    except Exception as e:
+        logging.error(f"Error saving data to {DATA_FILE}: {e}")
 
-@app.route('/')
-def catalog():
-    data = load_data()
-    products = data['products']
-    categories = data['categories']
-    
-    catalog_html = '''
-    <!DOCTYPE html>
-    <html lang="ru">
-    <head>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>LUXoff женская одежда оптом  </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>
-            * {
-                margin: 0;
-                padding: 0;
-                box-sizing: border-box;
-            }
-            body {
-                font-family: 'Poppins', sans-serif;
-                background: linear-gradient(135deg, #f0f2f5, #e9ecef);
-                color: #2d3748;
-                line-height: 1.6;
-                transition: background 0.3s, color 0.3s;
-            }
-            body.dark-mode {
-                background: linear-gradient(135deg, #1a202c, #2d3748);
-                color: #e2e8f0;
-            }
-            .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 #e2e8f0;
-            }
-            .header-logo {
-                width: 60px;
-                height: 60px;
-                border-radius: 50%;
-                object-fit: cover;
-                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
-                transition: transform 0.3s ease, box-shadow 0.3s ease;
-            }
-            .header-logo:hover {
-                transform: scale(1.1);
-                box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
-            }
-            .header h1 {
-                font-size: 1.5rem;
-                font-weight: 600;
-                margin-left: 15px;
-            }
-            .theme-toggle {
-                background: none;
-                border: none;
-                font-size: 1.5rem;
-                cursor: pointer;
-                color: #4a5568;
-                transition: color 0.3s ease;
-            }
-            .theme-toggle:hover {
-                color: #3b82f6;
-            }
-            .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: 8px;
-                outline: none;
-                box-shadow: 0 2px 5px rgba(0,0,0,0.05);
-                transition: all 0.3s ease;
-            }
-            #search-input:focus {
-                border-color: #3b82f6;
-                box-shadow: 0 4px 15px rgba(59, 130, 246, 0.2);
-            }
-            .category-filter {
-                padding: 8px 16px;
-                border: 1px solid #e2e8f0;
-                border-radius: 8px;
-                background-color: #fff;
-                cursor: pointer;
-                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-                font-size: 0.9rem;
-                font-weight: 400;
-            }
-            .category-filter.active, .category-filter:hover {
-                background-color: #3b82f6;
-                color: white;
-                border-color: #3b82f6;
-                box-shadow: 0 2px 10px rgba(59, 130, 246, 0.3);
-            }
-            .products-grid {
-                display: grid;
-                grid-template-columns: repeat(2, minmax(200px, 1fr));
-                gap: 15px;
-                padding: 10px;
-            }
-            .product {
-                background: #fff;
-                border-radius: 15px;
-                padding: 15px;
-                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
-                transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease;
-                overflow: hidden;
-            }
-            body.dark-mode .product {
-                background: #2d3748;
-                color: #fff;
-            }
-            .product:hover {
-                transform: translateY(-5px) scale(1.02);
-                box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
-            }
-            .product-image {
-                width: 100%;
-                aspect-ratio: 1;
-                background-color: #fff;
-                border-radius: 10px;
-                overflow: hidden;
-                display: flex;
-                justify-content: center;
-                align-items: center;
-            }
-            .product-image img {
-                max-width: 100%;
-                max-height: 100%;
-                object-fit: contain;
-                transition: transform 0.3s ease;
-            }
-            .product-image img:hover {
-                transform: scale(1.1);
-            }
-            .product h2 {
-                font-size: 1rem;
-                font-weight: 600;
-                margin: 10px 0;
-                text-align: center;
-                white-space: nowrap;
-                overflow: hidden;
-                text-overflow: ellipsis;
-            }
-            .product-price {
-                font-size: 1.1rem;
-                color: #ef4444;
-                font-weight: 700;
-                text-align: center;
-                margin: 5px 0;
-            }
-            .product-description {
-                font-size: 0.8rem;
-                color: #718096;
-                text-align: center;
-                margin-bottom: 15px;
-                overflow: hidden;
-                text-overflow: ellipsis;
-                white-space: nowrap;
-            }
-            body.dark-mode .product-description {
-                color: #a0aec0;
-            }
-            .product-button {
-                display: block;
-                width: 100%;
-                padding: 8px;
-                border: none;
-                border-radius: 8px;
-                background-color: #3b82f6;
-                color: white;
-                font-size: 0.8rem;
-                font-weight: 500;
-                cursor: pointer;
-                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-                margin: 5px 0;
-                text-align: center;
-                text-decoration: none;
-            }
-            .product-button:hover {
-                background-color: #2563eb;
-                box-shadow: 0 4px 15px rgba(37, 99, 235, 0.4);
-                transform: translateY(-2px);
-            }
-            .add-to-cart {
-                background-color: #10b981;
-            }
-            .add-to-cart:hover {
-                background-color: #059669;
-                box-shadow: 0 4px 15px rgba(5, 150, 105, 0.4);
-            }
-            #cart-button {
-                position: fixed;
-                bottom: 20px;
-                right: 20px;
-                background-color: #ef4444;
-                color: white;
-                border: none;
-                border-radius: 50%;
-                width: 50px;
-                height: 50px;
-                font-size: 1.2rem;
-                cursor: pointer;
-                display: none;
-                box-shadow: 0 4px 15px rgba(239, 68, 68, 0.4);
-                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-                z-index: 1000;
-            }
-            .modal {
-                display: none;
-                position: fixed;
-                z-index: 1001;
-                left: 0;
-                top: 0;
-                width: 100%;
-                height: 100%;
-                background-color: rgba(0,0,0,0.5);
-                backdrop-filter: blur(5px);
-            }
-            .modal-content {
-                background: #fff;
-                margin: 5% auto;
-                padding: 20px;
-                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;
-            }
-            body.dark-mode .modal-content {
-                background: #2d3748;
-                color: #e2e8f0;
-            }
-            @keyframes slideIn {
-                from { transform: translateY(-50px); opacity: 0; }
-                to { transform: translateY(0); opacity: 1; }
-            }
-            .close {
-                float: right;
-                font-size: 1.5rem;
-                color: #718096;
-                cursor: pointer;
-                transition: color 0.3s;
-            }
-            .close:hover {
-                color: #2d3748;
-            }
-            body.dark-mode .close {
-                color: #a0aec0;
-            }
-            body.dark-mode .close:hover {
-                color: #fff;
-            }
-            .cart-item {
-                display: flex;
-                justify-content: space-between;
-                align-items: center;
-                padding: 15px 0;
-                border-bottom: 1px solid #e2e8f0;
-            }
-            body.dark-mode .cart-item {
-                border-bottom: 1px solid #4a5568;
-            }
-            .cart-item img {
-                width: 50px;
-                height: 50px;
-                object-fit: contain;
-                border-radius: 8px;
-                margin-right: 15px;
-            }
-            .quantity-input, .color-select {
-                width: 100%;
-                max-width: 150px;
-                padding: 8px;
-                border: 1px solid #e2e8f0;
-                border-radius: 8px;
-                font-size: 1rem;
-                margin: 5px 0;
-            }
-            .clear-cart {
-                background-color: #ef4444;
-            }
-            .clear-cart:hover {
-                background-color: #dc2626;
-                box-shadow: 0 4px 15px rgba(220, 38, 38, 0.4);
-            }
-            .order-button {
-                background-color: #10b981;
-            }
-            .order-button:hover {
-                background-color: #059669;
-                box-shadow: 0 4px 15px rgba(5, 150, 105, 0.4);
-            }
-        </style>
-    </head>
-    <body>
-        <div class="container">
+# --- Telegram Verification ---
+
+def verify_telegram_data(init_data_str):
+    try:
+        parsed_data = parse_qs(init_data_str)
+        received_hash = parsed_data.pop('hash', [None])[0]
+
+        if not received_hash:
+            logging.warning("Verification failed: Hash missing in initData.")
+            return None, False
+
+        data_check_list = []
+        for key, value in sorted(parsed_data.items()):
+            # Values from parse_qs are lists, take the first element
+            data_check_list.append(f"{key}={value[0]}")
+        data_check_string = "\n".join(data_check_list)
+
+        secret_key = hmac.new("WebAppData".encode(), BOT_TOKEN.encode(), hashlib.sha256).digest()
+        calculated_hash = hmac.new(secret_key, data_check_string.encode(), hashlib.sha256).hexdigest()
+
+        if calculated_hash == received_hash:
+            auth_date = int(parsed_data.get('auth_date', [0])[0])
+            current_time = int(time.time())
+            # Allow slightly older data, maybe network latency. Adjust 3600 (1 hour) as needed.
+            if current_time - auth_date > 3600:
+                 logging.warning(f"Telegram InitData is older than 1 hour (Auth Date: {auth_date}, Current: {current_time}).")
+            # Log successful verification without printing sensitive parts
+            logging.info("Telegram data verified successfully.")
+            return parsed_data, True
+        else:
+            logging.warning(f"Data verification failed. Calculated hash mismatch.")
+            # Avoid logging hashes directly in production for security
+            # logging.debug(f"Calculated: {calculated_hash}, Received: {received_hash}")
+            return parsed_data, False
+    except Exception as e:
+        logging.error(f"Error verifying Telegram data: {e}")
+        return None, False
+
+# --- Templates ---
+
+TEMPLATE = """
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, user-scalable=no">
+    <title>Morshen Group</title>
+    <script src="https://telegram.org/js/telegram-web-app.js"></script>
+    <style>
+        :root {
+            --bg-color: #1c1c1e;
+            --card-bg: #2c2c2e;
+            --text-color: #ffffff;
+            --text-secondary-color: #a0a0a5;
+            --accent-gradient: linear-gradient(90deg, #007aff, #5856d6);
+            --accent-gradient-green: linear-gradient(90deg, #34c759, #30d158);
+            --tag-bg: rgba(255, 255, 255, 0.1);
+            --border-radius-s: 8px;
+            --border-radius-m: 12px;
+            --border-radius-l: 16px;
+            --padding-s: 8px;
+            --padding-m: 16px;
+            --padding-l: 24px;
+            --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+        }
+        * { box-sizing: border-box; margin: 0; padding: 0; }
+        html { background-color: var(--bg-color); }
+        body {
+            font-family: var(--font-family);
+            background: linear-gradient(180deg, #1a2a3a 0%, #101820 100%);
+            color: var(--text-color);
+            padding: var(--padding-m);
+            padding-bottom: 100px;
+            overscroll-behavior-y: none;
+            -webkit-font-smoothing: antialiased;
+            -moz-osx-font-smoothing: grayscale;
+            visibility: hidden; /* Hide until ready */
+        }
+        .container { max-width: 600px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--padding-l); }
+        .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--padding-m); }
+        .logo { display: flex; align-items: center; gap: var(--padding-s); }
+        .logo img, .logo-icon {
+            width: 40px;
+            height: 40px;
+            border-radius: 50%;
+            background-color: var(--card-bg);
+            object-fit: cover;
+            border: 1px solid rgba(255, 255, 255, 0.1);
+        }
+        .logo-icon { display: inline-flex; align-items: center; justify-content: center; font-weight: bold; color: var(--text-secondary-color); }
+        .logo span { font-size: 1.4em; font-weight: 600; }
+        .btn {
+            display: inline-flex; align-items: center; justify-content: center;
+            padding: 10px var(--padding-m); border-radius: var(--border-radius-m);
+            background: var(--accent-gradient); color: var(--text-color);
+            text-decoration: none; font-weight: 500; border: none; cursor: pointer;
+            transition: opacity 0.2s ease; gap: 6px; font-size: 0.95em;
+        }
+        .btn:hover { opacity: 0.9; }
+        .btn-secondary { background: var(--card-bg); color: var(--accent-gradient-start, #007aff); }
+        .btn-secondary:hover { background: rgba(44, 44, 46, 0.8); }
+        .tag {
+            display: inline-block; background: var(--tag-bg); color: var(--text-secondary-color);
+            padding: 4px 10px; border-radius: var(--border-radius-s); font-size: 0.8em;
+            margin: 4px 4px 4px 0; white-space: nowrap;
+        }
+        .tag i { margin-right: 4px; opacity: 0.7; }
+        .section-card {
+            background-color: var(--card-bg); border-radius: var(--border-radius-l);
+            padding: var(--padding-m); margin-bottom: var(--padding-l);
+        }
+        .section-title { font-size: 1.8em; font-weight: 700; margin-bottom: var(--padding-s); line-height: 1.2; }
+        .section-subtitle { font-size: 1.1em; font-weight: 500; color: var(--text-secondary-color); margin-bottom: var(--padding-m); }
+        .description { font-size: 1em; line-height: 1.5; color: var(--text-secondary-color); margin-bottom: var(--padding-m); }
+        .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: var(--padding-s); margin-top: var(--padding-m); text-align: center; }
+        .stat-item { background-color: rgba(255, 255, 255, 0.05); padding: var(--padding-s); border-radius: var(--border-radius-m); }
+        .stat-value { font-size: 1.5em; font-weight: 600; display: block; }
+        .stat-label { font-size: 0.85em; color: var(--text-secondary-color); display: block; }
+        .list-item { background-color: var(--card-bg); padding: var(--padding-m); border-radius: var(--border-radius-m); margin-bottom: var(--padding-s); display: flex; align-items: center; gap: var(--padding-s); font-size: 1.1em; font-weight: 500; }
+        .list-item i { font-size: 1.2em; color: var(--accent-gradient-start, #34c759); opacity: 0.8; }
+        .centered-cta { text-align: center; margin-top: var(--padding-l); }
+        .footer-greeting { text-align: center; color: var(--text-secondary-color); font-size: 0.9em; margin-top: var(--padding-l); }
+        .save-card-button {
+            position: fixed;
+            bottom: 20px;
+            left: 50%;
+            transform: translateX(-50%);
+            padding: 12px 24px;
+            border-radius: 25px;
+            background: var(--accent-gradient-green);
+            color: var(--text-color);
+            text-decoration: none;
+            font-weight: 600;
+            border: none;
+            cursor: pointer;
+            transition: opacity 0.2s ease, transform 0.2s ease;
+            z-index: 1000;
+            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
+            font-size: 1em;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        .save-card-button:hover { opacity: 0.9; transform: translateX(-50%) scale(1.03); }
+
+        .modal {
+            display: none; /* Hidden by default */
+            position: fixed; /* Stay in place */
+            z-index: 1001; /* Sit on top */
+            left: 0;
+            top: 0;
+            width: 100%; /* Full width */
+            height: 100%; /* Full height */
+            overflow: auto; /* Enable scroll if needed */
+            background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
+            padding-top: 60px; /* Location of the box */
+        }
+        .modal-content {
+            background-color: var(--card-bg, #2c2c2e);
+            color: var(--text-color, #ffffff);
+            margin: 5% auto; /* 5% from the top and centered */
+            padding: var(--padding-l, 24px);
+            border: 1px solid rgba(255, 255, 255, 0.1);
+            width: 85%; /* Could be more or less, depending on screen size */
+            max-width: 450px;
+            border-radius: var(--border-radius-l, 16px);
+            text-align: center;
+            position: relative;
+            box-shadow: 0 5px 20px rgba(0,0,0,0.3);
+        }
+        .modal-close {
+            color: var(--text-secondary-color, #aaa);
+            position: absolute;
+            top: 10px;
+            right: 15px;
+            font-size: 28px;
+            font-weight: bold;
+            cursor: pointer;
+            line-height: 1;
+        }
+        .modal-close:hover,
+        .modal-close:focus {
+            color: var(--text-color, #fff);
+            text-decoration: none;
+        }
+        .modal-text {
+            font-size: 1.1em;
+            line-height: 1.6;
+            margin-bottom: var(--padding-m, 16px);
+            word-wrap: break-word;
+        }
+        .modal-instruction {
+             font-size: 0.9em;
+             color: var(--text-secondary-color, #a0a0a5);
+             margin-top: var(--padding-s, 8px);
+        }
+
+        .icon-save::before { content: '💾'; margin-right: 5px; }
+        .icon-web::before { content: '🌐'; margin-right: 5px; }
+        .icon-mobile::before { content: '📱'; margin-right: 5px; }
+        .icon-code::before { content: '💻'; margin-right: 5px; }
+        .icon-ai::before { content: '🧠'; margin-right: 5px; }
+        .icon-quantum::before { content: '⚛️'; margin-right: 5px; }
+        .icon-business::before { content: '💼'; margin-right: 5px; }
+        .icon-speed::before { content: '⚡️'; margin-right: 5px; }
+        .icon-complexity::before { content: '🧩'; margin-right: 5px; }
+        .icon-experience::before { content: '⏳'; margin-right: 5px; }
+        .icon-clients::before { content: '👥'; margin-right: 5px; }
+        .icon-market::before { content: '📈'; margin-right: 5px; }
+        .icon-location::before { content: '📍'; margin-right: 5px; }
+        .icon-global::before { content: '🌍'; margin-right: 5px; }
+        .icon-innovation::before { content: '💡'; margin-right: 5px; }
+        .icon-contact::before { content: '💬'; margin-right: 5px; }
+        .icon-link::before { content: '🔗'; margin-right: 5px; }
+        .icon-leader::before { content: '🏆'; margin-right: 5px; }
+        .icon-company::before { content: '🏢'; margin-right: 5px; }
+    </style>
+</head>
+<body>
+    <div class="container">
+
+        <section class="morshen-group-intro">
             <div class="header">
-                <img src="''' + LOGO_URL + '''" alt="Logo" class="header-logo">
-                <h1>Каталог</h1>
-                <button class="theme-toggle" onclick="toggleTheme()">
-                    <i class="fas fa-moon"></i>
-                </button>
+                 <div class="logo">
+                     <img src="https://huggingface.co/spaces/Aleksmorshen/Telemap8/resolve/main/morshengroup.jpg" alt="Morshen Group Logo">
+                    <span>Morshen Group</span>
+                </div>
+                <a href="#" class="btn contact-link"><i class="icon-contact"></i>Связаться</a>
             </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>
+                <span class="tag"><i class="icon-leader"></i>Лидер инноваций 2025</span>
             </div>
-            <div class="search-container">
-                <input type="text" id="search-input" placeholder="Поиск товаров...">
+            <h1 class="section-title">Международный IT холдинг</h1>
+            <p class="description">
+                Объединяем передовые технологические компании для создания инновационных
+                решений мирового уровня.
+            </p>
+             <a href="#" class="btn contact-link" style="background: var(--accent-gradient-green); width: 100%; margin-top: var(--padding-s);">
+                 <i class="icon-contact"></i>Связаться с нами
+             </a>
+        </section>
+
+         <section class="ecosystem-header">
+             <span class="tag"><i class="icon-company"></i>Наши компании</span>
+             <h2 class="section-title">Экосистема инноваций</h2>
+             <p class="description">
+                 В состав холдинга входят компании, специализирующиеся на различных
+                 направлениях передовых технологий.
+             </p>
+         </section>
+
+        <section class="section-card">
+            <div class="logo">
+                 <img src="https://huggingface.co/spaces/Aleksmorshen/Telemap8/resolve/main/morshengroup.jpg" alt="Morshen Alpha Logo">
+                <span style="font-size: 1.3em; font-weight: 600;">Morshen Alpha</span>
             </div>
-            <div class="products-grid" id="products-grid">
-                {% for product in products %}
-                <div class="product" 
-                     data-name="{{ product['name']|lower }}" 
-                     data-description="{{ product['description']|lower }}"
-                     data-category="{{ product.get('category', 'Без категории') }}">
-                    {% if product.get('photos') and product['photos']|length > 0 %}
-                    <div class="product-image">
-                        <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product['photos'][0] }}" 
-                             alt="{{ product['name'] }}" 
-                             loading="lazy">
-                    </div>
-                    {% endif %}
-                    <h2>{{ product['name'] }}</h2>
-                    <div class="product-price">{{ product['price'] }} с</div>
-                    <p class="product-description">{{ product['description'][:50] }}{% if product['description']|length > 50 %}...{% endif %}</p>
-                    <button class="product-button" onclick="openModal({{ loop.index0 }})">Подробнее</button>
-                    <button class="product-button add-to-cart" onclick="openQuantityModal({{ loop.index0 }})">В корзину</button>
+            <div style="margin: var(--padding-m) 0;">
+                <span class="tag"><i class="icon-ai"></i>Искусственный интеллект</span>
+                <span class="tag"><i class="icon-quantum"></i>Квантовые технологии</span>
+                <span class="tag"><i class="icon-business"></i>Бизнес-решения</span>
+            </div>
+            <p class="description">
+                Флагманская компания холдинга, специализирующаяся на разработке передовых
+                бизнес-решений, исследованиях и разработках в сфере искусственного интеллекта
+                и квантовых технологий. Наши инновации формируют будущее технологической индустрии.
+            </p>
+            <div class="stats-grid">
+                <div class="stat-item">
+                    <span class="stat-value"><i class="icon-global"></i> 3</span>
+                    <span class="stat-label">Страны присутст��ия</span>
+                </div>
+                <div class="stat-item">
+                    <span class="stat-value"><i class="icon-clients"></i> 3000+</span>
+                    <span class="stat-label">Готовых клиентов</span>
+                </div>
+                <div class="stat-item">
+                    <span class="stat-value"><i class="icon-market"></i> 5</span>
+                    <span class="stat-label">Лет на рынке</span>
                 </div>
-                {% endfor %}
             </div>
-        </div>
+        </section>
 
-        <!-- Product Modal -->
-        <div id="productModal" class="modal">
-            <div class="modal-content">
-                <span class="close" onclick="closeModal('productModal')">×</span>
-                <div id="modalContent"></div>
+        <section class="section-card">
+             <div class="logo">
+                 <img src="https://huggingface.co/spaces/holmgardstudio/dev/resolve/main/image.jpg" alt="Holmgard Logo" style="width: 50px; height: 50px;">
+                <span style="font-size: 1.3em; font-weight: 600;">Holmgard</span>
             </div>
-        </div>
-
-        <!-- Quantity and Color Modal -->
-        <div id="quantityModal" class="modal">
-            <div class="modal-content">
-                <span class="close" onclick="closeModal('quantityModal')">×</span>
-                <h2>Укажите количество и цвет</h2>
-                <input type="number" id="quantityInput" class="quantity-input" min="1" value="1">
-                <select id="colorSelect" class="color-select"></select>
-                <button class="product-button" onclick="confirmAddToCart()">Добавить</button>
+             <div style="margin: var(--padding-m) 0;">
+                 <span class="tag"><i class="icon-web"></i>Веб-разработка</span>
+                 <span class="tag"><i class="icon-mobile"></i>Мобильные приложения</span>
+                 <span class="tag"><i class="icon-code"></i>Программное обеспечение</span>
+             </div>
+             <p class="description">
+                Инновационная студия разработки, создающая высокотехнологичные решения
+                для бизнеса любого масштаба. Специализируется на разработке сайтов,
+                мобильных приложений и программного обеспечения с использованием
+                передовых технологий и методологий.
+             </p>
+             <div class="stats-grid">
+                 <div class="stat-item">
+                     <span class="stat-value"><i class="icon-experience"></i> 10+</span>
+                     <span class="stat-label">Лет опыта</span>
+                 </div>
+                 <div class="stat-item">
+                     <span class="stat-value"><i class="icon-complexity"></i> ПО</span>
+                     <span class="stat-label">Любой сложности</span>
+                 </div>
+                 <div class="stat-item">
+                     <span class="stat-value"><i class="icon-speed"></i></span>
+                     <span class="stat-label">Высокая скорость</span>
+                 </div>
+             </div>
+             <div style="display: flex; gap: var(--padding-s); margin-top: var(--padding-m); flex-wrap: wrap;">
+                 <a href="https://holmgard.ru" target="_blank" class="btn btn-secondary" style="flex-grow: 1;"><i class="icon-link"></i>Перейти на сайт</a>
+                 <a href="#" class="btn contact-link" style="flex-grow: 1;"><i class="icon-contact"></i>Связаться</a>
+             </div>
+        </section>
+
+        <section>
+            <span class="tag"><i class="icon-global"></i>Глобальное присутствие</span>
+            <h2 class="section-title">Международное присутствие</h2>
+            <p class="description">Наши инновационные решения используются в странах:</p>
+            <div>
+                <div class="list-item"><i class="icon-location"></i>Узбекистан</div>
+                <div class="list-item"><i class="icon-location"></i>Казахстан</div>
+                <div class="list-item"><i class="icon-location"></i>Кыргызстан</div>
             </div>
-        </div>
+        </section>
 
-        <!-- Cart Modal -->
-        <div id="cartModal" class="modal">
-            <div class="modal-content">
-                <span class="close" onclick="closeModal('cartModal')">×</span>
-                <h2>Корзина</h2>
-                <div id="cartContent"></div>
-                <div style="margin-top: 20px; text-align: right;">
-                    <strong>Итого: <span id="cartTotal">0</span> с</strong>
-                    <button class="product-button clear-cart" onclick="clearCart()">Очистить</button>
-                    <button class="product-button order-button" onclick="orderViaWhatsApp()">Заказать</button>
-                </div>
-            </div>
+        <footer class="footer-greeting">
+             <p id="greeting">Загрузка данных пользователя...</p>
+        </footer>
+
+    </div>
+
+    <button class="save-card-button" id="save-card-btn">
+        <i class="icon-save"></i>Сохранить визитку
+    </button>
+
+    <div id="saveModal" class="modal">
+      <div class="modal-content">
+        <span class="modal-close" id="modal-close-btn">×</span>
+        <p class="modal-text"><b>+996500398754</b></p>
+        <p class="modal-text">Morshen Group, IT компания</p>
+        <p class="modal-instruction">Сделайте скриншот экрана, чтобы сохранить контакт.</p>
+      </div>
+    </div>
+
+    <script>
+        const tg = window.Telegram.WebApp;
+
+        function setupTelegram() {
+            if (!tg || !tg.initData) {
+                 console.error("Telegram WebApp script not loaded or initData is missing.");
+                 const greetingElement = document.getElementById('greeting');
+                 if(greetingElement) greetingElement.textContent = 'Не удалось загрузить данные Telegram.';
+                 document.body.style.visibility = 'visible';
+                 return;
+             }
+
+            tg.ready();
+            tg.expand();
+
+            const themeParams = tg.themeParams;
+            document.documentElement.style.setProperty('--bg-color', themeParams.bg_color || '#1c1c1e');
+            document.documentElement.style.setProperty('--text-color', themeParams.text_color || '#ffffff');
+            document.documentElement.style.setProperty('--hint-color', themeParams.hint_color || '#a0a0a5');
+            document.documentElement.style.setProperty('--link-color', themeParams.link_color || '#007aff');
+            document.documentElement.style.setProperty('--button-color', themeParams.button_color || '#007aff');
+            document.documentElement.style.setProperty('--button-text-color', themeParams.button_text_color || '#ffffff');
+            document.documentElement.style.setProperty('--card-bg', themeParams.secondary_bg_color || '#2c2c2e');
+             if (themeParams.button_color) {
+                 document.documentElement.style.setProperty('--accent-gradient-start', themeParams.button_color);
+                 // Adjust button gradients if needed based on theme
+                 document.querySelectorAll('.btn').forEach(btn => {
+                     if (!btn.classList.contains('btn-secondary') && !btn.style.background.includes('green')) { // Avoid overriding special buttons
+                        btn.style.background = themeParams.button_color;
+                     }
+                 });
+                  document.querySelectorAll('.save-card-button').forEach(btn => {
+                     // Optional: theme the save button too, or keep it green
+                     // btn.style.background = themeParams.button_color;
+                 });
+             }
+
+             fetch('/verify', {
+                 method: 'POST',
+                 headers: {
+                     'Content-Type': 'application/json',
+                 },
+                 body: JSON.stringify({ initData: tg.initData }),
+             })
+             .then(response => response.json())
+             .then(data => {
+                 if (data.status === 'ok' && data.verified) {
+                     console.log('Backend verification successful.');
+                 } else {
+                     console.warn('Backend verification failed:', data.message);
+                     // Optionally inform user verification failed if critical
+                     // tg.showAlert('Не удалось проверить ваши данные.');
+                 }
+             })
+             .catch(error => {
+                 console.error('Error sending initData for verification:', error);
+                  // tg.showAlert('Произошла ошибка при связи с сервером.');
+             });
+
+             const user = tg.initDataUnsafe?.user;
+             const greetingElement = document.getElementById('greeting');
+             if (user) {
+                 const name = user.first_name || user.username || 'User';
+                 greetingElement.textContent = `Добро пожаловать, ${name}! 👋`;
+             } else {
+                 greetingElement.textContent = 'Добро пожаловать!';
+                 console.warn('Telegram User data not available (initDataUnsafe.user is empty).');
+             }
+
+             const contactButtons = document.querySelectorAll('.contact-link');
+             contactButtons.forEach(button => {
+                 button.addEventListener('click', (e) => {
+                     e.preventDefault();
+                     tg.openTelegramLink('https://t.me/morshenkhan');
+                 });
+             });
+
+             const modal = document.getElementById("saveModal");
+             const saveCardBtn = document.getElementById("save-card-btn");
+             const closeBtn = document.getElementById("modal-close-btn");
+
+             if (saveCardBtn && modal && closeBtn) {
+                 saveCardBtn.addEventListener('click', (e) => {
+                     e.preventDefault();
+                     modal.style.display = "block";
+                     if (tg.HapticFeedback) {
+                        tg.HapticFeedback.impactOccurred('light');
+                     }
+                 });
+
+                 closeBtn.addEventListener('click', () => {
+                     modal.style.display = "none";
+                 });
+
+                 window.addEventListener('click', (event) => {
+                     if (event.target == modal) {
+                         modal.style.display = "none";
+                     }
+                 });
+             } else {
+                 console.error("Modal elements not found!");
+             }
+
+             document.body.style.visibility = 'visible';
+         }
+
+        if (window.Telegram && window.Telegram.WebApp) {
+            setupTelegram();
+        } else {
+            window.addEventListener('load', setupTelegram);
+             setTimeout(() => {
+                 if (document.body.style.visibility !== 'visible') {
+                      console.error("Telegram WebApp script fallback timeout triggered.");
+                      const greetingElement = document.getElementById('greeting');
+                      if(greetingElement) greetingElement.textContent = 'Ошибка загрузки Telegram.';
+                      document.body.style.visibility = 'visible';
+                  }
+             }, 3000);
+        }
+
+    </script>
+</body>
+</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>Admin - Visited Users</title>
+    <style>
+        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background-color: #f0f2f5; color: #1c1c1e; margin: 0; padding: 20px; }
+        h1, h2 { text-align: center; color: #333; font-weight: 600; }
+        .container { max-width: 1200px; margin: 20px auto; background-color: #fff; padding: 20px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
+        .user-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; margin-top: 20px; }
+        .user-card { background-color: #f8f9fa; border: 1px solid #dee2e6; border-radius: 8px; padding: 15px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); display: flex; flex-direction: column; align-items: center; text-align: center; transition: transform 0.2s ease, box-shadow 0.2s ease; }
+        .user-card:hover { transform: translateY(-3px); box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
+        .user-card img { width: 70px; height: 70px; border-radius: 50%; margin-bottom: 12px; object-fit: cover; border: 2px solid #ced4da; background-color: #e9ecef; }
+        .user-card .name { font-weight: 600; font-size: 1.1em; margin-bottom: 4px; color: #212529; }
+        .user-card .username { color: #007bff; margin-bottom: 8px; font-size: 0.95em; word-break: break-all; }
+        .user-card .details { font-size: 0.9em; color: #495057; line-height: 1.4; }
+        .user-card .timestamp { font-size: 0.8em; color: #6c757d; margin-top: 12px; }
+        .no-users { text-align: center; color: #6c757d; margin-top: 30px; font-size: 1.1em; }
+        .alert { background-color: #fff3cd; border-left: 6px solid #ffc107; margin-bottom: 20px; padding: 12px 18px; color: #856404; border-radius: 4px; text-align: center; font-weight: 500;}
+        .action-buttons { margin-top: 30px; text-align: center; padding-bottom: 10px;}
+        .action-buttons button {
+             padding: 10px 18px; border: none; border-radius: 8px;
+             background-color: #007bff; color: white;
+             font-weight: 500; cursor: pointer; margin: 0 10px;
+             transition: background-color 0.2s ease, box-shadow 0.2s ease;
+             font-size: 0.95em;
+         }
+         .action-buttons button:hover { background-color: #0056b3; box-shadow: 0 2px 8px rgba(0, 123, 255, 0.4); }
+         .action-buttons .backup-btn { background-color: #28a745; }
+         .action-buttons .backup-btn:hover { background-color: #218838; box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4); }
+         .action-buttons .download-btn { background-color: #17a2b8; }
+         .action-buttons .download-btn:hover { background-color: #138496; box-shadow: 0 2px 8px rgba(23, 162, 184, 0.4); }
+
+         /* Spinner */
+        .loader {
+            border: 4px solid #f3f3f3; border-radius: 50%; border-top: 4px solid #3498db;
+            width: 20px; height: 20px; animation: spin 1s linear infinite;
+            display: none; /* Hidden by default */ margin: 5px auto 0;
+        }
+        @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
+        .button-loading .loader { display: inline-block; vertical-align: middle; margin-left: 8px; margin-top: -2px; }
+        button:disabled { opacity: 0.7; cursor: not-allowed; }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1>Admin Panel</h1>
+        <div class="alert">WARNING: This panel is not password protected. Implement authentication for production use.</div>
+
+        <div class="action-buttons">
+            <form id="backup-form" method="POST" action="{{ url_for('backup') }}" style="display: inline;">
+                <button type="submit" class="backup-btn" id="backup-btn">Backup to HF <span class="loader"></span></button>
+            </form>
+            <form id="download-form" method="POST" action="{{ url_for('download') }}" style="display: inline;">
+                 <button type="submit" class="download-btn" id="download-btn">Download from HF <span class="loader"></span></button>
+            </form>
         </div>
 
-        <button id="cart-button" onclick="openCartModal()">🛒</button>
-
-        <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
-        <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.3/dist/umd/popper.min.js"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.js"></script>
-        <script>
-            const products = {{ products|tojson }};
-            let selectedProductIndex = null;
-
-            function toggleTheme() {
-                document.body.classList.toggle('dark-mode');
-                const icon = document.querySelector('.theme-toggle i');
-                icon.classList.toggle('fa-moon');
-                icon.classList.toggle('fa-sun');
-                localStorage.setItem('theme', document.body.classList.contains('dark-mode') ? 'dark' : 'light');
-            }
-
-            if (localStorage.getItem('theme') === 'dark') {
-                document.body.classList.add('dark-mode');
-                document.querySelector('.theme-toggle i').classList.replace('fa-moon', 'fa-sun');
-            }
-
-            function openModal(index) {
-                loadProductDetails(index);
-                document.getElementById('productModal').style.display = "block";
-            }
-
-            function closeModal(modalId) {
-                document.getElementById(modalId).style.display = "none";
-            }
-
-            function loadProductDetails(index) {
-                fetch('/product/' + index)
-                    .then(response => response.text())
-                    .then(data => {
-                        document.getElementById('modalContent').innerHTML = data;
-                        initializeSwiper();
-                    })
-                    .catch(error => console.error('Ошибка:', error));
-            }
-
-            function initializeSwiper() {
-                new Swiper('.swiper-container', {
-                    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 }
-                });
-            }
-
-            function openQuantityModal(index) {
-                selectedProductIndex = index;
-                const product = products[index];
-                const colorSelect = document.getElementById('colorSelect');
-                colorSelect.innerHTML = '';
-                if (product.colors && product.colors.length > 0) {
-                    product.colors.forEach(color => {
-                        const option = document.createElement('option');
-                        option.value = color;
-                        option.text = color;
-                        colorSelect.appendChild(option);
-                    });
-                } else {
-                    const option = document.createElement('option');
-                    option.value = 'Нет цвета';
-                    option.text = 'Нет цвета';
-                    colorSelect.appendChild(option);
-                }
-                document.getElementById('quantityModal').style.display = 'block';
-                document.getElementById('quantityInput').value = 1;
-            }
-
-            function confirmAddToCart() {
-                if (selectedProductIndex === null) return;
-                const quantity = parseInt(document.getElementById('quantityInput').value) || 1;
-                const color = document.getElementById('colorSelect').value;
-                if (quantity <= 0) {
-                    alert("Укажите количество больше 0");
-                    return;
-                }
-                let cart = JSON.parse(localStorage.getItem('cart') || '[]');
-                const product = products[selectedProductIndex];
-                const cartItemId = `${product.name}-${color}`;
-                const existingItem = cart.find(item => item.id === cartItemId);
-
-                if (existingItem) {
-                    existingItem.quantity += quantity;
-                } else {
-                    cart.push({
-                        id: cartItemId,
-                        name: product.name,
-                        price: product.price,
-                        photo: product.photos && product.photos.length > 0 ? product.photos[0] : '',
-                        quantity: quantity,
-                        color: color
-                    });
-                }
-
-                localStorage.setItem('cart', JSON.stringify(cart));
-                closeModal('quantityModal');
-                updateCartButton();
-            }
-
-            function updateCartButton() {
-                const cart = JSON.parse(localStorage.getItem('cart') || '[]');
-                document.getElementById('cart-button').style.display = cart.length > 0 ? 'block' : 'none';
-            }
-
-            function openCartModal() {
-                const cart = JSON.parse(localStorage.getItem('cart') || '[]');
-                const cartContent = document.getElementById('cartContent');
-                let total = 0;
-
-                cartContent.innerHTML = cart.length === 0 ? '<p>Корзина пуста</p>' : cart.map(item => {
-                    const itemTotal = item.price * item.quantity;
-                    total += itemTotal;
-                    return `
-                        <div class="cart-item">
-                            <div style="display: flex; align-items: center;">
-                                ${item.photo ? `<img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/${item.photo}" alt="${item.name}">` : ''}
-                                <div>
-                                    <strong>${item.name}</strong>
-                                    <p>${item.price} с × ${item.quantity} (Цвет: ${item.color})</p>
-                                </div>
-                            </div>
-                            <span>${itemTotal} с</span>
+        <h2>Visited Users</h2>
+        {% if users %}
+            <div class="user-grid">
+                {% for user in users|sort(attribute='visited_at', reverse=true) %}
+                    <div class="user-card">
+                        <img src="{{ user.photo_url if user.photo_url else 'data:image/svg+xml;charset=UTF-8,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27%3e%3crect width=%27100%27 height=%27100%27 fill=%27%23e9ecef%27/%3e%3ctext x=%2750%25%27 y=%2755%25%27 dominant-baseline=%27middle%27 text-anchor=%27middle%27 font-size=%2745%27 font-family=%27sans-serif%27 fill=%27%23adb5bd%27%3e?%3c/text%3e%3c/svg%3e' }}" alt="User Avatar">
+                        <div class="name">{{ user.first_name or '' }} {{ user.last_name or '' }}</div>
+                        {% if user.username %}
+                            <div class="username"><a href="https://t.me/{{ user.username }}" target="_blank" title="Open profile">@{{ user.username }}</a></div>
+                        {% else %}
+                            <div class="username">- no username -</div>
+                        {% endif %}
+                        <div class="details">
+                            ID: {{ user.id }} <br>
+                            Lang: {{ user.language_code or 'N/A' }} <br>
                         </div>
-                    `;
-                }).join('');
-
-                document.getElementById('cartTotal').textContent = total;
-                document.getElementById('cartModal').style.display = 'block';
-            }
-
-            function orderViaWhatsApp() {
-                const cart = JSON.parse(localStorage.getItem('cart') || '[]');
-                if (cart.length === 0) {
-                    alert("Корзина пуста!");
-                    return;
-                }
-                let total = 0;
-                let orderText = "Заказ:%0A";
-                cart.forEach((item, index) => {
-                    const itemTotal = item.price * item.quantity;
-                    total += itemTotal;
-                    orderText += `${index + 1}. ${item.name} - ${item.price} с × ${item.quantity} (Цвет: ${item.color})%0A`;
-                });
-                orderText += `Итого: ${total} с`;
-                window.open(`https://api.whatsapp.com/send?phone=996556563359&text=${orderText}`, '_blank');
-            }
-
-            function clearCart() {
-                localStorage.removeItem('cart');
-                closeModal('cartModal');
-                updateCartButton();
-            }
-
-            window.onclick = function(event) {
-                if (event.target.className === 'modal') event.target.style.display = "none";
-            }
-
-            document.getElementById('search-input').addEventListener('input', filterProducts);
-            document.querySelectorAll('.category-filter').forEach(filter => {
-                filter.addEventListener('click', function() {
-                    document.querySelectorAll('.category-filter').forEach(f => f.classList.remove('active'));
-                    this.classList.add('active');
-                    filterProducts();
-                });
-            });
-
-            function filterProducts() {
-                const searchTerm = document.getElementById('search-input').value.toLowerCase();
-                const activeCategory = document.querySelector('.category-filter.active').dataset.category;
-                document.querySelectorAll('.product').forEach(product => {
-                    const name = product.getAttribute('data-name');
-                    const description = product.getAttribute('data-description');
-                    const category = product.getAttribute('data-category');
-                    const matchesSearch = name.includes(searchTerm) || description.includes(searchTerm);
-                    const matchesCategory = activeCategory === 'all' || category === activeCategory;
-                    product.style.display = matchesSearch && matchesCategory ? 'block' : 'none';
-                });
-            }
-
-            updateCartButton();
-        </script>
-    </body>
-    </html>
-    '''
-    return render_template_string(catalog_html, products=products, categories=categories, repo_id=REPO_ID)
-
-@app.route('/product/<int:index>')
-def product_detail(index):
-    data = load_data()
-    products = data['products']
-    try:
-        product = products[index]
-    except IndexError:
-        return "Продукт не найден", 404
-    detail_html = '''
-    <div class="container" style="padding: 20px;">
-        <h2 style="font-size: 1.8rem; font-weight: 600; margin-bottom: 20px;">{{ product['name'] }}</h2>
-        <div class="swiper-container" style="max-width: 400px; margin: 0 auto 20px;">
-            <div class="swiper-wrapper">
-                {% if product.get('photos') %}
-                {% for photo in product['photos'] %}
-                <div class="swiper-slide" style="background-color: #fff; display: flex; justify-content: center; align-items: center;">
-                    <div class="swiper-zoom-container">
-                        <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ photo }}" 
-                             alt="{{ product['name'] }}" 
-                             style="max-width: 100%; max-height: 300px; object-fit: contain;">
+                         <div class="timestamp">Last Visit: {{ user.visited_at_str }}</div>
                     </div>
-                </div>
                 {% endfor %}
-                {% else %}
-                <div class="swiper-slide">
-                    <img src="https://via.placeholder.com/300" alt="No Image">
-                </div>
-                {% endif %}
             </div>
-            <div class="swiper-pagination"></div>
-            <div class="swiper-button-next"></div>
-            <div class="swiper-button-prev"></div>
-        </div>
-        <p><strong>Категория:</strong> {{ product.get('category', 'Без категории') }}</p>
-        <p><strong>Цена:</strong> {{ product['price'] }} с</p>
-        <p><strong>Описание:</strong> {{ product['description'] }}</p>
-        <p><strong>Доступные цвета:</strong> {{ product.get('colors', ['Нет цветов'])|join(', ') }}</p>
+        {% else %}
+            <p class="no-users">No user visit data recorded yet.</p>
+        {% endif %}
     </div>
-    '''
-    return render_template_string(detail_html, product=product, repo_id=REPO_ID)
-
-@app.route('/admin', methods=['GET', 'POST'])
-def admin():
-    data = load_data()
-    products = data['products']
-    categories = data['categories']
-
-    if request.method == 'POST':
-        action = request.form.get('action')
-        
-        if action == 'add_category':
-            category_name = request.form.get('category_name')
-            if category_name and category_name not in categories:
-                categories.append(category_name)
-                save_data(data)
-                return redirect(url_for('admin'))
-            return "Ошибка: Категория уже существует или не указано название", 400
-
-        elif action == 'delete_category':
-            category_index = int(request.form.get('category_index'))
-            deleted_category = categories.pop(category_index)
-            for product in products:
-                if product.get('category') == deleted_category:
-                    product['category'] = 'Без категории'
-            save_data(data)
-            return redirect(url_for('admin'))
-
-        elif action == 'add':
-            name = request.form.get('name')
-            price = request.form.get('price')
-            description = request.form.get('description')
-            category = request.form.get('category')
-            photos_files = request.files.getlist('photos')
-            colors = request.form.getlist('colors')
-            photos_list = []
-            
-            if photos_files:
-                for photo in photos_files[:10]:  # Ограничение до 10 фото
-                    if photo and photo.filename:
-                        photo_filename = secure_filename(photo.filename)
-                        uploads_dir = 'uploads'
-                        os.makedirs(uploads_dir, exist_ok=True)
-                        temp_path = os.path.join(uploads_dir, photo_filename)
-                        photo.save(temp_path)
-                        api = HfApi()
-                        api.upload_file(
-                            path_or_fileobj=temp_path,
-                            path_in_repo=f"photos/{photo_filename}",
-                            repo_id=REPO_ID,
-                            repo_type="dataset",
-                            token=HF_TOKEN_WRITE,
-                            commit_message=f"Добавлено фото для товара {name}"
-                        )
-                        photos_list.append(photo_filename)
-                        if os.path.exists(temp_path):
-                            os.remove(temp_path)
-            
-            if not name or not price or not description:
-                return "Ошибка: Заполните все обязательные поля", 400
-            
-            price = float(price.replace(',', '.'))
-            new_product = {
-                'name': name,
-                'price': price,
-                'description': description,
-                'category': category if category in categories else 'Без категории',
-                'photos': photos_list,
-                'colors': colors if colors else []
-            }
-            products.append(new_product)
-            save_data(data)
-            return redirect(url_for('admin'))
-                
-        elif action == 'edit':
-            index = int(request.form.get('index'))
-            name = request.form.get('name')
-            price = request.form.get('price')
-            description = request.form.get('description')
-            category = request.form.get('category')
-            photos_files = request.files.getlist('photos')
-            colors = request.form.getlist('colors')
-            
-            if photos_files and any(photo.filename for photo in photos_files):
-                new_photos_list = []
-                for photo in photos_files[:10]:  # Ограничение до 10 фото
-                    if photo and photo.filename:
-                        photo_filename = secure_filename(photo.filename)
-                        uploads_dir = 'uploads'
-                        os.makedirs(uploads_dir, exist_ok=True)
-                        temp_path = os.path.join(uploads_dir, photo_filename)
-                        photo.save(temp_path)
-                        api = HfApi()
-                        api.upload_file(
-                            path_or_fileobj=temp_path,
-                            path_in_repo=f"photos/{photo_filename}",
-                            repo_id=REPO_ID,
-                            repo_type="dataset",
-                            token=HF_TOKEN_WRITE,
-                            commit_message=f"Обновлено фото для товара {name}"
-                        )
-                        new_photos_list.append(photo_filename)
-                        if os.path.exists(temp_path):
-                            os.remove(temp_path)
-                products[index]['photos'] = new_photos_list
-            
-            products[index]['name'] = name
-            products[index]['price'] = float(price.replace(',', '.'))
-            products[index]['description'] = description
-            products[index]['category'] = category if category in categories else 'Без категории'
-            products[index]['colors'] = colors if colors else []
-            save_data(data)
-            return redirect(url_for('admin'))
-            
-        elif action == 'delete':
-            index = int(request.form.get('index'))
-            del products[index]
-            save_data(data)
-            return redirect(url_for('admin'))
-    
-    admin_html = '''
-    <!DOCTYPE html>
-    <html lang="ru">
-    <head>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>Админ-панель</title>
-        <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
-        <style>
-            body {
-                font-family: 'Poppins', sans-serif;
-                background: linear-gradient(135deg, #f0f2f5, #e9ecef);
-                color: #2d3748;
-                padding: 20px;
-            }
-            .container {
-                max-width: 1200px;
-                margin: 0 auto;
-            }
-            .header {
-                display: flex;
-                align-items: center;
-                padding: 15px 0;
-                border-bottom: 1px solid #e2e8f0;
-            }
-            .header-logo {
-                width: 60px;
-                height: 60px;
-                border-radius: 50%;
-                object-fit: cover;
-                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
-                transition: transform 0.3s ease, box-shadow 0.3s ease;
-                margin-right: 15px;
-            }
-            .header-logo:hover {
-                transform: scale(1.1);
-                box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
-            }
-            h1, h2 {
-                font-weight: 600;
-                margin-bottom: 20px;
-            }
-            form {
-                background: #fff;
-                padding: 20px;
-                border-radius: 15px;
-                box-shadow: 0 4px 15px rgba(0,0,0,0.1);
-                margin-bottom: 30px;
-            }
-            label {
-                font-weight: 500;
-                margin-top: 15px;
-                display: block;
-            }
-            input, textarea, select {
-                width: 100%;
-                padding: 12px;
-                margin-top: 5px;
-                border: 1px solid #e2e8f0;
-                border-radius: 8px;
-                font-size: 1rem;
-                transition: all 0.3s ease;
-            }
-            input:focus, textarea:focus, select:focus {
-                border-color: #3b82f6;
-                box-shadow: 0 0 5px rgba(59, 130, 246, 0.3);
-                outline: none;
-            }
-            button {
-                padding: 12px 20px;
-                border: none;
-                border-radius: 8px;
-                background-color: #3b82f6;
-                color: white;
-                font-weight: 500;
-                cursor: pointer;
-                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-                margin-top: 15px;
-            }
-            button:hover {
-                background-color: #2563eb;
-                box-shadow: 0 4px 15px rgba(37, 99, 235, 0.4);
-                transform: translateY(-2px);
-            }
-            .delete-button {
-                background-color: #ef4444;
-            }
-            .delete-button:hover {
-                background-color: #dc2626;
-                box-shadow: 0 4px 15px rgba(220, 38, 38, 0.4);
-            }
-            .product-list, .category-list {
-                display: grid;
-                gap: 20px;
-            }
-            .product-item, .category-item {
-                background: #fff;
-                padding: 20px;
-                border-radius: 15px;
-                box-shadow: 0 4px 15px rgba(0,0,0,0.1);
-            }
-            .edit-form {
-                margin-top: 15px;
-                padding: 15px;
-                background: #f7fafc;
-                border-radius: 10px;
-            }
-            .color-input-group {
-                display: flex;
-                gap: 10px;
-                margin-top: 5px;
-            }
-            .add-color-btn {
-                background-color: #10b981;
-            }
-            .add-color-btn:hover {
-                background-color: #059669;
-            }
-        </style>
-    </head>
-    <body>
-        <div class="container">
-            <div class="header">
-                <img src="''' + LOGO_URL + '''" alt="Logo" class="header-logo">
-                <h1>Админ-панель</h1>
-            </div>
-            <h1>Добавление товара</h1>
-            <form method="POST" enctype="multipart/form-data">
-                <input type="hidden" name="action" value="add">
-                <label>Название товара:</label>
-                <input type="text" name="name" required>
-                <label>Цена:</label>
-                <input type="number" name="price" step="0.01" required>
-                <label>Описание:</label>
-                <textarea name="description" rows="4" required></textarea>
-                <label>Категория:</label>
-                <select name="category">
-                    <option value="Без категории">Без категории</option>
-                    {% for category in categories %}
-                    <option value="{{ category }}">{{ category }}</option>
-                    {% endfor %}
-                </select>
-                <label>Фотографии (до 10):</label>
-                <input type="file" name="photos" accept="image/*" multiple>
-                <label>Цвета:</label>
-                <div id="color-inputs">
-                    <div class="color-input-group">
-                        <input type="text" name="colors" placeholder="Например: Красный">
-                    </div>
-                </div>
-                <button type="button" class="add-color-btn" onclick="addColorInput()">Добавить цвет</button>
-                <button type="submit">Добавить товар</button>
-            </form>
 
-            <h1>Управление категориями</h1>
-            <form method="POST">
-                <input type="hidden" name="action" value="add_category">
-                <label>Название категории:</label>
-                <input type="text" name="category_name" required>
-                <button type="submit">Добавить</button>
-            </form>
+    <script>
+        function handleFormSubmit(formId, buttonId) {
+            const form = document.getElementById(formId);
+            const button = document.getElementById(buttonId);
+            const loader = button.querySelector('.loader');
+
+            form.addEventListener('submit', function(event) {
+                event.preventDefault(); // Prevent default form submission
+
+                button.disabled = true;
+                loader.style.display = 'inline-block';
+                button.classList.add('button-loading');
+
+                fetch(form.action, {
+                    method: form.method,
+                    // No body needed for these actions unless sending data
+                })
+                .then(response => response.json()) // Expect JSON response
+                .then(data => {
+                    alert(data.message || 'Operation completed.'); // Show feedback
+                    if(formId === 'download-form' && data.success) {
+                         // Reload page after successful download to show updated data
+                         window.location.reload();
+                    }
+                })
+                .catch(error => {
+                    console.error('Error:', error);
+                    alert('An error occurred.');
+                })
+                .finally(() => {
+                    // Re-enable button and hide loader regardless of success/failure
+                    button.disabled = false;
+                    loader.style.display = 'none';
+                    button.classList.remove('button-loading');
+                });
+            });
+        }
 
-            <h2>Список категорий</h2>
-            <div class="category-list">
-                {% for category in categories %}
-                <div class="category-item">
-                    <h3>{{ category }}</h3>
-                    <form method="POST" style="display: inline;">
-                        <input type="hidden" name="action" value="delete_category">
-                        <input type="hidden" name="category_index" value="{{ loop.index0 }}">
-                        <button type="submit" class="delete-button">Удалить</button>
-                    </form>
-                </div>
-                {% endfor %}
-            </div>
+        handleFormSubmit('backup-form', 'backup-btn');
+        handleFormSubmit('download-form', 'download-btn');
+    </script>
+</body>
+</html>
+"""
 
-            <h2>Управление базой данных</h2>
-            <form method="POST" action="{{ url_for('backup') }}" style="display: inline;">
-                <button type="submit">Создать копию</button>
-            </form>
-            <form method="GET" action="{{ url_for('download') }}" style="display: inline;">
-                <button type="submit">Скачать базу</button>
-            </form>
+# --- Flask Routes ---
 
-            <h2>Список товаров</h2>
-            <div class="product-list">
-                {% for product in products %}
-                <div class="product-item">
-                    <h3>{{ product['name'] }}</h3>
-                    <p><strong>Категория:</strong> {{ product.get('category', 'Без категории') }}</p>
-                    <p><strong>Цена:</strong> {{ product['price'] }} с</p>
-                    <p><strong>Описание:</strong> {{ product['description'] }}</p>
-                    <p><strong>Цвета:</strong> {{ product.get('colors', ['Нет цветов'])|join(', ') }}</p>
-                    {% if product.get('photos') and product['photos']|length > 0 %}
-                    <div style="display: flex; flex-wrap: wrap; gap: 10px;">
-                        {% for photo in product['photos'] %}
-                        <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ photo }}"
-                             alt="{{ product['name'] }}"
-                             style="max-width: 100px; border-radius: 10px;">
-                        {% endfor %}
-                    </div>
-                    {% endif %}
-                    <details>
-                        <summary>Редактировать</summary>
-                        <form method="POST" enctype="multipart/form-data" class="edit-form">
-                            <input type="hidden" name="action" value="edit">
-                            <input type="hidden" name="index" value="{{ loop.index0 }}">
-                            <label>Название:</label>
-                            <input type="text" name="name" value="{{ product['name'] }}" required>
-                            <label>Цена:</label>
-                            <input type="number" name="price" step="0.01" value="{{ product['price'] }}" required>
-                            <label>Описание:</label>
-                            <textarea name="description" rows="4" required>{{ product['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>
-                            <label>Цвета:</label>
-                            <div id="edit-color-inputs-{{ loop.index0 }}">
-                                {% for color in product.get('colors', []) %}
-                                <div class="color-input-group">
-                                    <input type="text" name="colors" value="{{ color }}">
-                                </div>
-                                {% endfor %}
-                            </div>
-                            <button type="button" class="add-color-btn" onclick="addColorInput('edit-color-inputs-{{ loop.index0 }}')">Добавить цвет</button>
-                            <button type="submit">Сохранить</button>
-                        </form>
-                    </details>
-                    <form method="POST">
-                        <input type="hidden" name="action" value="delete">
-                        <input type="hidden" name="index" value="{{ loop.index0 }}">
-                        <button type="submit" class="delete-button">Удалить</button>
-                    </form>
-                </div>
-                {% endfor %}
-            </div>
-        </div>
-        <script>
-            function addColorInput(containerId = 'color-inputs') {
-                const container = document.getElementById(containerId);
-                const newInput = document.createElement('div');
-                newInput.className = 'color-input-group';
-                newInput.innerHTML = '<input type="text" name="colors" placeholder="Например: Красный">';
-                container.appendChild(newInput);
-            }
-        </script>
-    </body>
-    </html>
-    '''
-    return render_template_string(admin_html, products=products, categories=categories, repo_id=REPO_ID)
+@app.route('/')
+def index():
+    return render_template_string(TEMPLATE)
+
+@app.route('/verify', methods=['POST'])
+def verify_data():
+    start_time = time.time()
+    try:
+        data = request.get_json()
+        init_data_str = data.get('initData')
+        if not init_data_str:
+            logging.warning("Received request to /verify with missing initData.")
+            return jsonify({"status": "error", "message": "Missing initData"}), 400
+
+        # We parse the data *before* verification to potentially log user ID even on failure
+        user_info_dict = {}
+        parsed_data, is_valid = verify_telegram_data(init_data_str)
+
+        if parsed_data and 'user' in parsed_data:
+            try:
+                # Make sure to decode the URL-encoded JSON string
+                user_json_str = unquote(parsed_data['user'][0])
+                user_info_dict = json.loads(user_json_str)
+            except Exception as e:
+                logging.error(f"Could not parse user JSON from initData: {e}")
+                user_info_dict = {} # Ensure it's a dict even on error
+
+        user_id = user_info_dict.get('id')
+
+        if is_valid:
+            if user_id:
+                # Load current data, update, and save
+                all_user_data = load_data()
+                now = time.time()
+                # Ensure ID is stored as string key for JSON compatibility
+                user_id_str = str(user_id)
+                all_user_data[user_id_str] = {
+                     'id': user_id,
+                     'first_name': user_info_dict.get('first_name'),
+                     'last_name': user_info_dict.get('last_name'),
+                     'username': user_info_dict.get('username'),
+                     'photo_url': user_info_dict.get('photo_url'),
+                     'language_code': user_info_dict.get('language_code'),
+                     'visited_at': now,
+                     'visited_at_str': datetime.fromtimestamp(now).strftime('%Y-%m-%d %H:%M:%S UTC') # Use UTC
+                 }
+                save_data(all_user_data) # Save triggers HF upload
+                logging.info(f"Verified and recorded visit for user ID: {user_id}. Processing time: {time.time() - start_time:.4f}s")
+            else:
+                 logging.warning("Verification successful, but user ID missing in parsed data.")
+
+            return jsonify({"status": "ok", "verified": True, "user": user_info_dict}), 200
+        else:
+            logging.warning(f"Verification failed for user ID: {user_id if user_id else 'Unknown'}. Processing time: {time.time() - start_time:.4f}s")
+            return jsonify({"status": "error", "verified": False, "message": "Invalid data"}), 403
+
+    except Exception as e:
+        logging.error(f"Error in /verify endpoint: {e}", exc_info=True)
+        return jsonify({"status": "error", "message": "Internal server error"}), 500
+
+@app.route('/admin')
+def admin_panel():
+    # WARNING: This route is unprotected! Add proper authentication/authorization for production.
+    user_data = load_data()
+    users_list = list(user_data.values())
+    return render_template_string(ADMIN_TEMPLATE, users=users_list)
 
 @app.route('/backup', methods=['POST'])
 def backup():
-    upload_db_to_hf()
-    return "Резервная копия создана.", 200
-
-@app.route('/download', methods=['GET'])
+    # WARNING: Protect this route in production
+    success = upload_db_to_hf()
+    if success:
+        return jsonify({"success": True, "message": "Backup to Hugging Face initiated successfully."}), 200
+    else:
+        return jsonify({"success": False, "message": "Backup to Hugging Face failed. Check logs."}), 500
+
+@app.route('/download', methods=['POST'])
 def download():
-    download_db_from_hf()
-    return "База данных скачана.", 200
+    # WARNING: Protect this route in production
+    success = download_db_from_hf()
+    if success:
+         return jsonify({"success": True, "message": f"{DATA_FILE} downloaded successfully from Hugging Face. Refresh page to see changes."}), 200
+    else:
+        # It might fail because the repo/file doesn't exist, which isn't necessarily a server error
+         return jsonify({"success": False, "message": f"Failed to download {DATA_FILE} from Hugging Face. It might not exist yet. Check logs."}), 404
+
+
+# --- Main Execution ---
 
 if __name__ == '__main__':
-    backup_thread = threading.Thread(target=periodic_backup, daemon=True)
-    backup_thread.start()
-    try:
-        load_data()
-    except Exception as e:
-        logging.error(f"Не удалось загрузить базу данных: {e}")
-    app.run(debug=True, host='0.0.0.0', port=7860)
+    # Initial load attempt on startup
+    logging.info("Application starting. Attempting initial data load...")
+    load_data()
+
+    print(f"\n--- SECURITY WARNING ---")
+    print(f"The /admin, /backup, /download routes are NOT password protected.")
+    print(f"Anyone knowing the URL can access visitor data and trigger backups/downloads.")
+    print(f"Implement proper authentication before deploying to production.")
+    print(f"------------------------")
+    print(f"Starting Flask server on http://{HOST}:{PORT}")
+    print(f"User data will be stored in: {DATA_FILE}")
+    if REPO_ID and HF_TOKEN_WRITE and HF_TOKEN_READ:
+         print(f"Hugging Face sync enabled for repo: {REPO_ID}")
+    else:
+         print(f"Hugging Face sync DISABLED (missing REPO_ID, HF_TOKEN_WRITE, or HF_TOKEN_READ)")
+    print(f"Using Bot Token ID: {BOT_TOKEN.split(':')[0]}")
+
+    # Use a production server like Gunicorn or Waitress instead of app.run() for deployment
+    # Example using waitress: waitress-serve --host=0.0.0.0 --port=7860 app:app
+    # For development:
+    app.run(host=HOST, port=PORT, debug=False) # Keep debug=False unless troubleshooting