diff --git a/app.py b/app.py
index 5afb36c3c69d59b38a4590bae9009fe292b73c85..7dd244771cc73a56a08965d899d9e359ab8907a5 100644
--- a/app.py
+++ b/app.py
@@ -1,5 +1,4 @@
 import os
-import base64
 import json
 import threading
 import time
@@ -8,21 +7,20 @@ from uuid import uuid4
 import random
 import string
 import tempfile
-import io
-import math
-from PIL import Image, ImageOps
+import smtplib
+from email.message import EmailMessage
+import mimetypes
 
 from flask import Flask, render_template_string, request, redirect, url_for, flash, jsonify, session, Response
 from huggingface_hub import HfApi, hf_hub_download
 from huggingface_hub.utils import RepositoryNotFoundError, HfHubHTTPError
-from werkzeug.utils import secure_filename
 from dotenv import load_dotenv
 import requests
 
 load_dotenv()
 
 app = Flask(__name__)
-app.secret_key = 'super_secret_key_store_app_123_gippo_env'
+app.secret_key = 'super_secret_key_mail_client_123'
 app.config.update(
     SESSION_COOKIE_SAMESITE='None',
     SESSION_COOKIE_SECURE=True,
@@ -36,148 +34,30 @@ REPO_ID = os.getenv("REPO_ID", "Kgshop/fullmeta")
 HF_TOKEN_WRITE = os.getenv("HF_TOKEN")
 HF_TOKEN_READ = os.getenv("HF_TOKEN_READ")
 
-DEFAULT_WHATSAPP_NUMBER = "+77470623684"
 DEFAULT_LOGO_URL = "https://huggingface.co/spaces/Metapp/Tech/resolve/main/1776929812446-019db944-b5db-7524-8f44-73942d70a0f8.png"
 
 data_lock = threading.Lock()
 
 TRANSLATIONS = {
     'ru': {},
-    'kk': {
-        'Каталог': 'Каталог',
-        'Поиск товаров...': 'Тауарларды іздеу...',
-        'Поиск': 'Іздеу',
-        'Ничего не найдено': 'Ештеңе табылмады',
-        'В этой категории пока нет товаров': 'Бұл санатта әзірге тауарлар жоқ',
-        'В упаковке:': 'Қаптамада:',
-        'В коробке:': 'Қорапта:',
-        'Мин. заказ:': 'Мин. тапсырыс:',
-        'Нет в наличии': 'Қолжетімсіз',
-        'Остаток:': 'Қалдық:',
-        'От': 'Бастап',
-        'шт': 'дана',
-        'кор.': 'қор.',
-        'уп.': 'қап.',
-        '+ Упаковка': '+ Қаптама',
-        '+ Коробка': '+ Қорап',
-        'Сумма заказа:': 'Тапсырыс сомасы:',
-        'Корзина': 'Себет',
-        'Ваш заказ': 'Сіздің тапсырысыңыз',
-        'Имя клиента (необязательно)': 'Клиенттің аты (міндетті емес)',
-        'Ваше Имя': 'Сіздің атыңыз',
-        'Номер телефона': 'Телефон нөмірі',
-        'Город': 'Қала',
-        'Адрес доставки': 'Жеткізу мекенжайы',
-        'Индекс': 'Индекс',
-        'Оформить заказ': 'Тапсырыс беру',
-        'Оформление...': 'Рәсімдеу...',
-        'Админ-панель': 'Әкімші тақтасы',
-        'Отчеты': 'Есептер',
-        'Остатки': 'Қалдықтар',
-        'История накладных и заказов': 'Жүкқұжаттар мен тапсырыстар тарихы',
-        'Сборка': 'Құрастыру',
-        'В каталог': 'Каталогқа',
-        'Выход': 'Шығу',
-        'Сохранить на сервер': 'Серверге сақтау',
-        'Скачать с сервера': 'Серверден жүктеу',
-        'Онлайн заказы': 'Онлайн тапсырыстар',
-        'Пользователи (Закрытый каталог)': 'Пайдаланушылар (Жабық каталог)',
-        'Персонал': 'Қызметкерлер',
-        'Настройка магазина': 'Дүкен параметрлері',
-        'Управление категориями': 'Санаттарды басқару',
-        'Добавить товар': 'Тауар қосу',
-        'Название товара': 'Тауар атауы',
-        'Наличие': 'Болуы',
-        'Штрих-код': 'Штрих-код',
-        'Цена за ед.': 'Бір данасының бағасы',
-        'В уп. (шт)': 'Қаптамада (дана)',
-        'В кор. (шт)': 'Қорапта (дана)',
-        'Цена за упаковку': 'Қаптама бағасы',
-        'Мин. заказ (шт)': 'Мин. тапсырыс (дана)',
-        'Остаток на складе': 'Қоймадағы қалдық',
-        'Описание товара': 'Тауар сипаттамасы',
-        'Фотографии товара (до 10 шт)': 'Тауар фотосуреттері (10 дейін)',
-        'Сохранить товар': 'Тауарды сақтау',
-        'Да': 'Иә',
-        'Нет': 'Жоқ',
-        'Варианты товара': 'Тауар нұсқалары',
-        'Язык интерфейса': 'Интерфейс тілі',
-        'Учет коробок': 'Қораптар есебі',
-        'Включить учет больших коробок': 'Үлкен қораптар есебін қосу',
-        'Общая скидка на чек (сумма)': 'Чектегі жалпы жеңілдік (сома)',
-        'WhatsApp клиента (напр. +77001234567) необязательно': 'Клиенттің WhatsApp (мыс. +77001234567) міндетті емес',
-        'Режим кассы: Быстрое оформление': 'Касса режимі: Тез рәсімдеу',
-        'Сохраненные кассы': 'Сақталған кассалар',
-        'Новая касса': 'Жаңа касса',
-        'Свой товар': 'Өз тауарыңыз'
-    },
-    'uz': {
-        'Каталог': 'Katalog',
-        'Поиск товаров...': 'Tovarlarni qidirish...',
-        'Поиск': 'Qidirish',
-        'Ничего не найдено': 'Hech narsa topilmadi',
-        'В этой категории пока нет товаров': 'Ushbu toifada hozircha tovarlar yoʻq',
-        'В упаковке:': 'Oʻramda:',
-        'В коробке:': 'Qutida:',
-        'Мин. заказ:': 'Min. buyurtma:',
-        'Нет в наличии': 'Mavjud emas',
-        'Остаток:': 'Qoldiq:',
-        'От': 'Dan',
-        'шт': 'dona',
-        'кор.': 'quti',
-        'уп.': 'oʻram',
-        '+ Упаковка': '+ Oʻram',
-        '+ Коробка': '+ Quti',
-        'Сумма заказа:': 'Buyurtma summasi:',
-        'Корзина': 'Savat',
-        'Ваш заказ': 'Sizning buyurtmangiz',
-        'Имя клиента (необязательно)': 'Mijoz ismi (majburiy emas)',
-        'Ваше Имя': 'Ismingiz',
-        'Номер телефона': 'Telefon raqami',
-        'Город': 'Shahar',
-        'Адрес доставки': 'Yetkazib berish manzili',
-        'Индекс': 'Indeks',
-        'Оформить заказ': 'Buyurtma berish',
-        'Оформление...': 'Rasmiylashtirilmoqda...',
-        'Админ-панель': 'Admin panel',
-        'Отчеты': 'Hisobotlar',
-        'Остатки': 'Qoldiqlar',
-        'История накладных и заказов': 'Yukxat va buyurtmalar tarixi',
-        'Сборка': 'Yigʻish',
-        'В каталог': 'Katalogga',
-        'Выход': 'Chiqish',
-        'Сохранить на сервер': 'Serverga saqlash',
-        'Скачать с сервера': 'Serverdan yuklab olish',
-        'Онлайн заказы': 'Onlayn buyurtmalar',
-        'Пользователи (Закрытый каталог)': 'Foydalanuvchilar (Yopiq katalog)',
-        'Персонал': 'Xodimlar',
-        'Настройка магазина': 'Do\'kon sozlamalari',
-        'Управление категориями': 'Toifalarni boshqarish',
-        'Добавить товар': 'Tovar qo\'shish',
-        'Название товара': 'Tovar nomi',
-        'Наличие': 'Mavjudligi',
-        'Штрих-код': 'Shtrix-kod',
-        'Цена за ед.': 'Dona narxi',
-        'В уп. (шт)': 'O\'ramda (dona)',
-        'В кор. (шт)': 'Qutida (dona)',
-        'Цена за упаковку': 'O\'ram narxi',
-        'Мин. заказ (шт)': 'Min. buyurtma (dona)',
-        'Остаток на складе': 'Ombordagi qoldiq',
-        'Описание товара': 'Tovar tavsifi',
-        'Фотографии товара (до 10 шт)': 'Tovar rasmlari (10 tagacha)',
-        'Сохранить товар': 'Tovarni saqlash',
-        'Да': 'Ha',
-        'Нет': 'Yo\'q',
-        'Варианты товара': 'Tovar variantlari',
-        'Язык интерфейса': 'Interfeys tili',
-        'Учет коробок': 'Qutilar hisobi',
-        'Включить учет больших коробок': 'Katta qutilar hisobini yoqish',
-        'Общая скидка на чек (сумма)': 'Chek uchun umumiy chegirma (summa)',
-        'WhatsApp клиента (напр. +77001234567) необязательно': 'Mijoz WhatsApp (mas. +77001234567) majburiy emas',
-        'Режим кассы: Быстрое оформление': 'Kassa rejimi: Tez rasmiylashtirish',
-        'Сохраненные кассы': 'Saqlangan kassalar',
-        'Новая касса': 'Yangi kassa',
-        'Свой товар': 'O\'z tovaringiz'
+    'en': {
+        'Почта': 'Mail',
+        'Входящие': 'Inbox',
+        'Отправленные': 'Sent',
+        'Написать': 'Compose',
+        'Переслать': 'Forward',
+        'Ответить': 'Reply',
+        'Отправить': 'Send',
+        'Кому': 'To',
+        'Тема': 'Subject',
+        'Текст письма': 'Message body',
+        'Прикрепить файлы': 'Attach files',
+        'Настройки': 'Settings',
+        'Выход': 'Logout',
+        'Панель управления': 'Control Panel',
+        'Ничего не найдено': 'Nothing found',
+        'Удалить': 'Delete',
+        'Отмена': 'Cancel'
     }
 }
 
@@ -263,29 +143,6 @@ def upload_db_to_hf(specific_file=None):
     except Exception:
         pass
 
-def process_and_upload_image(file_obj, repo_path, size=(512, 512)):
-    if not HF_TOKEN_WRITE:
-        return None
-    try:
-        img = Image.open(file_obj).convert('RGB')
-        img = ImageOps.fit(img, size, Image.Resampling.LANCZOS)
-        buf = io.BytesIO()
-        img.save(buf, format='JPEG', quality=85)
-        buf.seek(0)
-        
-        filename = f"{uuid4().hex}.jpg"
-        api = HfApi()
-        api.upload_file(
-            path_or_fileobj=buf,
-            path_in_repo=f"{repo_path}/{filename}",
-            repo_id=REPO_ID,
-            repo_type="dataset",
-            token=HF_TOKEN_WRITE
-        )
-        return filename
-    except Exception:
-        return None
-
 def periodic_backup():
     while True:
         time.sleep(1800)
@@ -309,158 +166,47 @@ def load_data():
             else:
                 data = {}
 
-        if 'products' in data or 'categories' in data:
+        if 'emails' in data or 'contacts' in data:
             data = {
                 'default_env': {
-                    'products': data.get('products', []),
-                    'categories': data.get('categories',[]),
-                    'category_photos': data.get('category_photos', {}),
-                    'orders': data.get('orders', {}),
-                    'staff': [],
-                    'catalog_users': [],
-                    'inventory_history':[],
-                    'purchase_orders': [],
-                    'debt_history': [],
+                    'emails': data.get('emails', []),
+                    'contacts': data.get('contacts', []),
                     'settings': {
-                        'organization_name': 'Default Shop',
+                        'app_name': 'Default Mail',
                         'admin_password_enabled': False,
                         'admin_password': '',
                         'logo_url': DEFAULT_LOGO_URL,
-                        'qr_code_1_url': '',
-                        'qr_code_2_url': '',
-                        'catalog_subtitle': '',
-                        'whatsapp_number': DEFAULT_WHATSAPP_NUMBER,
-                        'order_messenger': 'wa',
-                        'order_contact': DEFAULT_WHATSAPP_NUMBER,
-                        'invoice_contacts': '',
-                        'currency': '₸',
-                        'track_inventory': False,
-                        'use_barcodes': False,
-                        'use_master_boxes': False,
-                        'margin_tracking': False,
+                        'smtp_server': '',
+                        'smtp_port': 587,
+                        'smtp_user': '',
+                        'smtp_pass': '',
                         'language': 'ru',
-                        'business_type': 'mixed',
-                        'system_mode': 'both',
-                        'hide_stock_online': False,
-                        'closed_catalog_enabled': False,
-                        'commission_enabled': False,
-                        'commission_percent': 0.0,
                         'theme': 'light',
-                        'is_deleted': False,
-                        'customer_fields': {
-                            'name': True, 'phone': True, 'city': True, 'address': False, 'zip': False
-                        },
-                        'socials': {
-                            'wa': {'enabled': True, 'url': 'https://wa.me/77011333885'},
-                            'ig': {'enabled': True, 'url': 'https://instagram.com/14sklad_baisat'},
-                            'tg': {'enabled': True, 'url': 'https://t.me/posuda15konteiner'},
-                            'kaspi': {'enabled': False, 'url': ''}
-                        }
+                        'is_deleted': False
                     }
                 }
             }
 
         changed = False
         for env_id, env_data in data.items():
-            if 'products' not in env_data: env_data['products'] =[]
-            if 'categories' not in env_data: env_data['categories'] =[]
-            if 'category_photos' not in env_data: env_data['category_photos'] = {}
-            if 'orders' not in env_data: env_data['orders'] = {}
-            if 'staff' not in env_data: env_data['staff'] = []
-            if 'catalog_users' not in env_data: env_data['catalog_users'] = []
-            if 'inventory_history' not in env_data: env_data['inventory_history'] = []
-            if 'purchase_orders' not in env_data: env_data['purchase_orders'] = []; changed = True
-            if 'debt_history' not in env_data: env_data['debt_history'] = []; changed = True
+            if 'emails' not in env_data: env_data['emails'] = []; changed = True
+            if 'contacts' not in env_data: env_data['contacts'] = []; changed = True
             if 'settings' not in env_data: 
                 env_data['settings'] = {}
                 changed = True
                 
             settings = env_data['settings']
-            if 'organization_name' not in settings: settings['organization_name'] = f'Shop {env_id}'; changed = True
+            if 'app_name' not in settings: settings['app_name'] = f'Mail {env_id}'; changed = True
             if 'admin_password_enabled' not in settings: settings['admin_password_enabled'] = False; changed = True
             if 'admin_password' not in settings: settings['admin_password'] = ''; changed = True
             if 'logo_url' not in settings: settings['logo_url'] = DEFAULT_LOGO_URL; changed = True
-            if 'qr_code_1_url' not in settings: settings['qr_code_1_url'] = ''; changed = True
-            if 'qr_code_2_url' not in settings: settings['qr_code_2_url'] = ''; changed = True
-            if 'catalog_subtitle' not in settings: settings['catalog_subtitle'] = ''; changed = True
-            if 'whatsapp_number' not in settings: settings['whatsapp_number'] = DEFAULT_WHATSAPP_NUMBER; changed = True
-            if 'order_messenger' not in settings: settings['order_messenger'] = 'wa'; changed = True
-            if 'order_contact' not in settings: settings['order_contact'] = settings.get('whatsapp_number', DEFAULT_WHATSAPP_NUMBER); changed = True
-            if 'invoice_contacts' not in settings: settings['invoice_contacts'] = ''; changed = True
-            if 'is_deleted' not in settings: settings['is_deleted'] = False; changed = True
-            
-            if 'currency' not in settings: settings['currency'] = '₸'; changed = True
-            elif settings['currency'] == 'T': settings['currency'] = '₸'; changed = True
-            
-            if 'track_inventory' not in settings: settings['track_inventory'] = False; changed = True
-            if 'use_barcodes' not in settings: settings['use_barcodes'] = False; changed = True
-            if 'use_master_boxes' not in settings: settings['use_master_boxes'] = False; changed = True
-            if 'margin_tracking' not in settings: settings['margin_tracking'] = False; changed = True
+            if 'smtp_server' not in settings: settings['smtp_server'] = ''; changed = True
+            if 'smtp_port' not in settings: settings['smtp_port'] = 587; changed = True
+            if 'smtp_user' not in settings: settings['smtp_user'] = ''; changed = True
+            if 'smtp_pass' not in settings: settings['smtp_pass'] = ''; changed = True
             if 'language' not in settings: settings['language'] = 'ru'; changed = True
-            if 'business_type' not in settings: settings['business_type'] = 'mixed'; changed = True
-            if 'system_mode' not in settings: settings['system_mode'] = 'both'; changed = True
-            if 'hide_stock_online' not in settings: settings['hide_stock_online'] = False; changed = True
-            if 'closed_catalog_enabled' not in settings: settings['closed_catalog_enabled'] = False; changed = True
-            if 'commission_enabled' not in settings: settings['commission_enabled'] = False; changed = True
-            if 'commission_percent' not in settings: settings['commission_percent'] = 0.0; changed = True
             if 'theme' not in settings: settings['theme'] = 'light'; changed = True
-            if 'customer_fields' not in settings:
-                settings['customer_fields'] = {'name': True, 'phone': True, 'city': True, 'address': False, 'zip': False}
-                changed = True
-            if 'socials' not in settings:
-                settings['socials'] = {
-                    'wa': {'enabled': True, 'url': 'https://wa.me/77011333885'},
-                    'ig': {'enabled': True, 'url': 'https://instagram.com/14sklad_baisat'},
-                    'tg': {'enabled': True, 'url': 'https://t.me/posuda15konteiner'},
-                    'kaspi': {'enabled': False, 'url': ''}
-                }
-                changed = True
-            else:
-                if 'kaspi' not in settings['socials']:
-                    settings['socials']['kaspi'] = {'enabled': False, 'url': ''}
-                    changed = True
-
-            for product in env_data['products']:
-                if 'created_at' not in product: product['created_at'] = '2000-01-01 00:00:00'; changed = True
-                if 'product_id' not in product: product['product_id'] = uuid4().hex; changed = True
-                if 'pieces_per_box' not in product: product['pieces_per_box'] = ""; changed = True
-                if 'pieces_per_master_box' not in product: product['pieces_per_master_box'] = ""; changed = True
-                if 'box_price' not in product: product['box_price'] = ""; changed = True
-                if 'min_order' not in product: product['min_order'] = ""; changed = True
-                if 'barcode' not in product: product['barcode'] = ""; changed = True
-                if 'cost_price' not in product: product['cost_price'] = ""; changed = True
-                if 'variants' not in product: product['variants'] =[]; changed = True
-                if 'has_variant_prices' not in product: product['has_variant_prices'] = False; changed = True
-                if 'stock' not in product: product['stock'] = ""; changed = True
-                if 'is_available' not in product: product['is_available'] = True; changed = True
-                if 'wholesale_tiers' not in product: product['wholesale_tiers'] = []; changed = True
-                
-                for v in product['variants']:
-                    if 'stock' not in v: v['stock'] = ""; changed = True
-                    if 'box_price' not in v: v['box_price'] = ""; changed = True
-                    if 'cost_price' not in v: v['cost_price'] = ""; changed = True
-                    if 'barcode' not in v: v['barcode'] = ""; changed = True
-                    if 'pieces_per_box' not in v: v['pieces_per_box'] = product.get('pieces_per_box', ""); changed = True
-                    if 'pieces_per_master_box' not in v: v['pieces_per_master_box'] = product.get('pieces_per_master_box', ""); changed = True
-                    if 'is_available' not in v: v['is_available'] = True; changed = True
-                    if 'wholesale_tiers' not in v: v['wholesale_tiers'] = []; changed = True
-                    if 'photo' not in v: v['photo'] = ""; changed = True
-
-            for order_id, order in env_data['orders'].items():
-                if 'status' not in order: order['status'] = 'confirmed'; changed = True
-                if 'staff_name' not in order: order['staff_name'] = ''; changed = True
-                if 'assembled' not in order: order['assembled'] = {}; changed = True
-                if 'global_discount' not in order: order['global_discount'] = 0; changed = True
-                if 'commission_amount' not in order: order['commission_amount'] = 0; changed = True
-                if 'is_debt' not in order: order['is_debt'] = False; changed = True
-                if 'paid_amount' not in order: order['paid_amount'] = order.get('total_price', 0); changed = True
-                if 'debt_amount' not in order: order['debt_amount'] = 0; changed = True
-                for item in order.get('cart', []):
-                    if 'discount' not in item: item['discount'] = 0; changed = True
-                    if 'cost_price' not in item: item['cost_price'] = 0; changed = True
-                    if 'category' not in item: item['category'] = 'Без категории'; changed = True
-                    if 'wholesale_tiers' not in item: item['wholesale_tiers'] = []; changed = True
-                    if 'pieces_per_master_box' not in item: item['pieces_per_master_box'] = 1; changed = True
+            if 'is_deleted' not in settings: settings['is_deleted'] = False; changed = True
 
         if changed or not os.path.exists(DATA_FILE):
             try:
@@ -490,48 +236,29 @@ def get_env_data(env_id):
     all_data = load_data()
     if env_id not in all_data:
         all_data[env_id] = {
-            'products': [],
-            'categories':[],
-            'category_photos': {},
-            'orders': {},
-            'staff': [],
-            'catalog_users': [],
-            'inventory_history':[],
-            'purchase_orders': [],
-            'debt_history': [],
+            'emails': [{
+                'id': uuid4().hex,
+                'type': 'inbox',
+                'from': 'system@mail.local',
+                'to': 'you',
+                'subject': 'Добро пожаловать!',
+                'body': 'Это тестовое приветственное письмо. Вы можете переслать его или удалить.',
+                'date': get_almaty_time(),
+                'attachments': []
+            }],
+            'contacts': [],
             'settings': {
-                'organization_name': f'Shop {env_id}',
+                'app_name': f'Mail {env_id}',
                 'admin_password_enabled': False,
                 'admin_password': '',
                 'logo_url': DEFAULT_LOGO_URL,
-                'qr_code_1_url': '',
-                'qr_code_2_url': '',
-                'catalog_subtitle': '',
-                'whatsapp_number': DEFAULT_WHATSAPP_NUMBER if 'DEFAULT_WHATSAPP_NUMBER' in globals() else "+77470623684",
-                'order_messenger': 'wa',
-                'order_contact': DEFAULT_WHATSAPP_NUMBER if 'DEFAULT_WHATSAPP_NUMBER' in globals() else "+77470623684",
-                'invoice_contacts': '',
-                'currency': '₸',
-                'track_inventory': False,
-                'use_barcodes': False,
-                'use_master_boxes': False,
-                'margin_tracking': False,
+                'smtp_server': '',
+                'smtp_port': 587,
+                'smtp_user': '',
+                'smtp_pass': '',
                 'language': 'ru',
-                'business_type': 'mixed',
-                'system_mode': 'both',
-                'hide_stock_online': False,
-                'closed_catalog_enabled': False,
-                'commission_enabled': False,
-                'commission_percent': 0.0,
                 'theme': 'light',
-                'is_deleted': False,
-                'customer_fields': {'name': True, 'phone': True, 'city': True, 'address': False, 'zip': False},
-                'socials': {
-                    'wa': {'enabled': True, 'url': ''},
-                    'ig': {'enabled': True, 'url': ''},
-                    'tg': {'enabled': True, 'url': ''},
-                    'kaspi': {'enabled': False, 'url': ''}
-                }
+                'is_deleted': False
             }
         }
         save_data(all_data)
@@ -550,118 +277,7 @@ def check_deleted_env():
             return
         all_data = load_data()
         if env_id in all_data and all_data[env_id].get('settings', {}).get('is_deleted', False):
-            return "<h1 style='text-align:center; margin-top:20vh; font-family:sans-serif;'>Среда отключена</h1>", 403
-
-def update_order_totals(order, settings):
-    business_type = settings.get('business_type', 'mixed')
-    commission_enabled = settings.get('commission_enabled', False)
-    commission_percent = float(settings.get('commission_percent', 0.0))
-    total = 0
-    global_discount = float(order.get('global_discount', 0))
-    for i in order['cart']:
-        qty = int(i.get('quantity', 0))
-        if qty <= 0:
-            continue
-        ppb = int(i.get('pieces_per_box', 1))
-        c_price = float(i.get('price', 0))
-        c_box_price = float(i.get('cart_box_price', 0))
-        item_discount = float(i.get('discount', 0))
-        
-        base_price = c_price
-        tiers = i.get('wholesale_tiers', [])
-        
-        if business_type == 'wholesale' and tiers:
-            valid_tiers = [t for t in tiers if qty >= t.get('qty', 0)]
-            if valid_tiers:
-                valid_tiers.sort(key=lambda x: x['qty'], reverse=True)
-                base_price = float(valid_tiers[0]['price'])
-        elif business_type in ['mixed', 'wholesale'] and c_box_price > 0 and ppb > 1 and qty >= ppb:
-            base_price = c_box_price / ppb
-            
-        discounted_price = max(0, base_price - item_discount)
-        item_total = discounted_price * qty
-        i['calculated_price'] = round(discounted_price, 2)
-        total += item_total
-        
-    total = max(0, total - global_discount)
-
-    if commission_enabled and commission_percent > 0:
-        commission_amount = total * (commission_percent / 100.0)
-        order['commission_amount'] = round(commission_amount, 2)
-        total += commission_amount
-    else:
-        order['commission_amount'] = 0
-
-    order['total_price'] = round(total, 2)
-    
-    if order.get('is_debt', False):
-        order['debt_amount'] = round(order['total_price'] - float(order.get('paid_amount', 0)), 2)
-        if order['debt_amount'] <= 0:
-            order['is_debt'] = False
-            order['debt_amount'] = 0
-            order['paid_amount'] = order['total_price']
-    else:
-        order['paid_amount'] = order['total_price']
-        order['debt_amount'] = 0
-
-def is_order_fully_assembled(order):
-    if order.get('status') not in['confirmed', 'pos']:
-        return True
-    assembled_data = order.get('assembled', {})
-    for item in order.get('cart',[]):
-        qty = int(item.get('quantity', 0))
-        if qty > 0:
-            c_key = item.get('c_key')
-            assembled_qty = int(assembled_data.get(c_key, 0))
-            if assembled_qty < qty:
-                return False
-    return True
-
-def deduct_stock(cart_items, products):
-    for item in cart_items:
-        if item.get('is_custom', False):
-            continue
-        pid = item.get('product_id')
-        vidx = item.get('variant_idx', -1)
-        qty = int(item.get('quantity', 0))
-        for p in products:
-            if p['product_id'] == pid:
-                if vidx != -1 and vidx < len(p.get('variants',[])):
-                    current_s = p['variants'][vidx].get('stock')
-                    if current_s != "" and current_s is not None:
-                        p['variants'][vidx]['stock'] = int(current_s) - qty
-                else:
-                    current_s = p.get('stock')
-                    if current_s != "" and current_s is not None:
-                        p['stock'] = int(current_s) - qty
-                break
-
-def restore_stock(c_key, pid, vidx, return_qty, products):
-    for p in products:
-        if p['product_id'] == pid:
-            if vidx != -1 and vidx < len(p.get('variants',[])):
-                current_s = p['variants'][vidx].get('stock')
-                if current_s != "" and current_s is not None:
-                    p['variants'][vidx]['stock'] = int(current_s) + return_qty
-            else:
-                current_s = p.get('stock')
-                if current_s != "" and current_s is not None:
-                    p['stock'] = int(current_s) + return_qty
-            break
-
-def get_low_stock_items(products):
-    low_stock =[]
-    for p in products:
-        if p.get('variants'):
-            for vidx, v in enumerate(p['variants']):
-                s = v.get('stock')
-                if s != "" and s is not None and str(s).lstrip('-').isdigit() and int(s) < 100:
-                    low_stock.append({"name": p['name'], "variant": v.get('name'), "stock": int(s), "category": p.get('category', '')})
-        else:
-            s = p.get('stock')
-            if s != "" and s is not None and str(s).lstrip('-').isdigit() and int(s) < 100:
-                low_stock.append({"name": p['name'], "variant": "", "stock": int(s), "category": p.get('category', '')})
-    return low_stock
+            return "<h1 style='text-align:center; margin-top:20vh; font-family:sans-serif;'>Почтовый клиент отключен</h1>", 403
 
 LANDING_PAGE_TEMPLATE = '''
 <!DOCTYPE html>
@@ -669,14 +285,20 @@ LANDING_PAGE_TEMPLATE = '''
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title> MetaStore</title>
+    <title>Email Client Platform</title>
     <style>
-        body, html { margin: 0; padding: 0; height: 100%; overflow: hidden; }
-        iframe { border: none; width: 100%; height: 100%; }
+        body, html { margin: 0; padding: 0; height: 100%; font-family: sans-serif; display: flex; align-items: center; justify-content: center; background: #f4f6f9; }
+        .box { text-align: center; background: white; padding: 40px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
+        h1 { color: #2c3e50; }
+        a { display: inline-block; margin-top: 20px; padding: 12px 24px; background: #3498db; color: white; text-decoration: none; border-radius: 6px; }
     </style>
 </head>
 <body>
-    <iframe src="https://v0-ai-agent-landing-page-smoky-six.vercel.app/"></iframe>
+    <div class="box">
+        <h1>Платформа почтовых клиентов</h1>
+        <p>Создавайте независимые почтовые интерфейсы для ваших нужд.</p>
+        <a href="/admhosto">Войти в управление</a>
+    </div>
 </body>
 </html>
 '''
@@ -692,11 +314,11 @@ LOGIN_TEMPLATE = '''
     <style>
         body { font-family: 'Montserrat', sans-serif; background-color: #f4f6f9; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }
         .login-container { background: #fff; padding: 40px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); text-align: center; width: 100%; max-width: 350px; }
-        h2 { color: #135D66; margin-bottom: 20px; }
+        h2 { color: #2c3e50; margin-bottom: 20px; }
         input[type="password"] { width: 100%; padding: 16px; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box; font-size: 16px; }
-        button { width: 100%; padding: 16px; background-color: #48D1CC; color: #003C43; border: none; border-radius: 6px; font-weight: 600; cursor: pointer; font-size: 16px; transition: background 0.3s; min-height: 44px; touch-action: manipulation; }
-        button:hover { background-color: #77E4D8; }
-        .error { color: #E57373; margin-bottom: 15px; font-size: 0.9rem; }
+        button { width: 100%; padding: 16px; background-color: #3498db; color: #fff; border: none; border-radius: 6px; font-weight: 600; cursor: pointer; font-size: 16px; transition: background 0.3s; min-height: 44px; }
+        button:hover { background-color: #2980b9; }
+        .error { color: #e74c3c; margin-bottom: 15px; font-size: 0.9rem; }
     </style>
 </head>
 <body>
@@ -718,72 +340,30 @@ LOGIN_TEMPLATE = '''
 </html>
 '''
 
-CATALOG_LOGIN_TEMPLATE = '''
-<!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=Montserrat:wght@400;600&display=swap" rel="stylesheet">
-    <style>
-        body { font-family: 'Montserrat', sans-serif; background-color: #f4f6f9; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }
-        .login-container { background: #fff; padding: 40px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); text-align: center; width: 100%; max-width: 350px; }
-        h2 { color: #135D66; margin-bottom: 20px; font-size: 1.4rem; }
-        input[type="text"] { width: 100%; padding: 16px; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box; font-size: 16px; text-align: center; letter-spacing: 2px; }
-        button { width: 100%; padding: 16px; background-color: #48D1CC; color: #003C43; border: none; border-radius: 6px; font-weight: 600; cursor: pointer; font-size: 16px; transition: background 0.3s; min-height: 44px; touch-action: manipulation; }
-        button:hover { background-color: #77E4D8; }
-        .error { color: #E57373; margin-bottom: 15px; font-size: 0.9rem; }
-    </style>
-</head>
-<body>
-    <div class="login-container">
-        <h2>Закрытый каталог</h2>
-        <p style="font-size: 0.9rem; color: #666; margin-bottom: 20px;">Введите 6-значный пароль для доступа</p>
-        {% with messages = get_flashed_messages(with_categories=true) %}
-            {% if messages %}
-                {% for category, message in messages %}
-                    <div class="error">{{ message }}</div>
-                {% endfor %}
-            {% endif %}
-        {% endwith %}
-        <form method="POST" action="{{ request.full_path }}">
-            <input type="text" name="password" placeholder="Пароль" required autofocus maxlength="6">
-            <button type="submit">Войти</button>
-        </form>
-    </div>
-</body>
-</html>
-'''
-
 ADMHOSTO_TEMPLATE = '''
 <!DOCTYPE html>
 <html lang="ru">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Управление</title>
+    <title>Управление средами</title>
     <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;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 { --bg-light: #f4f6f9; --bg-medium: #135D66; --accent: #48D1CC; --accent-hover: #77E4D8; --text-dark: #333; --text-on-accent: #003C43; --danger: #E57373; }
+        :root { --bg-light: #f4f6f9; --bg-medium: #2c3e50; --accent: #3498db; --accent-hover: #2980b9; --text-dark: #333; --danger: #e74c3c; }
         body { font-family: 'Montserrat', sans-serif; background-color: var(--bg-light); color: var(--text-dark); padding: 20px; margin: 0; }
         .container { max-width: 900px; margin: 0 auto; background-color: #fff; padding: 25px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); }
         h1 { font-weight: 600; color: var(--bg-medium); margin-bottom: 25px; text-align: center; }
         .section { margin-bottom: 30px; }
         .add-env-form { margin-bottom: 20px; text-align: center; }
         #search-env { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 6px; box-sizing: border-box; font-size: 16px; font-family: 'Montserrat', sans-serif; }
-        .button { padding: 12px 18px; border: none; border-radius: 6px; background-color: var(--accent); color: var(--text-on-accent); font-weight: 600; cursor: pointer; transition: background-color 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; min-height: 44px; touch-action: manipulation; }
+        .button { padding: 12px 18px; border: none; border-radius: 6px; background-color: var(--accent); color: #fff; font-weight: 600; cursor: pointer; transition: background-color 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; min-height: 44px; }
         .button:hover { background-color: var(--accent-hover); }
         .env-list { list-style: none; padding: 0; }
         .env-item { background: #fdfdff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 15px; margin-bottom: 10px; display: flex; flex-direction: column; gap: 15px; }
         .env-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; }
         .env-id { font-weight: 600; color: var(--bg-medium); font-size: 1.2rem; }
         .env-actions { display: flex; gap: 10px; flex-wrap: wrap; align-items:center; }
-        .env-pwd { background: #f1f3f5; padding: 10px; border-radius: 6px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: space-between; }
-        .env-pwd input[type="text"] { padding: 8px; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; }
-        .env-pwd select { padding: 8px; border: 1px solid #ccc; border-radius: 4px; font-family: inherit; font-size: 16px; }
-        .delete-button { background-color: var(--danger); color: white; }
+        .delete-button { background-color: var(--danger); }
         .message { padding: 10px 15px; border-radius: 6px; margin-bottom: 15px; text-align: center; }
         .message.success { background-color: #d4edda; color: #155724; }
         .message.error { background-color: #f8d7da; color: #721c24; }
@@ -791,7 +371,7 @@ ADMHOSTO_TEMPLATE = '''
 </head>
 <body>
     <div class="container">
-        <h1><i class="fas fa-server"></i> Среды</h1>
+        <h1>Почтовые среды</h1>
         {% with messages = get_flashed_messages(with_categories=true) %}
             {% if messages %}
                 {% for category, message in messages %}
@@ -801,64 +381,24 @@ ADMHOSTO_TEMPLATE = '''
         {% endwith %}
         <div class="section">
             <form method="POST" action="{{ url_for('create_environment') }}" class="add-env-form">
-                <button type="submit" class="button"><i class="fas fa-plus-circle"></i> Создать</button>
+                <button type="submit" class="button">Создать новый клиент</button>
             </form>
         </div>
         <div class="section">
             <input type="text" id="search-env" placeholder="Поиск...">
         </div>
-        
         <div class="section">
-            <h2>Активные среды</h2>
+            <h2>Активные почтовые клиенты</h2>
             <ul class="env-list">
                 {% for env in active_envs %}
-                <li class="env-item active-env-item">
-                    <div class="env-header">
-                        <span class="env-id">{{ env.org_name }} (ID: {{ env.id }})</span>
-                        <div class="env-actions">
-                            <form method="POST" action="/admhosto/update_mode/{{ env.id }}" style="margin:0;">
-                                <select name="system_mode" onchange="this.form.submit()">
-                                    <option value="both" {% if env.system_mode == 'both' %}selected{% endif %}>2 в 1</option>
-                                    <option value="internal" {% if env.system_mode == 'internal' %}selected{% endif %}>Внутренний учет</option>
-                                    <option value="external" {% if env.system_mode == 'external' %}selected{% endif %}>Внешний учет</option>
-                                    <option value="light_external" {% if env.system_mode == 'light_external' %}selected{% endif %}>Лайт внешка</option>
-                                </select>
-                            </form>
-                            <a href="{{ url_for('admin', env_id=env.id) }}" class="button" target="_blank"><i class="fas fa-tools"></i> Админ</a>
-                            <form method="POST" action="/admhosto/clear_history/{{ env.id }}" onsubmit="let p=prompt('Введите пароль (admin) для удаления истории:');if(p){this.pwd.value=p;return true;}return false;" style="display:inline;">
-                                <input type="hidden" name="pwd" value="">
-                                <button type="submit" class="button" style="background:#e17055; color:white;"><i class="fas fa-eraser"></i> Сброс истории</button>
-                            </form>
-                            <form method="POST" action="{{ url_for('delete_environment', env_id=env.id) }}" style="display:inline;" onsubmit="return confirm('Отключить среду {{ env.id }}?');">
-                                <button type="submit" class="button delete-button"><i class="fas fa-trash-alt"></i></button>
-                            </form>
-                        </div>
-                    </div>
-                    <div class="env-pwd">
-                        <form method="POST" action="{{ url_for('update_env_pwd', env_id=env.id) }}" style="display: flex; gap: 10px; align-items: center; flex-wrap: wrap;">
-                            <label><input type="checkbox" name="pwd_enabled" {% if env.pwd_enabled %}checked{% endif %}> Пароль</label>
-                            <input type="text" name="password" value="{{ env.password }}" placeholder="Пароль">
-                            <button type="submit" class="button" style="padding: 8px 12px; font-size: 0.9rem;">Сохранить</button>
-                        </form>
-                    </div>
-                </li>
-                {% endfor %}
-            </ul>
-        </div>
-        
-        <div class="section" style="margin-top: 40px; padding-top: 20px; border-top: 2px dashed #ccc;">
-            <h2 style="color: #e17055;">Архив сред</h2>
-            <ul class="env-list">
-                {% for env in archived_envs %}
-                <li class="env-item archive-env-item">
+                <li class="env-item">
                     <div class="env-header">
-                        <span class="env-id" style="color: #636e72;">{{ env.org_name }} (ID: {{ env.id }})</span>
+                        <span class="env-id">{{ env.app_name }} (ID: {{ env.id }})</span>
                         <div class="env-actions">
-                            <form method="POST" action="/admhosto/restore/{{ env.id }}" style="display:inline;">
-                                <button type="submit" class="button" style="background:#27ae60;"><i class="fas fa-undo"></i> Восстановить</button>
-                            </form>
-                            <form method="POST" action="/admhosto/hard_delete/{{ env.id }}" style="display:inline;" onsubmit="return confirm('Удалить окончательно {{ env.id }}? Это действие необратимо!');">
-                                <button type="submit" class="button delete-button"><i class="fas fa-trash-alt"></i> Окончательно</button>
+                            <a href="{{ url_for('mailbox', env_id=env.id) }}" class="button" target="_blank" style="background:#27ae60;">Открыть почту</a>
+                            <a href="{{ url_for('admin', env_id=env.id) }}" class="button" target="_blank">Настройки</a>
+                            <form method="POST" action="/admhosto/delete/{{ env.id }}" style="display:inline;" onsubmit="return confirm('Удалить среду?');">
+                                <button type="submit" class="button delete-button">Удалить</button>
                             </form>
                         </div>
                     </div>
@@ -881,6595 +421,557 @@ ADMHOSTO_TEMPLATE = '''
 </html>
 '''
 
-CATALOG_TEMPLATE = '''
+ADMIN_TEMPLATE = '''
 <!DOCTYPE html>
 <html lang="ru">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
-    <title>{{ settings.organization_name }}</title>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <script src="https://unpkg.com/html5-qrcode" type="text/javascript"></script>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Настройки клиента</title>
     <style>
-        :root { --primary: #1a1a1a; --bg: #f8f9fa; --surface: #ffffff; --text: #2d3436; --text-muted: #636e72; --border: #edf2f7; --accent: #25D366; }
-        
-        {% if settings.theme == 'dark' %}
-        :root { --primary: #bb86fc; --bg: #121212; --surface: #1e1e1e; --text: #e0e0e0; --text-muted: #a0a0a0; --border: #333333; --accent: #03dac6; }
-        {% elif settings.theme == 'magma' %}
-        :root { --primary: #ff8c00; --bg: #2a0800; --surface: #3f1100; --text: #ffeedd; --text-muted: #cc8877; --border: #551100; --accent: #ff4500; }
-        {% elif settings.theme == 'ocean' %}
-        :root { --primary: #00a8ff; --bg: #0a1b2a; --surface: #112840; --text: #e0f0ff; --text-muted: #8eb3d0; --border: #1a4060; --accent: #00d2d3; }
-        {% elif settings.theme == 'forest' %}
-        :root { --primary: #2ed573; --bg: #0b1e13; --surface: #132e1b; --text: #e0ffe0; --text-muted: #8ebd90; --border: #1e4d29; --accent: #7bed9f; }
-        {% elif settings.theme == 'cyberpunk' %}
-        :root { --primary: #f1c40f; --bg: #000000; --surface: #111111; --text: #00ffcc; --text-muted: #ff00ff; --border: #333333; --accent: #ff0055; }
-        {% endif %}
-
-        * { margin: 0; padding: 0; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; -webkit-tap-highlight-color: transparent; }
-        body { background-color: var(--bg); color: var(--text); padding-bottom: calc(90px + env(safe-area-inset-bottom)); }
-        
-        .top-logo-container { background: var(--surface); padding: max(15px, env(safe-area-inset-top)) 20px 10px; text-align: center; border-bottom: 1px solid var(--border); display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; }
-        .top-logo { max-width: 100%; height: auto; max-height: 80px; object-fit: contain; transition: all 0.3s ease; }
-        
-        .top-logo.logo-square {
-            width: 80px;
-            height: 80px;
-            border-radius: 50%;
-            object-fit: cover;
-            border: 2px solid var(--border);
-            box-shadow: 0 4px 10px rgba(0,0,0,0.05);
-        }
-
-        @media (max-width: 768px) {
-            .top-logo-container.wide-mode { padding: max(0px, env(safe-area-inset-top)) 0 0 0; border-bottom: none; }
-            .top-logo.logo-wide {
-                width: 100%;
-                max-height: none;
-                object-fit: cover;
-                display: block;
-                border-radius: 0;
-            }
-        }
-
-        .header { display: flex; align-items: center; justify-content: space-between; padding: 15px 20px; background: var(--surface); box-shadow: 0 2px 10px rgba(0,0,0,0.03); position: sticky; top: 0; z-index: 100; }
-        .header h1 { font-size: 1.4rem; font-weight: 700; letter-spacing: -0.5px; }
-        .back-btn { display: none; font-size: 1.2rem; cursor: pointer; color: var(--text); margin-right: 15px; padding: 5px; }
-        
-        .search-bar { padding: 15px 20px; background: var(--surface); border-bottom: 1px solid var(--border); }
-        .search-container { position: relative; display: flex; align-items: center; background: var(--bg); border-radius: 12px; padding: 0 5px 0 15px; border: 1px solid transparent; transition: all 0.2s; }
-        .search-container:focus-within { border-color: #dcdde1; background: var(--surface); box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
-        .search-container input { width: 100%; padding: 15px 10px; border: none; background: transparent; outline: none; font-size: 16px; color: var(--text); }
-        
-        .stories-wrapper { display: flex; gap: 15px; padding: 15px 20px; background: var(--surface); margin-bottom: 1px; border-bottom: 1px solid var(--border); overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
-        .stories-wrapper::-webkit-scrollbar { display: none; }
-        .story-item { display: inline-flex; flex-direction: column; align-items: center; width: 72px; cursor: pointer; text-decoration: none; }
-        .story-img-wrap { width: 64px; height: 64px; border-radius: 50%; padding: 3px; background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); margin-bottom: 6px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
-        .story-img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 2px solid var(--surface); background: var(--bg); }
-        .story-title { font-size: 0.75rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; text-align: center; color: var(--text); font-weight: 500; }
-
-        .categories-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 15px; padding: 20px; }
-        .category-item { background: var(--surface); padding: 20px 15px; border-radius: 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; cursor: pointer; box-shadow: 0 4px 15px rgba(0,0,0,0.03); transition: transform 0.2s; text-align: center; }
-        .category-item:active { transform: scale(0.96); }
-        .category-item span.name { font-size: 0.95rem; font-weight: 600; line-height: 1.3; }
-        .category-item span.count { color: var(--text-muted); font-size: 0.8rem; background: var(--bg); padding: 4px 10px; border-radius: 20px; }
-        
-        .products-container { display: none; padding: 20px; flex-direction: column; gap: 15px; }
-        .product-card { background: var(--surface); border-radius: 16px; padding: 15px; display: flex; flex-direction: column; box-shadow: 0 4px 15px rgba(0,0,0,0.03); width: 100%; gap: 10px; transition: opacity 0.3s, filter 0.3s; }
-        .product-main-content { display: flex; width: 100%; gap: 15px; align-items: stretch; }
-        .product-img-wrapper { position: relative; width: 100px; height: 100px; flex-shrink: 0; }
-        .product-img { width: 100%; height: 100%; border-radius: 12px; object-fit: cover; cursor: pointer; background: var(--bg); border: 1px solid var(--border); transition: filter 0.3s; }
-        .photo-count { position: absolute; bottom: 5px; right: 5px; background: rgba(0,0,0,0.6); color: white; font-size: 0.7rem; padding: 2px 6px; border-radius: 10px; pointer-events: none; }
-        .product-info { flex-grow: 1; display: flex; flex-direction: column; min-width: 0; justify-content: flex-start; gap: 4px; }
-        .product-title { font-size: 0.95rem; font-weight: 600; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
-        .product-desc { font-size: 0.8rem; color: var(--text-muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; cursor: pointer; transition: color 0.3s ease; }
-        .product-desc.expanded { -webkit-line-clamp: unset; color: var(--text); }
-        .product-box-info { font-size: 0.8rem; color: #00b894; font-weight: 600; }
-        
-        .product-bottom { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 5px; flex-wrap: wrap; gap: 10px; }
-        .product-price { font-weight: 700; font-size: 1rem; color: var(--primary); }
-        .controls-wrapper { display: flex; gap: 8px; align-items: center; margin-left: auto; }
-        .quantity-control { display: flex; align-items: center; background: var(--bg); border-radius: 8px; overflow: hidden; border: 1px solid var(--border); }
-        .quantity-control button { border: none; background: transparent; width: 36px; height: 36px; font-size: 1.1rem; cursor: pointer; color: var(--primary); display: flex; align-items: center; justify-content: center; transition: background 0.2s; touch-action: manipulation; }
-        .quantity-control button:active { background: var(--border); }
-        .quantity-control button:disabled { color: #555; cursor: not-allowed; }
-        .quantity-control input { width: 44px; height: 36px; border: none; text-align: center; background: transparent; font-weight: 600; font-size: 16px; color: var(--primary); outline: none; }
-        .quantity-control input:disabled { color: #555; }
-        .quantity-control input[type="number"]::-webkit-inner-spin-button, 
-        .quantity-control input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
-        .quantity-control input[type="number"] { -moz-appearance: textfield; }
-        .box-btn { background: var(--primary); color: #fff; border: none; border-radius: 8px; padding: 0 12px; height: 36px; font-size: 0.85rem; font-weight: 600; cursor: pointer; transition: opacity 0.2s; touch-action: manipulation; }
-        .box-btn:active { opacity: 0.8; }
-        .box-btn:disabled { background: #555; cursor: not-allowed; }
-
-        .variants-list { display: flex; flex-direction: column; gap: 8px; margin-top: 5px; width: 100%; }
-        .variant-item { display: flex; justify-content: space-between; align-items: center; background: var(--bg); padding: 10px; border-radius: 8px; flex-wrap: wrap; gap: 10px; border: 1px solid var(--border); transition: opacity 0.3s; }
-        .variant-info { display: flex; flex-direction: column; flex: 1; min-width: 120px; }
-        .variant-name { font-weight: 600; font-size: 0.9rem; }
-        .variant-price { font-size: 0.85rem; color: var(--primary); font-weight: 500; }
-        .variant-stock { font-size: 0.8rem; color: #0984e3; margin-top: 2px; }
-        
-        .cart-bar { position: fixed; bottom: 0; left: 0; width: 100%; background: var(--surface); box-shadow: 0 -4px 20px rgba(0,0,0,0.06); padding: 15px 20px calc(15px + env(safe-area-inset-bottom)); display: none; justify-content: space-between; align-items: center; z-index: 100; border-top-left-radius: 20px; border-top-right-radius: 20px; }
-        .cart-info { display: flex; flex-direction: column; }
-        .cart-total { font-size: 1.25rem; font-weight: 800; color: var(--primary); }
-        .checkout-btn { background: var(--primary); color: #fff; padding: 14px 28px; border: none; border-radius: 12px; font-weight: 600; font-size: 16px; cursor: pointer; box-shadow: 0 4px 12px rgba(26,26,26,0.2); transition: transform 0.2s; touch-action: manipulation; }
-        .checkout-btn:active { transform: scale(0.95); }
-        
-        .modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); z-index: 200; justify-content: center; align-items: flex-end; opacity: 0; transition: opacity 0.3s; }
-        .modal-overlay.active { opacity: 1; }
-        .modal-content { background: var(--surface); color: var(--text); width: 100%; max-height: 85vh; border-radius: 24px 24px 0 0; padding: 25px 20px calc(25px + env(safe-area-inset-bottom)); overflow-y: auto; display: flex; flex-direction: column; transform: translateY(100%); transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1); }
-        .modal-overlay.active .modal-content { transform: translateY(0); }
-        .modal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; }
-        .modal-header h2 { font-size: 1.3rem; font-weight: 700; }
-        .modal-close { font-size: 1.5rem; cursor: pointer; border: none; background: var(--bg); width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--text); touch-action: manipulation; }
-        
-        .customer-form { display: flex; flex-direction: column; gap: 12px; margin-bottom: 25px; }
-        .customer-form input { padding: 16px; border: 1px solid var(--border); border-radius: 12px; font-size: 16px; background: var(--bg); color: var(--text); outline: none; transition: border-color 0.2s; box-sizing: border-box; width: 100%; }
-        .customer-form input:focus { border-color: var(--primary); background: var(--surface); }
-
-        .cart-item-list { display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px; }
-        .cart-item { display: flex; justify-content: space-between; align-items: center; background: var(--bg); padding: 15px; border-radius: 12px; flex-wrap: wrap; gap: 10px; }
-        .cart-item-name { flex: 1; min-width: 120px; font-size: 0.95rem; font-weight: 500; line-height: 1.3; }
-        .cart-item-controls { display: flex; align-items: center; background: var(--surface); border-radius: 8px; border: 1px solid var(--border); overflow: hidden; }
-        .cart-item-controls button { border: none; background: transparent; width: 40px; height: 40px; font-size: 1.1rem; cursor: pointer; color: var(--primary); touch-action: manipulation; }
-        .cart-item-controls button:active { background: var(--border); }
-        .cart-item-controls input { width: 45px; text-align: center; font-weight: 600; font-size: 16px; border: none; background: transparent; color: var(--primary); outline: none; }
-        .cart-item-controls input[type="number"]::-webkit-inner-spin-button, 
-        .cart-item-controls input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
-        .cart-item-controls input[type="number"] { -moz-appearance: textfield; }
-        .cart-item-price { font-weight: 700; color: var(--primary); min-width: 70px; text-align: right; }
-        .cart-item-delete { color: #ff7675; background: none; border: none; font-size: 1.2rem; cursor: pointer; padding: 10px; touch-action: manipulation; }
-        
-        .confirm-btn { background: var(--accent); color: #fff; width: 100%; padding: 16px; border: none; border-radius: 14px; font-size: 16px; font-weight: 700; cursor: pointer; box-shadow: 0 4px 15px rgba(37,211,102,0.3); min-height: 50px; touch-action: manipulation; }
-        .confirm-btn:disabled { background: #999; cursor: not-allowed; box-shadow: none; }
-
-        .gallery-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 300; justify-content: center; align-items: center; flex-direction: column; }
-        .gallery-close { position: absolute; top: max(20px, env(safe-area-inset-top)); right: 20px; color: #fff; font-size: 2rem; cursor: pointer; background: rgba(0,0,0,0.5); width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: none; z-index: 302; }
-        .gallery-img-container { position: relative; width: 100%; height: 70vh; display: flex; align-items: center; justify-content: center; }
-        .gallery-img { max-width: 100%; max-height: 100%; object-fit: contain; }
-        .gallery-nav { position: absolute; top: 50%; transform: translateY(-50%); color: #fff; font-size: 2rem; background: rgba(0,0,0,0.5); border: none; width: 50px; height: 50px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 301; }
-        .gallery-nav.prev { left: 10px; }
-        .gallery-nav.next { right: 10px; }
-        .gallery-dots { display: flex; gap: 8px; margin-top: 20px; }
-        .gallery-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.3); transition: background 0.3s; }
-        .gallery-dot.active { background: #fff; }
-        .gallery-text { position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); color: #fff; font-size: 1.1rem; background: rgba(0,0,0,0.6); padding: 6px 16px; border-radius: 20px; text-align: center; z-index: 301; font-weight: 600; display: none; }
-
-        .floating-socials { position: fixed; bottom: max(100px, calc(100px + env(safe-area-inset-bottom))); right: 15px; display: flex; flex-direction: column; gap: 12px; z-index: 90; }
-        .social-btn { width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.6rem; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.25); transition: transform 0.2s; }
-        .social-btn:active { transform: scale(0.9); }
-        .btn-float-wa { background: #25D366; }
-        .btn-float-ig { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
-        .btn-float-tg { background: #0088cc; }
-        .btn-float-kaspi { background: #f14635; }
-        .btn-float-returns { background: #e17055; }
-        .btn-float-history { background: #0984e3; }
-        
-        .multi-cart-btn {
-            background: #8e44ad;
-            position: relative;
-        }
-        .cart-badge-count {
-            position: absolute;
-            top: -5px;
-            right: -5px;
-            background: #ff7675;
-            color: white;
-            font-size: 0.8rem;
-            font-weight: bold;
-            width: 24px;
-            height: 24px;
-            border-radius: 50%;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
-        }
-
-        .staff-banner { background: #ffeaa7; color: #d63031; text-align: center; padding: 10px; font-weight: 600; font-size: 0.9rem; }
-        .returns-list { display: flex; flex-direction: column; gap: 15px; }
-        .return-order-item { background: var(--bg); border: 1px solid var(--border); border-radius: 12px; padding: 15px; }
-        .return-item-row { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; font-size: 0.9rem; border-top: 1px dashed #ccc; padding-top: 10px; }
-        .return-input { width: 60px; padding: 8px; border: 1px solid #ccc; border-radius: 6px; text-align: center; font-size: 16px; }
-        .process-return-btn { background: #e17055; color: white; border: none; padding: 12px 15px; border-radius: 8px; cursor: pointer; margin-top: 10px; width: 100%; font-weight: 600; min-height: 44px; }
-        
-        .history-btn { background: #0984e3; color: white; border: none; padding: 12px 15px; border-radius: 8px; cursor: pointer; margin-top: 10px; width: 100%; font-weight: 600; text-decoration: none; display: block; text-align: center; box-sizing: border-box; min-height: 44px; }
-
-        .pagination { display: flex; justify-content: center; align-items: center; gap: 8px; padding: 20px; flex-wrap: wrap; margin-bottom: 20px; }
-        .pagination button { background: var(--surface); border: 1px solid var(--border); color: var(--text); width: 44px; height: 44px; border-radius: 8px; font-weight: 600; cursor: pointer; transition: all 0.2s; display: flex; justify-content: center; align-items: center; font-size: 16px; touch-action: manipulation; }
-        .pagination button.active { background: var(--primary); color: #fff; border-color: var(--primary); }
-        .pagination button:active { transform: scale(0.95); }
-        .pagination span { color: var(--text-muted); }
-
-        {% if settings.theme in ['dark', 'magma', 'ocean', 'forest', 'cyberpunk'] %}
-        .category-item, .product-card, .header, .search-bar, .cart-bar, .modal-content, .stories-wrapper { box-shadow: 0 4px 15px rgba(0,0,0,0.5); border: 1px solid var(--border); }
-        {% endif %}
-
-        @media (min-width: 768px) {
-            .categories-container { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
-            .products-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); }
-            .modal-content { max-width: 500px; margin: 0 auto; border-radius: 24px; top: 50%; transform: translateY(-50%) scale(0.9); bottom: auto; position: relative; max-height: 90vh; }
-            .modal-overlay.active .modal-content { transform: translateY(-50%) scale(1); }
-            .cart-bar { max-width: 500px; left: 50%; transform: translateX(-50%); border-radius: 20px 20px 0 0; }
-        }
+        :root { --primary: #3498db; --bg: #f4f6f9; --surface: #ffffff; --border: #e0e6ed; --text: #2d3436; }
+        body { font-family: sans-serif; background: var(--bg); padding: 20px; color: var(--text); }
+        .container { max-width: 800px; margin: 0 auto; background: var(--surface); padding: 30px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
+        h1 { margin-top: 0; color: #2c3e50; }
+        .form-group { margin-bottom: 20px; }
+        label { display: block; font-weight: 600; margin-bottom: 8px; }
+        input[type="text"], input[type="password"], input[type="number"], select { width: 100%; padding: 12px; border: 1px solid var(--border); border-radius: 6px; box-sizing: border-box; font-size: 16px; }
+        button { padding: 14px 20px; background: var(--primary); color: white; border: none; border-radius: 6px; cursor: pointer; font-size: 16px; font-weight: bold; width: 100%; }
+        button:hover { background: #2980b9; }
+        hr { border: 0; border-top: 1px solid var(--border); margin: 30px 0; }
+        .flex { display: flex; gap: 15px; flex-wrap: wrap; }
+        .flex .form-group { flex: 1; min-width: 200px; }
+        .msg { padding: 10px; border-radius: 6px; margin-bottom: 20px; }
+        .msg.success { background: #d4edda; color: #155724; }
+        .msg.error { background: #f8d7da; color: #721c24; }
     </style>
 </head>
 <body>
-    <script>
-        document.addEventListener("DOMContentLoaded", function() {
-            const logoImg = document.querySelector('.top-logo');
-            if (logoImg) {
-                const checkRatio = function() {
-                    const ratio = logoImg.naturalWidth / logoImg.naturalHeight;
-                    if (ratio >= 1.5) {
-                        logoImg.classList.add('logo-wide');
-                        logoImg.closest('.top-logo-container').classList.add('wide-mode');
-                    } else if (ratio >= 0.8 && ratio <= 1.2) {
-                        logoImg.classList.add('logo-square');
-                    }
-                };
-                if (logoImg.complete) {
-                    checkRatio();
-                } else {
-                    logoImg.onload = checkRatio;
-                }
-            }
-        });
-    </script>
-    {% if mode == 'pos' %}
-    <div class="staff-banner">{{ t('Режим кассы: Быстрое оформление') }}</div>
-    {% endif %}
-
-    <div class="top-logo-container" style="flex-direction: column;">
-        <img src="{{ settings.logo_url }}" class="top-logo" alt="Логотип">
-        {% if settings.catalog_subtitle %}
-        <div style="margin-top: 10px; font-weight: 600; font-size: 0.95rem; color: var(--text);">{{ settings.catalog_subtitle }}</div>
-        {% endif %}
-    </div>
-
-    <div class="header">
-        <div style="display: flex; align-items: center;">
-            <i class="fas fa-arrow-left back-btn" id="backBtn" onclick="showCategories()"></i>
-            <h1 id="pageTitle">{{ settings.organization_name }}</h1>
-        </div>
-    </div>
-    
-    <div class="search-bar" id="searchBar">
-        <div class="search-container">
-            <input type="text" id="searchInput" placeholder="{{ t('Поиск товаров...') }}" onkeydown="if(event.key==='Enter') filterCategories()">
-            <button class="btn" style="background:var(--primary); color:#fff; border:none; padding:10px 15px; border-radius:8px; cursor:pointer;" onclick="filterCategories()"><i class="fas fa-search"></i></button>
-            {% if settings.use_barcodes %}
-            <i class="fas fa-barcode" style="cursor:pointer; padding: 10px; color: var(--primary); margin-left: 5px; font-size: 1.2rem;" onclick="startScanner(val => { document.getElementById('searchInput').value = val; filterCategories(); })"></i>
-            {% endif %}
-            {% if mode == 'pos' %}
-            <button class="btn" style="background:#8e44ad; color:#fff; border:none; padding:10px 15px; border-radius:8px; cursor:pointer; margin-left:5px;" onclick="openCustomProductModal()" title="{{ t('Свой товар') }}"><i class="fas fa-plus"></i></button>
+    <div class="container">
+        <h1>Настройки почтового клиента ({{ env_id }})</h1>
+        
+        {% with messages = get_flashed_messages(with_categories=true) %}
+            {% if messages %}
+                {% for category, message in messages %}
+                    <div class="msg {{ category }}">{{ message }}</div>
+                {% endfor %}
             {% endif %}
-        </div>
-    </div>
+        {% endwith %}
 
-    <div class="stories-wrapper" id="storiesWrapper" style="display: none;"></div>
+        <form method="POST" action="/{{ env_id }}/admin">
+            <input type="hidden" name="action" value="update_settings">
+            
+            <div class="form-group">
+                <label>Название клиента (Приложения)</label>
+                <input type="text" name="app_name" value="{{ settings.app_name }}" required>
+            </div>
+            
+            <div class="form-group">
+                <label>Язык интерфейса</label>
+                <select name="language">
+                    <option value="ru" {% if settings.language == 'ru' %}selected{% endif %}>Русский</option>
+                    <option value="en" {% if settings.language == 'en' %}selected{% endif %}>English</option>
+                </select>
+            </div>
 
-    <div class="categories-container" id="categoriesContainer"></div>
-    <div class="products-container" id="productsContainer"></div>
+            <hr>
+            <h3>Настройки SMTP (Для отправки реальных писем)</h3>
+            <p style="font-size: 0.9rem; color: #7f8c8d;">Оставьте пустым, если хотите только эмулировать отправку (письма будут сохраняться в Отправленные без реальной отправки).</p>
+            
+            <div class="flex">
+                <div class="form-group">
+                    <label>SMTP Сервер</label>
+                    <input type="text" name="smtp_server" value="{{ settings.smtp_server }}" placeholder="smtp.gmail.com">
+                </div>
+                <div class="form-group">
+                    <label>SMTP Порт</label>
+                    <input type="number" name="smtp_port" value="{{ settings.smtp_port }}">
+                </div>
+            </div>
+            
+            <div class="flex">
+                <div class="form-group">
+                    <label>Email (Пользователь SMTP)</label>
+                    <input type="text" name="smtp_user" value="{{ settings.smtp_user }}" placeholder="your@email.com">
+                </div>
+                <div class="form-group">
+                    <label>Пароль приложения SMTP</label>
+                    <input type="password" name="smtp_pass" value="{{ settings.smtp_pass }}">
+                </div>
+            </div>
 
-    <div class="floating-socials">
-        {% if mode == 'pos' %}
-        <a href="#" class="social-btn multi-cart-btn" onclick="openMultiCartModal()">
-            <i class="fas fa-cash-register"></i>
-            <div class="cart-badge-count" id="cartCountBadge">1</div>
-        </a>
-        {% if staff_id %}
-        <a href="#" class="social-btn btn-float-history" onclick="openStaffHistoryModal()"><i class="fas fa-list-alt"></i></a>
-        <a href="#" class="social-btn btn-float-returns" onclick="openReturnsModal()"><i class="fas fa-undo"></i></a>
-        {% endif %}
-        {% endif %}
-        {% if mode != 'pos' %}
-            {% if settings.socials.wa.enabled and settings.socials.wa.url %}
-                {% for link in settings.socials.wa.url.split() %}
-                    {% if link.strip() %}
-                    <a href="{{ link.strip() }}" class="social-btn btn-float-wa" target="_blank"><i class="fab fa-whatsapp"></i></a>
-                    {% endif %}
-                {% endfor %}
-            {% endif %}
-            {% if settings.socials.ig.enabled and settings.socials.ig.url %}
-                {% for link in settings.socials.ig.url.split() %}
-                    {% if link.strip() %}
-                    <a href="{{ link.strip() }}" class="social-btn btn-float-ig" target="_blank"><i class="fab fa-instagram"></i></a>
-                    {% endif %}
-                {% endfor %}
-            {% endif %}
-            {% if settings.socials.tg.enabled and settings.socials.tg.url %}
-                {% for link in settings.socials.tg.url.split() %}
-                    {% if link.strip() %}
-                    <a href="{{ link.strip() }}" class="social-btn btn-float-tg" target="_blank"><i class="fab fa-telegram-plane"></i></a>
-                    {% endif %}
-                {% endfor %}
-            {% endif %}
-            {% if settings.currency == '₸' and settings.socials.kaspi.enabled and settings.socials.kaspi.url %}
-                {% for link in settings.socials.kaspi.url.split() %}
-                    {% if link.strip() %}
-                    <a href="{{ link.strip() }}" class="social-btn btn-float-kaspi" target="_blank"><i class="fas fa-shopping-bag"></i></a>
-                    {% endif %}
-                {% endfor %}
-            {% endif %}
-        {% endif %}
-    </div>
+            <hr>
+            <h3>Безопасность</h3>
+            <div class="form-group">
+                <label><input type="checkbox" name="admin_password_enabled" {% if settings.admin_password_enabled %}checked{% endif %} style="width: auto;"> Требовать пароль для входа в почту и настройки</label>
+                <input type="password" name="admin_password" value="{{ settings.admin_password }}" placeholder="Пароль" style="margin-top: 10px;">
+            </div>
 
-    <div class="cart-bar" id="cartBar">
-        <div class="cart-info">
-            <span style="font-size: 0.85rem; color: var(--text-muted); font-weight: 500;">{{ t('Сумма заказа:') }}</span>
-            <span class="cart-total"><span id="cartTotalSum">0</span> {{ currency_code }}</span>
+            <button type="submit">Сохранить настройки</button>
+        </form>
+        
+        <hr>
+        <form method="POST" action="/{{ env_id }}/admin" style="margin-top:20px;">
+            <input type="hidden" name="action" value="simulate_incoming">
+            <button type="submit" style="background:#27ae60;">Симулировать входящее письмо (Для тестов)</button>
+        </form>
+        <div style="margin-top: 15px; text-align: center;">
+            <a href="/{{ env_id }}/mailbox" style="color: var(--primary); text-decoration: none; font-weight: bold;">Перейти в почту -></a>
         </div>
-        <button class="checkout-btn" onclick="openCartModal()">{{ t('Корзина') }} <i class="fas fa-shopping-bag" style="margin-left:5px;"></i></button>
     </div>
+</body>
+</html>
+'''
 
-    <div class="modal-overlay" id="multiCartModal" onclick="if(event.target === this) closeMultiCartModal()">
-        <div class="modal-content">
-            <div class="modal-header">
-                <h2>{{ t('Сохраненные кассы') }}</h2>
-                <button class="modal-close" onclick="closeMultiCartModal()"><i class="fas fa-times"></i></button>
+MAILBOX_TEMPLATE = '''
+<!DOCTYPE html>
+<html lang="{{ settings.language }}">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{ settings.app_name }}</title>
+    <style>
+        :root { --primary: #3498db; --bg: #f5f6fa; --surface: #ffffff; --border: #dcdde1; --text: #2f3640; --text-light: #718093; }
+        body, html { margin: 0; padding: 0; height: 100%; font-family: -apple-system, BlinkMacSystemFont, sans-serif; background: var(--bg); color: var(--text); overflow: hidden; }
+        .app-container { display: flex; height: 100vh; }
+        .sidebar { width: 250px; background: var(--surface); border-right: 1px solid var(--border); display: flex; flex-direction: column; }
+        .brand { padding: 20px; font-size: 1.2rem; font-weight: bold; color: var(--primary); border-bottom: 1px solid var(--border); }
+        .menu { list-style: none; padding: 10px 0; margin: 0; flex: 1; }
+        .menu li { padding: 15px 20px; cursor: pointer; display: flex; align-items: center; gap: 10px; font-weight: 500; color: var(--text-light); transition: background 0.2s; }
+        .menu li:hover { background: #f1f2f6; }
+        .menu li.active { background: #e8f4fd; color: var(--primary); border-left: 4px solid var(--primary); }
+        .compose-btn-wrap { padding: 20px; }
+        .compose-btn { width: 100%; padding: 12px; background: var(--primary); color: white; border: none; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer; }
+        .compose-btn:hover { background: #2980b9; }
+        
+        .main-content { flex: 1; display: flex; flex-direction: column; background: var(--surface); }
+        .toolbar { padding: 15px 20px; border-bottom: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; background: #fbfbfb; }
+        .email-list { flex: 1; overflow-y: auto; display: flex; flex-direction: column; }
+        .email-item { padding: 15px 20px; border-bottom: 1px solid var(--border); cursor: pointer; display: flex; flex-direction: column; gap: 5px; transition: background 0.2s; }
+        .email-item:hover { background: #fdfdfd; }
+        .email-header-row { display: flex; justify-content: space-between; align-items: center; }
+        .email-sender { font-weight: bold; font-size: 1rem; }
+        .email-date { font-size: 0.85rem; color: var(--text-light); }
+        .email-subject { font-weight: 600; font-size: 0.95rem; }
+        .email-snippet { font-size: 0.9rem; color: var(--text-light); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+
+        .view-panel { flex: 1; display: none; flex-direction: column; border-left: 1px solid var(--border); background: var(--surface); }
+        .view-header { padding: 20px; border-bottom: 1px solid var(--border); }
+        .view-subject { font-size: 1.4rem; font-weight: bold; margin-bottom: 10px; }
+        .view-meta { font-size: 0.9rem; color: var(--text-light); margin-bottom: 15px; }
+        .view-body { padding: 20px; flex: 1; overflow-y: auto; white-space: pre-wrap; font-size: 1rem; line-height: 1.5; }
+        .view-actions { padding: 15px 20px; border-top: 1px solid var(--border); display: flex; gap: 10px; background: #fbfbfb; }
+        .btn { padding: 10px 15px; background: white; border: 1px solid var(--border); border-radius: 6px; cursor: pointer; font-weight: 500; font-size: 0.95rem; color: var(--text); }
+        .btn:hover { background: #f1f2f6; }
+        .btn-primary { background: var(--primary); color: white; border-color: var(--primary); }
+        .btn-primary:hover { background: #2980b9; }
+
+        .modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); align-items: center; justify-content: center; z-index: 1000; }
+        .modal-content { background: var(--surface); padding: 0; border-radius: 12px; width: 100%; max-width: 600px; display: flex; flex-direction: column; box-shadow: 0 10px 30px rgba(0,0,0,0.2); }
+        .modal-header { padding: 15px 20px; border-bottom: 1px solid var(--border); font-weight: bold; font-size: 1.1rem; display: flex; justify-content: space-between; align-items: center; }
+        .close-btn { background: none; border: none; font-size: 1.5rem; cursor: pointer; color: var(--text-light); }
+        .modal-body { padding: 20px; display: flex; flex-direction: column; gap: 15px; }
+        .form-group input, .form-group textarea { width: 100%; padding: 10px; border: 1px solid var(--border); border-radius: 6px; font-size: 1rem; font-family: inherit; box-sizing: border-box; }
+        .form-group textarea { min-height: 200px; resize: vertical; }
+        .modal-footer { padding: 15px 20px; border-top: 1px solid var(--border); display: flex; justify-content: flex-end; gap: 10px; background: #fbfbfb; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+
+        .attachment-list { margin-top: 10px; font-size: 0.9rem; color: var(--primary); }
+        
+        .empty-state { padding: 40px; text-align: center; color: var(--text-light); font-size: 1.1rem; }
+    </style>
+</head>
+<body>
+    <div class="app-container">
+        <div class="sidebar">
+            <div class="brand">{{ settings.app_name }}</div>
+            <div class="compose-btn-wrap">
+                <button class="compose-btn" onclick="openCompose()">{{ t('Написать') }}</button>
+            </div>
+            <ul class="menu">
+                <li id="tab-inbox" class="active" onclick="switchFolder('inbox')">{{ t('Входящие') }}</li>
+                <li id="tab-sent" onclick="switchFolder('sent')">{{ t('Отправленные') }}</li>
+            </ul>
+            <div style="padding: 20px; border-top: 1px solid var(--border);">
+                <a href="/{{ env_id }}/admin" style="color: var(--text-light); text-decoration: none; font-size: 0.9rem; display: block; margin-bottom: 10px;">{{ t('Настройки') }}</a>
+                <a href="/{{ env_id }}/logout" style="color: #e74c3c; text-decoration: none; font-size: 0.9rem;">{{ t('Выход') }}</a>
             </div>
-            <div id="multiCartList" style="display:flex; flex-direction:column; gap:10px; margin-bottom: 20px;"></div>
-            <button class="confirm-btn" style="background:var(--info);" onclick="createNewCart()">+ {{ t('Новая касса') }}</button>
         </div>
-    </div>
 
-    <div class="modal-overlay" id="customProductModal" onclick="if(event.target === this) closeCustomProductModal()">
-        <div class="modal-content">
-            <div class="modal-header">
-                <h2>{{ t('Свой товар') }}</h2>
-                <button class="modal-close" onclick="closeCustomProductModal()"><i class="fas fa-times"></i></button>
+        <div class="main-content" style="flex: 1; max-width: 400px; border-right: 1px solid var(--border);">
+            <div class="toolbar">
+                <h3 style="margin: 0;" id="folderTitle">{{ t('Входящие') }}</h3>
             </div>
-            <div class="customer-form">
-                <input type="text" id="cpName" placeholder="Название товара">
-                <input type="number" id="cpQty" placeholder="Количество" min="1">
-                <input type="number" id="cpPrice" placeholder="Цена за ед." min="0" step="0.01">
-                <label style="font-size: 0.9rem; margin-top: 10px;">Фото (опционально)</label>
-                <input type="file" id="cpPhoto" accept="image/*">
-            </div>
-            <button class="confirm-btn" id="cpSubmitBtn" onclick="addCustomProduct()">Добавить в накладную</button>
+            <div class="email-list" id="emailList"></div>
         </div>
-    </div>
 
-    <div class="modal-overlay" id="cartModal" onclick="if(event.target === this) closeCartModal()">
-        <div class="modal-content">
-            <div class="modal-header">
-                <h2>{{ t('Ваш заказ') }}</h2>
-                <button class="modal-close" onclick="closeCartModal()"><i class="fas fa-times"></i></button>
+        <div class="view-panel" id="viewPanel">
+            <div class="view-header">
+                <div class="view-subject" id="viewSubject"></div>
+                <div class="view-meta" id="viewMeta"></div>
+                <div class="attachment-list" id="viewAttachments"></div>
             </div>
-            <div class="cart-item-list" id="cartItemList"></div>
-            
-            <div class="customer-form">
-                {% if mode == 'pos' %}
-                    <div style="margin-top: 5px; margin-bottom: 15px; background: var(--bg); padding: 10px; border-radius: 12px; border: 1px solid var(--border);">
-                        <label style="font-size: 0.9rem; font-weight: 600; display:block; margin-bottom:5px;">{{ t('Общая скидка на чек (сумма)') }}</label>
-                        <input type="number" id="globalDiscountVal" value="0" min="0" onchange="updateCartUI()" style="width: 100%; border:none; background:var(--surface); padding:12px; border-radius:8px; font-weight:600; font-size:16px; outline:none; color: var(--text);">
-                    </div>
-                    <input type="text" id="custNamePos" placeholder="{{ t('Имя клиента (необязательно)') }}">
-                    <input type="text" id="custWhatsapp" placeholder="{{ t('WhatsApp клиента (напр. +77001234567) необязательно') }}">
-                    
-                    <div style="margin-top: 15px; background: var(--bg); padding: 15px; border-radius: 12px; border: 1px solid var(--border);">
-                        <label style="display:flex; align-items:center; gap:10px; font-weight:600; cursor:pointer;">
-                            <input type="checkbox" id="isDebtPos" onchange="toggleDebtFields()" style="width:auto; height: 20px;"> Оформить в долг
-                        </label>
-                        <div id="debtFields" style="display:none; margin-top:10px;">
-                            <label style="font-size: 0.9rem; font-weight: 600; display:block; margin-bottom:5px;">Оплачено сейчас ({{ currency_code }}):</label>
-                            <input type="number" id="paidAmountPos" min="0" value="0" onchange="validateDebtAmount()" style="width: 100%; border:none; background:var(--surface); padding:12px; border-radius:8px; font-weight:600; font-size:16px; outline:none; color: var(--text);">
-                            <div style="font-size:0.85rem; color:#e17055; margin-top:5px;" id="debtRemainder">В долг: 0 {{ currency_code }}</div>
-                        </div>
-                    </div>
-                {% else %}
-                    {% if settings.customer_fields.name %} <input type="text" id="custName" placeholder="{{ t('Ваше Имя') }}" required> {% endif %}
-                    {% if settings.customer_fields.phone %} <input type="text" id="custPhone" placeholder="{{ t('Номер телефона') }}" required> {% endif %}
-                    {% if settings.customer_fields.city %} <input type="text" id="custCity" placeholder="{{ t('Город') }}" required> {% endif %}
-                    {% if settings.customer_fields.address %} <input type="text" id="custAddress" placeholder="{{ t('Адрес доставки') }}" required> {% endif %}
-                    {% if settings.customer_fields.zip %} <input type="text" id="custZip" placeholder="{{ t('Индекс') }}" required> {% endif %}
-                {% endif %}
+            <div class="view-body" id="viewBody"></div>
+            <div class="view-actions">
+                <button class="btn btn-primary" onclick="forwardEmail()">{{ t('Переслать') }}</button>
+                <form method="POST" action="/{{ env_id }}/api/delete_email" style="margin:0;" id="deleteForm">
+                    <input type="hidden" name="email_id" id="deleteEmailId">
+                    <button type="submit" class="btn" style="color: #e74c3c;">{{ t('Удалить') }}</button>
+                </form>
             </div>
-
-            <button class="confirm-btn" onclick="submitOrder()">{{ t('Оформить заказ') }}</button>
         </div>
     </div>
 
-    <div class="modal-overlay" id="returnsModal" onclick="if(event.target === this) closeReturnsModal()">
-        <div class="modal-content">
-            <div class="modal-header">
-                <h2>{{ t('Мои продажи (Возврат)') }}</h2>
-                <button class="modal-close" onclick="closeReturnsModal()"><i class="fas fa-times"></i></button>
-            </div>
-            <div id="returnsContent" class="returns-list">
-                <div style="text-align:center; padding:20px;"><i class="fas fa-spinner fa-spin"></i> {{ t('Загрузка...') }}</div>
-            </div>
-        </div>
-    </div>
-    
-    <div class="modal-overlay" id="staffHistoryModal" onclick="if(event.target === this) closeStaffHistoryModal()">
-        <div class="modal-content">
+    <div class="modal-overlay" id="composeModal">
+        <form class="modal-content" action="/{{ env_id }}/api/send" method="POST" enctype="multipart/form-data">
             <div class="modal-header">
-                <h2>{{ t('Мои накладные') }}</h2>
-                <button class="modal-close" onclick="closeStaffHistoryModal()"><i class="fas fa-times"></i></button>
+                <span>{{ t('Написать') }}</span>
+                <button type="button" class="close-btn" onclick="closeCompose()">&times;</button>
             </div>
-            <div style="margin-bottom: 15px; display:flex; gap:10px;">
-                <input type="date" id="historyDateFilter" style="padding: 12px; border: 1px solid var(--border); border-radius: 8px; flex: 1; background: var(--bg); color: var(--text); font-size:16px;" onchange="loadStaffHistory()">
+            <div class="modal-body">
+                <div class="form-group">
+                    <input type="text" name="to" id="composeTo" placeholder="{{ t('Кому') }}" required>
+                </div>
+                <div class="form-group">
+                    <input type="text" name="subject" id="composeSubject" placeholder="{{ t('Тема') }}" required>
+                </div>
+                <div class="form-group">
+                    <textarea name="body" id="composeBody" placeholder="{{ t('Текст письма') }}" required></textarea>
+                </div>
+                <div class="form-group">
+                    <label style="font-size: 0.9rem; color: var(--text-light);">{{ t('Прикрепить файлы') }}:</label>
+                    <input type="file" name="attachments" multiple style="border: none; padding: 0;">
+                </div>
             </div>
-            <div id="staffHistoryContent" class="returns-list">
-                <div style="text-align:center; padding:20px;"><i class="fas fa-spinner fa-spin"></i> {{ t('Загрузка...') }}</div>
+            <div class="modal-footer">
+                <button type="button" class="btn" onclick="closeCompose()">{{ t('Отмена') }}</button>
+                <button type="submit" class="btn btn-primary">{{ t('Отправить') }}</button>
             </div>
-        </div>
-    </div>
-
-    <div class="gallery-modal" id="galleryModal">
-        <button class="gallery-close" onclick="closeGallery()"><i class="fas fa-times"></i></button>
-        <div class="gallery-img-container" id="gallerySwipeArea">
-            <button class="gallery-nav prev" onclick="prevPhoto(event)"><i class="fas fa-chevron-left"></i></button>
-            <img src="" class="gallery-img" id="galleryImage">
-            <div class="gallery-text" id="galleryText"></div>
-            <button class="gallery-nav next" onclick="nextPhoto(event)"><i class="fas fa-chevron-right"></i></button>
-        </div>
-        <div class="gallery-dots" id="galleryDots"></div>
-    </div>
-    
-    <div class="modal-overlay" id="scannerModal" style="z-index:9999;">
-        <div style="background:var(--surface); color:var(--text); padding:20px; border-radius:12px; width:100%; max-width:400px; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border: 1px solid var(--border);">
-            <h3 style="margin-top:0;">Сканирование</h3>
-            <div id="reader" style="width:100%; min-height:300px; margin-bottom:15px; background:var(--bg);"></div>
-            <button class="btn btn-danger" style="background:#ff7675; color:white; border:none; padding:12px 20px; border-radius:8px; font-weight:bold; cursor:pointer; width:100%; font-size:16px;" onclick="stopScanner()">Отмена</button>
-        </div>
+        </form>
     </div>
 
     <script>
-        const products = {{ products_json|safe }};
-        const categoriesList = {{ categories_json|safe }};
-        const categoryPhotos = {{ category_photos_json|safe }};
-        const repoId = '{{ repo_id }}';
-        const currency = '{{ currency_code }}';
-        const envId = '{{ env_id }}';
-        const mode = '{{ mode }}';
-        const staffId = '{{ staff_id }}';
-        const trackInventory = {{ 'true' if settings.track_inventory else 'false' }};
-        const hideStockOnline = {{ 'true' if settings.hide_stock_online else 'false' }};
-        const useMasterBoxes = {{ 'true' if settings.use_master_boxes else 'false' }};
-        const businessType = '{{ settings.business_type }}'; 
-        const cFields = {{ settings.customer_fields|tojson }};
-        const commissionEnabled = {{ 'true' if settings.commission_enabled else 'false' }};
-        const commissionPercent = {{ settings.commission_percent | default(0) }};
-        
-        let cartsStore = { active: 'cart_' + Date.now(), sessions: {} };
-        let cart = {};
-        
-        let currentGalleryPhotos =[];
-        let currentGalleryIndex = 0;
-        let cartTotalCurrent = 0;
-
-        let currentPage = 1;
-        const itemsPerPage = 20;
-        let currentView = 'categories';
-        let currentCategory = null;
-        let currentSearchQuery = '';
-
-        function initCart() {
-            const lsKey = `metastore_multi_${envId}_${mode}`;
-            try {
-                const saved = localStorage.getItem(lsKey);
-                if (saved) { cartsStore = JSON.parse(saved); }
-            } catch(e){}
-            
-            if (!cartsStore.active || !cartsStore.sessions) {
-                cartsStore = { active: 'cart_' + Date.now(), sessions: {} };
-            }
-            if (Object.keys(cartsStore.sessions).length === 0) {
-                cartsStore.sessions[cartsStore.active] = {};
-            }
-            if (!cartsStore.sessions[cartsStore.active]) {
-                cartsStore.active = Object.keys(cartsStore.sessions)[0];
-            }
-            cart = cartsStore.sessions[cartsStore.active];
-            
-            if(document.getElementById('cartCountBadge')) {
-                document.getElementById('cartCountBadge').innerText = Object.keys(cartsStore.sessions).length;
-            }
-        }
-        
-        function saveCartsState() {
-            const lsKey = `metastore_multi_${envId}_${mode}`;
-            try { localStorage.setItem(lsKey, JSON.stringify(cartsStore)); } catch(e){}
-            if(document.getElementById('cartCountBadge')) {
-                document.getElementById('cartCountBadge').innerText = Object.keys(cartsStore.sessions).length;
-            }
-        }
+        const emails = {{ emails_json|safe }};
+        const t = {{ translations|safe }};
+        let currentFolder = 'inbox';
+        let currentViewEmail = null;
 
-        function openMultiCartModal() {
-            renderMultiCartList();
-            const modal = document.getElementById('multiCartModal');
-            modal.style.display = 'flex';
-            setTimeout(() => modal.classList.add('active'), 10);
+        function localize(key) {
+            return t[key] || key;
         }
 
-        function closeMultiCartModal() {
-            const modal = document.getElementById('multiCartModal');
-            modal.classList.remove('active');
-            setTimeout(() => modal.style.display = 'none', 300);
+        function switchFolder(folder) {
+            currentFolder = folder;
+            document.querySelectorAll('.menu li').forEach(el => el.classList.remove('active'));
+            document.getElementById('tab-' + folder).classList.add('active');
+            document.getElementById('folderTitle').innerText = folder === 'inbox' ? localize('Входящие') : localize('Отправленные');
+            document.getElementById('viewPanel').style.display = 'none';
+            renderList();
         }
 
-        function renderMultiCartList() {
-            const list = document.getElementById('multiCartList');
+        function renderList() {
+            const list = document.getElementById('emailList');
             list.innerHTML = '';
-            for (let cId in cartsStore.sessions) {
-                const c = cartsStore.sessions[cId];
-                const itemsCount = Object.keys(c).length;
-                let total = 0;
-                for (let k in c) total += calculateItemPrice(c[k]);
+            
+            const filtered = emails.filter(e => e.type === currentFolder).sort((a,b) => new Date(b.date) - new Date(a.date));
+            
+            if (filtered.length === 0) {
+                list.innerHTML = `<div class="empty-state">${localize('Ничего не найдено')}</div>`;
+                return;
+            }
+
+            filtered.forEach(e => {
+                const div = document.createElement('div');
+                div.className = 'email-item';
+                div.onclick = () => viewEmail(e.id);
                 
-                const isActive = cId === cartsStore.active;
-                list.innerHTML += `
-                    <div style="display:flex; justify-content:space-between; align-items:center; padding:15px; background:var(--bg); border:1px solid ${isActive?'var(--primary)':'var(--border)'}; border-radius:12px;">
-                        <div onclick="switchCart('${cId}')" style="flex:1; cursor:pointer;">
-                            <div style="font-weight:600;">${isActive ? '✅ ' : ''}Касса ${cId.split('_')[1].substring(0,6)}</div>
-                            <div style="font-size:0.85rem; color:var(--text-muted);">Позиций: ${itemsCount} | Сумма: ${Math.round(total*100)/100}</div>
-                        </div>
-                        <button onclick="deleteCart('${cId}')" style="background:none; border:none; color:var(--danger); font-size:1.2rem; cursor:pointer; padding:10px;"><i class="fas fa-trash-alt"></i></button>
+                const address = currentFolder === 'inbox' ? e.from : e.to;
+                
+                div.innerHTML = `
+                    <div class="email-header-row">
+                        <span class="email-sender">${address}</span>
+                        <span class="email-date">${e.date.split(' ')[0]}</span>
                     </div>
+                    <div class="email-subject">${e.subject} ${e.attachments && e.attachments.length ? '📎' : ''}</div>
+                    <div class="email-snippet">${e.body.substring(0, 50)}...</div>
                 `;
-            }
-        }
-
-        function createNewCart() {
-            const newId = 'cart_' + Date.now();
-            cartsStore.sessions[newId] = {};
-            switchCart(newId);
+                list.appendChild(div);
+            });
         }
 
-        function switchCart(cId) {
-            if (cartsStore.sessions[cId]) {
-                cartsStore.active = cId;
-                cart = cartsStore.sessions[cId];
-                saveCartsState();
-                updateCartUI();
-                if (currentView === 'products') showProducts(currentCategory, currentPage);
-                else if (currentView === 'search') filterCategories(currentPage);
-                closeMultiCartModal();
-            }
-        }
+        function viewEmail(id) {
+            const e = emails.find(x => x.id === id);
+            if (!e) return;
+            currentViewEmail = e;
 
-        function deleteCart(cId) {
-            if (Object.keys(cartsStore.sessions).length <= 1) {
-                cartsStore.sessions[cId] = {};
+            document.getElementById('viewPanel').style.display = 'flex';
+            document.getElementById('viewSubject').innerText = e.subject;
+            
+            const addrInfo = currentFolder === 'inbox' 
+                ? `От: ${e.from}<br>Кому: ${e.to}<br>Дата: ${e.date}`
+                : `Кому: ${e.to}<br>Дата: ${e.date}`;
+            
+            document.getElementById('viewMeta').innerHTML = addrInfo;
+            document.getElementById('viewBody').innerText = e.body;
+            document.getElementById('deleteEmailId').value = e.id;
+            
+            const attDiv = document.getElementById('viewAttachments');
+            if (e.attachments && e.attachments.length > 0) {
+                attDiv.innerHTML = 'Вложения: ' + e.attachments.join(', ');
             } else {
-                delete cartsStore.sessions[cId];
-                if (cartsStore.active === cId) {
-                    cartsStore.active = Object.keys(cartsStore.sessions)[0];
-                }
+                attDiv.innerHTML = '';
             }
-            cart = cartsStore.sessions[cartsStore.active];
-            saveCartsState();
-            renderMultiCartList();
-            updateCartUI();
-            if (currentView === 'products') showProducts(currentCategory, currentPage);
-            else if (currentView === 'search') filterCategories(currentPage);
         }
 
-        function renderStories() {
-            const now = new Date();
-            const newArrivals = products.filter(p => {
-                if (!p.created_at) return false;
-                const parts = p.created_at.split(/[- :]/);
-                if(parts.length !== 6) return false;
-                const pDate = new Date(Date.UTC(parts[0], parts[1]-1, parts[2], parts[3], parts[4], parts[5]));
-                const diffDays = (now - pDate) / (1000 * 3600 * 24);
-                return diffDays >= 0 && diffDays <= 2;
-            });
-
-            const wrapper = document.getElementById('storiesWrapper');
-            if(newArrivals.length > 0) {
-                wrapper.style.display = 'flex';
-                wrapper.innerHTML = '';
-                newArrivals.forEach(p => {
-                    let photoUrl = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZjBmMHcwIi8+PC9zdmc+';
-                    if(p.photos && p.photos.length > 0) {
-                        photoUrl = `https://huggingface.co/datasets/${repoId}/resolve/main/photos/${p.photos[0]}`;
-                    } else if(p.variants && p.variants.length > 0 && p.variants[0].photo) {
-                        photoUrl = `https://huggingface.co/datasets/${repoId}/resolve/main/photos/${p.variants[0].photo}`;
-                    }
-                    wrapper.innerHTML += `
-                        <div class="story-item" onclick="openStory('${p.name.replace(/'/g, "\\'")}')">
-                            <div class="story-img-wrap">
-                                <img src="${photoUrl}" class="story-img" loading="lazy">
-                            </div>
-                            <div class="story-title">${p.name}</div>
-                        </div>
-                    `;
-                });
-            } else {
-                wrapper.style.display = 'none';
-            }
+        function openCompose() {
+            document.getElementById('composeTo').value = '';
+            document.getElementById('composeSubject').value = '';
+            document.getElementById('composeBody').value = '';
+            document.getElementById('composeModal').style.display = 'flex';
         }
 
-        function openStory(name) {
-            document.getElementById('searchInput').value = name;
-            filterCategories(1);
+        function closeCompose() {
+            document.getElementById('composeModal').style.display = 'none';
         }
 
-        function init() {
-            initCart();
-            renderStories();
-            renderCategories(1);
-            updateCartUI();
+        function forwardEmail() {
+            if (!currentViewEmail) return;
+            document.getElementById('composeTo').value = '';
+            document.getElementById('composeSubject').value = 'Fwd: ' + currentViewEmail.subject;
             
-            let today = new Date();
-            let offset = today.getTimezoneOffset() * 60000;
-            let localToday = new Date(today.getTime() - offset).toISOString().split('T')[0];
-            document.getElementById('historyDateFilter').value = localToday;
+            const origMeta = `\\n\\n---------- Forwarded message ---------\\nFrom: ${currentViewEmail.from}\\nDate: ${currentViewEmail.date}\\nSubject: ${currentViewEmail.subject}\\nTo: ${currentViewEmail.to}\\n\\n`;
+            
+            document.getElementById('composeBody').value = origMeta + currentViewEmail.body;
+            document.getElementById('composeModal').style.display = 'flex';
         }
 
-        function getCartKey(productId, variantIdx) {
-            return (variantIdx !== undefined && variantIdx !== null && variantIdx !== -1) ? `${productId}___${variantIdx}` : productId;
-        }
-
-        function renderPagination(totalPages, currentPage, funcName) {
-            let pagContainer = document.getElementById('paginationContainer');
-            if (!pagContainer) {
-                pagContainer = document.createElement('div');
-                pagContainer.id = 'paginationContainer';
-                pagContainer.className = 'pagination';
-                const cartBar = document.getElementById('cartBar');
-                document.body.insertBefore(pagContainer, cartBar);
-            }
-            
-            if (totalPages <= 1) {
-                pagContainer.innerHTML = '';
-                pagContainer.style.display = 'none';
-                return;
-            }
-            
-            pagContainer.style.display = 'flex';
-            let html = '';
-            
-            let startPage = Math.max(1, currentPage - 2);
-            let endPage = Math.min(totalPages, currentPage + 2);
-            
-            if (currentPage > 1) {
-                html += `<button onclick="handlePagination('${funcName}', ${currentPage - 1})"><i class="fas fa-chevron-left"></i></button>`;
-            }
-            
-            if (startPage > 1) {
-                html += `<button onclick="handlePagination('${funcName}', 1)">1</button>`;
-                if (startPage > 2) html += `<span>...</span>`;
-            }
-            
-            for (let i = startPage; i <= endPage; i++) {
-                html += `<button class="${i === currentPage ? 'active' : ''}" onclick="handlePagination('${funcName}', ${i})">${i}</button>`;
-            }
-            
-            if (endPage < totalPages) {
-                if (endPage < totalPages - 1) html += `<span>...</span>`;
-                html += `<button onclick="handlePagination('${funcName}', ${totalPages})">${totalPages}</button>`;
-            }
-            
-            if (currentPage < totalPages) {
-                html += `<button onclick="handlePagination('${funcName}', ${currentPage + 1})"><i class="fas fa-chevron-right"></i></button>`;
-            }
-            
-            pagContainer.innerHTML = html;
-        }
-
-        function handlePagination(funcName, page) {
-            window.scrollTo({top: 0, behavior: 'smooth'});
-            if (funcName === 'renderCategories') renderCategories(page);
-            else if (funcName === 'showProducts') showProducts(currentCategory, page);
-            else if (funcName === 'filterCategories') filterCategories(page);
-        }
-
-        function renderCategories(page = 1) {
-            currentPage = page;
-            currentView = 'categories';
-            const container = document.getElementById('categoriesContainer');
-            const prodContainer = document.getElementById('productsContainer');
-            prodContainer.style.display = 'none';
-            container.style.display = 'grid';
-            document.getElementById('backBtn').style.display = 'none';
-            document.getElementById('pageTitle').innerText = '{{ t("Каталог") }}';
-            
-            const stories = document.getElementById('storiesWrapper');
-            if(stories && stories.innerHTML.trim() !== '') stories.style.display = 'flex';
-            
-            container.innerHTML = '';
-            
-            const totalPages = Math.ceil(categoriesList.length / itemsPerPage);
-            const start = (page - 1) * itemsPerPage;
-            const end = start + itemsPerPage;
-            const paginated = categoriesList.slice(start, end);
-            
-            paginated.forEach(cat => {
-                const catProducts = products.filter(p => p.category === cat);
-                const count = catProducts.length;
-                const photoFileName = categoryPhotos[cat];
-                
-                let iconHtml = `<div style="background: var(--bg); width: 60px; height: 60px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 5px;">
-                    <i class="fas fa-box-open" style="font-size: 1.5rem; color: var(--primary);"></i>
-                </div>`;
-                
-                if (photoFileName) {
-                    iconHtml = `<img src="https://huggingface.co/datasets/${repoId}/resolve/main/category_photos/${photoFileName}" style="width: 60px; height: 60px; border-radius: 12px; object-fit: cover; margin-bottom: 5px; border: 1px solid var(--border);" loading="lazy">`;
-                }
-                
-                const div = document.createElement('div');
-                div.className = 'category-item';
-                div.onclick = () => showProducts(cat, 1);
-                div.innerHTML = `
-                    ${iconHtml}
-                    <span class="name">${cat}</span>
-                    <span class="count">${count} {{ t('шт') }}</span>
-                `;
-                container.appendChild(div);
-            });
-
-            renderPagination(totalPages, page, 'renderCategories');
-        }
-
-        function showCategories() {
-            document.getElementById('searchInput').value = '';
-            renderCategories(1);
-        }
-
-        function filterCategories(page = 1) {
-            const query = document.getElementById('searchInput').value.toLowerCase();
-            if (!query) {
-                renderCategories(1);
-                return;
-            }
-
-            currentPage = page;
-            currentView = 'search';
-            currentSearchQuery = query;
-
-            document.getElementById('categoriesContainer').style.display = 'none';
-            document.getElementById('storiesWrapper').style.display = 'none';
-            const container = document.getElementById('productsContainer');
-            container.style.display = 'flex';
-            document.getElementById('backBtn').style.display = 'block';
-            document.getElementById('pageTitle').innerText = '{{ t("Поиск") }}';
-            container.innerHTML = '';
-
-            const matchedProducts = products.filter(p => {
-                if(p.name.toLowerCase().includes(query) || p.category.toLowerCase().includes(query)) return true;
-                if(p.barcode && p.barcode.toLowerCase().includes(query)) return true;
-                if(p.product_id && p.product_id.toLowerCase().includes(query)) return true;
-                if(p.variants && p.variants.some(v => v.barcode && v.barcode.toLowerCase().includes(query))) return true;
-                return false;
-            });
-
-            if(matchedProducts.length === 0) {
-                container.innerHTML = '<div style="text-align:center; padding: 40px; color: var(--text-muted);">{{ t("Ничего не найдено") }}</div>';
-                renderPagination(0, 1, 'filterCategories');
-            } else {
-                const totalPages = Math.ceil(matchedProducts.length / itemsPerPage);
-                const start = (page - 1) * itemsPerPage;
-                const end = start + itemsPerPage;
-                const paginated = matchedProducts.slice(start, end);
-
-                paginated.forEach(p => renderProductCard(p, container));
-                renderPagination(totalPages, page, 'filterCategories');
-            }
-        }
-
-        function formatQtyText(qty, ppb, ppmb) {
-            if (businessType === 'retail') {
-                return `${qty} {{ t('шт') }}`;
-            }
-            ppb = parseInt(ppb) || 1;
-            ppmb = parseInt(ppmb) || 1;
-            
-            if (useMasterBoxes && ppmb > 1 && qty >= ppmb) {
-                let masterBoxes = Math.floor(qty / ppmb);
-                let remAfterMaster = qty % ppmb;
-                let packs = ppb > 1 ? Math.floor(remAfterMaster / ppb) : 0;
-                let remainder = ppb > 1 ? remAfterMaster % ppb : remAfterMaster;
-                
-                let res = `${masterBoxes} {{ t('кор.') }}`;
-                if (packs > 0) res += ` ${packs} {{ t('уп.') }}`;
-                if (remainder > 0) res += ` ${remainder} {{ t('шт') }}`;
-                return res;
-            } else if (ppb > 1 && qty >= ppb) {
-                let boxes = Math.floor(qty / ppb);
-                let remainder = qty % ppb;
-                return `${boxes} {{ t('уп.') }}` + (remainder > 0 ? ` ${remainder} {{ t('шт') }}` : '');
-            }
-            return `${qty} {{ t('шт') }}`;
-        }
-
-        function renderProductCard(p, container) {
-            let allPhotos = [];
-            if (p.photos && p.photos.length > 0) {
-                p.photos.forEach(ph => allPhotos.push({ file: ph, variant: '' }));
-            }
-            if (p.variants && p.variants.length > 0) {
-                p.variants.forEach(v => {
-                    if (v.photo) {
-                        allPhotos.push({ file: v.photo, variant: v.name });
-                    }
-                });
-            }
-
-            const ppb = parseInt(p.pieces_per_box) || 1;
-            const ppmb = parseInt(p.pieces_per_master_box) || 1;
-            const hasPhotos = allPhotos.length > 0;
-            const photoUrl = hasPhotos 
-                ? `https://huggingface.co/datasets/${repoId}/resolve/main/photos/${allPhotos[0].file}` 
-                : 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZjBmMHcwIi8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGRvbWluYW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZpbGw9IiNhMGEwYTAiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIiBmb250LXNpemU9IjE0Ij7QndC10YIg0YTQvtGC0L48L3RleHQ+PC9zdmc+';
-            
-            const photoIndicator = hasPhotos && allPhotos.length > 1 ? `<div class="photo-count"><i class="fas fa-images"></i> ${allPhotos.length}</div>` : '';
-            const imgClick = hasPhotos ? `onclick="openGallery('${p.product_id}')"` : '';
-            const descHtml = p.description ? `<div class="product-desc" onclick="this.classList.toggle('expanded')">${p.description}</div>` : '';
-            
-            let isMainAvailable = p.is_available !== false;
-            let cardStyle = !isMainAvailable ? 'opacity: 0.6; filter: grayscale(100%);' : '';
-            let mainDisabledAttr = !isMainAvailable ? 'disabled' : '';
-
-            let boxInfoHtml = '';
-            if (businessType !== 'retail') {
-                if (ppb > 1) boxInfoHtml += `<div class="product-box-info">{{ t('В упаковке:') }} ${ppb} {{ t('шт') }}</div>`;
-                if (useMasterBoxes && ppmb > 1) boxInfoHtml += `<div class="product-box-info" style="color:#0984e3;">{{ t('В коробке:') }} ${ppmb} {{ t('шт') }}</div>`;
-            }
-            if (businessType === 'wholesale') {
-                let minO = parseInt(p.min_order) || 1;
-                if (minO > 1) boxInfoHtml += `<div style="font-size:0.8rem; color:#e17055; font-weight:600;">{{ t('Мин. заказ:') }} ${minO} {{ t('шт') }}</div>`;
-            }
-
-            let showStock = trackInventory && !(mode !== 'pos' && hideStockOnline);
-            let variantsHtml = '';
-            let mainControlsHtml = '';
-
-            let moq = (businessType === 'wholesale' && parseInt(p.min_order) > 0) ? parseInt(p.min_order) : 1;
-
-            if (p.variants && p.variants.length > 0) {
-                variantsHtml = `<div class="variants-list">`;
-                p.variants.forEach((v, idx) => {
-                    let vAvailable = v.is_available !== false && isMainAvailable;
-                    let vDisabledAttr = !vAvailable ? 'disabled' : '';
-                    let vStyle = !vAvailable ? 'opacity: 0.6;' : '';
-
-                    let vPrice = p.has_variant_prices ? v.price : p.price;
-                    let vBoxPrice = p.has_variant_prices ? (v.box_price || '') : (p.box_price || '');
-                    
-                    let vStockHtml = showStock && v.stock !== "" && v.stock !== null ? `<div class="variant-stock">{{ t('Остаток:') }} ${v.stock} {{ t('шт') }}</div>` : '';
-                    if (!vAvailable) {
-                        vStockHtml = `<div class="variant-stock" style="color:#e17055; font-weight:bold;">{{ t('Нет в наличии') }}</div>`;
-                    }
-
-                    let cKey = getCartKey(p.product_id, idx);
-                    let qty = cart[cKey] ? cart[cKey].quantity : 0;
-                    let vPpb = parseInt(v.pieces_per_box) || ppb;
-                    let vPpmb = parseInt(v.pieces_per_master_box) || ppmb;
-                    
-                    let priceText = `${vPrice} ${currency}`;
-                    if (businessType === 'mixed' && vBoxPrice && vPpb > 1) {
-                        priceText += `<br><span style="font-size:0.8rem; color:var(--text-muted);">{{ t('Цена за упаковку') }}: ${vBoxPrice} ${currency}</span>`;
-                    }
-                    if (businessType === 'wholesale') {
-                        let tiers = v.wholesale_tiers || [];
-                        if (!p.has_variant_prices) tiers = p.wholesale_tiers || [];
-                        if (tiers.length > 0) {
-                            tiers.sort((a,b) => a.qty - b.qty);
-                            priceText += `<br><div style="font-size:0.8rem; color:#0984e3; margin-top:4px;">`;
-                            tiers.forEach(t => {
-                                priceText += `{{ t('От') }} ${t.qty} {{ t('шт') }}: ${t.price} ${currency}<br>`;
-                            });
-                            priceText += `</div>`;
-                        }
-                    }
-                    
-                    let addBoxBtnVariant = '';
-                    if (businessType !== 'retail' && vPpb > 1) {
-                        addBoxBtnVariant += `<button class="box-btn" style="height:36px; margin-right:5px;" onclick="updateCart('${p.product_id}', ${vPpb}, null, false, '${cKey}', ${moq})" ${vDisabledAttr}>{{ t('+ Упаковка') }}</button>`;
-                    }
-                    if (useMasterBoxes && businessType !== 'retail' && vPpmb > 1) {
-                        addBoxBtnVariant += `<button class="box-btn" style="background:#0984e3; height:36px; margin-right:5px;" onclick="updateCart('${p.product_id}', ${vPpmb}, null, false, '${cKey}', ${moq})" ${vDisabledAttr}>{{ t('+ Коробка') }}</button>`;
-                    }
-                    
-                    variantsHtml += `
-                        <div class="variant-item" style="${vStyle}">
-                            <div class="variant-info">
-                                <span class="variant-name">${v.name}</span>
-                                <span class="variant-price">${priceText}</span>
-                                ${vStockHtml}
-                            </div>
-                            <div style="display:flex; align-items:center;">
-                                ${addBoxBtnVariant}
-                                <div class="quantity-control" style="border:none; background:var(--surface);">
-                                    <button onclick="updateCart('${p.product_id}', -1, null, false, '${cKey}', ${moq})" ${vDisabledAttr}><i class="fas fa-minus" style="font-size:0.9rem;"></i></button>
-                                    <input type="number" id="qty-${cKey}" value="${qty}" onchange="manualUpdateCart('${cKey}', this.value, ${moq})" ${vDisabledAttr}>
-                                    <button onclick="updateCart('${p.product_id}', 1, null, false, '${cKey}', ${moq})" ${vDisabledAttr}><i class="fas fa-plus" style="font-size:0.9rem;"></i></button>
-                                </div>
-                            </div>
-                        </div>
-                    `;
-                });
-                variantsHtml += `</div>`;
-            } else {
-                let mStockHtml = showStock && p.stock !== "" && p.stock !== null ? `<div style="font-size:0.8rem; color:#0984e3; margin-top:4px;">{{ t('Остаток:') }} ${p.stock} {{ t('шт') }}</div>` : '';
-                if (!isMainAvailable) {
-                    mStockHtml = `<div style="font-size:0.8rem; color:#e17055; margin-top:4px; font-weight:bold;">{{ t('Нет в наличии') }}</div>`;
-                }
-
-                let qty = cart[p.product_id] ? cart[p.product_id].quantity : 0;
-                
-                let addBoxBtn = '';
-                if (businessType !== 'retail' && ppb > 1) {
-                    addBoxBtn += `<button class="box-btn" onclick="updateCart('${p.product_id}', ${ppb}, null, false, null, ${moq})" ${mainDisabledAttr}>{{ t('+ Упаковка') }}</button>`;
-                }
-                if (useMasterBoxes && businessType !== 'retail' && ppmb > 1) {
-                    addBoxBtn += `<button class="box-btn" style="background:#0984e3; margin-left:5px;" onclick="updateCart('${p.product_id}', ${ppmb}, null, false, null, ${moq})" ${mainDisabledAttr}>{{ t('+ Коробка') }}</button>`;
-                }
-                
-                let priceText = `${p.price} ${currency}`;
-                if (businessType === 'mixed' && p.box_price && ppb > 1) {
-                    priceText += `<br><span style="font-size:0.8rem; color:var(--text-muted);">{{ t('Цена за упаковку') }}: ${p.box_price} ${currency}</span>`;
-                }
-                if (businessType === 'wholesale') {
-                    let tiers = p.wholesale_tiers || [];
-                    if (tiers.length > 0) {
-                        tiers.sort((a,b) => a.qty - b.qty);
-                        priceText += `<br><div style="font-size:0.8rem; color:#0984e3; margin-top:4px;">`;
-                        tiers.forEach(t => {
-                            priceText += `{{ t('От') }} ${t.qty} {{ t('шт') }}: ${t.price} ${currency}<br>`;
-                        });
-                        priceText += `</div>`;
-                    }
-                }
-
-                mainControlsHtml = `
-                    <div class="product-bottom">
-                        <div style="display:flex; flex-direction:column;">
-                            <div class="product-price">${priceText}</div>
-                            ${mStockHtml}
-                        </div>
-                        <div class="controls-wrapper">
-                            ${addBoxBtn}
-                            <div class="quantity-control">
-                                <button onclick="updateCart('${p.product_id}', -1, null, false, null, ${moq})" ${mainDisabledAttr}><i class="fas fa-minus" style="font-size:0.9rem;"></i></button>
-                                <input type="number" id="qty-${p.product_id}" value="${qty}" onchange="manualUpdateCart('${p.product_id}', this.value, ${moq})" ${mainDisabledAttr}>
-                                <button onclick="updateCart('${p.product_id}', 1, null, false, null, ${moq})" ${mainDisabledAttr}><i class="fas fa-plus" style="font-size:0.9rem;"></i></button>
-                            </div>
-                        </div>
-                    </div>
-                `;
-            }
-
-            const div = document.createElement('div');
-            div.className = 'product-card';
-            div.style = cardStyle;
-            div.innerHTML = `
-                <div class="product-main-content">
-                    <div class="product-img-wrapper" ${imgClick}>
-                        <img src="${photoUrl}" class="product-img" loading="lazy">
-                        ${photoIndicator}
-                    </div>
-                    <div class="product-info">
-                        <div class="product-title">${p.name}</div>
-                        ${descHtml}
-                        ${boxInfoHtml}
-                    </div>
-                </div>
-                ${variantsHtml}
-                ${mainControlsHtml}
-            `;
-            container.appendChild(div);
-        }
-
-        function showProducts(category, page = 1) {
-            currentPage = page;
-            currentView = 'products';
-            currentCategory = category;
-            
-            document.getElementById('categoriesContainer').style.display = 'none';
-            document.getElementById('storiesWrapper').style.display = 'none';
-            const container = document.getElementById('productsContainer');
-            container.style.display = 'flex';
-            document.getElementById('backBtn').style.display = 'block';
-            document.getElementById('pageTitle').innerText = category;
-            
-            container.innerHTML = '';
-            
-            const catProducts = products.filter(p => p.category === category);
-            if(catProducts.length === 0) {
-                container.innerHTML = '<div style="text-align:center; padding: 40px; color: var(--text-muted);">{{ t("В этой категории пока нет товаров") }}</div>';
-                renderPagination(0, 1, 'showProducts');
-            } else {
-                const totalPages = Math.ceil(catProducts.length / itemsPerPage);
-                const start = (page - 1) * itemsPerPage;
-                const end = start + itemsPerPage;
-                const paginated = catProducts.slice(start, end);
-                
-                paginated.forEach(p => renderProductCard(p, container));
-                renderPagination(totalPages, page, 'showProducts');
-            }
-        }
-
-        function updateCart(productId, change, exactValue = null, fromCartModal = false, cartKeyOverride = null, moq = 1) {
-            let cKey = cartKeyOverride !== null ? cartKeyOverride : productId;
-            
-            if (cart[cKey] && cart[cKey].is_custom) {
-                let currentQty = cart[cKey].quantity;
-                let newQty = exactValue !== null ? exactValue : currentQty + change;
-                if (newQty <= 0) {
-                    delete cart[cKey];
-                } else {
-                    cart[cKey].quantity = newQty;
-                }
-                updateCartUI();
-                return;
-            }
-
-            const p = products.find(x => x.product_id === productId);
-            if (!p) return;
-            if (p.is_available === false && change > 0) return;
-
-            let varIdx = -1;
-            
-            if (cKey.includes('___')) {
-                varIdx = parseInt(cKey.split('___')[1]);
-                if (p.variants[varIdx] && p.variants[varIdx].is_available === false && change > 0) return;
-            }
-
-            let pStock = "";
-            let pPpb = parseInt(p.pieces_per_box) || 1;
-            let pPpmb = parseInt(p.pieces_per_master_box) || 1;
-            
-            if (varIdx !== -1 && p.variants[varIdx]) {
-                pStock = p.variants[varIdx].stock;
-                if(p.variants[varIdx].pieces_per_box) {
-                    pPpb = parseInt(p.variants[varIdx].pieces_per_box) || pPpb;
-                }
-                if(p.variants[varIdx].pieces_per_master_box) {
-                    pPpmb = parseInt(p.variants[varIdx].pieces_per_master_box) || pPpmb;
-                }
-            } else {
-                pStock = p.stock;
-            }
-
-            if (!cart[cKey]) {
-                let price = p.price;
-                let bPrice = p.box_price || 0;
-                let vName = "";
-                let tiers = p.wholesale_tiers || [];
-                
-                if (varIdx !== -1 && p.variants[varIdx]) {
-                    if (p.has_variant_prices) {
-                        price = p.variants[varIdx].price;
-                        bPrice = p.variants[varIdx].box_price || 0;
-                        tiers = p.variants[varIdx].wholesale_tiers || [];
-                    } else {
-                        tiers = p.wholesale_tiers || [];
-                    }
-                    vName = p.variants[varIdx].name;
-                }
-                cart[cKey] = { ...p, quantity: 0, cart_price: price, cart_box_price: bPrice, pieces_per_box: pPpb, pieces_per_master_box: pPpmb, variant_name: vName, variant_idx: varIdx, discount: 0, wholesale_tiers: tiers };
-            }
-
-            let currentQty = cart[cKey].quantity;
-            let newQty = currentQty;
-
-            if (exactValue !== null) {
-                newQty = exactValue;
-            } else {
-                newQty += change;
-            }
-
-            if (trackInventory && pStock !== "" && pStock !== null) {
-                let maxStock = parseInt(pStock);
-                if (!isNaN(maxStock)) {
-                    if (moq > maxStock && maxStock !== 0 && newQty > 0) {
-                         alert('Недостаточно товара для минимального заказа. Доступно: ' + maxStock + ', Мин: ' + moq);
-                         newQty = 0;
-                    } else if (newQty > maxStock) {
-                         alert('Остаток товара превышен. Доступно: ' + maxStock);
-                         newQty = maxStock;
-                    }
-                }
-            }
-
-            if (newQty > 0 && newQty < moq) {
-                if (change > 0) newQty = moq;
-                else newQty = 0;
-            }
-
-            cart[cKey].quantity = newQty;
-
-            if (cart[cKey].quantity <= 0) {
-                delete cart[cKey];
-                const input = document.getElementById(`qty-${cKey}`);
-                if(input) input.value = 0;
-            } else {
-                const input = document.getElementById(`qty-${cKey}`);
-                if(input) input.value = cart[cKey].quantity;
-            }
-
-            updateCartUI();
-        }
-
-        function manualUpdateCart(cKey, val, moq) {
-            let num = parseInt(val);
-            if (isNaN(num) || num < 0) num = 0;
-            const pId = cKey.split('___')[0];
-            updateCart(pId, 0, num, false, cKey, moq);
-        }
-
-        function manualUpdateCartFromModal(cKey, val, moq) {
-            let num = parseInt(val);
-            if (isNaN(num) || num < 0) num = 0;
-            const pId = cKey.split('___')[0];
-            updateCart(pId, 0, num, true, cKey, moq);
-        }
-
-        function calculateItemPrice(item) {
-            let ppb = parseInt(item.pieces_per_box) || 1;
-            let qty = item.quantity;
-            let cBoxPrice = parseFloat(item.cart_box_price) || 0;
-            let cPrice = parseFloat(item.cart_price) || 0;
-            let disc = parseFloat(item.discount) || 0;
-            
-            let unit = cPrice;
-            if (businessType === 'wholesale' && item.wholesale_tiers && item.wholesale_tiers.length > 0) {
-                let validTiers = item.wholesale_tiers.filter(t => qty >= t.qty).sort((a, b) => b.qty - a.qty);
-                if (validTiers.length > 0) {
-                    unit = validTiers[0].price;
-                }
-            } else if ((businessType === 'mixed' || businessType === 'wholesale') && cBoxPrice > 0 && ppb > 1 && qty >= ppb) {
-                unit = cBoxPrice / ppb;
-            }
-            return Math.max(0, unit - disc) * qty;
-        }
-
-        function updateCartUI() {
-            let total = 0;
-            for (let cKey in cart) {
-                total += calculateItemPrice(cart[cKey]);
-            }
-            
-            let globalDiscInput = document.getElementById('globalDiscountVal');
-            let globalDisc = globalDiscInput ? parseFloat(globalDiscInput.value) || 0 : 0;
-            if(globalDisc < 0) globalDisc = 0;
-            
-            total = total - globalDisc;
-            if(total < 0) total = 0;
-
-            if (commissionEnabled && commissionPercent > 0) {
-                total += total * (commissionPercent / 100.0);
-            }
-            
-            cartTotalCurrent = total;
-
-            const cartBar = document.getElementById('cartBar');
-            if (total > 0 || Object.keys(cart).length > 0) {
-                cartBar.style.display = 'flex';
-                document.getElementById('cartTotalSum').innerText = Math.round(total * 100) / 100;
-            } else {
-                cartBar.style.display = 'none';
-                closeCartModal();
-            }
-
-            if (document.getElementById('cartModal').classList.contains('active')) {
-                renderCartModalItems();
-            }
-            validateDebtAmount();
-            saveCartsState();
-        }
-
-        function renderCartModalItems() {
-            const list = document.getElementById('cartItemList');
-            list.innerHTML = '';
-            
-            for (let cKey in cart) {
-                const item = cart[cKey];
-                const ppb = parseInt(item.pieces_per_box) || 1;
-                const ppmb = parseInt(item.pieces_per_master_box) || 1;
-                const formattedQty = formatQtyText(item.quantity, ppb, ppmb);
-                const pId = item.product_id;
-                let moq = (businessType === 'wholesale' && parseInt(item.min_order) > 0) ? parseInt(item.min_order) : 1;
-                if(item.is_custom) moq = 1;
-                
-                let nameDisplay = item.name;
-                if (item.variant_name) {
-                    nameDisplay += ` <div style="color:var(--text-muted); font-size:0.85rem;">(${item.variant_name})</div>`;
-                }
-
-                let itemTotal = calculateItemPrice(item);
-                
-                list.innerHTML += `
-                    <div class="cart-item">
-                        <div class="cart-item-name">
-                            ${nameDisplay}
-                            <div style="font-size: 0.8rem; color: #00b894; margin-top:2px;">${formattedQty}</div>
-                        </div>
-                        <div style="display:flex; flex-direction:column; align-items:flex-end; gap:5px;">
-                            <div style="display:flex; align-items:center; gap: 10px;">
-                                <div class="cart-item-controls">
-                                    <button onclick="updateCart('${pId}', -1, null, true, '${cKey}', ${moq})"><i class="fas fa-minus" style="font-size:0.9rem;"></i></button>
-                                    <input type="number" value="${item.quantity}" onchange="manualUpdateCartFromModal('${cKey}', this.value, ${moq})">
-                                    <button onclick="updateCart('${pId}', 1, null, true, '${cKey}', ${moq})"><i class="fas fa-plus" style="font-size:0.9rem;"></i></button>
-                                </div>
-                                <button class="cart-item-delete" onclick="updateCart('${pId}', 0, 0, true, '${cKey}', ${moq})"><i class="fas fa-trash-alt"></i></button>
-                            </div>
-                            <div class="cart-item-price">${Math.round(itemTotal * 100) / 100} ${currency}</div>
-                        </div>
-                    </div>
-                `;
-            }
-
-            if (commissionEnabled && commissionPercent > 0) {
-                list.innerHTML += `<div style="text-align: right; font-size: 0.85rem; color: #0984e3; margin-top: 10px; font-weight: 600;">Включая комиссию ${commissionPercent}%</div>`;
-            }
-        }
-
-        function toggleDebtFields() {
-            const isDebt = document.getElementById('isDebtPos').checked;
-            const fields = document.getElementById('debtFields');
-            if (isDebt) {
-                fields.style.display = 'block';
-                document.getElementById('paidAmountPos').value = Math.round(cartTotalCurrent * 100) / 100;
-                validateDebtAmount();
-            } else {
-                fields.style.display = 'none';
-            }
-        }
-
-        function validateDebtAmount() {
-            if(document.getElementById('isDebtPos') && document.getElementById('isDebtPos').checked) {
-                let paid = parseFloat(document.getElementById('paidAmountPos').value) || 0;
-                if(paid < 0) { paid = 0; document.getElementById('paidAmountPos').value = 0; }
-                if(paid > cartTotalCurrent) { paid = cartTotalCurrent; document.getElementById('paidAmountPos').value = cartTotalCurrent; }
-                let debt = cartTotalCurrent - paid;
-                document.getElementById('debtRemainder').innerText = `В долг: ${Math.round(debt * 100) / 100} ${currency}`;
-            }
-        }
-
-        function openCartModal() {
-            renderCartModalItems();
-            const modal = document.getElementById('cartModal');
-            modal.style.display = 'flex';
-            setTimeout(() => modal.classList.add('active'), 10);
-            if(document.getElementById('isDebtPos')) {
-                document.getElementById('isDebtPos').checked = false;
-                toggleDebtFields();
-            }
-        }
-
-        function closeCartModal() {
-            const modal = document.getElementById('cartModal');
-            modal.classList.remove('active');
-            setTimeout(() => modal.style.display = 'none', 300);
-            
-            for (let cKey in cart) {
-                let input = document.getElementById(`qty-${cKey}`);
-                if (input) input.value = cart[cKey].quantity;
-            }
-        }
-
-        function submitOrder() {
-            const cartArray = Object.keys(cart).map(k => {
-                return { c_key: k, calculated_price: calculateItemPrice(cart[k]) / cart[k].quantity, discount: cart[k].discount || 0, ...cart[k] }
-            });
-            if(cartArray.length === 0) return;
-
-            let globalDiscInput = document.getElementById('globalDiscountVal');
-            let globalDisc = globalDiscInput ? parseFloat(globalDiscInput.value) || 0 : 0;
-
-            let orderData = { cart: cartArray, mode: mode, staff_id: staffId, global_discount: globalDisc };
-
-            if (mode === 'pos') {
-                const waEl = document.getElementById('custWhatsapp');
-                const nameEl = document.getElementById('custNamePos');
-                orderData.customer_whatsapp = waEl ? waEl.value.trim() : '';
-                orderData.customer_name = nameEl ? nameEl.value.trim() : '';
-                
-                const isDebtEl = document.getElementById('isDebtPos');
-                if(isDebtEl && isDebtEl.checked) {
-                    orderData.is_debt = true;
-                    orderData.paid_amount = parseFloat(document.getElementById('paidAmountPos').value) || 0;
-                } else {
-                    orderData.is_debt = false;
-                }
-            } else {
-                let fail = false;
-                if(cFields.name) {
-                    const el = document.getElementById('custName');
-                    if(!el.value.trim()) fail = true;
-                    orderData.customer_name = el.value.trim();
-                }
-                if(cFields.phone) {
-                    const el = document.getElementById('custPhone');
-                    if(!el.value.trim()) fail = true;
-                    orderData.customer_phone = el.value.trim();
-                }
-                if(cFields.city) {
-                    const el = document.getElementById('custCity');
-                    if(!el.value.trim()) fail = true;
-                    orderData.customer_city = el.value.trim();
-                }
-                if(cFields.address) {
-                    const el = document.getElementById('custAddress');
-                    if(!el.value.trim()) fail = true;
-                    orderData.customer_address = el.value.trim();
-                }
-                if(cFields.zip) {
-                    const el = document.getElementById('custZip');
-                    if(!el.value.trim()) fail = true;
-                    orderData.customer_zip = el.value.trim();
-                }
-                if(fail) {
-                    alert('Пожалуйста, заполните все обязательные поля.');
-                    return;
-                }
-            }
-
-            const btn = document.querySelector('.confirm-btn');
-            btn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> {{ t("Оформление...") }}';
-            btn.disabled = true;
-
-            fetch(`/${envId}/create_order`, {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify(orderData)
-            })
-            .then(r => r.json())
-            .then(data => {
-                if(data.order_id) {
-                    delete cartsStore.sessions[cartsStore.active];
-                    if (Object.keys(cartsStore.sessions).length === 0) {
-                        cartsStore.active = 'cart_' + Date.now();
-                        cartsStore.sessions[cartsStore.active] = {};
-                    } else {
-                        cartsStore.active = Object.keys(cartsStore.sessions)[0];
-                    }
-                    saveCartsState();
-                    window.location.href = `/${envId}/order/${data.order_id}?mode=${mode}&staff_id=${staffId}`;
-                }
-            })
-            .catch(() => {
-                btn.innerHTML = '{{ t("Оформить заказ") }}';
-                btn.disabled = false;
-                alert('Произошла ошибка. Попробуйте еще раз.');
-            });
-        }
-
-        function openReturnsModal() {
-            const modal = document.getElementById('returnsModal');
-            modal.style.display = 'flex';
-            setTimeout(() => modal.classList.add('active'), 10);
-            
-            fetch(`/${envId}/api/staff_orders/${staffId}`)
-            .then(r => r.json())
-            .then(data => {
-                const content = document.getElementById('returnsContent');
-                content.innerHTML = '';
-                if(data.length === 0) {
-                    content.innerHTML = '<div style="text-align:center; padding:20px;">Нет продаж для возврата</div>';
-                    return;
-                }
-                
-                data.forEach(order => {
-                    let itemsHtml = '';
-                    order.cart.forEach(item => {
-                        let maxRet = item.quantity;
-                        if(maxRet > 0) {
-                            itemsHtml += `
-                                <div class="return-item-row">
-                                    <div style="flex:1;">${item.name} ${item.variant_name ? `(${item.variant_name})` : ''} <br><span style="color:var(--text-muted);">Куплено: ${item.quantity} {{ t('шт') }}</span></div>
-                                    <div style="display:flex; align-items:center; gap:5px;">
-                                        Вернуть: <input type="number" class="return-input" id="ret_${order.id}_${item.c_key}" value="0" min="0" max="${maxRet}" style="background:var(--surface); color:var(--text);">
-                                    </div>
-                                </div>
-                            `;
-                        }
-                    });
-                    
-                    if(itemsHtml) {
-                        content.innerHTML += `
-                            <div class="return-order-item">
-                                <div><b>№ ${order.id}</b> <span style="float:right; color:var(--text-muted); font-size:0.85rem;">${order.created_at}</span></div>
-                                <div style="font-size:0.9rem; margin-top:5px;">Сумма: ${order.total_price} ${currency}</div>
-                                ${itemsHtml}
-                                <button class="process-return-btn" onclick="processReturn('${order.id}')">Провести возврат</button>
-                            </div>
-                        `;
-                    }
-                });
-            });
-        }
-
-        function closeReturnsModal() {
-            const modal = document.getElementById('returnsModal');
-            modal.classList.remove('active');
-            setTimeout(() => modal.style.display = 'none', 300);
-        }
-
-        function processReturn(orderId) {
-            const inputs = document.querySelectorAll(`input[id^="ret_${orderId}_"]`);
-            let returns = {};
-            let hasReturn = false;
-            
-            inputs.forEach(inp => {
-                let val = parseInt(inp.value);
-                if(val > 0) {
-                    let cKey = inp.id.replace(`ret_${orderId}_`, '');
-                    returns[cKey] = val;
-                    hasReturn = true;
-                }
-            });
-            
-            if(!hasReturn) {
-                alert('Укажите количество для возврата');
-                return;
-            }
-            
-            fetch(`/${envId}/process_return/${orderId}`, {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ returns: returns })
-            })
-            .then(r => r.json())
-            .then(data => {
-                if(data.success) {
-                    alert('Возврат успешно проведен!');
-                    closeReturnsModal();
-                    window.location.reload();
-                } else {
-                    alert('Ошибка проведения возврата');
-                }
-            });
-        }
-        
-        function openStaffHistoryModal() {
-            const modal = document.getElementById('staffHistoryModal');
-            modal.style.display = 'flex';
-            setTimeout(() => modal.classList.add('active'), 10);
-            loadStaffHistory();
-        }
-        
-        function closeStaffHistoryModal() {
-            const modal = document.getElementById('staffHistoryModal');
-            modal.classList.remove('active');
-            setTimeout(() => modal.style.display = 'none', 300);
-        }
-        
-        function loadStaffHistory() {
-            const dateStr = document.getElementById('historyDateFilter').value;
-            fetch(`/${envId}/api/staff_orders/${staffId}?date=${dateStr}`)
-            .then(r => r.json())
-            .then(data => {
-                const content = document.getElementById('staffHistoryContent');
-                content.innerHTML = '';
-                if(data.length === 0) {
-                    content.innerHTML = '<div style="text-align:center; padding:20px;">За этот день нет накладных</div>';
-                    return;
-                }
-                data.forEach(order => {
-                    content.innerHTML += `
-                        <div class="return-order-item" style="margin-bottom:10px;">
-                            <div><b>№ ${order.id}</b> <span style="float:right; color:var(--text-muted); font-size:0.85rem;">${order.created_at.split(' ')[1]}</span></div>
-                            <div style="font-size:0.9rem; margin-top:5px; margin-bottom:10px;">Сумма: ${order.total_price} ${currency}</div>
-                            <a href="/${envId}/assembly/${order.id}" class="history-btn">{{ t("Сборка накладной") }}</a>
-                        </div>
-                    `;
-                });
-            });
-        }
-
-        function openGallery(productId) {
-            const product = products.find(p => p.product_id === productId);
-            if (!product) return;
-            
-            let allPhotos = [];
-            if (product.photos && product.photos.length > 0) {
-                product.photos.forEach(ph => allPhotos.push({ file: ph, text: '' }));
-            }
-            if (product.variants && product.variants.length > 0) {
-                product.variants.forEach(v => {
-                    if (v.photo) {
-                        allPhotos.push({ file: v.photo, text: v.name });
-                    }
-                });
-            }
-
-            if (allPhotos.length === 0) return;
-            
-            currentGalleryPhotos = allPhotos.map(p => ({
-                src: `https://huggingface.co/datasets/${repoId}/resolve/main/photos/${p.file}`,
-                text: p.text
-            }));
-            currentGalleryIndex = 0;
-            
-            document.getElementById('galleryModal').style.display = 'flex';
-            document.body.style.overflow = 'hidden'; 
-            updateGalleryView();
-        }
-
-        function closeGallery() {
-            document.getElementById('galleryModal').style.display = 'none';
-            document.body.style.overflow = '';
-        }
-
-        function updateGalleryView() {
-            document.getElementById('galleryImage').src = currentGalleryPhotos[currentGalleryIndex].src;
-            
-            const textEl = document.getElementById('galleryText');
-            const text = currentGalleryPhotos[currentGalleryIndex].text;
-            if (text) {
-                textEl.innerText = text;
-                textEl.style.display = 'block';
-            } else {
-                textEl.style.display = 'none';
-            }
-
-            const dotsContainer = document.getElementById('galleryDots');
-            dotsContainer.innerHTML = '';
-            if(currentGalleryPhotos.length > 1) {
-                currentGalleryPhotos.forEach((_, index) => {
-                    const dot = document.createElement('div');
-                    dot.className = `gallery-dot ${index === currentGalleryIndex ? 'active' : ''}`;
-                    dotsContainer.appendChild(dot);
-                });
-                document.querySelectorAll('.gallery-nav').forEach(el => el.style.display = 'flex');
-            } else {
-                document.querySelectorAll('.gallery-nav').forEach(el => el.style.display = 'none');
-            }
-        }
-
-        function nextPhoto(e) {
-            if(e) e.stopPropagation();
-            if(currentGalleryPhotos.length <= 1) return;
-            currentGalleryIndex = (currentGalleryIndex + 1) % currentGalleryPhotos.length;
-            updateGalleryView();
-        }
-
-        function prevPhoto(e) {
-            if(e) e.stopPropagation();
-            if(currentGalleryPhotos.length <= 1) return;
-            currentGalleryIndex = (currentGalleryIndex - 1 + currentGalleryPhotos.length) % currentGalleryPhotos.length;
-            updateGalleryView();
-        }
-
-        let touchstartX = 0;
-        let touchendX = 0;
-        const swipeArea = document.getElementById('gallerySwipeArea');
-        swipeArea.addEventListener('touchstart', e => { touchstartX = e.changedTouches[0].screenX; });
-        swipeArea.addEventListener('touchend', e => { 
-            touchendX = e.changedTouches[0].screenX; 
-            if (touchstartX - touchendX > 50) nextPhoto();
-            if (touchendX - touchstartX > 50) prevPhoto();
-        });
-
-        function startScanner(callback) {
-            document.getElementById('scannerModal').style.display = 'block';
-            const html5QrCode = new Html5Qrcode("reader");
-            const config = { fps: 10, qrbox: { width: 250, height: 250 } };
-            html5QrCode.start({ facingMode: "environment" }, config, (text) => {
-                html5QrCode.stop().then(() => {
-                    document.getElementById('scannerModal').style.display = 'none';
-                    callback(text);
-                });
-            }).catch(err => {
-                console.log(err);
-                alert('Не удалось запустить камеру');
-                document.getElementById('scannerModal').style.display = 'none';
-            });
-            window.currentScanner = html5QrCode;
-        }
-
-        function stopScanner() {
-            if(window.currentScanner) {
-                window.currentScanner.stop().catch(()=>{});
-            }
-            document.getElementById('scannerModal').style.display = 'none';
-        }
-
-        function openCustomProductModal() {
-            document.getElementById('cpName').value = '';
-            document.getElementById('cpQty').value = '';
-            document.getElementById('cpPrice').value = '';
-            document.getElementById('cpPhoto').value = '';
-            const modal = document.getElementById('customProductModal');
-            modal.style.display = 'flex';
-            setTimeout(() => modal.classList.add('active'), 10);
-        }
-
-        function closeCustomProductModal() {
-            const modal = document.getElementById('customProductModal');
-            modal.classList.remove('active');
-            setTimeout(() => modal.style.display = 'none', 300);
-        }
-
-        function addCustomProduct() {
-            const name = document.getElementById('cpName').value.trim();
-            const qty = parseInt(document.getElementById('cpQty').value);
-            const price = parseFloat(document.getElementById('cpPrice').value);
-            const photoInput = document.getElementById('cpPhoto');
-            
-            if(!name || isNaN(qty) || qty <= 0 || isNaN(price) || price < 0) {
-                alert('Заполните все обязательные поля корректно.');
-                return;
-            }
-
-            const btn = document.getElementById('cpSubmitBtn');
-            btn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Добавление...';
-            btn.disabled = true;
-
-            const processAdd = (photoFilename) => {
-                let cKey = 'custom_' + Date.now();
-                cart[cKey] = {
-                    c_key: cKey,
-                    product_id: cKey,
-                    name: name,
-                    cart_price: price,
-                    cart_box_price: 0,
-                    quantity: qty,
-                    pieces_per_box: 1,
-                    pieces_per_master_box: 1,
-                    variant_name: '',
-                    variant_idx: -1,
-                    discount: 0,
-                    wholesale_tiers: [],
-                    is_custom: true,
-                    photo_custom: photoFilename || ''
-                };
-                updateCartUI();
-                closeCustomProductModal();
-                btn.innerHTML = 'Добавить в накладную';
-                btn.disabled = false;
-            };
-
-            if(photoInput.files.length > 0) {
-                let formData = new FormData();
-                formData.append('photo', photoInput.files[0]);
-                fetch(`/${envId}/api/upload_custom_photo`, {
-                    method: 'POST',
-                    body: formData
-                })
-                .then(r => r.json())
-                .then(data => {
-                    processAdd(data.filename || '');
-                })
-                .catch(() => {
-                    processAdd('');
-                });
-            } else {
-                processAdd('');
-            }
-        }
-
-        init();
-    </script>
-</body>
-</html>
-'''
-
-ORDER_TEMPLATE = '''
-<!DOCTYPE html>
-<html lang="ru">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
-    <title>Накладная №{{ order.id }}</title>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <style>
-        :root { --bg: #f4f6f8; --surface: #ffffff; --text: #2d3436; --border: #dfe6e9; --wa: #25D366; --print: #1e272e; --primary: #1a1a1a; }
-        * { box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
-        body { margin: 0; padding: max(20px, env(safe-area-inset-top)) 20px calc(100px + env(safe-area-inset-bottom)); background: var(--bg); display: flex; flex-direction: column; align-items: center; color: var(--text); }
-        .invoice-box { background: var(--surface); width: 100%; max-width: 900px; padding: 30px; box-shadow: 0 4px 20px rgba(0,0,0,0.05); border-radius: 16px; margin-bottom: 20px; }
-        .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; border-bottom: 2px solid var(--border); padding-bottom: 15px; flex-wrap: wrap; gap: 10px; }
-        .header h1 { margin: 0; font-size: 1.8rem; font-weight: 800; }
-        .info-row { display: flex; justify-content: space-between; margin-bottom: 20px; font-size: 1rem; flex-wrap: wrap; gap: 15px; }
-        .customer-details { display: flex; flex-direction: column; gap: 6px; }
-        .customer-details span { font-weight: 600; color: #1a1a1a; }
-        
-        .table-responsive { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 20px; border-radius: 8px; border: 1px solid var(--border); }
-        table { width: 100%; border-collapse: collapse; min-width: 100%; }
-        th, td { border-bottom: 1px solid var(--border); padding: 16px; text-align: center; font-size: 1.05rem; }
-        th { background: #fafafa; font-weight: 700; color: #636e72; text-transform: uppercase; font-size: 0.9rem; letter-spacing: 0.5px; }
-        .num-col { display: table-cell; }
-        .img-cell img { width: 60px; height: 60px; object-fit: cover; border-radius: 8px; border: 1px solid #eee; cursor: zoom-in; }
-        .total-row { background: #fafafa; font-weight: 800; }
-        .total-row td { font-size: 1.2rem; border-bottom: none; }
-        
-        .cart-item-controls { display: inline-flex; align-items: center; background: var(--surface); border-radius: 8px; border: 1px solid var(--border); overflow: hidden; margin-bottom: 5px; }
-        .cart-item-controls button { border: none; background: #f8f9fa; width: 44px; height: 44px; font-size: 1.2rem; cursor: pointer; color: var(--primary); transition: background 0.2s; touch-action: manipulation; }
-        .cart-item-controls button:active { background: #e0e0e0; }
-        .cart-item-controls input { width: 50px; text-align: center; font-weight: 600; font-size: 16px; border: none; background: transparent; color: var(--primary); outline: none; padding: 5px; }
-        .cart-item-controls input[type="number"]::-webkit-inner-spin-button, 
-        .cart-item-controls input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
-        .cart-item-controls input[type="number"] { -moz-appearance: textfield; }
-        
-        .screen-only { display: block; }
-        .print-only { display: none; }
-        
-        .action-bar { position: fixed; bottom: 0; left: 0; width: 100%; background: var(--surface); box-shadow: 0 -4px 20px rgba(0,0,0,0.08); padding: 15px 20px calc(15px + env(safe-area-inset-bottom)); display: flex; gap: 15px; z-index: 100; justify-content: center; border-top-left-radius: 20px; border-top-right-radius: 20px; }
-        .action-bar-inner { display: flex; gap: 15px; width: 100%; max-width: 900px; }
-        .btn { flex: 1; padding: 15px 10px; border-radius: 12px; border: none; font-size: 1.05rem; font-weight: 700; cursor: pointer; color: #fff; display: flex; align-items: center; justify-content: center; gap: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); transition: transform 0.2s; white-space: nowrap; min-height: 44px; touch-action: manipulation; }
-        .btn:active { transform: scale(0.96); }
-        .btn-wa { background: var(--wa); box-shadow: 0 4px 15px rgba(37,211,102,0.3); }
-        .btn-print { background: var(--print); }
-        .btn-home { background: #0984e3; box-shadow: 0 4px 15px rgba(9,132,227,0.3); flex: 0 0 auto; padding: 15px 20px; }
-        
-        #loadingOverlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.8); z-index: 999; justify-content: center; align-items: center; font-size: 2rem; color: var(--primary); }
-
-        .qr-codes { display: flex; justify-content: center; gap: 20px; margin-top: 20px; }
-        .qr-codes img { max-width: 150px; height: auto; border: 1px solid #ccc; border-radius: 8px; padding: 5px; background: #fff; }
-
-        body.invoice-mode .receipt-box { display: none; }
-        body.receipt-mode .invoice-box { display: none; }
-        body.receipt-mode .receipt-box {
-            display: block; width: 100%; max-width: 350px; margin: 0 auto;
-            background: #fff; padding: 20px; font-family: 'Courier New', Courier, monospace;
-            font-size: 12px; color: #000; box-shadow: 0 4px 20px rgba(0,0,0,0.05);
-            border-radius: 12px; margin-bottom: 20px;
-        }
-        body.receipt-mode .receipt-box .dashed-line { border-top: 1px dashed #000; margin: 5px 0; }
-
-        .modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 2000; justify-content: center; align-items: center; flex-direction: column; }
-
-        @media print {
-            .action-bar, .screen-only { display: none !important; }
-            .print-only { display: block !important; }
-            
-            body { padding: 0 !important; background: #fff !important; display: block !important; }
-            
-            body.invoice-mode .invoice-box { box-shadow: none; padding: 0; max-width: 100%; border-radius: 0; display: block; margin: 0; }
-            body.invoice-mode .table-responsive { border: none; overflow: visible; }
-            body.invoice-mode table { min-width: 100%; }
-            body.invoice-mode th, body.invoice-mode td { border: 1px solid #000; }
-            
-            body.receipt-mode .receipt-box { width: 80mm; max-width: 80mm; margin: 0; box-shadow: none; padding: 0; border-radius: 0; }
-        }
-        @media (max-width: 600px) {
-            .header h1 { font-size: 1.4rem; }
-            .info-row { font-size: 0.9rem; }
-            .invoice-box { padding: 15px 10px; }
-            .btn { font-size: 0.9rem; flex-direction: column; padding: 10px; gap: 4px; }
-            .btn i { font-size: 1.2rem; }
-            th, td { padding: 8px 6px; font-size: 0.9rem; }
-            .img-cell img { width: 45px; height: 45px; }
-            .cart-item-controls input { width: 40px; font-size: 16px; }
-            .cart-item-controls button { width: 36px; height: 36px; font-size: 1rem; }
-            .num-col { display: none; }
-        }
-    </style>
-</head>
-<body class="invoice-mode">
-    <div id="loadingOverlay"><i class="fas fa-spinner fa-spin"></i></div>
-    
-    {% set total_qty = order.cart | selectattr('quantity', '>', 0) | sum(attribute='quantity') %}
-    
-    <div class="invoice-box">
-        <div style="text-align: center; margin-bottom: 25px;">
-            <img src="{{ settings.logo_url }}" style="max-height: 80px; max-width: 100%; object-fit: contain;">
-            <div style="font-size: 1.2rem; font-weight: 700; margin-top: 10px;">{{ settings.organization_name }}</div>
-            {% if settings.invoice_contacts %}
-            <div style="margin-top: 10px; font-size: 0.95rem; font-weight: 600;">
-                {% for contact in settings.invoice_contacts.split(',') %}
-                    {% if contact.strip() %}
-                        <div style="margin-top: 2px;">{{ contact.strip() }}</div>
-                    {% endif %}
-                {% endfor %}
-            </div>
-            {% endif %}
-        </div>
-
-        <div class="header">
-            <h1>Накладная</h1>
-            <div style="text-align: right;">
-                <div style="font-size: 1.1rem; font-weight: bold;">№ {{ order.id }}</div>
-                <div style="color: #636e72; font-size: 0.9rem;">{{ order.created_at }}</div>
-            </div>
-        </div>
-        
-        <div class="info-row">
-            <div class="customer-details">
-                {% if order.status != 'pos' and order.status != 'returned' %}
-                    {% if order.customer_name %}<div>Покупатель: <span>{{ order.customer_name }}</span></div>{% endif %}
-                    {% if order.customer_phone %}<div>Телефон: <span>{{ order.customer_phone }}</span></div>{% endif %}
-                    {% if order.customer_city %}<div>Город: <span>{{ order.customer_city }}</span></div>{% endif %}
-                    {% if order.customer_address %}<div>Адрес: <span>{{ order.customer_address }}</span></div>{% endif %}
-                    {% if order.customer_zip %}<div>Индекс: <span>{{ order.customer_zip }}</span></div>{% endif %}
-                {% else %}
-                    <div>Покупатель: <span>{{ order.customer_name if order.customer_name else 'Касса (POS)' }}</span></div>
-                    {% if order.customer_whatsapp %}<div>WhatsApp: <span>{{ order.customer_whatsapp }}</span></div>{% endif %}
-                {% endif %}
-                
-                {% if order.staff_name %}
-                    <div style="margin-top:5px; color:#0984e3;">Сотрудник: <span>{{ order.staff_name }}</span></div>
-                {% endif %}
-            </div>
-            <div style="font-weight: 600; display: flex; flex-direction: column; align-items: flex-end;">
-                <div>Статус: 
-                    {% if order.status == 'pending' %}
-                        <span style="color: #f39c12;">Ожидает</span>
-                    {% elif order.status == 'confirmed' %}
-                        <span style="color: #00b894;">Подтвержден</span>
-                    {% elif order.status == 'pos' %}
-                        <span style="color: #00b894;">Выдан</span>
-                    {% elif order.status == 'returned' %}
-                        <span style="color: #e17055;">Возврат</span>
-                    {% else %}
-                        <span>{{ order.status }}</span>
-                    {% endif %}
-                </div>
-                {% if order.is_debt %}
-                <div style="margin-top: 5px; color: #e17055;">В долг: {{ order.debt_amount }} {{ currency_code }}</div>
-                {% endif %}
-            </div>
-        </div>
-
-        <div class="table-responsive">
-            <table>
-                <thead>
-                    <tr>
-                        <th class="num-col" style="width: 40px;">№</th>
-                        <th style="text-align: left;">Наименование</th>
-                        <th>Фото</th>
-                        <th>Кол-во</th>
-                        <th>Цена</th>
-                        <th>Сумма</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    {% for item in order.cart %}
-                    {% set ppb = item.pieces_per_box|default(1)|int %}
-                    {% set ppmb = item.pieces_per_master_box|default(1)|int %}
-                    {% set assembled = order.assembled.get(item.c_key, 0) if order.assembled else 0 %}
-                    {% if item.quantity > 0 %}
-                    <tr>
-                        <td class="num-col">{{ loop.index }}</td>
-                        <td style="text-align: left; font-weight: 500;">
-                            {{ item.name }}
-                            <div style="font-size: 0.85rem; color: #b2bec3; margin-top: 4px;">Категория: {{ item.category }}</div>
-                            {% if item.variant_name %}
-                            <div style="font-size: 0.95rem; color: #636e72;">Вариант: {{ item.variant_name }}</div>
-                            {% endif %}
-                            <div style="font-size: 0.9rem; color: {% if assembled == item.quantity %}#00b894{% else %}#0984e3{% endif %}; margin-top: 6px; font-weight:600;">Собрано: {{ assembled }} / {{ item.quantity }}</div>
-                            {% if item.discount and item.discount > 0 %}
-                            <div style="font-size: 0.9rem; color: #e17055; margin-top: 4px;">Скидка: -{{ item.discount }} {{ currency_code }} за ед.</div>
-                            {% endif %}
-                        </td>
-                        <td class="img-cell"><img src="{{ item.photo_url }}" alt="img" onclick="openZoom(this.src)"></td>
-                        <td style="text-align: center;">
-                            <div class="screen-only">
-                                <div style="display:flex; flex-direction:column; align-items:center; gap:6px;">
-                                    {% if order.status == 'pending' %}
-                                    <div style="display:flex; align-items:center; gap:8px;">
-                                        <div class="cart-item-controls">
-                                            <button onclick="updateItem('{{ item.c_key }}', -1)"><i class="fas fa-minus" style="font-size:0.9rem;"></i></button>
-                                            <input type="number" value="{{ item.quantity }}" onchange="manualUpdateOrder('{{ item.c_key }}', this.value)">
-                                            <button onclick="updateItem('{{ item.c_key }}', 1)"><i class="fas fa-plus" style="font-size:0.9rem;"></i></button>
-                                        </div>
-                                        <button onclick="updateItem('{{ item.c_key }}', 0, true)" style="color: #ff7675; background: none; border: none; font-size: 1.3rem; cursor: pointer; padding: 10px; touch-action: manipulation;"><i class="fas fa-trash-alt"></i></button>
-                                    </div>
-                                    {% endif %}
-                                    <div style="font-size: 0.95rem; color: #00b894; font-weight: 600;">
-                                        {% if settings.use_master_boxes and ppmb > 1 and item.quantity >= ppmb %}
-                                            {% set master = item.quantity // ppmb %}
-                                            {% set rem_master = item.quantity % ppmb %}
-                                            {% set packs = (rem_master // ppb) if ppb > 1 else 0 %}
-                                            {% set rem = (rem_master % ppb) if ppb > 1 else rem_master %}
-                                            {{ master }} {{ t('кор.') }}{% if packs > 0 %} {{ packs }} {{ t('уп.') }}{% endif %}{% if rem > 0 %} {{ rem }} {{ t('шт') }}{% endif %}
-                                        {% elif settings.business_type != 'retail' and ppb > 1 and (item.quantity // ppb) > 0 %}
-                                            {% set packs = item.quantity // ppb %}
-                                            {% set rem = item.quantity % ppb %}
-                                            {{ packs }} {{ t('уп.') }}{% if rem > 0 %} {{ rem }} {{ t('шт') }}{% endif %}
-                                        {% else %}
-                                            {{ item.quantity }} {{ t('шт') }}
-                                        {% endif %}
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="print-only" style="font-weight: bold;">
-                                {% if settings.use_master_boxes and ppmb > 1 and item.quantity >= ppmb %}
-                                    {% set master = item.quantity // ppmb %}
-                                    {% set rem_master = item.quantity % ppmb %}
-                                    {% set packs = (rem_master // ppb) if ppb > 1 else 0 %}
-                                    {% set rem = (rem_master % ppb) if ppb > 1 else rem_master %}
-                                    {{ master }} {{ t('кор.') }}{% if packs > 0 %} {{ packs }} {{ t('уп.') }}{% endif %}{% if rem > 0 %} {{ rem }} {{ t('шт') }}{% endif %}
-                                {% elif settings.business_type != 'retail' and ppb > 1 and (item.quantity // ppb) > 0 %}
-                                    {% set packs = item.quantity // ppb %}
-                                    {% set rem = item.quantity % ppb %}
-                                    {{ packs }} {{ t('уп.') }}{% if rem > 0 %} {{ rem }} {{ t('шт') }}{% endif %}
-                                {% else %}
-                                    {{ item.quantity }} {{ t('шт') }}
-                                {% endif %}
-                            </div>
-                        </td>
-                        <td>{{ item.calculated_price | round(2) }}</td>
-                        <td>{{ (item.calculated_price * item.quantity) | round(2) }}</td>
-                    </tr>
-                    {% endif %}
-                    {% endfor %}
-                    <tr class="total-row">
-                        <td colspan="6" style="text-align: right; padding-right: 20px;">
-                            Общее кол-во: {{ total_qty }} шт<br>
-                            {% if order.global_discount > 0 %}
-                            <div style="color:#e17055; font-size:1rem; margin-bottom:5px;">Применена общая скидка: -{{ order.global_discount }} {{ currency_code }}</div>
-                            {% endif %}
-                            {% if settings.commission_enabled and order.commission_amount and order.commission_amount > 0 %}
-                            <div style="color:#0984e3; font-size:1rem; margin-bottom:5px;">Комиссия ({{ settings.commission_percent }}%): +{{ order.commission_amount }} {{ currency_code }}</div>
-                            {% endif %}
-                            Итого: {{ order.total_price }} {{ currency_code }}
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-        
-        <div class="qr-codes">
-            {% if settings.qr_code_1_url %}
-            <img src="{{ settings.qr_code_1_url }}" alt="QR Code 1">
-            {% endif %}
-            {% if settings.qr_code_2_url %}
-            <img src="{{ settings.qr_code_2_url }}" alt="QR Code 2">
-            {% endif %}
-        </div>
-    </div>
-
-    <div class="receipt-box">
-        <div style="text-align: center;">
-            <div style="font-weight: bold; font-size: 16px;">{{ settings.organization_name }}</div>
-            {% if settings.invoice_contacts %}
-            <div style="font-size: 12px;">
-                {% for contact in settings.invoice_contacts.split(',') %}
-                    {% if contact.strip() %}
-                        <div>{{ contact.strip() }}</div>
-                    {% endif %}
-                {% endfor %}
-            </div>
-            {% endif %}
-            <div class="dashed-line"></div>
-            <div style="font-weight: bold; font-size: 14px;">ТОВАРНЫЙ ЧЕК № {{ order.id }}</div>
-            <div style="font-size: 12px;">{{ order.created_at }}</div>
-            <div class="dashed-line"></div>
-        </div>
-        
-        <div style="font-size: 12px; margin-bottom: 5px;">
-            {% if order.status != 'pos' and order.status != 'returned' %}
-                {% if order.customer_name %}<div>Покупатель: {{ order.customer_name }}</div>{% endif %}
-                {% if order.customer_phone %}<div>Тел: {{ order.customer_phone }}</div>{% endif %}
-            {% else %}
-                <div>Покупатель: {{ order.customer_name if order.customer_name else 'Розничный покупатель' }}</div>
-                {% if order.customer_whatsapp %}<div>WA: {{ order.customer_whatsapp }}</div>{% endif %}
-            {% endif %}
-            {% if order.staff_name %}<div>Кассир: {{ order.staff_name }}</div>{% endif %}
-        </div>
-        <div class="dashed-line"></div>
-        
-        <table style="width: 100%; font-size: 12px; text-align: left; border-collapse: collapse;">
-            <thead>
-                <tr>
-                    <th style="padding-bottom: 5px; border:none; text-align: left;">Товар</th>
-                    <th style="text-align: center; padding-bottom: 5px; border:none;">Кол</th>
-                    <th style="text-align: right; padding-bottom: 5px; border:none;">Сумма</th>
-                </tr>
-            </thead>
-            <tbody>
-                {% for item in order.cart %}
-                {% if item.quantity > 0 %}
-                <tr>
-                    <td style="padding: 3px 5px 3px 0; border:none; text-align: left;">
-                        {{ item.name }}{% if item.variant_name %} ({{ item.variant_name }}){% endif %}<br>
-                        <span style="font-size: 10px; color: #555;">{{ item.calculated_price | round(2) }} {{ currency_code }}</span>
-                    </td>
-                    <td style="text-align: center; padding: 3px 0; vertical-align: top; border:none;">{{ item.quantity }}</td>
-                    <td style="text-align: right; padding: 3px 0; vertical-align: top; border:none;">{{ (item.calculated_price * item.quantity) | round(2) }}</td>
-                </tr>
-                {% endif %}
-                {% endfor %}
-            </tbody>
-        </table>
-        
-        <div class="dashed-line"></div>
-        <div style="display: flex; justify-content: space-between; font-size: 12px; margin: 3px 0;">
-            <span>Итог ({{ total_qty }} шт):</span>
-            <span>{{ order.total_price }} {{ currency_code }}</span>
-        </div>
-        {% if order.global_discount > 0 %}
-        <div style="display: flex; justify-content: space-between; font-size: 12px; margin: 3px 0;">
-            <span>Скидка:</span>
-            <span>-{{ order.global_discount }} {{ currency_code }}</span>
-        </div>
-        {% endif %}
-        {% if settings.commission_enabled and order.commission_amount and order.commission_amount > 0 %}
-        <div style="display: flex; justify-content: space-between; font-size: 12px; margin: 3px 0;">
-            <span>Комиссия:</span>
-            <span>+{{ order.commission_amount }} {{ currency_code }}</span>
-        </div>
-        {% endif %}
-        <div class="dashed-line"></div>
-        <div style="display: flex; justify-content: space-between; font-weight: bold; font-size: 16px; margin: 10px 0;">
-            <span>К ОПЛАТЕ:</span>
-            <span>{{ order.total_price }} {{ currency_code }}</span>
-        </div>
-        
-        {% if order.is_debt %}
-        <div style="display: flex; justify-content: space-between; font-size: 12px; margin-top: 5px;">
-            <span>Оплачено:</span>
-            <span>{{ order.paid_amount }} {{ currency_code }}</span>
-        </div>
-        <div style="display: flex; justify-content: space-between; font-size: 12px; margin-bottom: 5px; color: #d63031;">
-            <span>В ДОЛГ:</span>
-            <span>{{ order.debt_amount }} {{ currency_code }}</span>
-        </div>
-        <div class="dashed-line"></div>
-        {% endif %}
-
-        <div style="text-align: center; margin-top: 10px;">
-            {% if settings.qr_code_1_url %}
-            <img src="{{ settings.qr_code_1_url }}" style="max-width: 100px; display: inline-block; margin: 5px;">
-            {% endif %}
-            {% if settings.qr_code_2_url %}
-            <img src="{{ settings.qr_code_2_url }}" style="max-width: 100px; display: inline-block; margin: 5px;">
-            {% endif %}
-        </div>
-        <div style="text-align: center; margin-top: 15px; font-size: 12px; font-weight: bold;">*** СПАСИБО ЗА ПОКУПКУ! ***</div>
-    </div>
-
-    <div class="action-bar">
-        <div class="action-bar-inner">
-            <a href="/{{ env_id }}/catalog?mode={{ request.args.get('mode', '') }}&staff_id={{ request.args.get('staff_id', '') }}" class="btn btn-home"><i class="fas fa-home"></i></a>
-            <button class="btn" style="background:#dfe6e9; color:#2d3436; flex: 0 0 auto; padding: 15px 20px;" onclick="toggleView()" id="viewToggleBtn" title="Переключить вид"><i class="fas fa-receipt"></i></button>
-            <button class="btn btn-print" onclick="window.print()"><i class="fas fa-print"></i> Печать</button>
-            {% set messenger = settings.order_messenger|default('wa') %}
-            {% if order.status == 'pos' %}
-                <button class="btn btn-wa" onclick="sendOrder()"><i class="fab fa-whatsapp" style="font-size: 1.2rem;"></i> WhatsApp</button>
-            {% else %}
-                {% if messenger == 'tg' %}
-                    <button class="btn" style="background:#0088cc;" onclick="sendOrder()"><i class="fab fa-telegram" style="font-size: 1.2rem;"></i> Telegram</button>
-                {% else %}
-                    <button class="btn btn-wa" onclick="sendOrder()"><i class="fab fa-whatsapp" style="font-size: 1.2rem;"></i> WhatsApp</button>
-                {% endif %}
-            {% endif %}
-        </div>
-    </div>
-
-    <div class="modal-overlay" id="zoomModal" onclick="if(event.target===this) closeZoom()">
-        <div style="position:relative; width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column;">
-            <button onclick="closeZoom()" style="position:absolute; top:20px; right:20px; z-index:1001; font-size:2rem; background:rgba(0,0,0,0.5); border:none; color:white; width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; touch-action:manipulation; cursor:pointer;"><i class="fas fa-times"></i></button>
-            <div style="overflow:auto; width:100%; height:100%; display:flex; align-items:center; justify-content:center;" id="zoomWrapper">
-               <img id="zoomImg" src="" style="max-width:90%; max-height:90%; object-fit:contain; transition: transform 0.2s; transform: scale(1); border-radius:8px;">
-            </div>
-            <div style="position:absolute; bottom:40px; display:flex; gap:20px; z-index:1001; background:rgba(0,0,0,0.5); padding:10px 20px; border-radius:20px;">
-                <button onclick="zoomImg(-0.25)" style="background:none; border:none; color:white; font-size:1.5rem; padding:10px; cursor:pointer; touch-action:manipulation;"><i class="fas fa-search-minus"></i></button>
-                <button onclick="zoomImg(0.25)" style="background:none; border:none; color:white; font-size:1.5rem; padding:10px; cursor:pointer; touch-action:manipulation;"><i class="fas fa-search-plus"></i></button>
-            </div>
-        </div>
-    </div>
-
-    <script>
-        const envId = '{{ env_id }}';
-        
-        function sendOrder() {
-            let msg = `Здравствуйте! ${'{{ order.status }}' === 'pos' ? 'Ваша накладная' : 'Мой заказ'} №{{ order.id }}\nСсылка: ${window.location.href.split('?')[0]}`;
-            
-            let isPos = '{{ order.status }}' === 'pos';
-            let targetContact = '';
-            let messengerType = 'wa'; 
-
-            if (isPos) {
-                targetContact = '{{ order.customer_whatsapp }}';
-                messengerType = 'wa'; 
-            } else {
-                let staffWa = '{{ order.staff_whatsapp }}';
-                if (staffWa) {
-                    targetContact = staffWa;
-                    messengerType = 'wa';
-                } else {
-                    targetContact = '{{ settings.order_contact|default(settings.whatsapp_number) }}';
-                    messengerType = '{{ settings.order_messenger|default("wa") }}';
-                }
-            }
-            
-            targetContact = targetContact.trim();
-            if (messengerType === 'tg') {
-                if (targetContact.startsWith('@')) targetContact = targetContact.substring(1);
-                else targetContact = targetContact.replace(/[^0-9a-zA-Z_]/g, '');
-                window.open(`https://t.me/${targetContact}?text=${encodeURIComponent(msg)}`, '_blank');
-            } else {
-                targetContact = targetContact.replace(/[^0-9+]/g, '');
-                window.open(`https://api.whatsapp.com/send?phone=${encodeURIComponent(targetContact)}&text=${encodeURIComponent(msg)}`, '_blank');
-            }
-        }
-
-        function toggleView() {
-            const body = document.body;
-            const btnIcon = document.querySelector('#viewToggleBtn i');
-            if (body.classList.contains('invoice-mode')) {
-                body.classList.remove('invoice-mode');
-                body.classList.add('receipt-mode');
-                btnIcon.className = 'fas fa-file-invoice';
-            } else {
-                body.classList.remove('receipt-mode');
-                body.classList.add('invoice-mode');
-                btnIcon.className = 'fas fa-receipt';
-            }
-        }
-
-        {% if order.status == 'pending' %}
-        function updateItem(cKey, change, isRemove = false) {
-            document.getElementById('loadingOverlay').style.display = 'flex';
-            fetch(`/${envId}/edit_order/{{ order.id }}`, {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ c_key: cKey, change: change, remove: isRemove })
-            })
-            .then(r => r.json())
-            .then(data => {
-                if(data.success) {
-                    window.location.reload();
-                } else {
-                    alert('Ошибка обновления');
-                    document.getElementById('loadingOverlay').style.display = 'none';
-                }
-            })
-            .catch(() => {
-                alert('Произошла ошибка');
-                document.getElementById('loadingOverlay').style.display = 'none';
-            });
-        }
-
-        function manualUpdateOrder(cKey, val) {
-            let num = parseInt(val);
-            if (isNaN(num) || num < 0) return;
-            document.getElementById('loadingOverlay').style.display = 'flex';
-            fetch(`/${envId}/edit_order/{{ order.id }}`, {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ c_key: cKey, exact_qty: num })
-            })
-            .then(r => r.json())
-            .then(data => {
-                if(data.success) {
-                    window.location.reload();
-                } else {
-                    alert('Ошибка обновления');
-                    document.getElementById('loadingOverlay').style.display = 'none';
-                }
-            })
-            .catch(() => {
-                alert('Произошла ошибка');
-                document.getElementById('loadingOverlay').style.display = 'none';
-            });
-        }
-        {% endif %}
-
-        let cScale = 1;
-        function openZoom(src) {
-            document.getElementById('zoomImg').src = src;
-            cScale = 1;
-            document.getElementById('zoomImg').style.transform = `scale(${cScale})`;
-            document.getElementById('zoomModal').style.display = 'flex';
-        }
-        function closeZoom() {
-            document.getElementById('zoomModal').style.display = 'none';
-        }
-        function zoomImg(delta) {
-            event.stopPropagation();
-            cScale += delta;
-            if(cScale < 0.5) cScale = 0.5;
-            if(cScale > 4) cScale = 4;
-            document.getElementById('zoomImg').style.transform = `scale(${cScale})`;
-        }
-    </script>
-</body>
-</html>
-'''
-
-ASSEMBLY_TEMPLATE = '''
-<!DOCTYPE html>
-<html lang="ru">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
-    <title>Сборка №{{ order.id }}</title>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <style>
-        :root { --bg: #f4f6f8; --surface: #ffffff; --text: #2d3436; --border: #dfe6e9; --primary: #0984e3; --success: #00b894; }
-        * { box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
-        body { margin: 0; padding: max(20px, env(safe-area-inset-top)) 20px calc(100px + env(safe-area-inset-bottom)); background: var(--bg); color: var(--text); }
-        .container { max-width: 800px; margin: 0 auto; }
-        .header { background: var(--surface); padding: 20px; border-radius: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); margin-bottom: 20px; text-align: center; }
-        .header h1 { margin: 0 0 10px 0; font-size: 1.5rem; }
-        .copy-btn { background: var(--primary); color: #fff; border: none; padding: 12px 20px; border-radius: 8px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; font-size: 16px; min-height: 44px; touch-action: manipulation; }
-        
-        .item-card { background: var(--surface); padding: 15px; border-radius: 12px; margin-bottom: 15px; display: flex; align-items: center; gap: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); flex-wrap: wrap; }
-        .item-img { width: 60px; height: 60px; border-radius: 8px; object-fit: cover; border: 1px solid #eee; flex-shrink: 0; }
-        .item-info { flex: 1; min-width: 200px; }
-        .item-name { font-weight: 600; font-size: 1.1rem; }
-        .item-variant { font-size: 0.95rem; color: #636e72; margin-top: 2px; }
-        .item-target { font-size: 1rem; font-weight: bold; margin-top: 5px; }
-        
-        .assembly-controls { display: flex; align-items: center; background: var(--bg); border-radius: 8px; border: 1px solid var(--border); overflow: hidden; }
-        .assembly-controls button { border: none; background: #f8f9fa; width: 50px; height: 50px; font-size: 1.4rem; cursor: pointer; color: var(--primary); transition: background 0.2s; touch-action: manipulation; }
-        .assembly-controls button:active { background: #e0e0e0; }
-        .assembly-controls input { width: 60px; text-align: center; font-weight: 700; font-size: 16px; border: none; background: transparent; color: var(--primary); outline: none; padding: 5px; }
-        .assembly-controls input[type="number"]::-webkit-inner-spin-button, 
-        .assembly-controls input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
-        
-        .status-badge { font-size: 0.9rem; padding: 4px 10px; border-radius: 12px; font-weight: 600; }
-        .status-done { background: #d4edda; color: #155724; }
-        .status-pending { background: #fff3cd; color: #856404; }
-    </style>
-</head>
-<body>
-    <div class="container">
-        <div class="header">
-            <a href="/{{ env_id }}/assembly_list" style="display:inline-block; margin-bottom: 10px; color: var(--primary); text-decoration: none; font-weight: bold; padding: 10px;"><i class="fas fa-arrow-left"></i> Назад</a>
-            <h1>Сборка накладной № {{ order.id }}</h1>
-            <div style="color: #636e72; margin-bottom: 15px;">{{ order.created_at }}</div>
-            <button class="copy-btn" onclick="copyLink()"><i class="fas fa-link"></i> Скопировать ссылку</button>
-        </div>
-
-        {% for item in order.cart %}
-        {% if item.quantity > 0 %}
-        {% set assembled = order.assembled.get(item.c_key, 0) if order.assembled else 0 %}
-        <div class="item-card" id="card_{{ item.c_key }}">
-            <img src="{{ item.photo_url }}" class="item-img" loading="lazy">
-            <div class="item-info">
-                <div class="item-name">{{ item.name }}</div>
-                {% if item.variant_name %}
-                <div class="item-variant">Вариант: {{ item.variant_name }}</div>
-                {% endif %}
-                <div class="item-target">Нужно: {{ item.quantity }} шт.</div>
-                <div style="margin-top: 5px;">
-                    <span id="badge_{{ item.c_key }}" class="status-badge {% if assembled >= item.quantity %}status-done{% else %}status-pending{% endif %}">
-                        {% if assembled >= item.quantity %}Собрано{% else %}В процессе{% endif %}
-                    </span>
-                </div>
-            </div>
-            <div class="assembly-controls">
-                <button onclick="changeQty('{{ item.c_key }}', -1, {{ item.quantity }})"><i class="fas fa-minus"></i></button>
-                <input type="number" id="qty_{{ item.c_key }}" value="{{ assembled }}" onchange="setQty('{{ item.c_key }}', this.value, {{ item.quantity }})">
-                <button onclick="changeQty('{{ item.c_key }}', 1, {{ item.quantity }})"><i class="fas fa-plus"></i></button>
-            </div>
-        </div>
-        {% endif %}
-        {% endfor %}
-
-        <div style="text-align: center; margin-top: 20px;">
-            <button class="copy-btn" style="background: var(--success); width: 100%; justify-content: center; font-size: 1.1rem; padding: 15px;" onclick="finishAssembly()">
-                <i class="fas fa-check-circle"></i> Закончить сборку (пересчитать сумму)
-            </button>
-        </div>
-    </div>
-
-    <script>
-        const envId = '{{ env_id }}';
-        const orderId = '{{ order.id }}';
-
-        function copyLink() {
-            let dummy = document.createElement('input');
-            document.body.appendChild(dummy);
-            dummy.value = window.location.href;
-            dummy.select();
-            document.execCommand('copy');
-            document.body.removeChild(dummy);
-            alert('Ссылка скопирована!');
-        }
-
-        function updateBackend(cKey, qty, maxQty) {
-            fetch(`/${envId}/api/assembly/${orderId}`, {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ c_key: cKey, qty: qty })
-            })
-            .then(r => r.json())
-            .then(data => {
-                if(data.success) {
-                    const badge = document.getElementById(`badge_${cKey}`);
-                    if(qty >= maxQty) {
-                        badge.className = 'status-badge status-done';
-                        badge.innerText = 'Собрано';
-                    } else {
-                        badge.className = 'status-badge status-pending';
-                        badge.innerText = 'В процессе';
-                    }
-                }
-            });
-        }
-
-        function changeQty(cKey, diff, maxQty) {
-            let input = document.getElementById(`qty_${cKey}`);
-            let val = parseInt(input.value) || 0;
-            val += diff;
-            if(val < 0) val = 0;
-            if(val > maxQty) val = maxQty;
-            input.value = val;
-            updateBackend(cKey, val, maxQty);
-        }
-
-        function setQty(cKey, val, maxQty) {
-            let num = parseInt(val) || 0;
-            if(num < 0) num = 0;
-            if(num > maxQty) num = maxQty;
-            document.getElementById(`qty_${cKey}`).value = num;
-            updateBackend(cKey, num, maxQty);
-        }
-
-        function finishAssembly() {
-            if(!confirm('Завершить сборку? Несобранные позиции будут удалены, сумма пересчитана.')) return;
-            fetch(`/${envId}/api/finish_assembly/${orderId}`, {
-                method: 'POST'
-            })
-            .then(r => r.json())
-            .then(data => {
-                if(data.success) {
-                    window.location.href = `/${envId}/assembly_list`;
-                } else {
-                    alert('Ошибка завершения сборки');
-                }
-            });
-        }
-    </script>
-</body>
-</html>
-'''
-
-HISTORY_TEMPLATE = '''
-<!DOCTYPE html>
-<html lang="ru">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>{{ page_title }}</title>
-    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;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 { --bg: #f4f6f9; --surface: #ffffff; --text: #2d3436; --border: #e0e6ed; --primary: #0984e3; --success: #00b894; --warning: #f39c12; --danger: #e17055; }
-        body { font-family: 'Montserrat', sans-serif; background-color: var(--bg); color: var(--text); padding: 20px; margin: 0; }
-        .container { max-width: 1200px; margin: 0 auto; }
-        .header { display: flex; justify-content: space-between; align-items: center; background: var(--surface); padding: 20px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); margin-bottom: 20px; flex-wrap: wrap; gap: 15px; }
-        .header h1 { margin: 0; font-size: 1.5rem; }
-        .btn { padding: 12px 18px; border: none; border-radius: 8px; font-weight: 600; cursor: pointer; color: #fff; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; background: var(--primary); min-height: 44px; touch-action: manipulation; }
-        .filter-bar { background: var(--surface); padding: 15px 20px; border-radius: 12px; display: flex; gap: 15px; align-items: center; flex-wrap: wrap; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); }
-        .filter-bar input { padding: 12px 15px; border: 1px solid var(--border); border-radius: 8px; outline: none; font-family: inherit; font-size: 16px; }
-        .search-input { flex: 1; min-width: 200px; border-radius: 8px 0 0 8px !important; border-right: none !important; }
-        
-        .table-container { background: var(--surface); padding: 20px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); overflow-x: auto; }
-        table { width: 100%; border-collapse: collapse; min-width: 800px; }
-        th, td { padding: 12px; text-align: left; border-bottom: 1px solid var(--border); }
-        th { font-weight: 600; color: #636e72; background: #fafafa; }
-        
-        .badge { padding: 6px 10px; border-radius: 12px; font-size: 0.85rem; font-weight: 600; }
-        .b-pending { background: #fff3cd; color: #856404; }
-        .b-confirmed { background: #d4edda; color: #155724; }
-        .b-pos { background: #d4edda; color: #155724; }
-        .b-returned { background: #f8d7da; color: #721c24; }
-        
-        .action-btns { display: flex; gap: 8px; flex-wrap: wrap; }
-        .action-btns a { padding: 10px 14px; border-radius: 6px; font-size: 0.95rem; color: #fff; text-decoration: none; font-weight: bold; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; touch-action: manipulation; }
-        .btn-view { background: #34495e; }
-        .btn-assemble { background: #e67e22; }
-    </style>
-</head>
-<body>
-    <div class="container">
-        <div class="header">
-            <h1><i class="fas fa-list"></i> {{ page_title }}</h1>
-            <a href="/{{ env_id }}/admin" class="btn"><i class="fas fa-arrow-left"></i> Назад в панель</a>
-        </div>
-
-        <div class="filter-bar">
-            <div style="display:flex; flex:1; min-width: 300px;">
-                <input type="text" id="searchBox" class="search-input" placeholder="Поиск по номеру, клиенту или сотруднику..." onkeydown="if(event.key==='Enter') filterOrders()">
-                <button class="btn" style="border-radius: 0 8px 8px 0; padding: 0 20px;" onclick="filterOrders()"><i class="fas fa-search"></i></button>
-            </div>
-            <span style="font-weight: 500;">Период:</span>
-            <input type="date" id="dateStart" onchange="filterOrders()">
-            <span>—</span>
-            <input type="date" id="dateEnd" onchange="filterOrders()">
-            <button class="btn" style="background:var(--success);" onclick="clearDates()">Сбросить</button>
-        </div>
-
-        <div class="table-container">
-            <table>
-                <thead>
-                    <tr>
-                        <th>Номер</th>
-                        <th>Дата</th>
-                        <th>Клиент / Сотрудник</th>
-                        <th>Сумма ({{ currency_code }})</th>
-                        <th>Долг</th>
-                        <th>Статус</th>
-                        <th>Действия</th>
-                    </tr>
-                </thead>
-                <tbody id="ordersTableBody">
-                </tbody>
-            </table>
-        </div>
-    </div>
-
-    <script>
-        const orders = {{ orders_json|safe }};
-        const envId = '{{ env_id }}';
-        const sysMode = '{{ sys_mode }}';
-
-        function renderTable(data) {
-            const tbody = document.getElementById('ordersTableBody');
-            tbody.innerHTML = '';
-            
-            if(data.length === 0) {
-                tbody.innerHTML = '<tr><td colspan="7" style="text-align:center;">Нет данных</td></tr>';
-                return;
-            }
-
-            data.forEach(o => {
-                let badgeClass = 'b-pending';
-                let statusText = o.status;
-                if(o.status === 'confirmed') { badgeClass = 'b-confirmed'; statusText = 'Подтвержден'; }
-                if(o.status === 'pos') { badgeClass = 'b-pos'; statusText = 'Касса'; }
-                if(o.status === 'returned') { badgeClass = 'b-returned'; statusText = 'Возврат'; }
-                if(o.status === 'pending') { statusText = 'Ожидает'; }
-
-                let clientInfo = o.customer_name ? o.customer_name : 'Касса / Онлайн';
-                let staffInfo = o.staff_name ? `<br><span style="font-size:0.85rem; color:#0984e3;">${o.staff_name}</span>` : '';
-                
-                let debtText = o.is_debt ? `<span style="color:#e17055; font-weight:bold;">${o.debt_amount}</span>` : '-';
-
-                tbody.innerHTML += `
-                    <tr class="order-row">
-                        <td><strong>${o.id}</strong></td>
-                        <td>${o.created_at}</td>
-                        <td>${clientInfo}${staffInfo}</td>
-                        <td><strong>${o.total_price}</strong></td>
-                        <td>${debtText}</td>
-                        <td><span class="badge ${badgeClass}">${statusText}</span></td>
-                        <td>
-                            <div class="action-btns">
-                                <a href="/${envId}/order/${o.id}" target="_blank" class="btn-view"><i class="fas fa-eye"></i> Накладная</a>
-                                ${['confirmed', 'pos'].includes(o.status) && sysMode !== 'light_external' ? `<a href="/${envId}/assembly/${o.id}" class="btn-assemble"><i class="fas fa-box-open"></i> Сборка</a>` : ''}
-                            </div>
-                        </td>
-                    </tr>
-                `;
-            });
-        }
-
-        function filterOrders() {
-            const query = document.getElementById('searchBox').value.toLowerCase();
-            const dStart = document.getElementById('dateStart').value;
-            const dEnd = document.getElementById('dateEnd').value;
-
-            let filtered = orders;
-
-            if (query) {
-                filtered = filtered.filter(o => 
-                    o.id.toLowerCase().includes(query) || 
-                    (o.customer_name && o.customer_name.toLowerCase().includes(query)) ||
-                    (o.staff_name && o.staff_name.toLowerCase().includes(query))
-                );
-            }
-
-            if (dStart) {
-                const sDate = new Date(dStart);
-                filtered = filtered.filter(o => new Date(o.created_at.split(' ')[0]) >= sDate);
-            }
-
-            if (dEnd) {
-                const eDate = new Date(dEnd);
-                filtered = filtered.filter(o => new Date(o.created_at.split(' ')[0]) <= eDate);
-            }
-
-            renderTable(filtered);
-        }
-
-        function clearDates() {
-            document.getElementById('dateStart').value = '';
-            document.getElementById('dateEnd').value = '';
-            filterOrders();
-        }
-
-        renderTable(orders);
-    </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, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
-    <title>{{ t('Админ-панель') }}</title>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <script src="https://unpkg.com/html5-qrcode" type="text/javascript"></script>
-    <style>
-        :root { --primary: #2d3436; --bg: #f4f6f9; --surface: #ffffff; --border: #e0e6ed; --danger: #ff7675; --success: #00b894; --info: #0984e3; --warning: #f39c12; }
-        * { box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
-        body { background: var(--bg); padding: max(20px, env(safe-area-inset-top)) 15px calc(20px + env(safe-area-inset-bottom)); margin: 0; color: #2d3436; }
-        .container { max-width: 1000px; margin: 0 auto; }
-        
-        .header-panel { background: var(--surface); padding: 20px; border-radius: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; }
-        .header-panel h1 { margin: 0; font-size: 1.5rem; font-weight: 800; }
-        .btn { padding: 14px 20px; border: none; border-radius: 12px; font-weight: 600; cursor: pointer; color: #fff; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-size: 16px; transition: opacity 0.2s; min-height: 44px; touch-action: manipulation; }
-        .btn:active { opacity: 0.8; }
-        .btn-primary { background: var(--info); }
-        .btn-success { background: var(--success); }
-        .btn-danger { background: var(--danger); }
-        .btn-warning { background: var(--warning); }
-        .btn-dark { background: var(--primary); }
-        .btn-outline { background: transparent; border: 1px solid var(--border); color: var(--primary); }
-
-        .sync-panel { display: flex; gap: 10px; margin-bottom: 25px; flex-wrap: wrap; }
-        .sync-panel form { flex: 1; min-width: 200px; }
-        .sync-panel button { width: 100%; }
-
-        .card { background: var(--surface); padding: 20px; border-radius: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); margin-bottom: 20px; }
-        .card h2 { margin-top: 0; margin-bottom: 15px; font-size: 1.2rem; }
-
-        input[type="text"], input[type="number"], input[type="url"], select, textarea, input[type="password"], input[type="file"] { width: 100%; padding: 16px 20px; border: 1px solid var(--border); border-radius: 12px; font-size: 16px; outline: none; transition: border-color 0.2s; background: #fafafa; box-sizing: border-box; }
-        input[type="text"]:focus, input[type="number"]:focus, input[type="url"]:focus, select:focus, textarea:focus, input[type="password"]:focus { border-color: var(--info); background: #fff; }
-        input[type="file"] { border: 1px dashed #ccc; cursor: pointer; }
-        textarea { resize: vertical; min-height: 80px; font-family: inherit; }
-        
-        .add-cat-form { display: flex; gap: 10px; flex-wrap: wrap; }
-        .add-cat-form input { flex: 1; min-width: 200px; }
-        .add-cat-form button { white-space: nowrap; }
-
-        .search-bar-admin { position: relative; margin-bottom: 20px; display: flex; box-shadow: 0 4px 15px rgba(0,0,0,0.03); border-radius: 12px; overflow: hidden; background: var(--surface); }
-        .search-bar-admin input { flex: 1; border: none; padding: 18px 20px; font-size: 16px; outline: none; border-radius: 0; background: transparent; }
-        .search-bar-admin button { border-radius: 0; padding: 0 30px; margin: 0; border: none; }
-
-        .category-block { border: 1px solid var(--border); margin-bottom: 15px; border-radius: 12px; overflow: hidden; background: #fff; content-visibility: auto; contain-intrinsic-size: auto 500px; }
-        .category-header { background: #fafafa; padding: 15px 20px; font-weight: 700; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--border); cursor: pointer; transition: background 0.2s; font-size: 1.1rem; min-height: 50px; }
-        .category-header:hover { background: #f0f0f0; }
-        .category-content { padding: 0; display: none; }
-        .category-content.active { display: block; }
-        
-        .product-item { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; border-bottom: 1px solid var(--border); flex-wrap: wrap; gap: 10px; }
-        .product-item:last-child { border-bottom: none; }
-        .product-info { display: flex; align-items: center; gap: 15px; min-width: 250px; flex: 1; }
-        .product-img { width: 50px; height: 50px; object-fit: cover; border-radius: 8px; border: 1px solid #eee; background: #fafafa; }
-        .product-details { display: flex; flex-direction: column; }
-        .product-name { font-weight: 600; font-size: 1.05rem; word-break: break-word; }
-        .product-desc { font-size: 0.9rem; color: #636e72; margin-top: 2px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
-        .product-meta { font-size: 0.85rem; color: #b2bec3; margin-top: 4px; }
-        .product-actions { display: flex; gap: 5px; flex-wrap: wrap; }
-        
-        .add-product-wrapper { display: none; }
-        .add-product-wrapper.active { display: block; }
-        .toggle-add-product { width: 100%; text-align: center; background: #fafafa; padding: 15px; cursor: pointer; color: var(--success); font-weight: 600; transition: background 0.2s; border-bottom: 1px solid var(--border); font-size: 1.05rem; min-height: 50px; display: flex; align-items: center; justify-content: center; }
-        .toggle-add-product:hover { background: #f0f0f0; }
-        
-        .add-product-form { background: #fdfdfd; padding: 20px; display: flex; flex-direction: column; gap: 15px; }
-        
-        .form-group { display: flex; flex-direction: column; gap: 8px; flex: 1; min-width: 150px; }
-        .form-group label { font-size: 1rem; font-weight: 600; color: #636e72; margin-bottom: 2px; }
-        .form-row { display: flex; gap: 15px; flex-wrap: wrap; }
-        
-        .file-input-wrapper { position: relative; width: 100%; }
-        
-        .settings-block { display: flex; flex-direction: column; gap: 15px; }
-        .settings-row { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; }
-        .settings-row label { flex: 1; min-width: 150px; font-weight: 600; font-size: 1.05rem; }
-        .settings-row input[type="text"], .settings-row input[type="url"], .settings-row input[type="file"], .settings-row select { flex: 3; }
-        .social-settings { display: flex; flex-direction: column; gap: 10px; padding: 15px; background: #fafafa; border-radius: 12px; border: 1px solid var(--border); }
-        .social-item { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
-        .social-item label { display: flex; align-items: center; gap: 5px; width: 150px; cursor: pointer; font-size: 1.05rem; }
-        
-        .variants-container { background: #f4f6f9; padding: 15px; border-radius: 12px; border: 1px dashed var(--border); display: flex; flex-direction: column; gap: 10px; }
-        .variant-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-start; background: #fff; padding: 15px; border-radius: 10px; border: 1px solid var(--border); }
-        .remove-variant-btn { color: var(--danger); background: none; border: none; font-size: 1.4rem; cursor: pointer; padding: 12px 5px; flex: 0 0 auto; touch-action: manipulation; }
-
-        .order-item { background: #fff; padding: 15px; border-radius: 12px; border: 1px solid var(--border); margin-bottom: 10px; }
-        .order-header { display: flex; justify-content: space-between; font-weight: bold; margin-bottom: 10px; font-size: 1.1rem; }
-        .order-actions { display: flex; gap: 10px; margin-top: 10px; flex-wrap: wrap; }
-
-        .staff-item { display: flex; flex-direction: column; gap: 10px; background: #fff; padding: 15px; border-radius: 12px; border: 1px solid var(--border); margin-bottom: 10px; }
-
-        .badge { background: var(--danger); color: white; padding: 4px 10px; border-radius: 12px; font-size: 0.9rem; margin-left: 5px; }
-
-        .pagination { display: flex; gap: 5px; flex-wrap: wrap; margin-top: 15px; justify-content: center; }
-        .pagination .btn { padding: 12px 16px; font-size: 16px; border-radius: 8px; }
-
-        @media (max-width: 600px) {
-            .header-panel { flex-direction: column; align-items: stretch; text-align: center; }
-            .product-item { flex-direction: column; align-items: stretch; }
-            .product-info { width: 100%; }
-            .product-actions { width: 100%; justify-content: flex-end; }
-            .form-row { flex-direction: column; gap: 10px; }
-            .form-group { width: 100%; flex: 1 1 100%; }
-            .variant-row { flex-direction: column; align-items: stretch; }
-            .remove-variant-btn { width: 100%; text-align: right; padding: 5px; }
-        }
-    </style>
-</head>
-<body>
-
-    {% macro render_pagination(current, total, param_name, extra_args) %}
-        {% if total > 1 %}
-        <div class="pagination" style="margin-bottom: 15px;">
-            {% if current > 1 %}
-                <a href="?{{ param_name }}={{ current - 1 }}{{ extra_args|safe }}" class="btn btn-outline">&laquo;</a>
-            {% endif %}
-            
-            {% set p_start = current - 2 if current - 2 > 1 else 1 %}
-            {% set p_end = current + 2 if current + 2 < total else total %}
-            
-            {% if p_start > 1 %}
-                <a href="?{{ param_name }}=1{{ extra_args|safe }}" class="btn btn-outline">1</a>
-                {% if p_start > 2 %}
-                    <span style="padding: 10px; color: #636e72;">...</span>
-                {% endif %}
-            {% endif %}
-            
-            {% for p in range(p_start, p_end + 1) %}
-                <a href="?{{ param_name }}={{ p }}{{ extra_args|safe }}" class="btn {% if p == current %}btn-primary{% else %}btn-outline{% endif %}">{{ p }}</a>
-            {% endfor %}
-            
-            {% if p_end < total %}
-                {% if p_end < total - 1 %}
-                    <span style="padding: 10px; color: #636e72;">...</span>
-                {% endif %}
-                <a href="?{{ param_name }}={{ total }}{{ extra_args|safe }}" class="btn btn-outline">{{ total }}</a>
-            {% endif %}
-            
-            {% if current < total %}
-                <a href="?{{ param_name }}={{ current + 1 }}{{ extra_args|safe }}" class="btn btn-outline">&raquo;</a>
-            {% endif %}
-        </div>
-        {% endif %}
-    {% endmacro %}
-
-    <div class="container">
-        {% set sys_mode = settings.system_mode|default('both') %}
-        <div class="header-panel">
-            <h1><i class="fas fa-cog"></i> {{ t('Админ-панель') }} ({{ env_id }})</h1>
-            <div style="display:flex; gap:10px; flex-wrap:wrap; justify-content:center;">
-                {% if sys_mode != 'light_external' %}
-                <a href="/{{ env_id }}/reports" class="btn btn-primary" style="background:#8e44ad;"><i class="fas fa-chart-line"></i> {{ t('Отчеты') }}</a>
-                {% endif %}
-                
-                {% if sys_mode not in ['external', 'light_external'] %}
-                <a href="/{{ env_id }}/inventory" class="btn btn-primary" style="background:#27ae60;">
-                    <i class="fas fa-boxes"></i> {{ t('Остатки') }}
-                    {% if low_stock_count > 0 %}<span class="badge" style="background:#e17055;">{{ low_stock_count }}</span>{% endif %}
-                </a>
-                {% if sys_mode == 'both' %}
-                <a href="/{{ env_id }}/purchases" class="btn btn-primary" style="background:#f1c40f; color:#2d3436;">
-                    <i class="fas fa-truck-loading"></i> Заказы поставщикам
-                </a>
-                {% endif %}
-                <a href="/{{ env_id }}/debts" class="btn btn-primary" style="background:#c0392b;">
-                    <i class="fas fa-hand-holding-usd"></i> Долги
-                </a>
-                {% endif %}
-                
-                {% if sys_mode == 'both' %}
-                    <a href="/{{ env_id }}/history" class="btn btn-primary" style="background:#34495e;"><i class="fas fa-history"></i> {{ t('История накладных и заказов') }}</a>
-                {% elif sys_mode in ['external', 'light_external'] %}
-                    <a href="/{{ env_id }}/history" class="btn btn-primary" style="background:#34495e;"><i class="fas fa-history"></i> {{ t('История заказов') }}</a>
-                {% else %}
-                    <a href="/{{ env_id }}/history" class="btn btn-primary" style="background:#34495e;"><i class="fas fa-history"></i> {{ t('История накладных') }}</a>
-                {% endif %}
-
-                {% if sys_mode != 'light_external' %}
-                <a href="/{{ env_id }}/assembly_list" class="btn btn-primary" style="background:#e67e22;">
-                    <i class="fas fa-box-open"></i> {{ t('Сборка') }}
-                    {% if unassembled_count > 0 %}<span class="badge">{{ unassembled_count }}</span>{% endif %}
-                </a>
-                {% endif %}
-
-                {% if sys_mode != 'internal' %}
-                <a href="/{{ env_id }}/catalog" class="btn btn-primary"><i class="fas fa-store"></i> {{ t('В каталог') }}</a>
-                {% endif %}
-                {% if settings.admin_password_enabled %}
-                <a href="/{{ env_id }}/logout" class="btn btn-danger"><i class="fas fa-sign-out-alt"></i> {{ t('Выход') }}</a>
-                {% endif %}
-            </div>
-        </div>
-        
-        <div class="sync-panel">
-             <form method="POST" action="/{{ env_id }}/force_upload" onsubmit="showLoading(this)">
-                 <button type="submit" class="btn btn-success"><i class="fas fa-cloud-upload-alt"></i> {{ t('Сохранить на сервер') }}</button>
-             </form>
-             <form method="POST" action="/{{ env_id }}/force_download" onsubmit="showLoading(this)">
-                 <button type="submit" class="btn btn-info" style="background:#0984e3;"><i class="fas fa-cloud-download-alt"></i> {{ t('Скачать с сервера') }}</button>
-             </form>
-        </div>
-
-        <div class="category-block" style="margin-bottom: 10px;">
-            <div class="category-header" onclick="toggleCategory('orders-panel')">
-                <div style="display: flex; align-items: center; gap: 10px;">
-                    <i class="fas fa-chevron-down" id="icon-orders-panel" style="color: #636e72;"></i>
-                    <span style="font-size: 1.1rem; color: #d35400;"><i class="fas fa-shopping-basket" style="margin-right:5px;"></i> {{ t('Онлайн заказы') }} {% if pending_orders|length > 0 %}<span class="badge">{{ pending_orders|length }}</span>{% endif %}</span>
-                </div>
-            </div>
-            <div class="category-content" id="orders-panel" style="padding: 20px; background: #fafafa;">
-                {% if pending_orders %}
-                    {% for order in pending_orders %}
-                    <div class="order-item">
-                        <div class="order-header">
-                            <span>Заказ №{{ order.id }}</span>
-                            <span style="color: #636e72; font-weight: normal;">{{ order.created_at }}</span>
-                        </div>
-                        <div style="font-size: 1.05rem; margin-bottom: 5px;">
-                            <div><b>Клиент:</b> {{ order.customer_name }} ({{ order.customer_phone }})</div>
-                            {% if order.staff_name %}<div><b>Сотрудник:</b> {{ order.staff_name }}</div>{% endif %}
-                            <div><b>Сумма:</b> {{ order.total_price }} {{ currency_code }}</div>
-                        </div>
-                        <div class="order-actions">
-                            <a href="/{{ env_id }}/order/{{ order.id }}" class="btn btn-outline" target="_blank" style="padding: 8px 12px; font-size: 16px;"><i class="fas fa-eye"></i> Накладная</a>
-                            <button type="button" class="btn btn-warning" style="padding: 8px 12px; font-size: 16px;" onclick="document.getElementById('discountModal-{{ order.id }}').style.display='flex'"><i class="fas fa-percent"></i> Сделать скидку</button>
-                            <form method="POST" action="/{{ env_id }}/order_action/{{ order.id }}" style="margin:0; display:inline-block;">
-                                <input type="hidden" name="action" value="confirm">
-                                <button type="submit" class="btn btn-success" style="padding: 8px 12px; font-size: 16px;"><i class="fas fa-check"></i> Подтвердить</button>
-                            </form>
-                            <form method="POST" action="/{{ env_id }}/order_action/{{ order.id }}" style="margin:0; display:inline-block;" onsubmit="return confirm('Удалить заказ?');">
-                                <input type="hidden" name="action" value="delete">
-                                <button type="submit" class="btn btn-danger" style="padding: 8px 12px; font-size: 16px;"><i class="fas fa-trash"></i> Удалить</button>
-                            </form>
-                        </div>
-                    </div>
-
-                    <div class="modal-overlay" id="discountModal-{{ order.id }}" style="z-index:9999; display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); align-items:center; justify-content:center;">
-                        <div style="background:#fff; padding:25px; border-radius:16px; width:100%; max-width:500px; max-height: 90vh; overflow-y: auto;">
-                            <h3 style="margin-top:0;">Скидка для заказа №{{ order.id }}</h3>
-                            <form method="POST" action="/{{ env_id }}/apply_discount/{{ order.id }}">
-                                <div style="margin-bottom: 15px;">
-                                    <label style="font-weight: bold; display:block; margin-bottom:5px; font-size: 1.05rem;">{{ t('Общая скидка на чек (сумма)') }} ({{ currency_code }}):</label>
-                                    <input type="number" name="global_discount" value="{{ order.global_discount }}" min="0" step="0.01">
-                                </div>
-                                <hr style="border: 0; border-top: 1px solid #ccc; margin: 15px 0;">
-                                <h4 style="margin-top:0;">Скидка на позиции (сумма за ед., {{ currency_code }}):</h4>
-                                {% for item in order.cart %}
-                                <div style="margin-bottom: 10px; display:flex; justify-content:space-between; align-items:center; gap: 10px;">
-                                    <div style="font-size:1.05rem; flex:1;">{{ item.name }} ({{ item.quantity }} шт.) <br> <span style="color:#636e72;">Цена за ед: {{ item.price }} {{ currency_code }}</span></div>
-                                    <input type="number" name="item_discount_{{ item.c_key }}" value="{{ item.discount }}" min="0" step="0.01" style="width: 120px;">
-                                </div>
-                                {% endfor %}
-                                <div style="display:flex; gap:10px; margin-top:20px;">
-                                    <button type="submit" class="btn btn-success" style="flex:1;">Сохранить скидку</button>
-                                    <button type="button" class="btn btn-danger" style="flex:1;" onclick="document.getElementById('discountModal-{{ order.id }}').style.display='none'">Отмена</button>
-                                </div>
-                            </form>
-                        </div>
-                    </div>
-                    {% endfor %}
-                {% else %}
-                    <p style="text-align: center; color: #636e72; font-size: 1.1rem;">Нет новых онлайн заказов</p>
-                {% endif %}
-            </div>
-        </div>
-
-        {% if sys_mode != 'internal' %}
-        <div class="category-block" style="margin-bottom: 10px;">
-            <div class="category-header" onclick="toggleCategory('catalog-users-panel')">
-                <div style="display: flex; align-items: center; gap: 10px;">
-                    <i class="fas fa-chevron-down" id="icon-catalog-users-panel" style="color: #636e72;"></i>
-                    <span style="font-size: 1.1rem; color: #8e44ad;"><i class="fas fa-user-lock" style="margin-right:5px;"></i> {{ t('Пользователи (Закрытый каталог)') }}</span>
-                </div>
-            </div>
-            <div class="category-content" id="catalog-users-panel" style="padding: 20px; background: #fafafa;">
-                <form method="POST" style="display:flex; gap:10px; flex-wrap:wrap; margin-bottom: 20px;">
-                    <input type="hidden" name="action" value="add_catalog_user">
-                    <input type="text" name="user_name" placeholder="Имя пользователя" required style="flex:1;">
-                    <button type="submit" class="btn btn-info" style="background:#8e44ad;"><i class="fas fa-plus"></i> Добавить</button>
-                </form>
-
-                <div id="catalogUsersListContainer">
-                    {% for u in catalog_users %}
-                    <div class="staff-item">
-                        <div style="display:flex; justify-content:space-between; align-items:center; flex-wrap: wrap; gap: 10px;">
-                            <span style="font-weight:bold; font-size: 1.05rem;">{{ u.name }}</span>
-                            <span style="background: #e8daef; padding: 8px 15px; border-radius: 8px; font-family: monospace; font-size: 1.2rem; color: #8e44ad;">Пароль: {{ u.password }}</span>
-                            <form method="POST" style="margin:0;" onsubmit="return confirm('Удалить пользователя?');">
-                                <input type="hidden" name="action" value="delete_catalog_user">
-                                <input type="hidden" name="user_id" value="{{ u.id }}">
-                                <button type="submit" class="btn btn-danger"><i class="fas fa-times"></i></button>
-                            </form>
-                        </div>
-                    </div>
-                    {% endfor %}
-                </div>
-            </div>
-        </div>
-        {% endif %}
-
-        {% if sys_mode != 'light_external' %}
-        <div class="category-block" style="margin-bottom: 10px;">
-            <div class="category-header" onclick="toggleCategory('staff-panel')">
-                <div style="display: flex; align-items: center; gap: 10px;">
-                    <i class="fas fa-chevron-down" id="icon-staff-panel" style="color: #636e72;"></i>
-                    <span style="font-size: 1.1rem; color: #2980b9;"><i class="fas fa-users" style="margin-right:5px;"></i> {{ t('Персонал') }}</span>
-                </div>
-            </div>
-            <div class="category-content" id="staff-panel" style="padding: 20px; background: #fafafa;">
-                <form method="POST" style="display:flex; gap:10px; flex-wrap:wrap; margin-bottom: 20px;">
-                    <input type="hidden" name="action" value="add_staff">
-                    <input type="text" name="staff_name" placeholder="Имя сотрудника" required style="flex:1;">
-                    <input type="text" name="staff_whatsapp" placeholder="WhatsApp (напр. +77001234567)" required style="flex:1;">
-                    <button type="submit" class="btn btn-info"><i class="fas fa-plus"></i> Добавить</button>
-                </form>
-
-                <div class="search-bar-admin" style="margin-bottom:15px; display:flex;">
-                    <input type="text" id="staffSearch" placeholder="Поиск сотрудника..." onkeydown="if(event.key==='Enter') debounceFilterStaff()" style="flex:1;">
-                    <button type="button" class="btn btn-primary" onclick="filterStaff()"><i class="fas fa-search"></i></button>
-                </div>
-
-                <div id="staffListContainer">
-                    {% for s in staff %}
-                    <div class="staff-item">
-                        <div style="display:flex; justify-content:space-between; align-items:center;">
-                            <span style="font-weight:bold; font-size:1.05rem;" class="staff-name-text">{{ s.name }} ({{ s.whatsapp }})</span>
-                            <form method="POST" style="margin:0;" onsubmit="return confirm('Удалить сотрудника?');">
-                                <input type="hidden" name="action" value="delete_staff">
-                                <input type="hidden" name="staff_id" value="{{ s.id }}">
-                                <button type="submit" class="btn btn-danger"><i class="fas fa-times"></i></button>
-                            </form>
-                        </div>
-                        <div style="display:flex; gap:10px; flex-wrap:wrap;">
-                            {% if sys_mode != 'internal' %}
-                            <button class="btn btn-outline" style="font-size:0.9rem;" onclick="copyToClipboard('{{ request.host_url[:-1] }}{{ url_for('catalog', env_id=env_id) }}?staff_id={{ s.id }}&mode=online')"><i class="fas fa-link"></i> Ссылка (Онлайн)</button>
-                            {% endif %}
-                            {% if sys_mode != 'external' %}
-                            <button class="btn btn-outline" style="font-size:0.9rem;" onclick="copyToClipboard('{{ request.host_url[:-1] }}{{ url_for('catalog', env_id=env_id) }}?staff_id={{ s.id }}&mode=pos')"><i class="fas fa-cash-register"></i> Ссылка (Касса)</button>
-                            {% endif %}
-                        </div>
-                    </div>
-                    {% endfor %}
-                </div>
-            </div>
-        </div>
-        {% endif %}
-
-        <div class="card" style="margin-bottom: 20px;">
-            <h2><i class="fas fa-database"></i> Импорт и Экспорт товаров</h2>
-            <div style="display:flex; gap:15px; flex-wrap:wrap;">
-                <div style="flex:1; min-width:250px; padding:20px; background:#fafafa; border:1px solid var(--border); border-radius:12px;">
-                    <h3>Экспорт</h3>
-                    <p style="font-size:1rem; color:#636e72;">Скачать текущую базу товаров в формате JSON.</p>
-                    <a href="/{{ env_id }}/export_products" class="btn btn-primary" target="_blank"><i class="fas fa-download"></i> Скачать JSON</a>
-                </div>
-                <div style="flex:1; min-width:250px; padding:20px; background:#fafafa; border:1px solid var(--border); border-radius:12px;">
-                    <h3>Импорт</h3>
-                    <p style="font-size:1rem; color:#636e72;">Загрузите JSON файл с товарами. <a href="#" onclick="alert('Формат JSON:\\n[\\n  {\\n    \x22name\x22: \x22Название\x22,\\n    \x22price\x22: 1000,\\n    \x22category\x22: \x22Категория\x22,\\n    \x22stock\x22: 10,\\n    \x22barcode\x22: \x2212345\x22\\n  }\\n]')">Показать образец</a></p>
-                    <form method="POST" enctype="multipart/form-data" style="display:flex; flex-direction:column; gap:10px;" onsubmit="showLoading(this)">
-                        <input type="hidden" name="action" value="import_products">
-                        <input type="file" name="import_file" accept=".json" required style="background: #fff;">
-                        <select name="import_mode">
-                            <option value="append">Добавить к текущим (обновить по ID)</option>
-                            <option value="replace">Удалить старые и заменить</option>
-                        </select>
-                        <button type="submit" class="btn btn-warning"><i class="fas fa-upload"></i> Загрузить</button>
-                    </form>
-                </div>
-            </div>
-        </div>
-
-        <div class="category-block" style="margin-bottom: 20px;">
-            <div class="category-header" onclick="toggleCategory('settings-panel')">
-                <div style="display: flex; align-items: center; gap: 10px;">
-                    <i class="fas fa-chevron-down" id="icon-settings-panel" style="color: #636e72;"></i>
-                    <span style="font-size: 1.1rem;"><i class="fas fa-sliders-h" style="color:var(--info); margin-right:5px;"></i> {{ t('Настройка магазина') }}</span>
-                </div>
-            </div>
-            <div class="category-content" id="settings-panel" style="padding: 20px;">
-                <form method="POST" enctype="multipart/form-data" class="settings-block" onsubmit="showLoading(this)">
-                    <input type="hidden" name="action" value="update_settings">
-                    
-                    <div class="settings-row">
-                        <label>{{ t('Язык интерфейса') }}:</label>
-                        <select name="language">
-                            <option value="ru" {% if settings.language == 'ru' %}selected{% endif %}>Русский</option>
-                            <option value="kk" {% if settings.language == 'kk' %}selected{% endif %}>Қазақша</option>
-                            <option value="uz" {% if settings.language == 'uz' %}selected{% endif %}>O'zbekcha</option>
-                        </select>
-                    </div>
-
-                    <div class="settings-row">
-                        <label>Название магазина:</label>
-                        <input type="text" name="organization_name" value="{{ settings.organization_name }}" required>
-                    </div>
-                    
-                    <div class="settings-row">
-                        <label>Подпись под логотипом в каталоге:</label>
-                        <input type="text" name="catalog_subtitle" value="{{ settings.catalog_subtitle }}" placeholder="Например: Добро пожаловать!">
-                    </div>
-                    
-                    <div class="settings-row">
-                        <label>Тема каталога:</label>
-                        <select name="theme">
-                            <option value="light" {% if settings.theme == 'light' %}selected{% endif %}>Светлая (по умолчанию)</option>
-                            <option value="dark" {% if settings.theme == 'dark' %}selected{% endif %}>Темная</option>
-                            <option value="magma" {% if settings.theme == 'magma' %}selected{% endif %}>Магма</option>
-                            <option value="ocean" {% if settings.theme == 'ocean' %}selected{% endif %}>Океан</option>
-                            <option value="forest" {% if settings.theme == 'forest' %}selected{% endif %}>Лес</option>
-                            <option value="cyberpunk" {% if settings.theme == 'cyberpunk' %}selected{% endif %}>Киберпанк</option>
-                        </select>
-                    </div>
-
-                    <div class="settings-row">
-                        <label>Тип бизнеса:</label>
-                        <select name="business_type">
-                            <option value="retail" {% if settings.business_type == 'retail' %}selected{% endif %}>Розница</option>
-                            <option value="mixed" {% if settings.business_type == 'mixed' %}selected{% endif %}>Оптово-розничный</option>
-                            <option value="wholesale" {% if settings.business_type == 'wholesale' %}selected{% endif %}>Оптовый</option>
-                        </select>
-                    </div>
-
-                    <div class="settings-row">
-                        <label>Валюта:</label>
-                        <select name="currency">
-                            <option value="₸" {% if settings.currency == '₸' %}selected{% endif %}>Тенге (₸)</option>
-                            <option value="₽" {% if settings.currency == '₽' %}selected{% endif %}>Российский рубль (₽)</option>
-                            <option value="С" {% if settings.currency == 'С' %}selected{% endif %}>Кыргызский сом (С)</option>
-                            <option value="Сум" {% if settings.currency == 'Сум' %}selected{% endif %}>Узбекский сум (Сум)</option>
-                            <option value="$" {% if settings.currency == '$' %}selected{% endif %}>Доллар США ($)</option>
-                        </select>
-                    </div>
-
-                    <div class="settings-row">
-                        <label>Мессенджер для заказов:</label>
-                        <select name="order_messenger">
-                            <option value="wa" {% if settings.order_messenger == 'wa' %}selected{% endif %}>WhatsApp</option>
-                            <option value="tg" {% if settings.order_messenger == 'tg' %}selected{% endif %}>Telegram</option>
-                        </select>
-                    </div>
-
-                    <div class="settings-row">
-                        <label>Контакт для заказов (Номер или @username):</label>
-                        <input type="text" name="order_contact" value="{{ settings.order_contact|default(settings.whatsapp_number) }}" placeholder="+77001234567 или @username" required>
-                    </div>
-
-                    <div class="settings-row">
-                        <label>Контактные номера на накладной (через запятую):</label>
-                        <input type="text" name="invoice_contacts" value="{{ settings.invoice_contacts }}" placeholder="+77001234567, +77007654321">
-                    </div>
-
-                    <div class="settings-row">
-                        <label>Логотип (загрузить):</label>
-                        <input type="file" name="logo" accept="image/*">
-                    </div>
-                    <div style="text-align: right; font-size: 0.9rem; color: #636e72;">Текущий логотип: <img src="{{ settings.logo_url }}" loading="lazy" style="height:40px; vertical-align:middle; border:1px solid #ccc; border-radius:6px; margin-left:10px;"></div>
-
-                    <div class="settings-row">
-                        <label>QR код 1 (загрузить):</label>
-                        <input type="file" name="qr_code_1" accept="image/*">
-                    </div>
-                    {% if settings.qr_code_1_url %}
-                    <div style="text-align: right; font-size: 0.9rem; color: #636e72;">Текущий QR 1: <img src="{{ settings.qr_code_1_url }}" loading="lazy" style="height:40px; vertical-align:middle; border:1px solid #ccc; border-radius:6px; margin-left:10px;"></div>
-                    {% endif %}
-
-                    <div class="settings-row">
-                        <label>QR код 2 (загрузить):</label>
-                        <input type="file" name="qr_code_2" accept="image/*">
-                    </div>
-                    {% if settings.qr_code_2_url %}
-                    <div style="text-align: right; font-size: 0.9rem; color: #636e72;">Текущий QR 2: <img src="{{ settings.qr_code_2_url }}" loading="lazy" style="height:40px; vertical-align:middle; border:1px solid #ccc; border-radius:6px; margin-left:10px;"></div>
-                    {% endif %}
-
-                    <div class="social-settings">
-                        <div style="font-weight: 600; margin-bottom: 5px; font-size: 1.1rem;">Поля для клиента (Оформление заказа):</div>
-                        <div style="display:flex; gap:15px; flex-wrap:wrap; margin-bottom: 15px;">
-                            <label><input type="checkbox" name="cf_name" {% if settings.customer_fields.name %}checked{% endif %}> Имя</label>
-                            <label><input type="checkbox" name="cf_phone" {% if settings.customer_fields.phone %}checked{% endif %}> Телефон</label>
-                            <label><input type="checkbox" name="cf_city" {% if settings.customer_fields.city %}checked{% endif %}> Город</label>
-                            <label><input type="checkbox" name="cf_address" {% if settings.customer_fields.address %}checked{% endif %}> Адрес</label>
-                            <label><input type="checkbox" name="cf_zip" {% if settings.customer_fields.zip %}checked{% endif %}> Индекс</label>
-                        </div>
-
-                        {% if sys_mode != 'external' %}
-                        <div style="font-weight: 600; margin-bottom: 5px; border-top: 1px solid var(--border); padding-top: 15px; font-size: 1.1rem;">Учет товара:</div>
-                        
-                        <label style="display:flex; align-items:center; gap:10px;">
-                            <input type="checkbox" name="use_master_boxes" style="width:auto;" {% if settings.use_master_boxes %}checked{% endif %}>
-                            {{ t('Включить учет больших коробок') }}
-                        </label>
-                        {% endif %}
-
-                        {% if sys_mode not in ['external', 'light_external'] %}
-                        <label><input type="checkbox" name="track_inventory" {% if settings.track_inventory %}checked{% endif %}> Включить остатки на складе</label>
-                        <label><input type="checkbox" name="use_barcodes" {% if settings.use_barcodes %}checked{% endif %}> Использовать штрих-коды</label>
-                        {% if sys_mode == 'both' %}
-                        <label><input type="checkbox" name="margin_tracking" {% if settings.margin_tracking %}checked{% endif %}> Включить учет маржи (себестоимость товара)</label>
-                        <label><input type="checkbox" name="hide_stock_online" {% if settings.hide_stock_online %}checked{% endif %}> Клиент не видит остатков (в каталоге для онлайн заказов)</label>
-                        {% endif %}
-                        {% endif %}
-
-                        {% if sys_mode != 'internal' %}
-                        <div style="font-weight: 600; margin-bottom: 5px; border-top: 1px solid var(--border); padding-top: 15px; margin-top: 10px; font-size: 1.1rem;">Доступ к каталогу:</div>
-                        <label><input type="checkbox" name="closed_catalog_enabled" {% if settings.closed_catalog_enabled %}checked{% endif %}> Включить закрытый каталог (доступ только по паролю из раздела пользователей)</label>
-                        {% endif %}
-
-                        <div style="font-weight: 600; margin-bottom: 5px; border-top:1px solid var(--border); padding-top: 15px; margin-top: 10px; font-size: 1.1rem;">Комиссия на заказы:</div>
-                        <div class="social-item" style="margin-bottom: 10px; flex-wrap: wrap;">
-                            <label style="width: auto; margin-right: 15px;"><input type="checkbox" name="commission_enabled" {% if settings.commission_enabled %}checked{% endif %}> Добавить комиссию</label>
-                            <input type="number" step="0.01" name="commission_percent" value="{{ settings.commission_percent }}" placeholder="Процент (например, 0.95)" style="flex: 1; min-width: 150px; padding: 12px; font-size: 16px;">
-                        </div>
-
-                        <div style="font-weight: 600; margin-bottom: 5px; border-top: 1px solid var(--border); padding-top: 15px; margin-top: 10px; font-size: 1.1rem;">Безопасность (Админ-панель):</div>
-                        <div class="social-item" style="margin-bottom: 10px; flex-wrap: wrap;">
-                            <label style="width: auto; margin-right: 15px;"><input type="checkbox" name="admin_password_enabled" {% if settings.admin_password_enabled %}checked{% endif %}> Пароль на вход</label>
-                            <input type="password" name="admin_password" value="{{ settings.admin_password }}" placeholder="Установите пароль" style="flex: 1; min-width: 150px; padding: 12px; font-size: 16px;">
-                        </div>
-
-                        <div style="font-weight: 600; margin-bottom: 5px; border-top: 1px solid var(--border); padding-top: 15px; margin-top: 10px; font-size: 1.1rem;">Социальные сети (каждая ссылка с новой строки или через пробел):</div>
-                        <div class="social-item" style="align-items: flex-start;">
-                            <label style="margin-top: 10px;"><input type="checkbox" name="wa_enabled" {% if settings.socials.wa.enabled %}checked{% endif %}> <i class="fab fa-whatsapp" style="color:#25D366; font-size:1.4rem;"></i> WhatsApp</label>
-                            <textarea name="wa_url" placeholder="https://wa.me/..." style="flex:1; min-height:60px;">{{ settings.socials.wa.url }}</textarea>
-                        </div>
-                        <div class="social-item" style="align-items: flex-start;">
-                            <label style="margin-top: 10px;"><input type="checkbox" name="ig_enabled" {% if settings.socials.ig.enabled %}checked{% endif %}> <i class="fab fa-instagram" style="color:#E1306C; font-size:1.4rem;"></i> Instagram</label>
-                            <textarea name="ig_url" placeholder="https://instagram.com/..." style="flex:1; min-height:60px;">{{ settings.socials.ig.url }}</textarea>
-                        </div>
-                        <div class="social-item" style="align-items: flex-start;">
-                            <label style="margin-top: 10px;"><input type="checkbox" name="tg_enabled" {% if settings.socials.tg.enabled %}checked{% endif %}> <i class="fab fa-telegram" style="color:#0088cc; font-size:1.4rem;"></i> Telegram</label>
-                            <textarea name="tg_url" placeholder="https://t.me/..." style="flex:1; min-height:60px;">{{ settings.socials.tg.url }}</textarea>
-                        </div>
-                        <div class="social-item" style="align-items: flex-start;">
-                            <label style="margin-top: 10px;"><input type="checkbox" name="kaspi_enabled" {% if settings.socials.kaspi.enabled %}checked{% endif %}> <i class="fas fa-shopping-bag" style="color:#f14635; font-size:1.4rem;"></i> Kaspi Магазин</label>
-                            <textarea name="kaspi_url" placeholder="https://kaspi.kz/..." style="flex:1; min-height:60px;">{{ settings.socials.kaspi.url }}</textarea>
-                        </div>
-                    </div>
-
-                    <button type="submit" class="btn btn-success" style="align-self: flex-end; width: 100%; justify-content: center; padding: 16px; margin-top: 10px;"><i class="fas fa-save"></i> Сохранить настройки</button>
-                </form>
-                
-                <div style="font-weight: 600; margin-bottom: 5px; border-top: 1px solid var(--border); padding-top: 15px; margin-top: 20px; color: var(--danger); font-size: 1.1rem;">Сброс данных:</div>
-                <form method="POST" onsubmit="return confirm('Вы уверены, что хотите удалить ВСЮ историю продаж и заказов? Это действие необратимо!');">
-                    <input type="hidden" name="action" value="clear_history">
-                    <button type="submit" class="btn btn-danger" style="width: 100%; justify-content: center; padding: 16px;"><i class="fas fa-eraser"></i> Сбросить историю продаж</button>
-                </form>
-            </div>
-        </div>
-
-        <div class="card">
-            <h2>Управление категориями</h2>
-            <form method="POST" enctype="multipart/form-data" class="add-cat-form">
-                <input type="hidden" name="action" value="add_category">
-                <input type="text" name="category_name" placeholder="Название новой категории" required autocomplete="off" style="padding: 16px; font-size: 16px;">
-                <input type="file" name="category_photo" accept="image/*" title="Фото категории" style="padding: 12px; font-size: 16px;">
-                <button type="submit" class="btn btn-dark" style="min-height: 50px;"><i class="fas fa-plus"></i> Добавить</button>
-            </form>
-        </div>
-
-        {% set search_q = request.args.get('q', '').lower() %}
-        {% set cat_page = request.args.get('page', 1)|int %}
-        {% set per_page = 10 %}
-
-        <div class="search-bar-admin">
-            <form method="GET" style="display: flex; width: 100%; position: relative; margin:0;">
-                <input type="text" name="q" value="{{ request.args.get('q', '') }}" placeholder="Поиск по товарам (ID, Название, Штрихкод)..." style="width: 100%;">
-                <button type="submit" class="btn btn-primary" style="border-radius: 0 12px 12px 0;"><i class="fas fa-search"></i></button>
-            </form>
-        </div>
-
-        {% set filtered_cats = [] %}
-        {% if search_q %}
-            {% for c in categories %}
-                {% set ns_cat = namespace(match=false) %}
-                {% if search_q in c|lower %}
-                    {% set ns_cat.match = true %}
-                {% else %}
-                    {% for p in products %}
-                        {% if p.category == c %}
-                            {% if search_q in p.name|lower or search_q in p.product_id|lower or (p.barcode and search_q in p.barcode|lower) %}
-                                {% set ns_cat.match = true %}
-                            {% else %}
-                                {% for v in p.variants %}
-                                    {% if v.barcode and search_q in v.barcode|lower %}
-                                        {% set ns_cat.match = true %}
-                                    {% endif %}
-                                {% endfor %}
-                            {% endif %}
-                        {% endif %}
-                    {% endfor %}
-                {% endif %}
-                {% if ns_cat.match %}
-                    {% set _ = filtered_cats.append(c) %}
-                {% endif %}
-            {% endfor %}
-        {% else %}
-            {% set filtered_cats = categories %}
-        {% endif %}
-
-        {% set total_cats = filtered_cats|length %}
-        {% set total_pages = (total_cats / per_page)|round(0, 'ceil')|int %}
-        {% if total_pages == 0 %}{% set total_pages = 1 %}{% endif %}
-        
-        {% set start_idx = (cat_page - 1) * per_page %}
-        {% set end_idx = start_idx + per_page %}
-        {% set paged_cats = filtered_cats[start_idx:end_idx] %}
-
-        {% for category in paged_cats %}
-        <div class="category-block">
-            <div class="category-header" onclick="toggleCategory('cat-{{ loop.index }}')">
-                <div style="display: flex; align-items: center; gap: 10px;">
-                    <i class="fas fa-chevron-down" id="icon-cat-{{ loop.index }}" style="color: #636e72;"></i>
-                    <span class="cat-title-text"><i class="fas fa-folder-open" style="color:var(--info); margin-right:5px;"></i> {{ category }}</span>
-                </div>
-                <div style="display: flex; gap: 5px; align-items: center;">
-                    <form method="POST" style="margin:0;" onclick="event.stopPropagation();">
-                        <input type="hidden" name="action" value="move_category">
-                        <input type="hidden" name="direction" value="up">
-                        <input type="hidden" name="category_name" value="{{ category }}">
-                        <button type="submit" class="btn btn-outline" style="padding: 10px 14px;"><i class="fas fa-arrow-up"></i></button>
-                    </form>
-                    <form method="POST" style="margin:0;" onclick="event.stopPropagation();">
-                        <input type="hidden" name="action" value="move_category">
-                        <input type="hidden" name="direction" value="down">
-                        <input type="hidden" name="category_name" value="{{ category }}">
-                        <button type="submit" class="btn btn-outline" style="padding: 10px 14px;"><i class="fas fa-arrow-down"></i></button>
-                    </form>
-                    <form method="POST" style="margin:0;" onclick="event.stopPropagation();" onsubmit="return confirm('Удалить категорию и все ее товары?');">
-                        <input type="hidden" name="action" value="delete_category">
-                        <input type="hidden" name="category_name" value="{{ category }}">
-                        <button type="submit" class="btn btn-danger" style="margin-left:5px; padding: 10px 14px;"><i class="fas fa-trash-alt"></i></button>
-                    </form>
-                </div>
-            </div>
-            <div class="category-content {% if search_q %}active{% endif %}" id="cat-{{ loop.index }}">
-                
-                <form method="POST" enctype="multipart/form-data" style="margin-bottom: 15px; padding: 20px; background: #fff; border-bottom: 1px solid var(--border); display:flex; gap:15px; flex-wrap: wrap;">
-                    <input type="hidden" name="action" value="edit_category">
-                    <input type="hidden" name="old_category_name" value="{{ category }}">
-                    
-                    <div style="display:flex; flex-direction:column; gap:10px; flex:1; min-width: 250px;">
-                        <input type="text" name="new_category_name" value="{{ category }}" required>
-                        <div>
-                            <label style="font-size:0.95rem; font-weight:600; color:#636e72;">Фото категории (опционально, 512x512):</label>
-                            <input type="file" name="category_photo" accept="image/*" style="padding: 10px;">
-                        </div>
-                    </div>
-                    
-                    {% if category_photos.get(category) %}
-                    <div style="margin-right: 10px;">
-                        <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/category_photos/{{ category_photos.get(category) }}" loading="lazy" style="width:80px;height:80px;object-fit:cover;border-radius:12px;border:1px solid var(--border);">
-                    </div>
-                    {% endif %}
-
-                    <button type="submit" class="btn btn-warning" style="align-self: flex-start; min-height: 44px;"><i class="fas fa-edit"></i> Сохранить категорию</button>
-                </form>
-
-                <div class="toggle-add-product" onclick="toggleAddProduct('add-prod-{{ loop.index }}')">
-                    <i class="fas fa-plus"></i> Добавить товар
-                </div>
-                
-                <div class="add-product-wrapper" id="add-prod-{{ loop.index }}">
-                    <form class="add-product-form" method="POST" enctype="multipart/form-data" onsubmit="showLoading(this)">
-                        <input type="hidden" name="action" value="add_product">
-                        <input type="hidden" name="category" value="{{ category }}">
-                        <div style="font-weight: 600; font-size: 1.1rem; color: #636e72; margin-bottom: 10px;">Новый товар в категории "{{ category }}"</div>
-                        
-                        <div class="form-row">
-                            <div class="form-group" style="flex:2;">
-                                <label>Название товара</label>
-                                <input type="text" name="name" placeholder="Введите название" required autocomplete="off">
-                            </div>
-
-                            <div class="form-group" style="flex:1;">
-                                <label>Наличие</label>
-                                <select name="is_available" style="padding: 16px 20px; font-size: 16px; border-radius: 12px; border: 1px solid var(--border); background: #fafafa;">
-                                    <option value="1" selected>В наличии</option>
-                                    <option value="0">Нет в наличии</option>
-                                </select>
-                            </div>
-                            
-                            {% if settings.use_barcodes and sys_mode not in ['external', 'light_external'] %}
-                            <div class="form-group main-barcode-container">
-                                <label>Штрих-код</label>
-                                <div style="display:flex; gap:5px;">
-                                    <input type="text" name="barcode" placeholder="Штрих-код" class="main-barcode-input">
-                                    <button type="button" class="btn btn-outline" style="padding: 16px;" onclick="startScanner(val => this.previousElementSibling.value = val)"><i class="fas fa-barcode"></i></button>
-                                </div>
-                            </div>
-                            {% endif %}
-                            
-                            <div class="form-group main-price-container">
-                                <label>Цена за ед.</label>
-                                <input type="number" name="price" placeholder="Цена" step="0.01" class="main-price-input" required>
-                            </div>
-
-                            {% if settings.margin_tracking and sys_mode == 'both' %}
-                            <div class="form-group main-cost-price-container">
-                                <label style="color:#e67e22;">Себестоимость</label>
-                                <input type="number" name="cost_price" placeholder="Себестоимость" step="0.01" class="main-cost-price-input">
-                            </div>
-                            {% endif %}
-                            
-                            {% if settings.business_type != 'retail' %}
-                            <div class="form-group">
-                                <label>В уп. (шт)</label>
-                                <input type="number" name="pieces_per_box" placeholder="Шт в уп." min="1" required>
-                            </div>
-                            {% if settings.use_master_boxes %}
-                            <div class="form-group">
-                                <label>В кор. (шт)</label>
-                                <input type="number" name="pieces_per_master_box" placeholder="Шт в кор." min="1">
-                            </div>
-                            {% endif %}
-                            {% endif %}
-                            
-                            {% if settings.business_type == 'mixed' %}
-                            <div class="form-group main-box-price-container">
-                                <label>Цена за упаковку</label>
-                                <input type="number" name="box_price" placeholder="Опционально" step="0.01" class="main-box-price-input">
-                            </div>
-                            {% endif %}
-                            
-                            {% if settings.business_type == 'wholesale' %}
-                            <div class="form-group">
-                                <label>Мин. заказ (шт)</label>
-                                <input type="number" name="min_order" placeholder="Мин. кол-во" min="1" required>
-                            </div>
-                            {% endif %}
-
-                            {% if settings.track_inventory and sys_mode not in ['external', 'light_external'] %}
-                            <div class="form-group main-stock-container">
-                                <label>Остаток на складе</label>
-                                <input type="number" name="stock" placeholder="Остаток" class="main-stock-input">
-                            </div>
-                            {% endif %}
-                        </div>
-
-                        {% if settings.business_type == 'wholesale' %}
-                        <div class="form-group main-tiers-container">
-                            <label>Оптовые цены (от кол-ва)</label>
-                            <div id="main-tiers-list-add-{{ loop.index }}"></div>
-                            <button type="button" class="btn btn-outline" style="padding: 10px; font-size:16px; margin-top:5px; min-height: 44px;" onclick="addTierRow('main-tiers-list-add-{{ loop.index }}', 'main')"><i class="fas fa-plus"></i> Добавить оптовую цену</button>
-                        </div>
-                        {% endif %}
-                        
-                        <div class="variants-container" id="variants-container-add-{{ loop.index }}">
-                            <div style="display:flex; justify-content:space-between; align-items:center;">
-                                <label style="font-weight:600; font-size:1.05rem;"><i class="fas fa-tags"></i> Варианты товара</label>
-                                <label style="font-size:16px; cursor:pointer;"><input type="checkbox" name="has_variant_prices" onchange="toggleVariantPrices(this, 'add-prod-{{ loop.index }}')" style="width:auto; display:inline-block; margin-right:5px; height: 18px;"> Разные цены</label>
-                            </div>
-                            <div id="variants-list-add-{{ loop.index }}"></div>
-                            <button type="button" class="btn btn-outline" style="padding: 10px 15px; font-size:16px; min-height: 44px;" onclick="addVariantRow('variants-list-add-{{ loop.index }}')"><i class="fas fa-plus"></i> Добавить вариант</button>
-                        </div>
-
-                        <div class="form-group" style="width: 100%;">
-                            <label>Описание товара</label>
-                            <textarea name="description" placeholder="Описание товара (необязательно)"></textarea>
-                        </div>
-                        
-                        <div class="file-input-wrapper">
-                            <label style="font-size: 1rem; font-weight: 600; color: #636e72; display:block; margin-bottom:8px;">Фотографии товара (до 10 шт)</label>
-                            <input type="file" name="photos" accept="image/*" multiple max="10" style="padding: 12px; font-size: 16px;">
-                        </div>
-                        <button type="submit" class="btn btn-success" style="width: 100%; justify-content: center; padding: 18px; font-size: 1.15rem; min-height: 50px;"><i class="fas fa-check"></i> Сохранить товар</button>
-                    </form>
-                </div>
-
-                {% set ns = namespace(count=0) %}
-                {% for product in products %}
-                    {% if product.category == category %}
-                        {% set ns_prod = namespace(match=false) %}
-                        {% if not search_q %}
-                            {% set ns_prod.match = true %}
-                        {% else %}
-                            {% if search_q in product.name|lower or search_q in product.product_id|lower or search_q in category|lower or (product.barcode and search_q in product.barcode|lower) %}
-                                {% set ns_prod.match = true %}
-                            {% else %}
-                                {% for v in product.variants %}
-                                    {% if v.barcode and search_q in v.barcode|lower %}
-                                        {% set ns_prod.match = true %}
-                                    {% endif %}
-                                {% endfor %}
-                            {% endif %}
-                        {% endif %}
-
-                        {% if ns_prod.match %}
-                            {% if ns.count < 50 or search_q %}
-                            <div class="product-item" data-pid="{{ product.product_id }}">
-                                <div class="product-info">
-                                    {% if product.photos and product.photos|length > 0 %}
-                                        <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product.photos[0] }}" loading="lazy" class="product-img" style="{% if product.is_available == False %}filter: grayscale(100%);{% endif %}">
-                                    {% else %}
-                                        <div class="product-img" style="display:flex;align-items:center;justify-content:center;color:#ccc;"><i class="fas fa-image"></i></div>
-                                    {% endif %}
-                                    <div class="product-details">
-                                        <span class="product-name" style="{% if product.is_available == False %}color:#b2bec3; text-decoration:line-through;{% endif %}">{{ product.name }}</span>
-                                        <div style="font-size:0.85rem; color:#b2bec3;">ID: {{ product.product_id }}</div>
-                                        {% if product.description %}
-                                        <span class="product-desc">{{ product.description[:50] }}{{ '...' if product.description|length > 50 else '' }}</span>
-                                        {% endif %}
-                                        <span class="product-meta">
-                                            {% if product.is_available == False %}
-                                                <strong style="color:var(--danger);">Нет в наличии</strong> • 
-                                            {% endif %}
-                                            {% if product.has_variant_prices %}
-                                                Цена по вариантам
-                                            {% else %}
-                                                {{ product.price }} {{ currency_code }}
-                                                {% if settings.business_type == 'mixed' and product.box_price %} (Уп: {{ product.box_price }}){% endif %}
-                                                {% if settings.margin_tracking and sys_mode == 'both' and product.cost_price %}
-                                                    <span style="color:#e67e22;">| Себестоимость: {{ product.cost_price }} {{ currency_code }}</span>
-                                                {% endif %}
-                                            {% endif %} 
-                                            
-                                            {% if settings.business_type != 'retail' %}
-                                            • В уп: {{ product.pieces_per_box|default(1) }} шт
-                                            {% if settings.use_master_boxes and product.pieces_per_master_box %}
-                                            • В кор: {{ product.pieces_per_master_box }} шт
-                                            {% endif %}
-                                            {% endif %}
-                                            
-                                            {% if settings.business_type == 'wholesale' and product.min_order %}
-                                            • Мин: {{ product.min_order }} шт
-                                            {% endif %}
-
-                                            {% if settings.track_inventory and sys_mode not in ['external', 'light_external'] %}
-                                                {% if not product.variants %}
-                                                • Остаток: {{ product.stock if product.stock != "" else "0" }}
-                                                {% else %}
-                                                • Остаток по вариантам
-                                                {% endif %}
-                                            {% endif %}
-                                        </span>
-                                    </div>
-                                </div>
-                                <div class="product-actions" style="align-items: center; justify-content: flex-end;">
-                                    <form method="POST" style="margin:0;">
-                                        <input type="hidden" name="action" value="move_product">
-                                        <input type="hidden" name="direction" value="up">
-                                        <input type="hidden" name="product_id" value="{{ product.product_id }}">
-                                        <button type="submit" class="btn btn-outline" style="padding: 10px 14px;"><i class="fas fa-arrow-up"></i></button>
-                                    </form>
-                                    <form method="POST" style="margin:0;">
-                                        <input type="hidden" name="action" value="move_product">
-                                        <input type="hidden" name="direction" value="down">
-                                        <input type="hidden" name="product_id" value="{{ product.product_id }}">
-                                        <button type="submit" class="btn btn-outline" style="padding: 10px 14px; margin-right:5px;"><i class="fas fa-arrow-down"></i></button>
-                                    </form>
-
-                                    <button class="btn btn-warning" style="padding: 10px 14px;" onclick="toggleEditProduct('edit-prod-{{ product.product_id }}')"><i class="fas fa-edit"></i></button>
-                                    <form method="POST" style="margin:0;" onsubmit="return confirm('Удалить товар?');">
-                                        <input type="hidden" name="action" value="delete_product">
-                                        <input type="hidden" name="product_id" value="{{ product.product_id }}">
-                                        <button type="submit" class="btn btn-danger" style="padding: 10px 14px;"><i class="fas fa-times"></i></button>
-                                    </form>
-                                </div>
-                                
-                                <div class="add-product-wrapper" id="edit-prod-{{ product.product_id }}" style="width: 100%; margin-top: 15px; border-top: 1px dashed var(--border); padding-top: 15px;">
-                                    <form class="add-product-form" method="POST" enctype="multipart/form-data" onsubmit="showLoading(this)" style="padding: 0;">
-                                        <input type="hidden" name="action" value="edit_product">
-                                        <input type="hidden" name="product_id" value="{{ product.product_id }}">
-                                        <div style="font-weight: 600; font-size: 1.1rem; color: #636e72; margin-bottom: 10px;">Редактирование товара</div>
-                                        
-                                        <div class="form-row">
-                                            <div class="form-group" style="flex:2;">
-                                                <label>Название товара</label>
-                                                <input type="text" name="name" value="{{ product.name }}" required autocomplete="off">
-                                            </div>
-
-                                            <div class="form-group" style="flex:1;">
-                                                <label>Категория</label>
-                                                <select name="new_category" required style="padding: 16px 20px; font-size: 16px; border-radius: 12px; border: 1px solid var(--border); background: #fafafa;">
-                                                    {% for cat in categories %}
-                                                    <option value="{{ cat }}" {% if product.category == cat %}selected{% endif %}>{{ cat }}</option>
-                                                    {% endfor %}
-                                                </select>
-                                            </div>
-
-                                            <div class="form-group" style="flex:1;">
-                                                <label>Наличие</label>
-                                                <select name="is_available" style="padding: 16px 20px; font-size: 16px; border-radius: 12px; border: 1px solid var(--border); background: #fafafa;">
-                                                    <option value="1" {% if product.is_available != False %}selected{% endif %}>В наличии</option>
-                                                    <option value="0" {% if product.is_available == False %}selected{% endif %}>Нет в наличии</option>
-                                                </select>
-                                            </div>
-                                            
-                                            {% if settings.use_barcodes and sys_mode not in ['external', 'light_external'] %}
-                                            <div class="form-group main-barcode-container" {% if product.variants %}style="display:none;"{% endif %}>
-                                                <label>Штрих-код</label>
-                                                <div style="display:flex; gap:5px;">
-                                                    <input type="text" name="barcode" value="{{ product.barcode }}" class="main-barcode-input">
-                                                    <button type="button" class="btn btn-outline" style="padding: 16px;" onclick="startScanner(val => this.previousElementSibling.value = val)"><i class="fas fa-barcode"></i></button>
-                                                </div>
-                                            </div>
-                                            {% endif %}
-                                            
-                                            <div class="form-group main-price-container" {% if product.has_variant_prices %}style="display:none;"{% endif %}>
-                                                <label>Цена за ед.</label>
-                                                <input type="number" name="price" value="{{ product.price }}" step="0.01" class="main-price-input" {% if not product.has_variant_prices %}required{% endif %}>
-                                            </div>
-
-                                            {% if settings.margin_tracking and sys_mode == 'both' %}
-                                            <div class="form-group main-cost-price-container" {% if product.has_variant_prices %}style="display:none;"{% endif %}>
-                                                <label style="color:#e67e22;">Себестоимость</label>
-                                                <input type="number" name="cost_price" value="{{ product.cost_price }}" step="0.01" class="main-cost-price-input">
-                                            </div>
-                                            {% endif %}
-                                            
-                                            {% if settings.business_type != 'retail' %}
-                                            <div class="form-group">
-                                                <label>В уп. (шт)</label>
-                                                <input type="number" name="pieces_per_box" value="{{ product.pieces_per_box }}" min="1" required>
-                                            </div>
-                                            {% if settings.use_master_boxes %}
-                                            <div class="form-group">
-                                                <label>В кор. (шт)</label>
-                                                <input type="number" name="pieces_per_master_box" value="{{ product.pieces_per_master_box }}" min="1">
-                                            </div>
-                                            {% endif %}
-                                            {% endif %}
-                                            
-                                            {% if settings.business_type == 'mixed' %}
-                                            <div class="form-group main-box-price-container" {% if product.has_variant_prices %}style="display:none;"{% endif %}>
-                                                <label>Цена за упаковку</label>
-                                                <input type="number" name="box_price" value="{{ product.box_price }}" step="0.01" class="main-box-price-input">
-                                            </div>
-                                            {% endif %}
-                                            
-                                            {% if settings.business_type == 'wholesale' %}
-                                            <div class="form-group">
-                                                <label>Мин. заказ (шт)</label>
-                                                <input type="number" name="min_order" value="{{ product.min_order }}" min="1" required>
-                                            </div>
-                                            {% endif %}
-
-                                            {% if settings.track_inventory and sys_mode not in ['external', 'light_external'] %}
-                                            <div class="form-group main-stock-container" {% if product.variants %}style="display:none;"{% endif %}>
-                                                <label>Остаток на складе</label>
-                                                <input type="number" name="stock" value="{{ product.stock }}" class="main-stock-input">
-                                            </div>
-                                            {% endif %}
-                                        </div>
-
-                                        {% if settings.business_type == 'wholesale' %}
-                                        <div class="form-group main-tiers-container" {% if product.has_variant_prices %}style="display:none;"{% endif %}>
-                                            <label>Оптовые цены (от кол-ва)</label>
-                                            <div id="main-tiers-list-edit-{{ product.product_id }}">
-                                                {% for tier in product.wholesale_tiers %}
-                                                <div style="display:flex; gap:10px; margin-top:10px;">
-                                                    <input type="number" name="main_tier_qty[]" value="{{ tier.qty }}" placeholder="От (шт)" required style="width:120px;">
-                                                    <input type="number" name="main_tier_price[]" value="{{ tier.price }}" placeholder="Цена" step="0.01" required>
-                                                    <button type="button" onclick="this.parentElement.remove()" style="color:red; border:none; background:none; font-size:1.6rem; cursor:pointer;">&times;</button>
-                                                </div>
-                                                {% endfor %}
-                                            </div>
-                                            <button type="button" class="btn btn-outline" style="padding: 10px; font-size:16px; margin-top:10px; min-height: 44px;" onclick="addTierRow('main-tiers-list-edit-{{ product.product_id }}', 'main')"><i class="fas fa-plus"></i> Добавить оптовую цену</button>
-                                        </div>
-                                        {% endif %}
-
-                                        <div class="variants-container" id="variants-container-edit-{{ product.product_id }}">
-                                            <div style="display:flex; justify-content:space-between; align-items:center;">
-                                                <label style="font-weight:600; font-size:1.05rem;"><i class="fas fa-tags"></i> Варианты товара</label>
-                                                <label style="font-size:16px; cursor:pointer;"><input type="checkbox" name="has_variant_prices" onchange="toggleVariantPrices(this, 'edit-prod-{{ product.product_id }}')" {% if product.has_variant_prices %}checked{% endif %} style="width:auto; display:inline-block; margin-right:5px; height: 18px;"> Разные цены</label>
-                                            </div>
-                                            <div id="variants-list-edit-{{ product.product_id }}">
-                                                {% for variant in product.variants %}
-                                                <div class="variant-row">
-                                                    <div style="display:flex; flex-direction:column; gap:5px; margin-right: 5px;">
-                                                        <button type="button" class="btn btn-outline" style="padding: 8px;" onclick="moveVariant(this, 'up')"><i class="fas fa-arrow-up"></i></button>
-                                                        <button type="button" class="btn btn-outline" style="padding: 8px;" onclick="moveVariant(this, 'down')"><i class="fas fa-arrow-down"></i></button>
-                                                    </div>
-                                                    <div style="flex:1; display:flex; flex-wrap:wrap; gap:15px;">
-                                                        <div class="form-group">
-                                                            <label>Наличие</label>
-                                                            <select name="variant_is_available_{{ loop.index0 }}" style="padding: 16px 20px; font-size: 16px; border-radius: 12px; border: 1px solid var(--border); background: #fafafa;">
-                                                                <option value="1" {% if variant.is_available != False %}selected{% endif %}>Да</option>
-                                                                <option value="0" {% if variant.is_available == False %}selected{% endif %}>Нет</option>
-                                                            </select>
-                                                        </div>
-                                                        <div class="form-group">
-                                                            <label>Название</label>
-                                                            <input type="text" name="variant_name_{{ loop.index0 }}" value="{{ variant.name }}" placeholder="Цвет, размер" required>
-                                                        </div>
-                                                        
-                                                        <div class="form-group" style="min-width: 200px;">
-                                                            <label>Фото варианта</label>
-                                                            {% if variant.photo %}
-                                                            <div style="display:flex; gap:10px; align-items:center; margin-bottom:10px;">
-                                                                <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ variant.photo }}" loading="lazy" style="width:60px; height:60px; object-fit:cover; border-radius:8px; border:1px solid #ccc;">
-                                                                <label style="font-size:0.95rem; display:flex; align-items:center; gap:5px; margin:0;"><input type="checkbox" name="variant_remove_photo_{{ loop.index0 }}" value="1" style="width:auto; margin:0;"> Удалить</label>
-                                                                <input type="hidden" name="variant_existing_photo_{{ loop.index0 }}" value="{{ variant.photo }}">
-                                                            </div>
-                                                            {% endif %}
-                                                            <input type="file" name="variant_photo_{{ loop.index0 }}" accept="image/*" style="padding:10px; font-size: 16px;">
-                                                        </div>
-
-                                                        {% if settings.business_type != 'retail' %}
-                                                        <div class="form-group">
-                                                            <label>В уп. (шт)</label>
-                                                            <input type="number" name="variant_pieces_per_box_{{ loop.index0 }}" value="{{ variant.pieces_per_box }}" placeholder="Шт">
-                                                        </div>
-                                                        {% if settings.use_master_boxes %}
-                                                        <div class="form-group">
-                                                            <label>В кор. (шт)</label>
-                                                            <input type="number" name="variant_pieces_per_master_box_{{ loop.index0 }}" value="{{ variant.pieces_per_master_box }}" placeholder="Шт">
-                                                        </div>
-                                                        {% endif %}
-                                                        {% endif %}
-                                                        {% if settings.use_barcodes and sys_mode not in['external', 'light_external'] %}
-                                                        <div class="form-group">
-                                                            <label>Штрих-код</label>
-                                                            <div style="display:flex; gap:5px;">
-                                                                <input type="text" name="variant_barcode_{{ loop.index0 }}" value="{{ variant.barcode }}" placeholder="Код">
-                                                                <button type="button" class="btn btn-outline" style="padding: 16px;" onclick="startScanner(val => this.previousElementSibling.value = val)"><i class="fas fa-barcode"></i></button>
-                                                            </div>
-                                                        </div>
-                                                        {% endif %}
-                                                        <div class="form-group var-price-input" {% if not product.has_variant_prices %}style="display:none;"{% endif %}>
-                                                            <label>Цена</label>
-                                                            <input type="number" name="variant_price_{{ loop.index0 }}" value="{{ variant.price }}" placeholder="Цена за ед." step="0.01" {% if product.has_variant_prices %}required{% endif %}>
-                                                        </div>
-                                                        {% if settings.margin_tracking and sys_mode == 'both' %}
-                                                        <div class="form-group var-price-input" {% if not product.has_variant_prices %}style="display:none;"{% endif %}>
-                                                            <label style="color:#e67e22;">Себестоим.</label>
-                                                            <input type="number" name="variant_cost_price_{{ loop.index0 }}" value="{{ variant.cost_price }}" placeholder="Себестоимость" step="0.01">
-                                                        </div>
-                                                        {% endif %}
-                                                        {% if settings.business_type == 'mixed' %}
-                                                        <div class="form-group var-price-input" {% if not product.has_variant_prices %}style="display:none;"{% endif %}>
-                                                            <label>Цена уп.</label>
-                                                            <input type="number" name="variant_box_price_{{ loop.index0 }}" value="{{ variant.box_price }}" placeholder="Опционально" step="0.01">
-                                                        </div>
-                                                        {% endif %}
-                                                        {% if settings.track_inventory and sys_mode not in ['external', 'light_external'] %}
-                                                        <div class="form-group">
-                                                            <label>Остаток</label>
-                                                            <input type="number" name="variant_stock_{{ loop.index0 }}" value="{{ variant.stock }}" placeholder="Остаток">
-                                                        </div>
-                                                        {% endif %}
-                                                        
-                                                        {% if settings.business_type == 'wholesale' %}
-                                                        <div class="variant-tiers-container var-price-input" {% if not product.has_variant_prices %}style="display:none;"{% endif %} style="width:100%; margin-top:10px; padding:15px; background:#fafafa; border:1px solid #ddd; border-radius:12px;">
-                                                            <label style="font-size:1rem; font-weight:bold;">Оптовые цены варианта</label>
-                                                            <div id="var-tiers-list-edit-{{ product.product_id }}-{{ loop.index0 }}" class="var-tier-list">
-                                                                {% for tier in variant.wholesale_tiers %}
-                                                                <div style="display:flex; gap:10px; margin-top:10px;">
-                                                                    <input type="number" name="variant_{{ loop.index0 }}_tier_qty[]" value="{{ tier.qty }}" placeholder="От (шт)" required style="width:120px;">
-                                                                    <input type="number" name="variant_{{ loop.index0 }}_tier_price[]" value="{{ tier.price }}" placeholder="Цена" step="0.01" required>
-                                                                    <button type="button" onclick="this.parentElement.remove()" style="color:red; border:none; background:none; font-size:1.6rem; cursor:pointer;">&times;</button>
-                                                                </div>
-                                                                {% endfor %}
-                                                            </div>
-                                                            <button type="button" class="btn btn-outline btn-add-var-tier" style="padding: 10px 14px; font-size:16px; margin-top:10px; min-height: 44px;" onclick="addTierRow('var-tiers-list-edit-{{ product.product_id }}-{{ loop.index0 }}', 'variant', {{ loop.index0 }})"><i class="fas fa-plus"></i> Добавить оптовую цену</button>
-                                                        </div>
-                                                        {% endif %}
-
-                                                    </div>
-                                                    <input type="hidden" name="variant_indices[]" value="{{ loop.index0 }}">
-                                                    <button type="button" class="remove-variant-btn" onclick="const row = this.closest('.variant-row'); const listId = row.parentNode.id; row.remove(); updateMainStockVisibility('edit-prod-{{ product.product_id }}');"><i class="fas fa-times-circle"></i></button>
-                                                </div>
-                                                {% endfor %}
-                                            </div>
-                                            <button type="button" class="btn btn-outline" style="padding: 10px 15px; font-size:16px; min-height: 44px;" onclick="addVariantRow('variants-list-edit-{{ product.product_id }}')"><i class="fas fa-plus"></i> Добавить вариант</button>
-                                        </div>
-
-                                        <div class="form-group" style="width: 100%;">
-                                            <label>Описание товара</label>
-                                            <textarea name="description">{{ product.description }}</textarea>
-                                        </div>
-                                        
-                                        <div class="file-input-wrapper">
-                                            <label style="font-size: 1rem; font-weight: 600; color: #636e72; display:block; margin-bottom:8px;">Фотографии товара (до 10 шт)</label>
-                                            
-                                            {% if product.photos and product.photos|length > 0 %}
-                                            <div class="current-photos" style="display:flex; gap:15px; flex-wrap:wrap; margin-bottom:15px;">
-                                                {% for ph in product.photos %}
-                                                <div class="photo-preview" id="photo-{{ product.product_id }}-{{ loop.index }}" style="position:relative;">
-                                                    <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ ph }}" loading="lazy" style="width:80px;height:80px;object-fit:cover;border-radius:12px;">
-                                                    <button type="button" onclick="removePhoto('{{ product.product_id }}', '{{ ph }}', 'photo-{{ product.product_id }}-{{ loop.index }}')" style="position:absolute;top:-8px;right:-8px;background:red;color:white;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:bold; touch-action: manipulation;">&times;</button>
-                                                </div>
-                                                {% endfor %}
-                                            </div>
-                                            {% endif %}
-                                            <div id="removed-photos-{{ product.product_id }}"></div>
-
-                                            <label style="font-size: 1rem; font-weight: 600; color: #636e72; display:block; margin-bottom:8px; margin-top:10px;">Добавить новые фото</label>
-                                            <input type="file" name="photos" accept="image/*" multiple max="10" style="padding: 12px; font-size: 16px;">
-                                        </div>
-                                        <button type="submit" class="btn btn-primary" style="width: 100%; justify-content: center; padding: 18px; font-size: 1.15rem; min-height: 50px;"><i class="fas fa-save"></i> Сохранить изменения</button>
-                                    </form>
-                                </div>
-                            </div>
-                            {% endif %}
-                            {% set ns.count = ns.count + 1 %}
-                        {% endif %}
-                    {% endif %}
-                {% endfor %}
-                {% if ns.count > 50 and not search_q %}
-                <div style="padding: 20px; text-align: center; color: #636e72; background: #fafafa; border-top: 1px solid var(--border); font-weight: 600; font-size: 1.05rem;">
-                    Показано 50 из {{ ns.count }} товаров. Воспользуйтесь поиском, чтобы найти остальные.
-                </div>
-                {% endif %}
-            </div>
-        </div>
-        {% endfor %}
-        
-        {{ render_pagination(cat_page, total_pages, 'page', '&q=' ~ search_q) }}
-        
-    </div>
-    
-    <div class="modal-overlay" id="scannerModal" style="z-index:9999; display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); align-items:center; justify-content:center;">
-        <div style="background:#fff; padding:25px; border-radius:16px; width:100%; max-width:450px; text-align:center;">
-            <h3 style="margin-top:0; font-size: 1.3rem;">Сканирование</h3>
-            <div id="reader" style="width:100%; min-height:300px; margin-bottom:20px;"></div>
-            <button class="btn btn-danger" onclick="stopScanner()" style="width: 100%; padding: 15px; font-size: 1.1rem; min-height: 50px;">Отмена</button>
-        </div>
-    </div>
-
-    <script>
-        const trackInventory = {{ 'true' if settings.track_inventory and sys_mode not in ['external', 'light_external'] else 'false' }};
-        const useBarcodes = {{ 'true' if settings.use_barcodes and sys_mode not in ['external', 'light_external'] else 'false' }};
-        const useMasterBoxes = {{ 'true' if settings.use_master_boxes and sys_mode != 'external' else 'false' }};
-        const marginTracking = {{ 'true' if settings.margin_tracking and sys_mode == 'both' else 'false' }};
-        const businessType = '{{ settings.business_type }}';
-        
-        let globalVariantCounter = 1000;
-
-        function showLoading(form) {
-            const btn = form.querySelector('button[type="submit"]');
-            btn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Загрузка...';
-            btn.style.pointerEvents = 'none';
-            btn.style.opacity = '0.7';
-        }
-
-        function toggleCategory(id) {
-            const content = document.getElementById(id);
-            const icon = document.getElementById('icon-' + id);
-            if(content.classList.contains('active')) {
-                content.classList.remove('active');
-                icon.classList.remove('fa-chevron-up');
-                icon.classList.add('fa-chevron-down');
-            } else {
-                content.classList.add('active');
-                icon.classList.remove('fa-chevron-down');
-                icon.classList.add('fa-chevron-up');
-            }
-        }
-
-        function toggleAddProduct(id) {
-            const form = document.getElementById(id);
-            form.classList.toggle('active');
-        }
-
-        function toggleEditProduct(id) {
-            const form = document.getElementById(id);
-            form.classList.toggle('active');
-            
-            if(form.classList.contains('active')){
-                const cb = form.querySelector('input[name="has_variant_prices"]');
-                if(cb) {
-                    toggleVariantPrices(cb, id);
-                    updateMainStockVisibility(id);
-                }
-            }
-        }
-
-        function removePhoto(pid, filename, elId) {
-            const container = document.getElementById(`removed-photos-${pid}`);
-            const input = document.createElement('input');
-            input.type = 'hidden';
-            input.name = 'remove_photos[]';
-            input.value = filename;
-            container.appendChild(input);
-            document.getElementById(elId).style.display = 'none';
-        }
-
-        function addTierRow(containerId, type, varIndex = 0) {
-            const container = document.getElementById(containerId);
-            const div = document.createElement('div');
-            div.style.display = 'flex'; div.style.gap = '10px'; div.style.marginTop = '10px';
-            let namePrefix = type === 'main' ? 'main' : `variant_${varIndex}`;
-            div.innerHTML = `
-                <input type="number" name="${namePrefix}_tier_qty[]" placeholder="От (шт)" required style="width:120px;">
-                <input type="number" name="${namePrefix}_tier_price[]" placeholder="Цена" step="0.01" required>
-                <button type="button" onclick="this.parentElement.remove()" style="color:red; border:none; background:none; font-size:1.6rem; cursor:pointer; touch-action: manipulation;">&times;</button>
-            `;
-            container.appendChild(div);
-        }
-
-        function moveVariant(btn, direction) {
-            const row = btn.closest('.variant-row');
-            const list = row.parentNode;
-            if (direction === 'up' && row.previousElementSibling) {
-                list.insertBefore(row, row.previousElementSibling);
-            } else if (direction === 'down' && row.nextElementSibling) {
-                list.insertBefore(row.nextElementSibling, row);
-            }
-        }
-
-        function addVariantRow(containerId) {
-            const container = document.getElementById(containerId);
-            const formBlock = container.closest('form');
-            const formId = formBlock.parentElement.id;
-            const hasVariantPrices = formBlock.querySelector('input[name="has_variant_prices"]').checked;
-            
-            const div = document.createElement('div');
-            div.className = 'variant-row';
-            
-            let displayStyle = hasVariantPrices ? '' : 'style="display:none;"';
-            let reqAttr = hasVariantPrices ? 'required' : '';
-            
-            globalVariantCounter++;
-            const vId = globalVariantCounter;
-            
-            let html = `
-                <div style="display:flex; flex-direction:column; gap:5px; margin-right: 5px;">
-                    <button type="button" class="btn btn-outline" style="padding: 8px;" onclick="moveVariant(this, 'up')"><i class="fas fa-arrow-up"></i></button>
-                    <button type="button" class="btn btn-outline" style="padding: 8px;" onclick="moveVariant(this, 'down')"><i class="fas fa-arrow-down"></i></button>
-                </div>
-                <div style="flex:1; display:flex; flex-wrap:wrap; gap:15px;">
-                <div class="form-group">
-                    <label>Наличие</label>
-                    <select name="variant_is_available_${vId}" style="padding: 16px 20px; font-size: 16px; border-radius: 12px; border: 1px solid var(--border); background: #fafafa;">
-                        <option value="1" selected>Да</option>
-                        <option value="0">Нет</option>
-                    </select>
-                </div>
-                <div class="form-group">
-                    <label>Название</label>
-                    <input type="text" name="variant_name_${vId}" placeholder="Цвет, размер" required>
-                </div>
-                <div class="form-group" style="min-width: 200px;">
-                    <label>Фото варианта</label>
-                    <input type="file" name="variant_photo_${vId}" accept="image/*" style="padding:10px; font-size: 16px;">
-                </div>
-            `;
-            
-            if (businessType !== 'retail') {
-                html += `
-                <div class="form-group">
-                    <label>В уп. (шт)</label>
-                    <input type="number" name="variant_pieces_per_box_${vId}" placeholder="Шт">
-                </div>`;
-                if (useMasterBoxes) {
-                    html += `
-                    <div class="form-group">
-                        <label>В кор. (шт)</label>
-                        <input type="number" name="variant_pieces_per_master_box_${vId}" placeholder="Шт">
-                    </div>`;
-                }
-            }
-            
-            if (useBarcodes) {
-                html += `
-                <div class="form-group">
-                    <label>Штрих-код</label>
-                    <div style="display:flex; gap:5px;">
-                        <input type="text" name="variant_barcode_${vId}" placeholder="Код">
-                        <button type="button" class="btn btn-outline" style="padding: 16px;" onclick="startScanner(val => this.previousElementSibling.value = val)"><i class="fas fa-barcode"></i></button>
-                    </div>
-                </div>`;
-            }
-            
-            html += `
-                <div class="form-group var-price-input" ${displayStyle}>
-                    <label>Цена</label>
-                    <input type="number" name="variant_price_${vId}" placeholder="Цена за ед." step="0.01" ${reqAttr}>
-                </div>
-            `;
-
-            if (marginTracking) {
-                html += `
-                <div class="form-group var-price-input" ${displayStyle}>
-                    <label style="color:#e67e22;">Себестоим.</label>
-                    <input type="number" name="variant_cost_price_${vId}" placeholder="Себестоимость" step="0.01">
-                </div>
-                `;
-            }
-            
-            if (businessType === 'mixed') {
-                html += `
-                <div class="form-group var-price-input" ${displayStyle}>
-                    <label>Цена уп.</label>
-                    <input type="number" name="variant_box_price_${vId}" placeholder="Опционально" step="0.01">
-                </div>`;
-            }
-            
-            if (trackInventory) {
-                html += `
-                <div class="form-group">
-                    <label>Остаток</label>
-                    <input type="number" name="variant_stock_${vId}" placeholder="Остаток">
-                </div>`;
-            }
-
-            if (businessType === 'wholesale') {
-                html += `
-                <div class="variant-tiers-container var-price-input" ${displayStyle} style="width:100%; margin-top:10px; padding:15px; background:#fafafa; border:1px solid #ddd; border-radius:12px;">
-                    <label style="font-size:1rem; font-weight:bold;">Оптовые цены варианта</label>
-                    <div class="var-tier-list" id="var-tiers-list-add-${vId}"></div>
-                    <button type="button" class="btn btn-outline btn-add-var-tier" style="padding: 10px 14px; font-size:16px; margin-top:10px; min-height: 44px;" onclick="addTierRow('var-tiers-list-add-${vId}', 'variant', ${vId})"><i class="fas fa-plus"></i> Добавить оптовую цену</button>
-                </div>`;
-            }
-            
-            html += `</div>
-            <input type="hidden" name="variant_indices[]" value="${vId}">
-            <button type="button" class="remove-variant-btn" onclick="const row = this.closest('.variant-row'); row.remove(); updateMainStockVisibility('${formId}');"><i class="fas fa-times-circle"></i></button></div>`;
-            
-            div.innerHTML = html;
-            container.appendChild(div);
-            updateMainStockVisibility(formId);
-        }
-
-        function toggleVariantPrices(cb, formId) {
-            const form = document.getElementById(formId);
-            const mainPriceContainer = form.querySelector('.main-price-container');
-            const mainPriceInput = form.querySelector('.main-price-input');
-            const mainCostPriceContainer = form.querySelector('.main-cost-price-container');
-            const mainBoxPriceContainer = form.querySelector('.main-box-price-container');
-            const mainTiersContainer = form.querySelector('.main-tiers-container');
-            const varPriceInputs = form.querySelectorAll('.var-price-input');
-            
-            if (cb.checked) {
-                if(mainPriceContainer) mainPriceContainer.style.display = 'none';
-                if(mainPriceInput) mainPriceInput.removeAttribute('required');
-                if(mainCostPriceContainer) mainCostPriceContainer.style.display = 'none';
-                if(mainBoxPriceContainer) mainBoxPriceContainer.style.display = 'none';
-                if(mainTiersContainer) mainTiersContainer.style.display = 'none';
-                
-                varPriceInputs.forEach(input => {
-                    input.style.display = 'flex';
-                    const inps = input.querySelectorAll('input[name^="variant_price_"]');
-                    inps.forEach(inp => inp.setAttribute('required', 'required'));
-                });
-            } else {
-                if(mainPriceContainer) mainPriceContainer.style.display = 'flex';
-                if(mainPriceInput) mainPriceInput.setAttribute('required', 'required');
-                if(mainCostPriceContainer) mainCostPriceContainer.style.display = 'flex';
-                if(mainBoxPriceContainer) mainBoxPriceContainer.style.display = 'flex';
-                if(mainTiersContainer) mainTiersContainer.style.display = 'block';
-                
-                varPriceInputs.forEach(input => {
-                    input.style.display = 'none';
-                    const inps = input.querySelectorAll('input[name^="variant_price_"]');
-                    inps.forEach(inp => inp.removeAttribute('required'));
-                });
-            }
-        }
-
-        function updateMainStockVisibility(formId) {
-            const form = document.getElementById(formId);
-            const variants = form.querySelectorAll('.variant-row');
-            
-            if(trackInventory) {
-                const mainStock = form.querySelector('.main-stock-container');
-                if(mainStock) {
-                    if(variants.length > 0) mainStock.style.display = 'none';
-                    else mainStock.style.display = 'flex';
-                }
-            }
-            
-            if(useBarcodes) {
-                const mainBc = form.querySelector('.main-barcode-container');
-                if(mainBc) {
-                    if(variants.length > 0) mainBc.style.display = 'none';
-                    else mainBc.style.display = 'flex';
-                }
-            }
-        }
-        
-        let staffTimer;
-        function debounceFilterStaff() {
-            clearTimeout(staffTimer);
-            staffTimer = setTimeout(filterStaff, 300);
-        }
-
-        function filterStaff() {
-            const query = document.getElementById('staffSearch').value.toLowerCase();
-            const items = document.querySelectorAll('.staff-item');
-            items.forEach(item => {
-                const text = item.querySelector('.staff-name-text').innerText.toLowerCase();
-                if(text.includes(query)) {
-                    item.style.display = 'flex';
-                } else {
-                    item.style.display = 'none';
-                }
-            });
-        }
-
-        function copyToClipboard(text) {
-            let textArea = document.createElement("textarea");
-            textArea.value = text;
-            textArea.style.position = "fixed";
-            textArea.style.left = "-999999px";
-            document.body.appendChild(textArea);
-            textArea.focus();
-            textArea.select();
-            try {
-                document.execCommand('copy');
-                alert('Ссылка скопирована!');
-            } catch (err) {
-                alert('Не удалось скопировать ссылку');
-            }
-            document.body.removeChild(textArea);
-        }
-
-        function startScanner(callback) {
-            document.getElementById('scannerModal').style.display = 'flex';
-            const html5QrCode = new Html5Qrcode("reader");
-            const config = { fps: 10, qrbox: { width: 250, height: 250 } };
-            html5QrCode.start({ facingMode: "environment" }, config, (text) => {
-                html5QrCode.stop().then(() => {
-                    document.getElementById('scannerModal').style.display = 'none';
-                    callback(text);
-                });
-            }).catch(err => {
-                console.log(err);
-                alert('Не удалось запустить камеру');
-                document.getElementById('scannerModal').style.display = 'none';
-            });
-            window.currentScanner = html5QrCode;
-        }
-
-        function stopScanner() {
-            if(window.currentScanner) {
-                window.currentScanner.stop().catch(()=>{});
-            }
-            document.getElementById('scannerModal').style.display = 'none';
-        }
-        
-        document.querySelectorAll('.add-product-wrapper').forEach(wrapper => {
-            const cb = wrapper.querySelector('input[name="has_variant_prices"]');
-            if(cb) toggleVariantPrices(cb, wrapper.id);
-            updateMainStockVisibility(wrapper.id);
-        });
-    </script>
-</body>
-</html>
-'''
-
-REPORTS_TEMPLATE = '''
-<!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=Montserrat:wght@300;400;500;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 { --bg: #f4f6f9; --surface: #ffffff; --text: #2d3436; --border: #e0e6ed; --primary: #0984e3; --success: #00b894; --warning: #f39c12; }
-        body { font-family: 'Montserrat', sans-serif; background-color: var(--bg); color: var(--text); padding: 20px; margin: 0; }
-        .container { max-width: 1000px; margin: 0 auto; }
-        .header { display: flex; justify-content: space-between; align-items: center; background: var(--surface); padding: 20px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); margin-bottom: 20px; flex-wrap: wrap; gap: 15px; }
-        .header h1 { margin: 0; font-size: 1.5rem; }
-        .btn { padding: 12px 18px; border: none; border-radius: 10px; font-weight: 600; cursor: pointer; color: #fff; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; background: var(--primary); font-size: 16px; min-height: 44px; touch-action: manipulation; }
-        .filter-bar { background: var(--surface); padding: 20px; border-radius: 12px; display: flex; gap: 15px; align-items: center; flex-wrap: wrap; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); }
-        .filter-bar input { padding: 16px; border: 1px solid var(--border); border-radius: 8px; outline: none; font-family: inherit; font-size: 16px; width: 100%; box-sizing: border-box; }
-        
-        .tabs { display: flex; gap: 10px; margin-bottom: 20px; border-bottom: 2px solid var(--border); padding-bottom: 10px; flex-wrap: wrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
-        .tab { padding: 12px 20px; cursor: pointer; font-weight: 600; color: #636e72; border-radius: 10px; transition: background 0.2s; font-size: 16px; white-space: nowrap; }
-        .tab:hover { background: #e9ecef; }
-        .tab.active {background: var(--primary); color: #fff; }
-        
-        .tab-content { display: none; }
-        .tab-content.active { display: block; }
-
-        .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-bottom: 20px; }
-        .stat-card { background: var(--surface); padding: 20px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); display: flex; flex-direction: column; gap: 10px; position: relative; overflow: hidden; }
-        .stat-card .title { font-size: 1rem; color: #636e72; font-weight: 600; z-index: 2; }
-        .stat-card .value { font-size: 1.8rem; font-weight: 700; color: var(--text); z-index: 2; }
-        .stat-card.icon { font-size: 3rem; color: var(--primary); opacity: 0.1; position: absolute; right: 10px; bottom: -5px; z-index: 1; }
-
-        .table-container { background: var(--surface); padding: 20px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); overflow-x: auto; margin-bottom: 20px; }
-        table { width: 100%; border-collapse: collapse; min-width: 500px; }
-        th, td { padding: 15px; text-align: left; border-bottom: 1px solid var(--border); font-size: 16px; }
-        th { font-weight: 600; color: #636e72; background: #fafafa; }
-        
-        @media (max-width: 600px) {
-            .header { flex-direction: column; align-items: stretch; text-align: center; }
-            .filter-bar { flex-direction: column; align-items: stretch; }
-            .stats-grid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
-            .stat-card { padding: 15px; }
-            .stat-card .value { font-size: 1.5rem; }
-        }
-    </style>
-</head>
-<body>
-    <div class="container">
-        <div class="header">
-            <h1><i class="fas fa-chart-line"></i> Расширенные Отчеты</h1>
-            <a href="/{{ env_id }}/admin" class="btn"><i class="fas fa-arrow-left"></i> Назад в панель</a>
-        </div>
-
-        <div class="filter-bar">
-            <span style="font-weight: 500; font-size: 16px;">Период:</span>
-            <div style="display:flex; gap:10px; flex:1;">
-                <input type="date" id="dateStart" onchange="updateReports()" style="flex:1;">
-                <span style="display:flex; align-items:center;">—</span>
-                <input type="date" id="dateEnd" onchange="updateReports()" style="flex:1;">
-            </div>
-            <button class="btn" style="background:var(--success); width: 100%; justify-content: center;" onclick="setMonthDates()">Текущий месяц</button>
-        </div>
-        
-        <div class="tabs">
-            <div class="tab active" onclick="switchTab('general')">Общий отчет</div>
-            <div class="tab" onclick="switchTab('daily')">По дням</div>
-            <div class="tab" onclick="switchTab('category')">По категориям</div>
-            <div class="tab" onclick="switchTab('staff')">По сотрудникам</div>
-            {% if settings.margin_tracking and settings.system_mode == 'both' %}
-            <div class="tab" onclick="switchTab('margin')">Маржа и Прибыль</div>
-            {% endif %}
-        </div>
-
-        <div id="general" class="tab-content active">
-            <div class="stats-grid">
-                <div class="stat-card">
-                    <div class="title">Общая выручка</div>
-                    <div class="value" id="totalRevenue">0</div>
-                    <i class="fas fa-money-bill-wave icon"></i>
-                </div>
-                <div class="stat-card">
-                    <div class="title">Кол-во заказов</div>
-                    <div class="value" id="totalOrders">0</div>
-                    <i class="fas fa-shopping-cart icon"></i>
-                </div>
-                <div class="stat-card">
-                    <div class="title">Средний чек (AOV)</div>
-                    <div class="value" id="avgOrderValue">0</div>
-                    <i class="fas fa-receipt icon"></i>
-                </div>
-                <div class="stat-card">
-                    <div class="title">Продано товаров (шт)</div>
-                    <div class="value" id="totalItemsSold">0</div>
-                    <i class="fas fa-box icon"></i>
-                </div>
-                <div class="stat-card">
-                    <div class="title">Возвраты (сумма)</div>
-                    <div class="value" id="totalReturns" style="color:var(--danger);">0</div>
-                    <i class="fas fa-undo icon"></i>
-                </div>
-                {% if settings.commission_enabled %}
-                <div class="stat-card">
-                    <div class="title">Сумма комиссий ({{ settings.commission_percent }}%)</div>
-                    <div class="value" id="totalCommissions" style="color:var(--info);">0</div>
-                    <i class="fas fa-percentage icon"></i>
-                </div>
-                {% endif %}
-            </div>
-
-            <div class="table-container">
-                <h3>Топ продаваемых товаров</h3>
-                <table>
-                    <thead>
-                        <tr>
-                            <th>Товар</th>
-                            <th>Кол-во (шт)</th>
-                            <th>Сумма ({{ currency_code }})</th>
-                        </tr>
-                    </thead>
-                    <tbody id="topProductsTable"></tbody>
-                </table>
-            </div>
-        </div>
-
-        <div id="daily" class="tab-content">
-            <div class="table-container">
-                <h3>Продажи по дням</h3>
-                <table>
-                    <thead>
-                        <tr>
-                            <th>Дата</th>
-                            <th>Кол-во заказов</th>
-                            <th>Выручка ({{ currency_code }})</th>
-                        </tr>
-                    </thead>
-                    <tbody id="dailySalesTable"></tbody>
-                </table>
-            </div>
-        </div>
-
-        <div id="category" class="tab-content">
-            <div class="table-container">
-                <h3>Продажи по категориям</h3>
-                <table>
-                    <thead>
-                        <tr>
-                            <th>Категория</th>
-                            <th>Кол-во (шт)</th>
-                            <th>Выручка ({{ currency_code }})</th>
-                        </tr>
-                    </thead>
-                    <tbody id="categorySalesTable"></tbody>
-                </table>
-            </div>
-        </div>
-
-        <div id="staff" class="tab-content">
-            <div class="table-container">
-                <h3>Выручка по сотрудникам</h3>
-                <table>
-                    <thead>
-                        <tr>
-                            <th>Сотрудник</th>
-                            <th>Кол-во заказов</th>
-                            <th>Выручка ({{ currency_code }})</th>
-                        </tr>
-                    </thead>
-                    <tbody id="staffSalesTable"></tbody>
-                </table>
-            </div>
-        </div>
-
-        {% if settings.margin_tracking and settings.system_mode == 'both' %}
-        <div id="margin" class="tab-content">
-            <div class="stats-grid">
-                <div class="stat-card">
-                    <div class="title">Чистая прибыль</div>
-                    <div class="value" id="totalProfit" style="color:var(--success);">0</div>
-                    <i class="fas fa-coins icon"></i>
-                </div>
-                <div class="stat-card">
-                    <div class="title">Себестоимость проданного</div>
-                    <div class="value" id="totalCost" style="color:var(--warning);">0</div>
-                    <i class="fas fa-boxes icon"></i>
-                </div>
-                <div class="stat-card">
-                    <div class="title">Средняя маржинальность</div>
-                    <div class="value" id="avgMargin">0%</div>
-                    <i class="fas fa-chart-pie icon"></i>
-                </div>
-            </div>
-
-            <div class="table-container">
-                <h3>Маржинальность по товарам</h3>
-                <table>
-                    <thead>
-                        <tr>
-                            <th>Товар</th>
-                            <th>Кол-во (шт)</th>
-                            <th>Выручка</th>
-                            <th>Себест.</th>
-                            <th>Прибыль</th>
-                            <th>Маржа %</th>
-                        </tr>
-                    </thead>
-                    <tbody id="marginTableBody"></tbody>
-                </table>
-            </div>
-        </div>
-        {% endif %}
-    </div>
-
-    <script>
-        const allOrders = {{ orders_json|safe }};
-
-        function switchTab(tabId) {
-            document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));
-            document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));
-            event.target.classList.add('active');
-            document.getElementById(tabId).classList.add('active');
-        }
-
-        function setMonthDates() {
-            const today = new Date();
-            const firstDay = new Date(today.getFullYear(), today.getMonth(), 1);
-            
-            const offset = firstDay.getTimezoneOffset() * 60000;
-            const localFirst = new Date(firstDay.getTime() - offset).toISOString().split('T')[0];
-            const localToday = new Date(today.getTime() - offset).toISOString().split('T')[0];
-            
-            document.getElementById('dateStart').value = localFirst;
-            document.getElementById('dateEnd').value = localToday;
-            updateReports();
-        }
-
-        function updateReports() {
-            const startDate = document.getElementById('dateStart').value;
-            const endDate = document.getElementById('dateEnd').value;
-            
-            let filteredOrders = allOrders.filter(o => o.status === 'confirmed' || o.status === 'pos' || o.status === 'returned');
-            
-            if (startDate) {
-                const sDate = new Date(startDate);
-                filteredOrders = filteredOrders.filter(o => new Date(o.created_at.split(' ')[0]) >= sDate);
-            }
-            if (endDate) {
-                const eDate = new Date(endDate);
-                filteredOrders = filteredOrders.filter(o => new Date(o.created_at.split(' ')[0]) <= eDate);
-            }
-
-            let totalRev = 0;
-            let totalRet = 0;
-            let totalItems = 0;
-            let ordersCount = 0;
-            let totalCommissions = 0;
-            let totalCost = 0;
-            
-            let staffSales = {};
-            let productSales = {};
-            let dailySales = {};
-            let categorySales = {};
-            let marginSales = {};
-
-            filteredOrders.forEach(o => {
-                if(o.status === 'returned') {
-                    totalRet += o.total_price;
-                } else {
-                    totalRev += o.total_price;
-                    ordersCount++;
-                    
-                    if (o.commission_amount) {
-                        totalCommissions += o.commission_amount;
-                    }
-
-                    const staff = o.staff_name || 'Онлайн (Без сотрудника)';
-                    if(!staffSales[staff]) staffSales[staff] = { orders: 0, sum: 0 };
-                    staffSales[staff].orders += 1;
-                    staffSales[staff].sum += o.total_price;
-
-                    const dateStr = o.created_at.split(' ')[0];
-                    if(!dailySales[dateStr]) dailySales[dateStr] = { orders: 0, sum: 0 };
-                    dailySales[dateStr].orders += 1;
-                    dailySales[dateStr].sum += o.total_price;
-
-                    o.cart.forEach(item => {
-                        if(item.quantity > 0) {
-                            totalItems += item.quantity;
-                            let pName = item.name;
-                            if(item.variant_name) pName += ` (${item.variant_name})`;
-                            
-                            let itemPrice = parseFloat(item.calculated_price) || parseFloat(item.price);
-                            let itemRev = itemPrice * item.quantity;
-                            let itemCost = parseFloat(item.cost_price) || 0;
-                            let itemTotalCost = itemCost * item.quantity;
-
-                            totalCost += itemTotalCost;
-
-                            if(!productSales[pName]) productSales[pName] = { qty: 0, sum: 0 };
-                            productSales[pName].qty += item.quantity;
-                            productSales[pName].sum += itemRev;
-
-                            let catName = item.category || 'Без категории';
-                            if(!categorySales[catName]) categorySales[catName] = { qty: 0, sum: 0 };
-                            categorySales[catName].qty += item.quantity;
-                            categorySales[catName].sum += itemRev;
-
-                            if(!marginSales[pName]) marginSales[pName] = { qty: 0, rev: 0, cost: 0, profit: 0 };
-                            marginSales[pName].qty += item.quantity;
-                            marginSales[pName].rev += itemRev;
-                            marginSales[pName].cost += itemTotalCost;
-                            marginSales[pName].profit += (itemRev - itemTotalCost);
-                        }
-                    });
-                }
-            });
-
-            document.getElementById('totalRevenue').innerText = totalRev.toLocaleString() + ' {{ currency_code }}';
-            document.getElementById('totalOrders').innerText = ordersCount;
-            document.getElementById('totalReturns').innerText = totalRet.toLocaleString() + ' {{ currency_code }}';
-            document.getElementById('totalItemsSold').innerText = totalItems.toLocaleString();
-            
-            let tcEl = document.getElementById('totalCommissions');
-            if (tcEl) {
-                tcEl.innerText = totalCommissions.toLocaleString() + ' {{ currency_code }}';
-            }
-            
-            let aov = ordersCount > 0 ? (totalRev / ordersCount) : 0;
-            document.getElementById('avgOrderValue').innerText = Math.round(aov).toLocaleString() + ' {{ currency_code }}';
-
-            let tpEl = document.getElementById('totalProfit');
-            if(tpEl) {
-                let totalProfit = totalRev - totalCost - totalCommissions;
-                let avgMargin = totalRev > 0 ? (totalProfit / totalRev) * 100 : 0;
-                
-                tpEl.innerText = Math.round(totalProfit).toLocaleString() + ' {{ currency_code }}';
-                document.getElementById('totalCost').innerText = Math.round(totalCost).toLocaleString() + ' {{ currency_code }}';
-                document.getElementById('avgMargin').innerText = avgMargin.toFixed(1) + '%';
-                
-                renderMarginTable(marginSales);
-            }
-
-            renderTopProducts(productSales);
-            renderStaffTable(staffSales);
-            renderDailyTable(dailySales);
-            renderCategoryTable(categorySales);
-        }
-
-        function renderTopProducts(data) {
-            const tbody = document.getElementById('topProductsTable');
-            tbody.innerHTML = '';
-            const sorted = Object.keys(data).sort((a,b) => data[b].sum - data[a].sum).slice(0, 15);
-            if(sorted.length === 0) {
-                tbody.innerHTML = '<tr><td colspan="3" style="text-align:center;">Нет данных</td></tr>';
-                return;
-            }
-            sorted.forEach(p => {
-                tbody.innerHTML += `
-                    <tr>
-                        <td style="font-weight:500;">${p}</td>
-                        <td>${data[p].qty}</td>
-                        <td>${Math.round(data[p].sum).toLocaleString()}</td>
-                    </tr>
-                `;
-            });
-        }
-        
-        function renderStaffTable(data) {
-            const tbody = document.getElementById('staffSalesTable');
-            tbody.innerHTML = '';
-            const sorted = Object.keys(data).sort((a,b) => data[b].sum - data[a].sum);
-            if(sorted.length === 0) {
-                tbody.innerHTML = '<tr><td colspan="3" style="text-align:center;">Нет данных</td></tr>';
-                return;
-            }
-            sorted.forEach(s => {
-                tbody.innerHTML += `
-                    <tr>
-                        <td style="font-weight:500;">${s}</td>
-                        <td>${data[s].orders}</td>
-                        <td>${Math.round(data[s].sum).toLocaleString()}</td>
-                    </tr>
-                `;
-            });
-        }
-
-        function renderDailyTable(data) {
-            const tbody = document.getElementById('dailySalesTable');
-            tbody.innerHTML = '';
-            const sorted = Object.keys(data).sort((a,b) => new Date(b) - new Date(a));
-            if(sorted.length === 0) {
-                tbody.innerHTML = '<tr><td colspan="3" style="text-align:center;">Нет данных</td></tr>';
-                return;
-            }
-            sorted.forEach(d => {
-                tbody.innerHTML += `
-                    <tr>
-                        <td style="font-weight:500;">${d}</td>
-                        <td>${data[d].orders}</td>
-                        <td>${Math.round(data[d].sum).toLocaleString()}</td>
-                    </tr>
-                `;
-            });
-        }
-
-        function renderCategoryTable(data) {
-            const tbody = document.getElementById('categorySalesTable');
-            tbody.innerHTML = '';
-            const sorted = Object.keys(data).sort((a,b) => data[b].sum - data[a].sum);
-            if(sorted.length === 0) {
-                tbody.innerHTML = '<tr><td colspan="3" style="text-align:center;">Нет данных</td></tr>';
-                return;
-            }
-            sorted.forEach(c => {
-                tbody.innerHTML += `
-                    <tr>
-                        <td style="font-weight:500;">${c}</td>
-                        <td>${data[c].qty}</td>
-                        <td>${Math.round(data[c].sum).toLocaleString()}</td>
-                    </tr>
-                `;
-            });
-        }
-
-        function renderMarginTable(data) {
-            const tbody = document.getElementById('marginTableBody');
-            if(!tbody) return;
-            tbody.innerHTML = '';
-            const sorted = Object.keys(data).sort((a,b) => data[b].profit - data[a].profit);
-            if(sorted.length === 0) {
-                tbody.innerHTML = '<tr><td colspan="6" style="text-align:center;">Нет данных</td></tr>';
-                return;
-            }
-            sorted.forEach(p => {
-                let marginPct = data[p].rev > 0 ? (data[p].profit / data[p].rev) * 100 : 0;
-                tbody.innerHTML += `
-                    <tr>
-                        <td style="font-weight:500;">${p}</td>
-                        <td>${data[p].qty}</td>
-                        <td>${Math.round(data[p].rev).toLocaleString()}</td>
-                        <td>${Math.round(data[p].cost).toLocaleString()}</td>
-                        <td style="color:var(--success); font-weight:bold;">${Math.round(data[p].profit).toLocaleString()}</td>
-                        <td>${marginPct.toFixed(1)}%</td>
-                    </tr>
-                `;
-            });
-        }
-
-        setMonthDates();
-    </script>
-</body>
-</html>
-'''
-
-INVENTORY_TEMPLATE = '''
-<!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=Montserrat:wght@300;400;500;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 { --bg: #f4f6f9; --surface: #ffffff; --text: #2d3436; --border: #e0e6ed; --primary: #27ae60; --info: #0984e3; --warning: #f39c12; --danger: #ff7675; }
-        body { font-family: 'Montserrat', sans-serif; background-color: var(--bg); color: var(--text); padding: 20px; margin: 0; }
-        .container { max-width: 1200px; margin: 0 auto; }
-        .header { display: flex; justify-content: space-between; align-items: center; background: var(--surface); padding: 20px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); margin-bottom: 20px; flex-wrap: wrap; gap: 15px; }
-        .header h1 { margin: 0; font-size: 1.5rem; }
-        .btn { padding: 12px 18px; border: none; border-radius: 10px; font-weight: 600; cursor: pointer; color: #fff; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: var(--info); font-size: 16px; min-height: 44px; touch-action: manipulation; }
-        .search-bar { background: var(--surface); padding: 15px 20px; border-radius: 12px; display: flex; align-items: center; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); position: relative; }
-        .search-bar input { width: 100%; padding: 16px; border: 1px solid var(--border); border-radius: 8px; outline: none; font-size: 16px; border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; box-sizing: border-box; }
-        
-        .tabs { display: flex; gap: 10px; margin-bottom: 20px; border-bottom: 2px solid var(--border); padding-bottom: 10px; flex-wrap: wrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
-        .tab { padding: 12px 20px; cursor: pointer; font-weight: 600; color: #636e72; border-radius: 10px; transition: background 0.2s; display:flex; align-items:center; gap:8px; font-size: 16px; white-space: nowrap; }
-        .tab:hover { background: #e9ecef; }
-        .tab.active { background: var(--primary); color: #fff; }
-        .tab-content { display: none; }
-        .tab-content.active { display: block; }
-
-        .table-container { background: var(--surface); padding: 20px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); overflow-x: auto; margin-bottom: 20px; }
-        table { width: 100%; border-collapse: collapse; min-width: 600px; }
-        th, td { padding: 15px; text-align: left; border-bottom: 1px solid var(--border); vertical-align: middle; font-size: 16px; }
-        th { font-weight: 600; color: #636e72; background: #fafafa; }
-        
-        .inv-row { content-visibility: auto; contain-intrinsic-size: auto 60px; }
-
-        .action-cell { display: flex; gap: 5px; align-items: center; flex-wrap: wrap; }
-        .action-cell input[type="number"] { width: 80px; padding: 12px; border: 1px solid var(--border); border-radius: 8px; text-align: center; font-size: 16px; box-sizing: border-box; }
-        .action-cell input[type="text"] { width: 150px; padding: 12px; border: 1px solid var(--border); border-radius: 8px; font-size: 16px; box-sizing: border-box; }
-        .btn-sm { padding: 10px 14px; border: none; border-radius: 8px; cursor: pointer; font-weight: 600; color: white; font-size: 16px; touch-action: manipulation; }
-        .btn-add { background: var(--primary); }
-        .btn-sub { background: var(--danger); }
-        .badge-type-add { background: #d4edda; color: #155724; padding: 4px 8px; border-radius: 12px; font-size: 0.9rem; font-weight: 600; }
-        .badge-type-sub { background: #f8d7da; color: #721c24; padding: 4px 8px; border-radius: 12px; font-size: 0.9rem; font-weight: 600; }
-        .badge-danger { background: var(--danger); color: white; padding: 2px 8px; border-radius: 12px; font-size: 0.9rem; }
-        .badge-info { background: var(--info); color: white; padding: 2px 8px; border-radius: 12px; font-size: 0.9rem; }
-
-        @media (max-width: 600px) {
-            .header { flex-direction: column; align-items: stretch; text-align: center; }
-            .action-cell { flex-direction: column; align-items: stretch; }
-            .action-cell input[type="number"], .action-cell input[type="text"] { width: 100%; }
-            .btn-sm { width: 100%; }
-        }
-    </style>
-</head>
-<body>
-    <div class="container">
-        <div class="header">
-            <h1><i class="fas fa-boxes"></i> Учет остатков</h1>
-            <a href="/{{ env_id }}/admin" class="btn"><i class="fas fa-arrow-left"></i> Назад в панель</a>
-        </div>
-
-        <div class="tabs">
-            <div class="tab active" onclick="switchTab('current')">Текущие остатки</div>
-            <div class="tab" onclick="switchTab('low')">Заканчивающиеся <span class="badge-danger">{{ low_stock_items|length }}</span></div>
-            <div class="tab" onclick="switchTab('purchases')">Заказы <span class="badge-info">{{ active_purchases|length }}</span></div>
-            <div class="tab" onclick="switchTab('history')">История операций</div>
-        </div>
-
-        <div id="current" class="tab-content active">
-            <div class="search-bar" style="padding: 10px 20px;">
-                <div style="display:flex; flex:1;">
-                    <input type="text" id="searchInput" placeholder="Поиск товара или ID..." onkeydown="if(event.key==='Enter') filterTable()" onkeyup="debounceFilterTable()">
-                    <button class="btn" style="border-radius: 0 8px 8px 0; padding: 0 20px;" onclick="filterTable()"><i class="fas fa-search"></i></button>
-                </div>
-            </div>
-            
-            <div class="table-container">
-                <table>
-                    <thead>
-                        <tr>
-                            <th>Товар</th>
-                            <th>Категория</th>
-                            <th>Остаток</th>
-                            <th>Действие (Приход / Списание)</th>
-                        </tr>
-                    </thead>
-                    <tbody id="inventoryTable">
-                        {% for p in products %}
-                            {% if not p.variants %}
-                            <tr class="inv-row" data-pid="{{ p.product_id }}">
-                                <td class="prod-name">
-                                    <strong>{{ p.name }}</strong><br>
-                                    <span style="font-size:0.85rem; color:#b2bec3;">ID: {{ p.product_id }}</span>
-                                </td>
-                                <td>{{ p.category }}</td>
-                                <td><strong>{{ p.stock if p.stock != "" else "0" }}</strong></td>
-                                <td>
-                                    <div class="action-cell">
-                                        <input type="number" id="qty_{{ p.product_id }}_-1" placeholder="Кол-во" min="1">
-                                        <input type="text" id="comment_{{ p.product_id }}_-1" placeholder="Комментарий">
-                                        <button class="btn-sm btn-add" onclick="updateStock('{{ p.product_id }}', -1, true)">+ Приход</button>
-                                        <button class="btn-sm btn-sub" onclick="updateStock('{{ p.product_id }}', -1, false)">- Списание</button>
-                                    </div>
-                                </td>
-                            </tr>
-                            {% else %}
-                                {% for v in p.variants %}
-                                <tr class="inv-row" data-pid="{{ p.product_id }}">
-                                    <td class="prod-name">
-                                        <strong>{{ p.name }}</strong> <span style="color:#636e72;">({{ v.name }})</span><br>
-                                        <span style="font-size:0.85rem; color:#b2bec3;">ID: {{ p.product_id }}</span>
-                                    </td>
-                                    <td>{{ p.category }}</td>
-                                    <td><strong>{{ v.stock if v.stock != "" else "0" }}</strong></td>
-                                    <td>
-                                        <div class="action-cell">
-                                            <input type="number" id="qty_{{ p.product_id }}_{{ loop.index0 }}" placeholder="Кол-во" min="1">
-                                            <input type="text" id="comment_{{ p.product_id }}_{{ loop.index0 }}" placeholder="Комментарий">
-                                            <button class="btn-sm btn-add" onclick="updateStock('{{ p.product_id }}', {{ loop.index0 }}, true)">+ Приход</button>
-                                            <button class="btn-sm btn-sub" onclick="updateStock('{{ p.product_id }}', {{ loop.index0 }}, false)">- Списание</button>
-                                        </div>
-                                    </td>
-                                </tr>
-                                {% endfor %}
-                            {% endif %}
-                        {% endfor %}
-                    </tbody>
-                </table>
-            </div>
-        </div>
-
-        <div id="low" class="tab-content">
-            <div class="table-container">
-                <table>
-                    <thead>
-                        <tr>
-                            <th>Товар</th>
-                            <th>Вариант</th>
-                            <th>Категория</th>
-                            <th>Остаток</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        {% for item in low_stock_items %}
-                        <tr>
-                            <td><strong>{{ item.name }}</strong></td>
-                            <td>{{ item.variant }}</td>
-                            <td>{{ item.category }}</td>
-                            <td style="color:var(--danger); font-weight:bold;">{{ item.stock }}</td>
-                        </tr>
-                        {% else %}
-                        <tr><td colspan="4" style="text-align:center;">Нет заканчивающихся товаров</td></tr>
-                        {% endfor %}
-                    </tbody>
-                </table>
-            </div>
-        </div>
-
-        <div id="purchases" class="tab-content">
-            <div class="table-container">
-                <table>
-                    <thead>
-                        <tr>
-                            <th>Дата и время</th>
-                            <th>Товар</th>
-                            <th>Ожидается (шт)</th>
-                            <th>Действия</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        {% for po in active_purchases %}
-                        <tr>
-                            <td>{{ po.date }}</td>
-                            <td><strong>{{ po.product_name }}</strong> {% if po.variant_name %}<br><span style="color:#636e72;">{{ po.variant_name }}</span>{% endif %}</td>
-                            <td><strong style="color:var(--info); font-size:1.2rem;">{{ po.qty }}</strong></td>
-                            <td>
-                                <div style="display:flex; gap:10px; align-items:center; flex-wrap:wrap;">
-                                    <button class="btn-sm btn-add" onclick="receivePurchase('{{ po.id }}', {{ po.qty }})"><i class="fas fa-check"></i> Пришел полный</button>
-                                    <div style="display:flex; align-items:center; gap:5px; border-left: 1px solid var(--border); padding-left: 15px; margin-left: 5px;">
-                                        <input type="number" id="part_qty_{{ po.id }}" placeholder="Кол-во" style="width:90px; padding:10px; border:1px solid var(--border); border-radius:8px; text-align:center; font-size:16px;">
-                                        <button class="btn-sm" style="background:var(--warning); color:#fff;" onclick="receivePartialPurchase('{{ po.id }}')">Частично</button>
-                                    </div>
-                                </div>
-                            </td>
-                        </tr>
-                        {% else %}
-                        <tr><td colspan="4" style="text-align:center;">Нет активных заказов поставщикам</td></tr>
-                        {% endfor %}
-                    </tbody>
-                </table>
-            </div>
-        </div>
-
-        <div id="history" class="tab-content">
-            <div class="table-container">
-                <table>
-                    <thead>
-                        <tr>
-                            <th>Дата</th>
-                            <th>Товар</th>
-                            <th>Тип</th>
-                            <th>Кол-во</th>
-                            <th>Комментарий</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        {% for h in history|reverse %}
-                        <tr>
-                            <td>{{ h.date }}</td>
-                            <td>{{ h.product }} {% if h.variant %}({{ h.variant }}){% endif %}</td>
-                            <td>
-                                {% if h.change > 0 %}
-                                <span class="badge-type-add">Приход</span>
-                                {% else %}
-                                <span class="badge-type-sub">Списание</span>
-                                {% endif %}
-                            </td>
-                            <td><strong>{{ h.change|abs }}</strong></td>
-                            <td>{{ h.comment }}</td>
-                        </tr>
-                        {% else %}
-                        <tr><td colspan="5" style="text-align:center;">История пуста</td></tr>
-                        {% endfor %}
-                    </tbody>
-                </table>
-            </div>
-        </div>
-    </div>
-
-    <script>
-        const envId = '{{ env_id }}';
-        
-        function switchTab(tabId) {
-            document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));
-            document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));
-            event.target.classList.add('active');
-            document.getElementById(tabId).classList.add('active');
-        }
-
-        let invTimer;
-        function debounceFilterTable() {
-            clearTimeout(invTimer);
-            invTimer = setTimeout(filterTable, 300);
-        }
-
-        function filterTable() {
-            const query = document.getElementById('searchInput').value.toLowerCase();
-            const rows = document.querySelectorAll('.inv-row');
-            rows.forEach(row => {
-                const text = row.querySelector('.prod-name').innerText.toLowerCase();
-                const pid = row.getAttribute('data-pid').toLowerCase();
-                if(text.includes(query) || pid.includes(query)) row.style.display = 'table-row';
-                else row.style.display = 'none';
-            });
-        }
-
-        function updateStock(productId, variantIdx, isAdd) {
-            const qtyInput = document.getElementById(`qty_${productId}_${variantIdx}`);
-            const commentInput = document.getElementById(`comment_${productId}_${variantIdx}`);
-            
-            const qty = parseInt(qtyInput.value);
-            const comment = commentInput.value;
-
-            if(isNaN(qty) || qty <= 0) {
-                alert('Введите корректное количество');
-                return;
-            }
-
-            fetch(`/${envId}/api/inventory`, {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({
-                    product_id: productId,
-                    variant_idx: variantIdx,
-                    qty: qty,
-                    is_add: isAdd,
-                    comment: comment
-                })
-            })
-            .then(r => r.json())
-            .then(data => {
-                if(data.success) {
-                    window.location.reload();
-                } else {
-                    alert('Ошибка обновления остатков');
-                }
-            });
-        }
-
-        function receivePurchase(poId, qty) {
-            if(!confirm('Подтвердить полное поступление?')) return;
-            processReceive(poId, qty);
-        }
-
-        function receivePartialPurchase(poId) {
-            const input = document.getElementById('part_qty_' + poId);
-            const qty = parseInt(input.value);
-            if(isNaN(qty) || qty <= 0) {
-                alert('Укажите корректное количество');
-                return;
-            }
-            processReceive(poId, qty);
-        }
-
-        function processReceive(poId, qty) {
-            fetch(`/${envId}/api/receive_purchase`, {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ po_id: poId, qty: qty })
-            })
-            .then(r => r.json())
-            .then(data => {
-                if(data.success) {
-                    window.location.reload();
-                } else {
-                    alert('Ошибка при поступлении товара');
-                }
-            });
-        }
-    </script>
-</body>
-</html>
-'''
-
-DEBTS_TEMPLATE = '''
-<!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=Montserrat:wght@300;400;500;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 { --bg: #f4f6f9; --surface: #ffffff; --text: #2d3436; --border: #e0e6ed; --primary: #c0392b; --info: #0984e3; --success: #27ae60; }
-        body { font-family: 'Montserrat', sans-serif; background-color: var(--bg); color: var(--text); padding: 20px; margin: 0; }
-        .container { max-width: 1100px; margin: 0 auto; }
-        .header { display: flex; justify-content: space-between; align-items: center; background: var(--surface); padding: 20px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); margin-bottom: 20px; flex-wrap: wrap; gap: 15px; }
-        .header h1 { margin: 0; font-size: 1.5rem; color: var(--primary); }
-        .btn { padding: 12px 18px; border: none; border-radius: 10px; font-weight: 600; cursor: pointer; color: #fff; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; background: var(--info); font-size: 16px; min-height: 44px; justify-content: center; }
-        .table-container { background: var(--surface); padding: 20px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); overflow-x: auto; margin-bottom: 20px; }
-        table { width: 100%; border-collapse: collapse; min-width: 600px; }
-        th, td { padding: 15px; text-align: left; border-bottom: 1px solid var(--border); font-size: 16px; }
-        th { font-weight: 600; color: #636e72; background: #fafafa; }
-        .payment-form { display: flex; gap: 10px; flex-wrap: wrap; }
-        .payment-form input { padding: 12px; border: 1px solid var(--border); border-radius: 8px; width: 140px; outline: none; font-size: 16px; box-sizing: border-box; }
-        .payment-form button { background: var(--success); color: white; border: none; padding: 12px 15px; border-radius: 8px; cursor: pointer; font-weight: 600; font-size: 16px; min-height: 44px; }
-        
-        .tabs { display: flex; gap: 10px; margin-bottom: 20px; border-bottom: 2px solid var(--border); padding-bottom: 10px; }
-        .tab { padding: 12px 20px; cursor: pointer; font-weight: 600; color: #636e72; border-radius: 10px; transition: background 0.2s; font-size: 16px; white-space: nowrap; }
-        .tab:hover { background: #e9ecef; }
-        .tab.active { background: var(--primary); color: #fff; }
-        .tab-content { display: none; }
-        .tab-content.active { display: block; }
-        
-        @media (max-width: 600px) {
-            .header { flex-direction: column; align-items: stretch; text-align: center; }
-            .payment-form { flex-direction: column; align-items: stretch; width: 100%; }
-            .payment-form input { width: 100%; }
-            .tabs { overflow-x: auto; -webkit-overflow-scrolling: touch; }
-        }
-    </style>
-</head>
-<body>
-    <div class="container">
-        <div class="header">
-            <h1><i class="fas fa-hand-holding-usd"></i> Учет долгов</h1>
-            <a href="/{{ env_id }}/admin" class="btn"><i class="fas fa-arrow-left"></i> Назад в панель</a>
-        </div>
-        
-        {% with messages = get_flashed_messages(with_categories=true) %}
-            {% if messages %}
-                {% for category, message in messages %}
-                    <div style="padding: 20px; margin-bottom: 20px; border-radius: 12px; background: #d4edda; color: #155724; font-size: 1.1rem; font-weight: 600;">{{ message }}</div>
-                {% endfor %}
-            {% endif %}
-        {% endwith %}
-
-        <div class="tabs">
-            <div class="tab active" onclick="switchTab('active')">Активные долги</div>
-            <div class="tab" onclick="switchTab('history')">История долгов</div>
-        </div>
-
-        <div id="active" class="tab-content active">
-            <div class="table-container">
-                <table>
-                    <thead>
-                        <tr>
-                            <th>Накладная</th>
-                            <th>Дата</th>
-                            <th>Клиент</th>
-                            <th>Общая сумма</th>
-                            <th>Оплачено</th>
-                            <th style="color:var(--primary);">Долг</th>
-                            <th>Внести оплату</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        {% for o in debts %}
-                        <tr>
-                            <td><a href="/{{ env_id }}/order/{{ o.id }}" target="_blank" style="color:var(--info); font-weight:bold; text-decoration:none;">{{ o.id }}</a></td>
-                            <td>{{ o.created_at.split(' ')[0] }}</td>
-                            <td>{{ o.customer_name if o.customer_name else 'Касса' }}<br><span style="font-size:0.9rem; color:#636e72;">{{ o.customer_whatsapp }}</span></td>
-                            <td>{{ o.total_price }} {{ currency }}</td>
-                            <td style="color:var(--success); font-weight:bold;">{{ o.paid_amount }} {{ currency }}</td>
-                            <td style="color:var(--primary); font-weight:bold; font-size:1.2rem;">{{ o.debt_amount }} {{ currency }}</td>
-                            <td>
-                                <form class="payment-form" action="/{{ env_id }}/pay_debt/{{ o.id }}" method="POST">
-                                    <input type="number" name="amount" step="0.01" max="{{ o.debt_amount }}" required placeholder="Сумма ({{ currency }})">
-                                    <button type="submit"><i class="fas fa-check"></i> Оплатить</button>
-                                </form>
-                            </td>
-                        </tr>
-                        {% else %}
-                        <tr>
-                            <td colspan="7" style="text-align: center; padding: 40px; color: #636e72; font-size: 1.1rem;">Нет активных долгов</td>
-                        </tr>
-                        {% endfor %}
-                    </tbody>
-                </table>
-            </div>
-        </div>
-        
-        <div id="history" class="tab-content">
-            <div class="table-container">
-                <table>
-                    <thead>
-                        <tr>
-                            <th>Дата</th>
-                            <th>Клиент</th>
-                            <th>Накладная</th>
-                            <th>Действие</th>
-                            <th>Сумма</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        {% for h in debt_history %}
-                        <tr>
-                            <td>{{ h.date }}</td>
-                            <td>{{ h.customer }}</td>
-                            <td><a href="/{{ env_id }}/order/{{ h.order_id }}" target="_blank" style="color:var(--info); font-weight:bold; text-decoration:none;">{{ h.order_id }}</a></td>
-                            <td>{{ h.action }}</td>
-                            <td style="font-weight:bold; color: {% if h.action == 'Оплата долга' %}var(--success){% else %}var(--primary){% endif %};">
-                                {{ h.amount }} {{ currency }}
-                            </td>
-                        </tr>
-                        {% else %}
-                        <tr>
-                            <td colspan="5" style="text-align: center; padding: 40px; color: #636e72; font-size: 1.1rem;">История пуста</td>
-                        </tr>
-                        {% endfor %}
-                    </tbody>
-                </table>
-            </div>
-        </div>
-    </div>
-    <script>
-        function switchTab(tabId) {
-            document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));
-            document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));
-            event.target.classList.add('active');
-            document.getElementById(tabId).classList.add('active');
-        }
-    </script>
-</body>
-</html>
-'''
-
-PURCHASES_TEMPLATE = '''
-<!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=Montserrat:wght@300;400;500;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 { --bg: #f4f6f9; --surface: #ffffff; --text: #2d3436; --border: #e0e6ed; --primary: #f1c40f; --info: #0984e3; --danger: #ff7675; }
-        body { font-family: 'Montserrat', sans-serif; background-color: var(--bg); color: var(--text); padding: 20px; margin: 0; }
-        .container { max-width: 1200px; margin: 0 auto; }
-        .header { display: flex; justify-content: space-between; align-items: center; background: var(--surface); padding: 20px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); margin-bottom: 20px; flex-wrap: wrap; gap: 15px; }
-        .header h1 { margin: 0; font-size: 1.5rem; color: #2d3436; }
-        .btn { padding: 12px 18px; border: none; border-radius: 10px; font-weight: 600; cursor: pointer; color: #fff; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: var(--info); font-size: 16px; min-height: 44px; touch-action: manipulation; }
-        .search-bar { background: var(--surface); padding: 15px 20px; border-radius: 12px; display: flex; align-items: center; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); position: relative; }
-        .search-bar input { width: 100%; padding: 16px; border: 1px solid var(--border); border-radius: 8px; outline: none; font-size: 16px; border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; box-sizing: border-box; }
-        .table-container { background: var(--surface); padding: 20px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); overflow-x: auto; margin-bottom: 20px; }
-        table { width: 100%; border-collapse: collapse; min-width: 600px; }
-        th, td { padding: 15px; text-align: left; border-bottom: 1px solid var(--border); vertical-align: middle; font-size: 16px; }
-        th { font-weight: 600; color: #636e72; background: #fafafa; }
-        .btn-order { background: var(--primary); color: #2d3436; font-weight: 600; padding: 10px 15px; border-radius: 8px; border: none; cursor: pointer; font-size: 16px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; touch-action: manipulation; }
-        
-        .modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); align-items: center; justify-content: center; z-index: 1000; padding: 15px; box-sizing: border-box; }
-        .modal-content { background: #fff; padding: 25px; border-radius: 16px; width: 100%; max-width: 450px; text-align: center; }
-        .modal-content h3 { margin-top: 0; font-size: 1.3rem; }
-        .modal-content input { width: 100%; padding: 16px; border: 1px solid var(--border); border-radius: 10px; margin-bottom: 20px; font-size: 16px; text-align: center; box-sizing: border-box; }
-        .modal-actions { display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }
-        .modal-actions button { flex: 1; padding: 16px; font-size: 16px; min-width: 120px; }
-        .inv-row { content-visibility: auto; contain-intrinsic-size: auto 60px; }
-        
-        @media (max-width: 600px) {
-            .header { flex-direction: column; align-items: stretch; text-align: center; }
-            .header .btn { width: 100%; }
-            .btn-order { width: 100%; }
-        }
-    </style>
-</head>
-<body>
-    <div class="container">
-        <div class="header">
-            <h1><i class="fas fa-truck-loading" style="color:var(--primary);"></i> Заказы поставщикам</h1>
-            <div style="display:flex; gap:10px; flex-wrap:wrap;">
-                <a href="/{{ env_id }}/inventory" class="btn" style="background:#27ae60;"><i class="fas fa-boxes"></i> В остатки</a>
-                <a href="/{{ env_id }}/admin" class="btn"><i class="fas fa-arrow-left"></i> В панель</a>
-            </div>
-        </div>
-
-        <div class="search-bar" style="padding: 10px 20px;">
-            <div style="display:flex; flex:1;">
-                <input type="text" id="searchInput" placeholder="Поиск товара или ID..." onkeydown="if(event.key==='Enter') filterTable()" onkeyup="debounceFilterTable()">
-                <button class="btn" style="border-radius: 0 8px 8px 0; padding: 0 20px;" onclick="filterTable()"><i class="fas fa-search"></i></button>
-            </div>
-        </div>
-        
-        <div class="table-container">
-            <table>
-                <thead>
-                    <tr>
-                        <th>Товар</th>
-                        <th>Категория</th>
-                        <th>Текущий остаток</th>
-                        <th>Действие</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    {% for p in products %}
-                        {% if not p.variants %}
-                        <tr class="inv-row" data-pid="{{ p.product_id }}">
-                            <td class="prod-name">
-                                <strong>{{ p.name }}</strong><br>
-                                <span style="font-size:0.85rem; color:#b2bec3;">ID: {{ p.product_id }}</span>
-                            </td>
-                            <td>{{ p.category }}</td>
-                            <td><strong>{{ p.stock if p.stock != "" else "0" }}</strong></td>
-                            <td>
-                                <button class="btn-order" onclick="openOrderModal('{{ p.product_id }}', -1, '{{ p.name|replace("'", "\\'") }}')"><i class="fas fa-plus"></i> Сделать заказ</button>
-                            </td>
-                        </tr>
-                        {% else %}
-                            {% for v in p.variants %}
-                            <tr class="inv-row" data-pid="{{ p.product_id }}">
-                                <td class="prod-name">
-                                    <strong>{{ p.name }}</strong> <span style="color:#636e72;">({{ v.name }})</span><br>
-                                    <span style="font-size:0.85rem; color:#b2bec3;">ID: {{ p.product_id }}</span>
-                                </td>
-                                <td>{{ p.category }}</td>
-                                <td><strong>{{ v.stock if v.stock != "" else "0" }}</strong></td>
-                                <td>
-                                    <button class="btn-order" onclick="openOrderModal('{{ p.product_id }}', {{ loop.index0 }}, '{{ p.name|replace("'", "\\'") }} ({{ v.name|replace("'", "\\'") }})')"><i class="fas fa-plus"></i> Сделать заказ</button>
-                                </td>
-                            </tr>
-                            {% endfor %}
-                        {% endif %}
-                    {% endfor %}
-                </tbody>
-            </table>
-        </div>
-    </div>
-
-    <div class="modal-overlay" id="orderModal">
-        <div class="modal-content">
-            <h3>Заказ товара</h3>
-            <p id="orderProductName" style="font-weight:600; color:#636e72; margin-bottom:15px; font-size:1.1rem;"></p>
-            <input type="number" id="orderQty" placeholder="Введите количество" min="1">
-            <div class="modal-actions">
-                <button class="btn btn-order" style="background:#27ae60; color:#fff;" onclick="submitOrder()">Подтвердить</button>
-                <button class="btn btn-danger" style="background:#ff7675;" onclick="closeOrderModal()">Отмена</button>
-            </div>
-        </div>
-    </div>
-
-    <script>
-        const envId = '{{ env_id }}';
-        let currentOrder = null;
-        let searchTimer;
-        
-        function debounceFilterTable() {
-            clearTimeout(searchTimer);
-            searchTimer = setTimeout(filterTable, 300);
-        }
-        
-        function filterTable() {
-            const query = document.getElementById('searchInput').value.toLowerCase();
-            const rows = document.querySelectorAll('.inv-row');
-            rows.forEach(row => {
-                const text = row.querySelector('.prod-name').innerText.toLowerCase();
-                const pid = row.getAttribute('data-pid').toLowerCase();
-                if(text.includes(query) || pid.includes(query)) row.style.display = 'table-row';
-                else row.style.display = 'none';
-            });
-        }
-
-        function openOrderModal(pid, vidx, name) {
-            currentOrder = { product_id: pid, variant_idx: vidx };
-            document.getElementById('orderProductName').innerText = name;
-            document.getElementById('orderQty').value = '';
-            document.getElementById('orderModal').style.display = 'flex';
-        }
-
-        function closeOrderModal() {
-            document.getElementById('orderModal').style.display = 'none';
-            currentOrder = null;
-        }
-
-        function submitOrder() {
-            if(!currentOrder) return;
-            const qty = parseInt(document.getElementById('orderQty').value);
-            if(isNaN(qty) || qty <= 0) {
-                alert('Укажите корректное количество');
-                return;
-            }
-
-            fetch(`/${envId}/api/purchase`, {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({
-                    product_id: currentOrder.product_id,
-                    variant_idx: currentOrder.variant_idx,
-                    qty: qty
-                })
-            })
-            .then(r => r.json())
-            .then(data => {
-                if(data.success) {
-                    alert('Заказ успешно создан! Перейдите во вкладку "Заказы" в "Остатках".');
-                    closeOrderModal();
-                } else {
-                    alert('Ошибка создания заказа');
-                }
-            });
-        }
-    </script>
-</body>
-</html>
-'''
-
-@app.route('/')
-def index():
-    return render_template_string(LANDING_PAGE_TEMPLATE)
-
-@app.route('/admhosto', methods=['GET'])
-def admhosto():
-    data = load_data()
-    active_envs = []
-    archived_envs = []
-    for env_id, env_data in data.items():
-        if env_id == 'default_env':
-            continue
-        settings = env_data.get('settings', {})
-        org_name = settings.get("organization_name", f"Shop {env_id}")
-        env_info = {
-            "id": env_id, 
-            "org_name": org_name,
-            "pwd_enabled": settings.get("admin_password_enabled", False),
-            "password": settings.get("admin_password", ""),
-            "system_mode": settings.get("system_mode", "both")
-        }
-        if settings.get('is_deleted', False):
-            archived_envs.append(env_info)
-        else:
-            active_envs.append(env_info)
-            
-    active_envs.sort(key=lambda x: x['id'])
-    archived_envs.sort(key=lambda x: x['id'])
-    return render_template_string(ADMHOSTO_TEMPLATE, active_envs=active_envs, archived_envs=archived_envs)
-
-@app.route('/admhosto/create', methods=['POST'])
-def create_environment():
-    all_data = load_data()
-    while True:
-        new_id = ''.join(random.choices(string.digits, k=6))
-        if new_id not in all_data:
-            break
-    all_data[new_id] = {
-        'products': [], 'categories':[], 'category_photos': {}, 'orders': {}, 'staff': [], 'catalog_users': [], 'inventory_history':[], 'purchase_orders': [], 'debt_history': [],
-        'settings': {
-            "organization_name": f"Shop {new_id}",
-            "admin_password_enabled": False, 
-            "admin_password": "",
-            "logo_url": DEFAULT_LOGO_URL,
-            "qr_code_1_url": "",
-            "qr_code_2_url": "",
-            "catalog_subtitle": "",
-            "whatsapp_number": DEFAULT_WHATSAPP_NUMBER,
-            "order_messenger": "wa",
-            "order_contact": DEFAULT_WHATSAPP_NUMBER,
-            "invoice_contacts": "",
-            "currency": "₸",
-            "track_inventory": False,
-            "use_barcodes": False,
-            "use_master_boxes": False,
-            "margin_tracking": False,
-            "language": "ru",
-            "business_type": "mixed",
-            "system_mode": "both",
-            "hide_stock_online": False,
-            "closed_catalog_enabled": False,
-            "commission_enabled": False,
-            "commission_percent": 0.0,
-            "theme": "light",
-            "is_deleted": False,
-            "customer_fields": {'name': True, 'phone': True, 'city': True, 'address': False, 'zip': False},
-            "socials": {
-                'wa': {'enabled': True, 'url': ''},
-                'ig': {'enabled': True, 'url': ''},
-                'tg': {'enabled': True, 'url': ''},
-                'kaspi': {'enabled': False, 'url': ''}
-            }
-        }
-    }
-    save_data(all_data)
-    flash(f'Новая среда с ID {new_id} успешно создана.', 'success')
-    return redirect(url_for('admhosto'))
-
-@app.route('/admhosto/update_pwd/<env_id>', methods=['POST'])
-def update_env_pwd(env_id):
-    all_data = load_data()
-    if env_id in all_data:
-        pwd_enabled = 'pwd_enabled' in request.form
-        password = request.form.get('password', '').strip()
-        all_data[env_id]['settings']['admin_password_enabled'] = pwd_enabled
-        all_data[env_id]['settings']['admin_password'] = password
-        save_data(all_data)
-        flash(f'Пароль для среды {env_id} обновлен.', 'success')
-    else:
-        flash(f'Среда {env_id} не найдена.', 'error')
-    return redirect(url_for('admhosto'))
-
-@app.route('/admhosto/update_mode/<env_id>', methods=['POST'])
-def update_env_mode(env_id):
-    all_data = load_data()
-    if env_id in all_data:
-        mode = request.form.get('system_mode', 'both')
-        all_data[env_id]['settings']['system_mode'] = mode
-        if mode in ['external', 'light_external']:
-            all_data[env_id]['settings']['track_inventory'] = False
-            all_data[env_id]['settings']['use_barcodes'] = False
-            all_data[env_id]['settings']['closed_catalog_enabled'] = False
-        save_data(all_data)
-        flash(f'Режим среды {env_id} обновлен.', 'success')
-    return redirect(url_for('admhosto'))
-
-@app.route('/admhosto/clear_history/<env_id>', methods=['POST'])
-def clear_history(env_id):
-    if request.form.get('pwd') == 'admin':
-        all_data = load_data()
-        if env_id in all_data:
-            all_data[env_id]['orders'] = {}
-            all_data[env_id]['inventory_history'] =[]
-            all_data[env_id]['debt_history'] = []
-            save_data(all_data)
-            flash(f'История среды {env_id} успешно очищена.', 'success')
-    else:
-        flash('Неверный пароль для очистки истории.', 'error')
-    return redirect(url_for('admhosto'))
-
-@app.route('/admhosto/delete/<env_id>', methods=['POST'])
-def delete_environment(env_id):
-    all_data = load_data()
-    if env_id in all_data:
-        all_data[env_id]['settings']['is_deleted'] = True
-        save_data(all_data)
-        flash(f'Среда {env_id} была отключена (в архиве).', 'success')
-    else:
-        flash(f'Среда {env_id} не найдена.', 'error')
-    return redirect(url_for('admhosto'))
-
-@app.route('/admhosto/restore/<env_id>', methods=['POST'])
-def restore_environment(env_id):
-    all_data = load_data()
-    if env_id in all_data:
-        all_data[env_id]['settings']['is_deleted'] = False
-        save_data(all_data)
-        flash(f'Среда {env_id} восстановлена.', 'success')
-    return redirect(url_for('admhosto'))
-
-@app.route('/admhosto/hard_delete/<env_id>', methods=['POST'])
-def hard_delete_environment(env_id):
-    all_data = load_data()
-    if env_id in all_data:
-        del all_data[env_id]
-        save_data(all_data)
-        flash(f'Среда {env_id} удалена окончательно.', 'success')
-    return redirect(url_for('admhosto'))
-
-@app.route('/<env_id>/login', methods=['GET', 'POST'])
-def admin_login(env_id):
-    data = get_env_data(env_id)
-    settings = data.get('settings', {})
-    
-    if not settings.get('admin_password_enabled'):
-        return redirect(url_for('admin', env_id=env_id))
-        
-    if request.method == 'POST':
-        pwd = request.form.get('password', '')
-        if pwd == settings.get('admin_password', ''):
-            session.permanent = True
-            session[f'admin_auth_{env_id}'] = True
-            return redirect(url_for('admin', env_id=env_id))
-        else:
-            flash('Неверный пароль', 'error')
-            
-    return render_template_string(LOGIN_TEMPLATE, env_id=env_id)
-
-@app.route('/<env_id>/logout')
-def admin_logout(env_id):
-    session.pop(f'admin_auth_{env_id}', None)
-    return redirect(url_for('admin_login', env_id=env_id))
-
-@app.route('/<env_id>/catalog', methods=['GET', 'POST'])
-def catalog(env_id):
-    data = get_env_data(env_id)
-    all_products = data.get('products',[])
-    categories = data.get('categories',[])
-    category_photos = data.get('category_photos', {})
-    settings = data.get('settings', {})
-    t = get_t(settings.get('language', 'ru'))
-    
-    mode = request.args.get('mode', 'online')
-    staff_id = request.args.get('staff_id', '')
-
-    if settings.get('system_mode', 'both') == 'internal' and mode != 'pos':
-        return "Каталог недоступен в режиме внутреннего учета", 403
-
-    if settings.get('closed_catalog_enabled') and mode != 'pos':
-        if not session.get(f'catalog_auth_{env_id}'):
-            if request.method == 'POST':
-                pwd = request.form.get('password', '').strip()
-                catalog_users = data.get('catalog_users', [])
-                valid = any(u.get('password') == pwd for u in catalog_users)
-                if valid:
-                    session.permanent = True
-                    session[f'catalog_auth_{env_id}'] = True
-                    return redirect(url_for('catalog', env_id=env_id, mode=mode, staff_id=staff_id))
-                else:
-                    flash('Неверный пароль', 'error')
-            return render_template_string(CATALOG_LOGIN_TEMPLATE, env_id=env_id)
-
-    return render_template_string(
-        CATALOG_TEMPLATE,
-        products_json=json.dumps(all_products),
-        categories_json=json.dumps(categories),
-        category_photos_json=json.dumps(category_photos),
-        repo_id=REPO_ID,
-        currency_code=settings.get('currency', '₸'),
-        settings=settings,
-        env_id=env_id,
-        mode=mode,
-        staff_id=staff_id,
-        t=t
-    )
-
-@app.route('/<env_id>/api/staff_orders/<staff_id>')
-def get_staff_orders(env_id, staff_id):
-    data = get_env_data(env_id)
-    orders = data.get('orders', {})
-    date_filter = request.args.get('date')
-    staff_orders =[o for o in orders.values() if o.get('staff_id') == staff_id and (o.get('status') == 'pos' or o.get('status') == 'confirmed')]
-    
-    if date_filter:
-        filtered =[]
-        for o in staff_orders:
-            if o.get('created_at', '').startswith(date_filter):
-                filtered.append(o)
-        staff_orders = filtered
-
-    staff_orders.sort(key=lambda x: x.get('created_at', ''), reverse=True)
-    return jsonify(staff_orders[:50])
-
-@app.route('/<env_id>/api/upload_custom_photo', methods=['POST'])
-def upload_custom_photo(env_id):
-    file = request.files.get('photo')
-    if file and file.filename:
-        filename = process_and_upload_image(file, 'photos', size=(512, 512))
-        if filename:
-            return jsonify({'success': True, 'filename': filename})
-    return jsonify({'success': False})
-
-@app.route('/<env_id>/api/assembly/<order_id>', methods=['POST'])
-def update_assembly(env_id, order_id):
-    data = get_env_data(env_id)
-    order = data.get('orders', {}).get(order_id)
-    if not order:
-        return jsonify({"success": False, "error": "Order not found"}), 404
-
-    req = request.json
-    c_key = req.get('c_key')
-    qty = int(req.get('qty', 0))
-    if 'assembled' not in order:
-        order['assembled'] = {}
-    order['assembled'][c_key] = qty
-    
-    save_env_data(env_id, data)
-    return jsonify({"success": True})
-
-@app.route('/<env_id>/api/finish_assembly/<order_id>', methods=['POST'])
-def finish_assembly(env_id, order_id):
-    data = get_env_data(env_id)
-    order = data.get('orders', {}).get(order_id)
-    if not order:
-        return jsonify({"success": False}), 404
-
-    assembled_data = order.get('assembled', {})
-    new_cart = []
-    
-    track_inv = data['settings'].get('track_inventory', False) and data['settings'].get('system_mode', 'both') not in ['external', 'light_external']
-    is_stock_deducted = order.get('status') in ['confirmed', 'pos']
-
-    for item in order.get('cart',[]):
-        c_key = item.get('c_key')
-        original_qty = item.get('quantity', 0)
-        assembled_qty = int(assembled_data.get(c_key, 0))
-        
-        if assembled_qty < original_qty and is_stock_deducted and track_inv and not item.get('is_custom'):
-            diff = original_qty - assembled_qty
-            restore_stock(c_key, item.get('product_id'), item.get('variant_idx', -1), diff, data['products'])
-            
-        if assembled_qty > 0:
-            item['quantity'] = assembled_qty
-            new_cart.append(item)
-
-    order['cart'] = new_cart
-    update_order_totals(order, data['settings'])
-    
-    if order.get('is_debt'):
-        order['debt_amount'] = round(order['total_price'] - float(order.get('paid_amount', 0)), 2)
-        if order['debt_amount'] <= 0:
-            order['is_debt'] = False
-            order['debt_amount'] = 0
-            order['paid_amount'] = order['total_price']
-            
-    save_env_data(env_id, data)
-    
-    return jsonify({"success": True})
-
-@app.route('/<env_id>/process_return/<order_id>', methods=['POST'])
-def process_return(env_id, order_id):
-    data = get_env_data(env_id)
-    order = data.get('orders', {}).get(order_id)
-    if not order:
-        return jsonify({"success": False, "error": "Order not found"}), 404
-
-    req_data = request.get_json()
-    returns = req_data.get('returns', {})
-
-    track_inv = data['settings'].get('track_inventory', False) and data['settings'].get('system_mode', 'both') not in['external', 'light_external']
-    
-    for c_key, ret_qty in returns.items():
-        ret_qty = int(ret_qty)
-        if ret_qty <= 0: continue
-        
-        for item in order['cart']:
-            if item.get('c_key') == c_key:
-                if ret_qty > item['quantity']:
-                    ret_qty = item['quantity']
-                
-                item['quantity'] -= ret_qty
-                if track_inv and not item.get('is_custom'):
-                    restore_stock(c_key, item.get('product_id'), item.get('variant_idx', -1), ret_qty, data['products'])
-                break
-
-    update_order_totals(order, data['settings'])
-    if order['total_price'] <= 0:
-        order['status'] = 'returned'
-        order['is_debt'] = False
-        order['debt_amount'] = 0
-
-    save_env_data(env_id, data)
-    return jsonify({"success": True})
-
-@app.route('/<env_id>/create_order', methods=['POST'])
-def create_order(env_id):
-    order_data = request.get_json()
-    if not order_data or 'cart' not in order_data:
-        return jsonify({"error": "Bad request"}), 400
-
-    data = get_env_data(env_id)
-    
-    cart_items = order_data['cart']
-    
-    mode = order_data.get('mode', 'online')
-    staff_id = order_data.get('staff_id', '')
-    global_discount = float(order_data.get('global_discount', 0))
-    if global_discount < 0: global_discount = 0
-    
-    staff_name = ''
-    staff_whatsapp = ''
-    if staff_id:
-        for s in data.get('staff', []):
-            if s['id'] == staff_id:
-                staff_name = s['name']
-                staff_whatsapp = s['whatsapp']
-                break
-
-    order_status = 'pos' if mode == 'pos' else 'pending'
-
-    customer_name = order_data.get('customer_name', '')
-    customer_phone = order_data.get('customer_phone', '')
-    customer_city = order_data.get('customer_city', '')
-    customer_address = order_data.get('customer_address', '')
-    customer_zip = order_data.get('customer_zip', '')
-    customer_whatsapp = order_data.get('customer_whatsapp', '')
-
-    product_dict = {p['product_id']: p for p in data.get('products', [])}
-
-    processed_cart =[]
-    for item in cart_items:
-        if item.get('is_custom'):
-            photo_url = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZjBmMHcwIi8+PC9zdmc+"
-            if item.get('photo_custom'):
-                photo_url = f"https://huggingface.co/datasets/{REPO_ID}/resolve/main/photos/{item['photo_custom']}"
-            processed_cart.append({
-                "c_key": item.get('c_key'),
-                "product_id": item.get('product_id'),
-                "name": item['name'],
-                "price": float(item['cart_price']),
-                "cart_box_price": 0,
-                "cost_price": 0,
-                "quantity": int(item['quantity']),
-                "pieces_per_box": 1,
-                "pieces_per_master_box": 1,
-                "variant_name": '',
-                "variant_idx": -1,
-                "discount": float(item.get('discount', 0)),
-                "wholesale_tiers": [],
-                "category": 'Свой товар',
-                "photo_url": photo_url,
-                "is_custom": True
-            })
-            continue
-
-        p_info = product_dict.get(item.get('product_id'), {})
-        cat = p_info.get('category', 'Без категории')
-        
-        photo_url = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZjBmMHcwIi8+PC9zdmc+"
-        vidx = item.get('variant_idx', -1)
-        
-        cost_price = p_info.get('cost_price', 0)
-        if vidx != -1 and p_info.get('variants') and len(p_info['variants']) > vidx:
-            v_photo = p_info['variants'][vidx].get('photo')
-            if v_photo:
-                photo_url = f"https://huggingface.co/datasets/{REPO_ID}/resolve/main/photos/{v_photo}"
-            elif item.get('photos'):
-                photo_url = f"https://huggingface.co/datasets/{REPO_ID}/resolve/main/photos/{item['photos'][0]}"
-            cost_price = p_info['variants'][vidx].get('cost_price', cost_price)
-        elif item.get('photos'):
-            photo_url = f"https://huggingface.co/datasets/{REPO_ID}/resolve/main/photos/{item['photos'][0]}"
-
-        processed_cart.append({
-            "c_key": item.get('c_key'),
-            "product_id": item.get('product_id'),
-            "name": item['name'],
-            "price": float(item['cart_price']),
-            "cart_box_price": float(item.get('cart_box_price', 0)),
-            "cost_price": float(cost_price) if str(cost_price).strip() else 0,
-            "quantity": int(item['quantity']),
-            "pieces_per_box": int(item.get('pieces_per_box', 1)) if str(item.get('pieces_per_box', 1)).strip() != "" else 1,
-            "pieces_per_master_box": int(item.get('pieces_per_master_box', 1)) if str(item.get('pieces_per_master_box', 1)).strip() != "" else 1,
-            "variant_name": item.get('variant_name', ''),
-            "variant_idx": vidx,
-            "discount": float(item.get('discount', 0)),
-            "wholesale_tiers": item.get('wholesale_tiers', []),
-            "category": cat,
-            "photo_url": photo_url,
-            "is_custom": False
-        })
-
-    order_id = f"SA-{datetime.now().strftime('%Y%m%d')}-{str(len(data.get('orders', {}))+1).zfill(3)}"
-    
-    new_order = {
-        "id": order_id,
-        "created_at": get_almaty_time(),
-        "cart": processed_cart,
-        "status": order_status,
-        "staff_id": staff_id,
-        "staff_name": staff_name,
-        "staff_whatsapp": staff_whatsapp,
-        "customer_name": customer_name,
-        "customer_phone": customer_phone,
-        "customer_city": customer_city,
-        "customer_address": customer_address,
-        "customer_zip": customer_zip,
-        "customer_whatsapp": customer_whatsapp,
-        "global_discount": global_discount,
-        "assembled": {},
-        "commission_amount": 0,
-        "is_debt": order_data.get('is_debt', False),
-        "paid_amount": float(order_data.get('paid_amount', 0)),
-        "debt_amount": 0
-    }
-
-    update_order_totals(new_order, data['settings'])
-
-    if order_status == 'pos' and data['settings'].get('track_inventory', False) and data['settings'].get('system_mode', 'both') not in ['external', 'light_external']:
-        deduct_stock(processed_cart, data['products'])
-
-    if new_order['is_debt'] and new_order['debt_amount'] > 0:
-        if 'debt_history' not in data:
-            data['debt_history'] = []
-        data['debt_history'].append({
-            'id': uuid4().hex,
-            'date': get_almaty_time(),
-            'order_id': order_id,
-            'customer': customer_name or 'Касса',
-            'action': 'Возникновение долга',
-            'amount': new_order['debt_amount']
-        })
-
-    data['orders'][order_id] = new_order
-    save_env_data(env_id, data)
-    
-    return jsonify({"order_id": order_id}), 201
-
-@app.route('/<env_id>/order/<order_id>')
-def view_order(env_id, order_id):
-    data = get_env_data(env_id)
-    order = data.get('orders', {}).get(order_id)
-    settings = data.get('settings', {})
-    t = get_t(settings.get('language', 'ru'))
-    
-    if not order:
-        return "Order not found", 404
-
-    return render_template_string(
-        ORDER_TEMPLATE,
-        order=order,
-        settings=settings,
-        currency_code=settings.get('currency', '₸'),
-        env_id=env_id,
-        t=t
-    )
-
-@app.route('/<env_id>/assembly/<order_id>')
-def view_assembly(env_id, order_id):
-    data = get_env_data(env_id)
-    settings = data.get('settings', {})
-    
-    if settings.get('system_mode', 'both') == 'light_external':
-        return redirect(url_for('admin', env_id=env_id))
-        
-    order = data.get('orders', {}).get(order_id)
-    if not order:
-        return "Order not found", 404
-
-    return render_template_string(
-        ASSEMBLY_TEMPLATE,
-        order=order,
-        env_id=env_id
-    )
-
-@app.route('/<env_id>/edit_order/<order_id>', methods=['POST'])
-def edit_order(env_id, order_id):
-    data = get_env_data(env_id)
-    order = data.get('orders', {}).get(order_id)
-    if not order:
-        return jsonify({"success": False, "error": "Order not found"}), 404
-
-    if order.get('status') != 'pending':
-        return jsonify({"success": False, "error": "Can only edit pending orders"}), 400
-
-    req_data = request.get_json()
-    
-    c_key = req_data.get('c_key')
-    change = req_data.get('change', 0)
-    exact_qty = req_data.get('exact_qty')
-    remove = req_data.get('remove', False)
-
-    for item in order['cart']:
-        if item.get('c_key') == c_key:
-            if remove:
-                order['cart'].remove(item)
-            else:
-                if exact_qty is not None:
-                    item['quantity'] = int(exact_qty)
-                else:
-                    item['quantity'] += change
-                
-                if item['quantity'] <= 0:
-                    order['cart'].remove(item)
-            break
-
-    update_order_totals(order, data['settings'])
-    save_env_data(env_id, data)
-    
-    return jsonify({"success": True, "total_price": order['total_price']})
-
-@app.route('/<env_id>/apply_discount/<order_id>', methods=['POST'])
-def apply_discount(env_id, order_id):
-    data = get_env_data(env_id)
-    order = data.get('orders', {}).get(order_id)
-    if not order:
-        return redirect(url_for('admin', env_id=env_id))
-
-    if order.get('status') != 'pending':
-        flash('Скидку можно применить только к ожидающим заказам.', 'error')
-        return redirect(url_for('admin', env_id=env_id))
-
-    global_discount = request.form.get('global_discount', 0)
-    try:
-        order['global_discount'] = float(global_discount)
-    except ValueError:
-        order['global_discount'] = 0
-
-    for item in order.get('cart',[]):
-        item_disc = request.form.get(f"item_discount_{item['c_key']}", 0)
-        try:
-            item['discount'] = float(item_disc)
-        except ValueError:
-            item['discount'] = 0
-
-    update_order_totals(order, data['settings'])
-    save_env_data(env_id, data)
-    flash('Скидка успешно применена.', 'success')
-    return redirect(url_for('admin', env_id=env_id))
+        renderList();
+    </script>
+</body>
+</html>
+'''
 
-@app.route('/<env_id>/order_action/<order_id>', methods=['POST'])
-def order_action(env_id, order_id):
-    data = get_env_data(env_id)
-    order = data.get('orders', {}).get(order_id)
-    if not order:
-        return redirect(url_for('admin', env_id=env_id))
-        
-    action = request.form.get('action')
-    if action == 'confirm' and order.get('status') == 'pending':
-        order['status'] = 'confirmed'
-        if data['settings'].get('track_inventory', False) and data['settings'].get('system_mode', 'both') not in ['external', 'light_external']:
-            deduct_stock(order['cart'], data['products'])
-    elif action == 'delete':
-        del data['orders'][order_id]
-        
-    save_env_data(env_id, data)
-    return redirect(url_for('admin', env_id=env_id))
+@app.route('/')
+def index():
+    return render_template_string(LANDING_PAGE_TEMPLATE)
 
-@app.route('/<env_id>/pay_debt/<order_id>', methods=['POST'])
-def pay_debt(env_id, order_id):
-    data = get_env_data(env_id)
-    order = data.get('orders', {}).get(order_id)
-    if order and order.get('is_debt'):
-        amount = float(request.form.get('amount', 0))
-        if amount > 0:
-            order['paid_amount'] = round(float(order.get('paid_amount', 0)) + amount, 2)
-            order['debt_amount'] = round(float(order.get('total_price', 0)) - order['paid_amount'], 2)
-            if order['debt_amount'] <= 0:
-                order['is_debt'] = False
-                order['debt_amount'] = 0
-                order['paid_amount'] = order.get('total_price', 0)
-                
-            if 'debt_history' not in data:
-                data['debt_history'] = []
-            data['debt_history'].append({
-                'id': uuid4().hex,
-                'date': get_almaty_time(),
-                'order_id': order_id,
-                'customer': order.get('customer_name') or 'Касса',
-                'action': 'Оплата долга',
-                'amount': amount
+@app.route('/admhosto', methods=['GET'])
+def admhosto():
+    data = load_data()
+    active_envs = []
+    for env_id, env_data in data.items():
+        if env_id == 'default_env':
+            continue
+        settings = env_data.get('settings', {})
+        if not settings.get('is_deleted', False):
+            active_envs.append({
+                "id": env_id,
+                "app_name": settings.get("app_name", f"Mail {env_id}")
             })
-            
-            save_env_data(env_id, data)
-            flash(f'Оплата в размере {amount} успешно внесена для заказа №{order_id}', 'success')
-    return redirect(url_for('debts', env_id=env_id))
-
-@app.route('/<env_id>/debts')
-def debts(env_id):
-    data = get_env_data(env_id)
-    settings = data.get('settings', {})
-    if settings.get('admin_password_enabled') and not session.get(f'admin_auth_{env_id}'):
-        return redirect(url_for('admin_login', env_id=env_id))
-    
-    if settings.get('system_mode', 'both') in ['external', 'light_external']:
-        return redirect(url_for('admin', env_id=env_id))
-        
-    all_orders = list(data.get('orders', {}).values())
-    debt_orders = [o for o in all_orders if o.get('is_debt', False) and float(o.get('debt_amount', 0)) > 0]
-    debt_orders.sort(key=lambda x: x.get('created_at', ''), reverse=True)
-    
-    history_list = data.get('debt_history', [])
-    history_list = sorted(history_list, key=lambda x: x.get('date', ''), reverse=True)
-
-    return render_template_string(
-        DEBTS_TEMPLATE,
-        env_id=env_id,
-        debts=debt_orders,
-        debt_history=history_list,
-        currency=settings.get('currency', '₸')
-    )
-
-@app.route('/<env_id>/history')
-def history(env_id):
-    data = get_env_data(env_id)
-    settings = data.get('settings', {})
-    if settings.get('admin_password_enabled') and not session.get(f'admin_auth_{env_id}'):
-        return redirect(url_for('admin_login', env_id=env_id))
-        
-    orders_list = list(data.get('orders', {}).values())
-    orders_list.sort(key=lambda x: x.get('created_at', ''), reverse=True)
-    
-    sys_mode = settings.get('system_mode', 'both')
-    if sys_mode in ['external', 'light_external']:
-        page_title = 'История заказов'
-    elif sys_mode == 'internal':
-        page_title = 'История накладных'
-    else:
-        page_title = 'История заказов и накладных'
-
-    return render_template_string(
-        HISTORY_TEMPLATE,
-        env_id=env_id,
-        sys_mode=sys_mode,
-        currency_code=settings.get('currency', '₸'),
-        orders_json=json.dumps(orders_list),
-        page_title=page_title
-    )
+    return render_template_string(ADMHOSTO_TEMPLATE, active_envs=active_envs)
 
-@app.route('/<env_id>/assembly_list')
-def assembly_list(env_id):
-    data = get_env_data(env_id)
-    settings = data.get('settings', {})
-    if settings.get('admin_password_enabled') and not session.get(f'admin_auth_{env_id}'):
-        return redirect(url_for('admin_login', env_id=env_id))
-    
-    sys_mode = settings.get('system_mode', 'both')
-    if sys_mode == 'light_external':
-        return redirect(url_for('admin', env_id=env_id))
-        
-    all_orders = list(data.get('orders', {}).values())
-    unassembled =[o for o in all_orders if not is_order_fully_assembled(o)]
-    unassembled.sort(key=lambda x: x.get('created_at', ''), reverse=True)
+@app.route('/admhosto/create', methods=['POST'])
+def create_environment():
+    all_data = load_data()
+    while True:
+        new_id = ''.join(random.choices(string.digits, k=6))
+        if new_id not in all_data:
+            break
+    all_data[new_id] = {
+        'emails': [{
+            'id': uuid4().hex,
+            'type': 'inbox',
+            'from': 'system@mail.local',
+            'to': 'you',
+            'subject': 'Добро пожаловать!',
+            'body': 'Это тестовое приветственное письмо. Вы можете переслать его или удалить.',
+            'date': get_almaty_time(),
+            'attachments': []
+        }],
+        'contacts': [],
+        'settings': {
+            'app_name': f'Mail {new_id}',
+            'admin_password_enabled': False,
+            'admin_password': '',
+            'logo_url': DEFAULT_LOGO_URL,
+            'smtp_server': '',
+            'smtp_port': 587,
+            'smtp_user': '',
+            'smtp_pass': '',
+            'language': 'ru',
+            'theme': 'light',
+            'is_deleted': False
+        }
+    }
+    save_data(all_data)
+    flash(f'Новый почтовый клиент {new_id} успешно создан.', 'success')
+    return redirect(url_for('admhosto'))
 
-    return render_template_string(
-        HISTORY_TEMPLATE,
-        env_id=env_id,
-        sys_mode=sys_mode,
-        currency_code=settings.get('currency', '₸'),
-        orders_json=json.dumps(unassembled),
-        page_title='Сборка (Несобранные заказы)'
-    )
+@app.route('/admhosto/delete/<env_id>', methods=['POST'])
+def delete_environment(env_id):
+    all_data = load_data()
+    if env_id in all_data:
+        all_data[env_id]['settings']['is_deleted'] = True
+        save_data(all_data)
+        flash(f'Среда {env_id} удалена.', 'success')
+    return redirect(url_for('admhosto'))
 
-@app.route('/<env_id>/reports')
-def reports(env_id):
+@app.route('/<env_id>/login', methods=['GET', 'POST'])
+def env_login(env_id):
     data = get_env_data(env_id)
     settings = data.get('settings', {})
-    if settings.get('admin_password_enabled') and not session.get(f'admin_auth_{env_id}'):
-        return redirect(url_for('admin_login', env_id=env_id))
     
-    if settings.get('system_mode', 'both') == 'light_external':
-        return redirect(url_for('admin', env_id=env_id))
-        
-    orders_list = list(data.get('orders', {}).values())
-    return render_template_string(
-        REPORTS_TEMPLATE,
-        env_id=env_id,
-        settings=settings,
-        currency_code=settings.get('currency', '₸'),
-        orders_json=json.dumps(orders_list)
-    )
-
-@app.route('/<env_id>/inventory')
-def inventory(env_id):
-    data = get_env_data(env_id)
-    settings = data.get('settings', {})
-    if settings.get('admin_password_enabled') and not session.get(f'admin_auth_{env_id}'):
-        return redirect(url_for('admin_login', env_id=env_id))
-    if settings.get('system_mode', 'both') in ['external', 'light_external']:
-        return redirect(url_for('admin', env_id=env_id))
-        
-    low_stock_items = get_low_stock_items(data.get('products',[]))
-    active_purchases = data.get('purchase_orders', [])
+    if not settings.get('admin_password_enabled'):
+        return redirect(url_for('mailbox', env_id=env_id))
         
-    return render_template_string(
-        INVENTORY_TEMPLATE,
-        env_id=env_id,
-        products=data.get('products', []),
-        history=data.get('inventory_history',[]),
-        low_stock_items=low_stock_items,
-        active_purchases=active_purchases)
-
-@app.route('/<env_id>/api/inventory', methods=['POST'])
-def api_inventory(env_id):
-    data = get_env_data(env_id)
-    req = request.json
-    pid = req.get('product_id')
-    vidx = int(req.get('variant_idx', -1))
-    qty = int(req.get('qty', 0))
-    is_add = req.get('is_add', True)
-    comment = req.get('comment', '')
-
-    for p in data['products']:
-        if p['product_id'] == pid:
-            name = p['name']
-            v_name = ""
-            if vidx != -1 and vidx < len(p.get('variants',[])):
-                v_name = p['variants'][vidx]['name']
-                curr = p['variants'][vidx].get('stock', 0)
-                curr = int(curr) if str(curr).lstrip('-').strip() != "" and curr is not None else 0
-                p['variants'][vidx]['stock'] = curr + qty if is_add else curr - qty
-            else:
-                curr = p.get('stock', 0)
-                curr = int(curr) if str(curr).lstrip('-').strip() != "" and curr is not None else 0
-                p['stock'] = curr + qty if is_add else curr - qty
-
-            data['inventory_history'].append({
-                "date": get_almaty_time(),
-                "product": name,
-                "variant": v_name,
-                "change": qty if is_add else -qty,
-                "comment": comment
-            })
-            save_env_data(env_id, data)
-            return jsonify({"success": True})
-            
-    return jsonify({"success": False})
-
-@app.route('/<env_id>/purchases')
-def purchases(env_id):
-    data = get_env_data(env_id)
-    settings = data.get('settings', {})
-    if settings.get('admin_password_enabled') and not session.get(f'admin_auth_{env_id}'):
-        return redirect(url_for('admin_login', env_id=env_id))
-    if settings.get('system_mode', 'both') != 'both':
-        return redirect(url_for('admin', env_id=env_id))
-    return render_template_string(PURCHASES_TEMPLATE, env_id=env_id, products=data.get('products', []))
-
-@app.route('/<env_id>/api/purchase', methods=['POST'])
-def create_purchase(env_id):
-    data = get_env_data(env_id)
-    req = request.json
-    pid = req.get('product_id')
-    vidx = int(req.get('variant_idx', -1))
-    qty = int(req.get('qty', 0))
-
-    if qty <= 0:
-        return jsonify({"success": False})
-
-    name = ""
-    v_name = ""
-    for p in data['products']:
-        if p['product_id'] == pid:
-            name = p['name']
-            if vidx != -1 and vidx < len(p.get('variants', [])):
-                v_name = p['variants'][vidx]['name']
-            break
+    if request.method == 'POST':
+        pwd = request.form.get('password', '')
+        if pwd == settings.get('admin_password', ''):
+            session.permanent = True
+            session[f'auth_{env_id}'] = True
+            return redirect(url_for('mailbox', env_id=env_id))
+        else:
+            flash('Неверный пароль', 'error')
             
-    po_id = uuid4().hex
-    data['purchase_orders'].append({
-        'id': po_id,
-        'date': get_almaty_time(),
-        'product_id': pid,
-        'variant_idx': vidx,
-        'product_name': name,
-        'variant_name': v_name,
-        'qty': qty
-    })
-    save_env_data(env_id, data)
-    return jsonify({"success": True})
-
-@app.route('/<env_id>/api/receive_purchase', methods=['POST'])
-def receive_purchase(env_id):
-    data = get_env_data(env_id)
-    req = request.json
-    po_id = req.get('po_id')
-    qty_received = int(req.get('qty', 0))
-
-    if qty_received <= 0:
-        return jsonify({"success": False})
-
-    po = next((x for x in data['purchase_orders'] if x['id'] == po_id), None)
-    if not po:
-        return jsonify({"success": False})
-
-    pid = po['product_id']
-    vidx = po['variant_idx']
-    for p in data['products']:
-        if p['product_id'] == pid:
-            if vidx != -1 and vidx < len(p.get('variants', [])):
-                curr = p['variants'][vidx].get('stock', 0)
-                curr = int(curr) if str(curr).lstrip('-').strip() != "" and curr is not None else 0
-                p['variants'][vidx]['stock'] = curr + qty_received
-            else:
-                curr = p.get('stock', 0)
-                curr = int(curr) if str(curr).lstrip('-').strip() != "" and curr is not None else 0
-                p['stock'] = curr + qty_received
-
-            data['inventory_history'].append({
-                "date": get_almaty_time(),
-                "product": p['name'],
-                "variant": po['variant_name'],
-                "change": qty_received,
-                "comment": "Поступление от поставщика"
-            })
-            break
-
-    if qty_received >= po['qty']:
-        data['purchase_orders'] = [x for x in data['purchase_orders'] if x['id'] != po_id]
-    else:
-        po['qty'] -= qty_received
-
-    save_env_data(env_id, data)
-    return jsonify({"success": True})
-
-@app.route('/<env_id>/export_products', methods=['GET'])
-def export_products(env_id):
-    data = get_env_data(env_id)
-    settings = data.get('settings', {})
-    if settings.get('admin_password_enabled') and not session.get(f'admin_auth_{env_id}'):
-        return redirect(url_for('admin_login', env_id=env_id))
+    return render_template_string(LOGIN_TEMPLATE, env_id=env_id)
 
-    products = data.get('products', [])
-    export_data = []
-    
-    for p in products:
-        export_data.append({
-            "product_id": p.get("product_id"),
-            "name": p.get("name", ""),
-            "price": p.get("price", ""),
-            "cost_price": p.get("cost_price", ""),
-            "category": p.get("category", ""),
-            "stock": p.get("stock", ""),
-            "barcode": p.get("barcode", ""),
-            "description": p.get("description", ""),
-            "is_available": p.get("is_available", True),
-            "pieces_per_box": p.get("pieces_per_box", ""),
-            "pieces_per_master_box": p.get("pieces_per_master_box", ""),
-            "box_price": p.get("box_price", ""),
-            "min_order": p.get("min_order", ""),
-            "has_variant_prices": p.get("has_variant_prices", False),
-            "variants": p.get("variants", [])
-        })
+@app.route('/<env_id>/logout')
+def env_logout(env_id):
+    session.pop(f'auth_{env_id}', None)
+    return redirect(url_for('env_login', env_id=env_id))
 
-    json_str = json.dumps(export_data, ensure_ascii=False, indent=2)
-    return Response(
-        json_str,
-        mimetype='application/json',
-        headers={'Content-disposition': f'attachment; filename=products_{env_id}.json'}
-    )
+def check_auth(env_id, settings):
+    if settings.get('admin_password_enabled') and not session.get(f'auth_{env_id}'):
+        return False
+    return True
 
 @app.route('/<env_id>/admin', methods=['GET', 'POST'])
 def admin(env_id):
     data = get_env_data(env_id)
     settings = data.get('settings', {})
-    t = get_t(settings.get('language', 'ru'))
-    
-    if settings.get('admin_password_enabled') and not session.get(f'admin_auth_{env_id}'):
-        return redirect(url_for('admin_login', env_id=env_id))
-        
-    products = data.get('products',[])
-    categories = data.get('categories',[])
-    category_photos = data.get('category_photos', {})
-    staff = data.get('staff',[])
-    catalog_users = data.get('catalog_users', [])
-    orders = data.get('orders', {})
-    
-    pending_orders =[o for o in orders.values() if o.get('status') == 'pending']
-    pending_orders.sort(key=lambda x: x.get('created_at', ''), reverse=True)
-    
-    unassembled_count = len([o for o in orders.values() if not is_order_fully_assembled(o)])
-    low_stock_count = len(get_low_stock_items(products))
+    if not check_auth(env_id, settings):
+        return redirect(url_for('env_login', env_id=env_id))
 
     if request.method == 'POST':
         action = request.form.get('action')
-
-        if action == 'add_staff':
-            staff_name = request.form.get('staff_name', '').strip()
-            staff_wa = request.form.get('staff_whatsapp', '').strip()
-            if staff_name and staff_wa:
-                staff.append({'id': uuid4().hex, 'name': staff_name, 'whatsapp': staff_wa})
-                data['staff'] = staff
-                save_env_data(env_id, data)
-                
-        elif action == 'delete_staff':
-            sid = request.form.get('staff_id')
-            data['staff'] = [s for s in staff if s['id'] != sid]
-            save_env_data(env_id, data)
-
-        elif action == 'add_catalog_user':
-            user_name = request.form.get('user_name', '').strip()
-            if user_name:
-                pwd = ''.join(random.choices(string.digits, k=6))
-                catalog_users.append({'id': uuid4().hex, 'name': user_name, 'password': pwd})
-                data['catalog_users'] = catalog_users
-                save_env_data(env_id, data)
-                
-        elif action == 'delete_catalog_user':
-            uid = request.form.get('user_id')
-            data['catalog_users'] = [u for u in catalog_users if u['id'] != uid]
-            save_env_data(env_id, data)
-
-        elif action == 'clear_history':
-            data['orders'] = {}
-            data['inventory_history'] =[]
-            data['debt_history'] = []
-            save_env_data(env_id, data)
-            flash('История продаж и заказов успешно очищена.', 'success')
-            
-        elif action == 'import_products':
-            file = request.files.get('import_file')
-            mode = request.form.get('import_mode', 'append')
-            if file and file.filename.endswith('.json'):
-                try:
-                    imported_products = json.load(file)
-                    if not isinstance(imported_products, list):
-                        raise ValueError("JSON должен содержать список товаров")
-                        
-                    if mode == 'replace':
-                        data['products'] = []
-                        data['categories'] = []
-                        
-                    for p in imported_products:
-                        if not p.get('name') or not p.get('category'):
-                            continue
-                        
-                        cat_name = str(p['category']).strip()
-                        if cat_name not in data['categories']:
-                            data['categories'].append(cat_name)
-                            
-                        existing_p = None
-                        if p.get('product_id'):
-                            existing_p = next((x for x in data['products'] if x['product_id'] == p['product_id']), None)
-                            
-                        if existing_p and mode == 'append':
-                            existing_p.update({
-                                'name': str(p.get('name', '')),
-                                'price': p.get('price', ''),
-                                'cost_price': p.get('cost_price', ''),
-                                'category': cat_name,
-                                'stock': p.get('stock', ''),
-                                'barcode': str(p.get('barcode', '')),
-                                'description': str(p.get('description', '')),
-                                'is_available': p.get('is_available', True),
-                                'pieces_per_box': p.get('pieces_per_box', ''),
-                                'pieces_per_master_box': p.get('pieces_per_master_box', ''),
-                                'box_price': p.get('box_price', ''),
-                                'min_order': p.get('min_order', ''),
-                                'has_variant_prices': p.get('has_variant_prices', False),
-                                'variants': p.get('variants', [])
-                            })
-                        else:
-                            new_p = {
-                                'product_id': p.get('product_id') or uuid4().hex,
-                                'created_at': get_almaty_time(),
-                                'name': str(p.get('name', '')),
-                                'price': p.get('price', ''),
-                                'cost_price': p.get('cost_price', ''),
-                                'category': cat_name,
-                                'stock': p.get('stock', ''),
-                                'barcode': str(p.get('barcode', '')),
-                                'description': str(p.get('description', '')),
-                                'is_available': p.get('is_available', True),
-                                'pieces_per_box': p.get('pieces_per_box', ''),
-                                'pieces_per_master_box': p.get('pieces_per_master_box', ''),
-                                'box_price': p.get('box_price', ''),
-                                'min_order': p.get('min_order', ''),
-                                'has_variant_prices': p.get('has_variant_prices', False),
-                                'variants': p.get('variants', []),
-                                'photos': p.get('photos', []),
-                                'wholesale_tiers': p.get('wholesale_tiers', [])
-                            }
-                            data['products'].append(new_p)
-                            
-                    save_env_data(env_id, data)
-                    flash('Импорт товаров успешно завершен!', 'success')
-                except Exception as e:
-                    flash(f'Ошибка импорта: {str(e)}', 'error')
-            else:
-                flash('Пожалуйста, загрузите валидный JSON файл.', 'error')
-
-        elif action == 'update_settings':
+        if action == 'update_settings':
+            settings['app_name'] = request.form.get('app_name', '').strip()
             settings['language'] = request.form.get('language', 'ru')
-            settings['organization_name'] = request.form.get('organization_name', '').strip()
-            settings['catalog_subtitle'] = request.form.get('catalog_subtitle', '').strip()
-            settings['theme'] = request.form.get('theme', 'light')
-            settings['business_type'] = request.form.get('business_type', 'mixed')
-            settings['whatsapp_number'] = request.form.get('order_contact', '').strip()
-            settings['order_messenger'] = request.form.get('order_messenger', 'wa')
-            settings['order_contact'] = request.form.get('order_contact', '').strip()
-            settings['invoice_contacts'] = request.form.get('invoice_contacts', '').strip()
-            settings['currency'] = request.form.get('currency', '₸')
-            
-            sys_m = settings.get('system_mode', 'both')
-            if sys_m == 'external':
-                settings['track_inventory'] = False
-                settings['use_barcodes'] = False
-                settings['use_master_boxes'] = False
-                settings['margin_tracking'] = False
-                settings['hide_stock_online'] = False
-                settings['closed_catalog_enabled'] = 'closed_catalog_enabled' in request.form
-            elif sys_m == 'light_external':
-                settings['track_inventory'] = False
-                settings['use_barcodes'] = False
-                settings['use_master_boxes'] = 'use_master_boxes' in request.form
-                settings['margin_tracking'] = False
-                settings['hide_stock_online'] = False
-                settings['closed_catalog_enabled'] = 'closed_catalog_enabled' in request.form
-            else:
-                settings['track_inventory'] = 'track_inventory' in request.form
-                settings['use_barcodes'] = 'use_barcodes' in request.form
-                settings['use_master_boxes'] = 'use_master_boxes' in request.form
-                settings['margin_tracking'] = 'margin_tracking' in request.form
-                settings['hide_stock_online'] = 'hide_stock_online' in request.form
-                settings['closed_catalog_enabled'] = 'closed_catalog_enabled' in request.form
-            
-            settings['admin_password_enabled'] = 'admin_password_enabled' in request.form
-            settings['admin_password'] = request.form.get('admin_password', '').strip()
-            
-            settings['commission_enabled'] = 'commission_enabled' in request.form
+            settings['smtp_server'] = request.form.get('smtp_server', '').strip()
             try:
-                settings['commission_percent'] = float(request.form.get('commission_percent', 0.0))
+                settings['smtp_port'] = int(request.form.get('smtp_port', 587))
             except ValueError:
-                settings['commission_percent'] = 0.0
-            
-            settings['customer_fields'] = {
-                'name': 'cf_name' in request.form,
-                'phone': 'cf_phone' in request.form,
-                'city': 'cf_city' in request.form,
-                'address': 'cf_address' in request.form,
-                'zip': 'cf_zip' in request.form
-            }
-            
-            def process_image_setting(field_name, dict_key, folder="logos"):
-                img_file = request.files.get(field_name)
-                if img_file and img_file.filename and HF_TOKEN_WRITE:
-                    uploads_dir = 'uploads_temp'
-                    os.makedirs(uploads_dir, exist_ok=True)
-                    ext = os.path.splitext(img_file.filename)[1].lower()
-                    if ext in ['.jpg', '.jpeg', '.png', '.webp', '.gif', '.svg']:
-                        img_filename = f"{field_name}_{uuid4().hex}{ext}"
-                        temp_path = os.path.join(uploads_dir, img_filename)
-                        img_file.save(temp_path)
-                        try:
-                            api = HfApi()
-                            api.upload_file(
-                                path_or_fileobj=temp_path,
-                                path_in_repo=f"{folder}/{img_filename}",
-                                repo_id=REPO_ID,
-                                repo_type="dataset",
-                                token=HF_TOKEN_WRITE
-                            )
-                            settings[dict_key] = f"https://huggingface.co/datasets/{REPO_ID}/resolve/main/{folder}/{img_filename}"
-                        except Exception:
-                            pass
-                        finally:
-                            if os.path.exists(temp_path):
-                                os.remove(temp_path)
-
-            process_image_setting('logo', 'logo_url')
-            process_image_setting('qr_code_1', 'qr_code_1_url')
-            process_image_setting('qr_code_2', 'qr_code_2_url')
-                            
-            settings['socials']['wa']['enabled'] = 'wa_enabled' in request.form
-            settings['socials']['wa']['url'] = request.form.get('wa_url', '').strip()
-            settings['socials']['ig']['enabled'] = 'ig_enabled' in request.form
-            settings['socials']['ig']['url'] = request.form.get('ig_url', '').strip()
-            settings['socials']['tg']['enabled'] = 'tg_enabled' in request.form
-            settings['socials']['tg']['url'] = request.form.get('tg_url', '').strip()
-            settings['socials']['kaspi']['enabled'] = 'kaspi_enabled' in request.form
-            settings['socials']['kaspi']['url'] = request.form.get('kaspi_url', '').strip()
+                settings['smtp_port'] = 587
+            settings['smtp_user'] = request.form.get('smtp_user', '').strip()
+            settings['smtp_pass'] = request.form.get('smtp_pass', '')
+            settings['admin_password_enabled'] = 'admin_password_enabled' in request.form
+            settings['admin_password'] = request.form.get('admin_password', '')
             
             data['settings'] = settings
             save_env_data(env_id, data)
-
-        elif action == 'add_category':
-            cat_name = request.form.get('category_name', '').strip()
-            if cat_name and cat_name not in categories:
-                categories.append(cat_name)
-                data['categories'] = categories
-                
-                photo_file = request.files.get('category_photo')
-                if photo_file and photo_file.filename:
-                    filename = process_and_upload_image(photo_file, 'category_photos', size=(512, 512))
-                    if filename:
-                        data.setdefault('category_photos', {})[cat_name] = filename
-                        
-                save_env_data(env_id, data)
-
-        elif action == 'edit_category':
-            old_cat = request.form.get('old_category_name', '')
-            new_cat = request.form.get('new_category_name', '').strip()
-            if old_cat and new_cat and old_cat in categories:
-                if old_cat != new_cat and new_cat not in categories:
-                    idx = categories.index(old_cat)
-                    categories[idx] = new_cat
-                    for p in products:
-                        if p.get('category') == old_cat:
-                            p['category'] = new_cat
-                    if old_cat in data.get('category_photos', {}):
-                        data.setdefault('category_photos', {})[new_cat] = data['category_photos'].pop(old_cat)
-                
-                cat_to_update = new_cat if (old_cat != new_cat and new_cat not in categories) else old_cat
-                if old_cat == new_cat or (old_cat != new_cat and new_cat not in categories):
-                    photo_file = request.files.get('category_photo')
-                    if photo_file and photo_file.filename:
-                        filename = process_and_upload_image(photo_file, 'category_photos', size=(512, 512))
-                        if filename:
-                            data.setdefault('category_photos', {})[cat_to_update] = filename
-
-                data['categories'] = categories
-                data['products'] = products
-                save_env_data(env_id, data)
-
-        elif action == 'move_category':
-            cat_name = request.form.get('category_name')
-            direction = request.form.get('direction')
-            if cat_name in categories:
-                idx = categories.index(cat_name)
-                if direction == 'up' and idx > 0:
-                    categories[idx], categories[idx-1] = categories[idx-1], categories[idx]
-                elif direction == 'down' and idx < len(categories) - 1:
-                    categories[idx], categories[idx+1] = categories[idx+1], categories[idx]
-                data['categories'] = categories
-                save_env_data(env_id, data)
-
-        elif action == 'delete_category':
-            cat_name = request.form.get('category_name')
-            if cat_name in categories:
-                categories.remove(cat_name)
-                data['products'] =[p for p in products if p.get('category') != cat_name]
-                data['categories'] = categories
-                if cat_name in data.get('category_photos', {}):
-                    del data['category_photos'][cat_name]
-                save_env_data(env_id, data)
-
-        elif action == 'add_product':
-            name = request.form.get('name', '').strip()
-            barcode = request.form.get('barcode', '').strip()
-            is_available = request.form.get('is_available', '1') == '1'
-            
-            price_str = request.form.get('price', '')
-            price = float(price_str) if price_str else ""
-
-            cp_str = request.form.get('cost_price', '')
-            cost_price = float(cp_str) if cp_str else ""
-            
-            ppb_str = request.form.get('pieces_per_box', '')
-            pieces_per_box = int(ppb_str) if ppb_str else ""
-            
-            ppmb_str = request.form.get('pieces_per_master_box', '')
-            pieces_per_master_box = int(ppmb_str) if ppmb_str else ""
-            
-            bp_str = request.form.get('box_price', '')
-            box_price = float(bp_str) if bp_str else ""
+            flash('Настройки сохранены', 'success')
             
-            moq_str = request.form.get('min_order', '')
-            min_order = int(moq_str) if moq_str else ""
-            
-            stock_str = request.form.get('stock', '')
-            main_stock = int(stock_str) if stock_str else ""
-            
-            description = request.form.get('description', '').strip()
-            category = request.form.get('category')
-            has_variant_prices = 'has_variant_prices' in request.form
-            
-            main_wholesale_tiers = []
-            if not has_variant_prices:
-                mt_qtys = request.form.getlist('main_tier_qty[]')
-                mt_prices = request.form.getlist('main_tier_price[]')
-                for q, p_val in zip(mt_qtys, mt_prices):
-                    if q and p_val:
-                        main_wholesale_tiers.append({'qty': int(q), 'price': float(p_val)})
-
-            var_indices = request.form.getlist('variant_indices[]')
-            variants = []
-            
-            for idx in var_indices:
-                v_name = request.form.get(f'variant_name_{idx}', '').strip()
-                if v_name:
-                    v_price = price
-                    v_cost_price = cost_price
-                    v_box_price = box_price
-                    v_is_avail = request.form.get(f'variant_is_available_{idx}', '1') == '1'
-                        
-                    v_wholesale_tiers = []
-                    if has_variant_prices:
-                        vp = request.form.get(f'variant_price_{idx}')
-                        if vp: v_price = float(vp)
-                        vcp = request.form.get(f'variant_cost_price_{idx}')
-                        if vcp: v_cost_price = float(vcp)
-                        vbp = request.form.get(f'variant_box_price_{idx}')
-                        if vbp: v_box_price = float(vbp)
-                            
-                        vt_qtys = request.form.getlist(f'variant_{idx}_tier_qty[]')
-                        vt_prices = request.form.getlist(f'variant_{idx}_tier_price[]')
-                        for q, p_val in zip(vt_qtys, vt_prices):
-                            if q and p_val:
-                                v_wholesale_tiers.append({'qty': int(q), 'price': float(p_val)})
-                            
-                    v_stock = request.form.get(f'variant_stock_{idx}', '')
-                    if v_stock: v_stock = int(v_stock)
-                        
-                    v_barcode = request.form.get(f'variant_barcode_{idx}', '').strip()
-                        
-                    v_ppb = pieces_per_box
-                    vppb_val = request.form.get(f'variant_pieces_per_box_{idx}')
-                    if vppb_val: v_ppb = int(vppb_val)
-                        
-                    v_ppmb = pieces_per_master_box
-                    vppmb_val = request.form.get(f'variant_pieces_per_master_box_{idx}')
-                    if vppmb_val: v_ppmb = int(vppmb_val)
-                        
-                    v_photo = ""
-                    photo_file = request.files.get(f'variant_photo_{idx}')
-                    if photo_file and photo_file.filename:
-                        filename = process_and_upload_image(photo_file, 'photos', size=(512, 512))
-                        if filename:
-                            v_photo = filename
-                        
-                    variants.append({
-                        "name": v_name, 
-                        "barcode": v_barcode,
-                        "price": v_price, 
-                        "cost_price": v_cost_price,
-                        "box_price": v_box_price,
-                        "stock": v_stock,
-                        "pieces_per_box": v_ppb,
-                        "pieces_per_master_box": v_ppmb,
-                        "is_available": v_is_avail,
-                        "wholesale_tiers": v_wholesale_tiers,
-                        "photo": v_photo
-                    })
-
-            uploaded_photos = request.files.getlist('photos')[:10]
-
-            photos_list =[]
-            if uploaded_photos and HF_TOKEN_WRITE:
-                uploads_dir = 'uploads_temp'
-                os.makedirs(uploads_dir, exist_ok=True)
-                api = HfApi()
-                for photo in uploaded_photos:
-                    if photo and photo.filename:
-                        ext = os.path.splitext(photo.filename)[1].lower()
-                        if ext not in['.jpg', '.jpeg', '.png', '.webp', '.gif']:
-                            continue
-                        photo_filename = f"{uuid4().hex}{ext}"
-                        temp_path = os.path.join(uploads_dir, photo_filename)
-                        photo.save(temp_path)
-                        try:
-                            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
-                            )
-                            photos_list.append(photo_filename)
-                        except Exception:
-                            pass
-                        finally:
-                            if os.path.exists(temp_path):
-                                os.remove(temp_path)
-
-            new_product = {
-                'product_id': uuid4().hex,
-                'created_at': get_almaty_time(),
-                'name': name,
-                'barcode': barcode,
-                'price': price,
-                'cost_price': cost_price,
-                'pieces_per_box': pieces_per_box,
-                'pieces_per_master_box': pieces_per_master_box,
-                'box_price': box_price,
-                'min_order': min_order,
-                'stock': main_stock,
-                'description': description,
-                'category': category,
-                'photos': photos_list,
-                'variants': variants,
-                'has_variant_prices': has_variant_prices,
-                'is_available': is_available,
-                'wholesale_tiers': main_wholesale_tiers
+        elif action == 'simulate_incoming':
+            new_mail = {
+                'id': uuid4().hex,
+                'type': 'inbox',
+                'from': 'sender@example.com',
+                'to': settings.get('smtp_user', 'me@local'),
+                'subject': 'Тестовое входящее письмо',
+                'body': 'Это сгенерированное входящее письмо для проверки функций ответа и пересылки.',
+                'date': get_almaty_time(),
+                'attachments': []
             }
-            products.append(new_product)
-            data['products'] = products
-            save_env_data(env_id, data)
-
-        elif action == 'edit_product':
-            pid = request.form.get('product_id')
-            new_cat = request.form.get('new_category', '').strip()
-            name = request.form.get('name', '').strip()
-            barcode = request.form.get('barcode', '').strip()
-            is_available = request.form.get('is_available', '1') == '1'
-            
-            price_str = request.form.get('price', '')
-            price = float(price_str) if price_str else ""
-
-            cp_str = request.form.get('cost_price', '')
-            cost_price = float(cp_str) if cp_str else ""
-            
-            ppb_str = request.form.get('pieces_per_box', '')
-            pieces_per_box = int(ppb_str) if ppb_str else ""
-            
-            ppmb_str = request.form.get('pieces_per_master_box', '')
-            pieces_per_master_box = int(ppmb_str) if ppmb_str else ""
-            
-            bp_str = request.form.get('box_price', '')
-            box_price = float(bp_str) if bp_str else ""
-            
-            moq_str = request.form.get('min_order', '')
-            min_order = int(moq_str) if moq_str else ""
-            
-            stock_str = request.form.get('stock', '')
-            main_stock = int(stock_str) if stock_str else ""
-            
-            description = request.form.get('description', '').strip()
-            has_variant_prices = 'has_variant_prices' in request.form
-            
-            main_wholesale_tiers = []
-            if not has_variant_prices:
-                mt_qtys = request.form.getlist('main_tier_qty[]')
-                mt_prices = request.form.getlist('main_tier_price[]')
-                for q, p_val in zip(mt_qtys, mt_prices):
-                    if q and p_val:
-                        main_wholesale_tiers.append({'qty': int(q), 'price': float(p_val)})
-            
-            remove_photos = request.form.getlist('remove_photos[]')
-            
-            var_indices = request.form.getlist('variant_indices[]')
-            variants = []
-            
-            for idx in var_indices:
-                v_name = request.form.get(f'variant_name_{idx}', '').strip()
-                if v_name:
-                    v_price = price
-                    v_cost_price = cost_price
-                    v_box_price = box_price
-                    v_is_avail = request.form.get(f'variant_is_available_{idx}', '1') == '1'
-                        
-                    v_wholesale_tiers = []
-                    if has_variant_prices:
-                        vp = request.form.get(f'variant_price_{idx}')
-                        if vp: v_price = float(vp)
-                        vcp = request.form.get(f'variant_cost_price_{idx}')
-                        if vcp: v_cost_price = float(vcp)
-                        vbp = request.form.get(f'variant_box_price_{idx}')
-                        if vbp: v_box_price = float(vbp)
-                            
-                        vt_qtys = request.form.getlist(f'variant_{idx}_tier_qty[]')
-                        vt_prices = request.form.getlist(f'variant_{idx}_tier_price[]')
-                        for q, p_val in zip(vt_qtys, vt_prices):
-                            if q and p_val:
-                                v_wholesale_tiers.append({'qty': int(q), 'price': float(p_val)})
-                                
-                    v_stock = request.form.get(f'variant_stock_{idx}', '')
-                    if v_stock: v_stock = int(v_stock)
-                        
-                    v_barcode = request.form.get(f'variant_barcode_{idx}', '').strip()
-                        
-                    v_ppb = pieces_per_box
-                    vppb_val = request.form.get(f'variant_pieces_per_box_{idx}')
-                    if vppb_val: v_ppb = int(vppb_val)
-                        
-                    v_ppmb = pieces_per_master_box
-                    vppmb_val = request.form.get(f'variant_pieces_per_master_box_{idx}')
-                    if vppmb_val: v_ppmb = int(vppmb_val)
-                        
-                    v_photo = request.form.get(f'variant_existing_photo_{idx}', '')
-                    if request.form.get(f'variant_remove_photo_{idx}') == '1':
-                        v_photo = ''
-                        
-                    photo_file = request.files.get(f'variant_photo_{idx}')
-                    if photo_file and photo_file.filename:
-                        filename = process_and_upload_image(photo_file, 'photos', size=(512, 512))
-                        if filename:
-                            v_photo = filename
-                        
-                    variants.append({
-                        "name": v_name, 
-                        "barcode": v_barcode,
-                        "price": v_price, 
-                        "cost_price": v_cost_price,
-                        "box_price": v_box_price,
-                        "stock": v_stock,
-                        "pieces_per_box": v_ppb,
-                        "pieces_per_master_box": v_ppmb,
-                        "is_available": v_is_avail,
-                        "wholesale_tiers": v_wholesale_tiers,
-                        "photo": v_photo
-                    })
-                    
-            uploaded_photos = request.files.getlist('photos')[:10]
-
-            photos_list =[]
-            if uploaded_photos and uploaded_photos[0].filename and HF_TOKEN_WRITE:
-                uploads_dir = 'uploads_temp'
-                os.makedirs(uploads_dir, exist_ok=True)
-                api = HfApi()
-                for photo in uploaded_photos:
-                    if photo and photo.filename:
-                        ext = os.path.splitext(photo.filename)[1].lower()
-                        if ext not in['.jpg', '.jpeg', '.png', '.webp', '.gif']:
-                            continue
-                        photo_filename = f"{uuid4().hex}{ext}"
-                        temp_path = os.path.join(uploads_dir, photo_filename)
-                        photo.save(temp_path)
-                        try:
-                            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
-                            )
-                            photos_list.append(photo_filename)
-                        except Exception:
-                            pass
-                        finally:
-                            if os.path.exists(temp_path):
-                                os.remove(temp_path)
-
-            for p in products:
-                if p.get('product_id') == pid:
-                    p['name'] = name
-                    if new_cat and new_cat in categories:
-                        p['category'] = new_cat
-                    p['barcode'] = barcode
-                    p['price'] = price
-                    p['cost_price'] = cost_price
-                    p['pieces_per_box'] = pieces_per_box
-                    p['pieces_per_master_box'] = pieces_per_master_box
-                    p['box_price'] = box_price
-                    p['min_order'] = min_order
-                    p['stock'] = main_stock
-                    p['description'] = description
-                    p['variants'] = variants
-                    p['has_variant_prices'] = has_variant_prices
-                    p['is_available'] = is_available
-                    p['wholesale_tiers'] = main_wholesale_tiers
-                    
-                    existing_photos = p.get('photos', [])
-                    existing_photos =[ph for ph in existing_photos if ph not in remove_photos]
-                    p['photos'] = existing_photos + photos_list
-                    break
-            data['products'] = products
+            data['emails'].insert(0, new_mail)
             save_env_data(env_id, data)
-
-        elif action == 'move_product':
-            pid = request.form.get('product_id')
-            direction = request.form.get('direction')
+            flash('Входящее письмо симулировано', 'success')
             
-            idx = -1
-            for i, p in enumerate(products):
-                if p.get('product_id') == pid:
-                    idx = i
-                    break
-                    
-            if idx != -1:
-                cat = products[idx].get('category')
-                if direction == 'up':
-                    swap_idx = -1
-                    for i in range(idx - 1, -1, -1):
-                        if products[i].get('category') == cat:
-                            swap_idx = i
-                            break
-                    if swap_idx != -1:
-                        products[idx], products[swap_idx] = products[swap_idx], products[idx]
-                elif direction == 'down':
-                    swap_idx = -1
-                    for i in range(idx + 1, len(products)):
-                        if products[i].get('category') == cat:
-                            swap_idx = i
-                            break
-                    if swap_idx != -1:
-                        products[idx], products[swap_idx] = products[swap_idx], products[idx]
-                
-                data['products'] = products
-                save_env_data(env_id, data)
-
-        elif action == 'delete_product':
-            pid = request.form.get('product_id')
-            data['products'] =[p for p in products if p.get('product_id') != pid]
-            save_env_data(env_id, data)
-
         return redirect(url_for('admin', env_id=env_id))
+        
+    return render_template_string(ADMIN_TEMPLATE, env_id=env_id, settings=settings)
 
+@app.route('/<env_id>/mailbox')
+def mailbox(env_id):
+    data = get_env_data(env_id)
+    settings = data.get('settings', {})
+    if not check_auth(env_id, settings):
+        return redirect(url_for('env_login', env_id=env_id))
+        
+    t_func = get_t(settings.get('language', 'ru'))
+    t_dict = TRANSLATIONS.get(settings.get('language', 'ru'), TRANSLATIONS.get('ru', {}))
+    
     return render_template_string(
-        ADMIN_TEMPLATE,
-        products=products,
-        categories=categories,
-        category_photos=category_photos,
-        repo_id=REPO_ID,
-        currency_code=settings.get('currency', '₸'),
+        MAILBOX_TEMPLATE,
         env_id=env_id,
         settings=settings,
-        staff=staff,
-        catalog_users=catalog_users,
-        pending_orders=pending_orders,
-        unassembled_count=unassembled_count,
-        low_stock_count=low_stock_count,
-        t=t
+        emails_json=json.dumps(data.get('emails', [])),
+        t=t_func,
+        translations=json.dumps(t_dict)
     )
 
-@app.route('/<env_id>/force_upload', methods=['POST'])
-def force_upload(env_id):
-    upload_db_to_hf()
-    return redirect(url_for('admin', env_id=env_id))
+@app.route('/<env_id>/api/send', methods=['POST'])
+def send_email(env_id):
+    data = get_env_data(env_id)
+    settings = data.get('settings', {})
+    if not check_auth(env_id, settings):
+        return redirect(url_for('env_login', env_id=env_id))
+        
+    to_email = request.form.get('to', '').strip()
+    subject = request.form.get('subject', '').strip()
+    body = request.form.get('body', '')
+    files = request.files.getlist('attachments')
+    
+    msg = EmailMessage()
+    msg['Subject'] = subject
+    msg['From'] = settings.get('smtp_user', 'noreply@local')
+    msg['To'] = to_email
+    msg.set_content(body)
+    
+    file_records = []
+    for f in files:
+        if f and f.filename:
+            file_data = f.read()
+            maintype, subtype = 'application', 'octet-stream'
+            mtype = mimetypes.guess_type(f.filename)[0]
+            if mtype:
+                maintype, subtype = mtype.split('/', 1)
+            msg.add_attachment(file_data, maintype=maintype, subtype=subtype, filename=f.filename)
+            file_records.append(f.filename)
+            
+    if settings.get('smtp_server') and settings.get('smtp_user'):
+        try:
+            with smtplib.SMTP(settings['smtp_server'], settings['smtp_port']) as server:
+                server.starttls()
+                server.login(settings['smtp_user'], settings['smtp_pass'])
+                server.send_message(msg)
+        except Exception as e:
+            pass
+
+    email_record = {
+        "id": uuid4().hex,
+        "type": "sent",
+        "to": to_email,
+        "from": msg['From'],
+        "subject": subject,
+        "body": body,
+        "date": get_almaty_time(),
+        "attachments": file_records
+    }
+    data['emails'].insert(0, email_record)
+    save_env_data(env_id, data)
+    
+    return redirect(url_for('mailbox', env_id=env_id))
 
-@app.route('/<env_id>/force_download', methods=['POST'])
-def force_download(env_id):
-    download_db_from_hf()
-    return redirect(url_for('admin', env_id=env_id))
+@app.route('/<env_id>/api/delete_email', methods=['POST'])
+def delete_email(env_id):
+    data = get_env_data(env_id)
+    settings = data.get('settings', {})
+    if not check_auth(env_id, settings):
+        return redirect(url_for('env_login', env_id=env_id))
+        
+    eid = request.form.get('email_id')
+    data['emails'] = [e for e in data.get('emails', []) if e.get('id') != eid]
+    save_env_data(env_id, data)
+    return redirect(url_for('mailbox', env_id=env_id))
 
 if __name__ == '__main__':
     download_db_from_hf()
@@ -7479,5 +981,4 @@ if __name__ == '__main__':
         threading.Thread(target=periodic_backup, daemon=True).start()
 
     port = int(os.environ.get('PORT', 7860))
-    app.run(host='0.0.0.0', port=port)
-
+    app.run(host='0.0.0.0', port=port)
\ No newline at end of file