diff --git "a/app.py" "b/app.py"
new file mode 100644--- /dev/null
+++ "b/app.py"
@@ -0,0 +1,3791 @@
+
+from flask import Flask, render_template_string, request, redirect, url_for, jsonify, flash, abort, Response, session, g
+import json
+import os
+import logging
+import threading
+import time
+from datetime import datetime, timedelta
+import pytz
+from huggingface_hub import HfApi, hf_hub_download
+from huggingface_hub.utils import RepositoryNotFoundError, HfHubHTTPError
+import uuid
+from decimal import Decimal, InvalidOperation, ROUND_HALF_UP
+import functools
+from functools import wraps
+from collections import defaultdict
+from urllib.parse import quote
+
+app = Flask(__name__)
+app.secret_key = os.urandom(24)
+app.permanent_session_lifetime = timedelta(days=7)
+
+ADMIN_PASS = os.getenv("ADMIN_PASS", "jigitadmin")
+
+DATA_DIR = 'pos_data'
+os.makedirs(DATA_DIR, exist_ok=True)
+os.makedirs(os.path.join(app.static_folder, 'product_images'), exist_ok=True)
+
+INVENTORY_FILE = os.path.join(DATA_DIR, 'inventory.json')
+TRANSACTIONS_FILE = os.path.join(DATA_DIR, 'transactions.json')
+USERS_FILE = os.path.join(DATA_DIR, 'users.json')
+KASSAS_FILE = os.path.join(DATA_DIR, 'kassas.json')
+EXPENSES_FILE = os.path.join(DATA_DIR, 'expenses.json')
+PERSONAL_EXPENSES_FILE = os.path.join(DATA_DIR, 'personal_expenses.json')
+SHIFTS_FILE = os.path.join(DATA_DIR, 'shifts.json')
+CLIENTS_FILE = os.path.join(DATA_DIR, 'clients.json')
+
+DATA_FILES = {
+    'inventory': (INVENTORY_FILE, threading.Lock()),
+    'transactions': (TRANSACTIONS_FILE, threading.Lock()),
+    'users': (USERS_FILE, threading.Lock()),
+    'kassas': (KASSAS_FILE, threading.Lock()),
+    'expenses': (EXPENSES_FILE, threading.Lock()),
+    'personal_expenses': (PERSONAL_EXPENSES_FILE, threading.Lock()),
+    'shifts': (SHIFTS_FILE, threading.Lock()),
+    'clients': (CLIENTS_FILE, threading.Lock()),
+}
+
+HF_TOKEN_WRITE = os.getenv("HF_TOKEN_WRITE", "YOUR_WRITE_TOKEN_HERE")
+HF_TOKEN_READ = os.getenv("HF_TOKEN_READ", "YOUR_READ_TOKEN_HERE")
+REPO_ID = "Kgshop/muzhpos"
+
+BISHKEK_TZ = pytz.timezone('Asia/Bishkek')
+
+SIZES = ["S", "M", "L", "XL", "2XL", "3XL", "4XL", "5XL", "6XL", "7XL", "8XL"]
+
+logging.basicConfig(level=logging.INFO, format='%(asctime)s - %(levelname)s - %(message)s')
+
+def get_current_time():
+    return datetime.now(BISHKEK_TZ)
+
+class DecimalEncoder(json.JSONEncoder):
+    def default(self, obj):
+        if isinstance(obj, Decimal):
+            return str(obj)
+        return json.JSONEncoder.default(self, obj)
+
+def to_decimal(value_str, default='0.00'):
+    if value_str is None or value_str == '':
+        return Decimal(default)
+    try:
+        return Decimal(str(value_str).replace(',', '.'))
+    except InvalidOperation:
+        logging.warning(f"Could not convert '{value_str}' to Decimal. Returned {default}.")
+        return Decimal(default)
+        
+def load_json_data(file_key):
+    filepath, lock = DATA_FILES[file_key]
+    filename = os.path.basename(filepath)
+    with lock:
+        try:
+            hf_hub_download(
+                repo_id=REPO_ID, filename=filename, repo_type="dataset", token=HF_TOKEN_READ,
+                local_dir=DATA_DIR, local_dir_use_symlinks=False
+            )
+        except HfHubHTTPError as e:
+            if e.response.status_code != 404:
+                logging.error(f"HTTP error downloading {filename}: {e}")
+        except Exception as e:
+            logging.error(f"Unknown error downloading {filename}: {e}")
+
+        try:
+            with open(filepath, 'r', encoding='utf-8') as f:
+                return json.load(f)
+        except (FileNotFoundError, json.JSONDecodeError):
+            return [] if file_key != 'clients' else {}
+
+def save_json_data(file_key, data):
+    filepath, lock = DATA_FILES[file_key]
+    with lock:
+        try:
+            temp_file = filepath + ".tmp"
+            with open(temp_file, 'w', encoding='utf-8') as f:
+                json.dump(data, f, ensure_ascii=False, indent=4, cls=DecimalEncoder)
+            os.replace(temp_file, filepath)
+        except Exception as e:
+            logging.error(f"Critical error saving {filepath}: {e}", exc_info=True)
+
+@functools.lru_cache(maxsize=1)
+def get_hf_api():
+    if not HF_TOKEN_WRITE or HF_TOKEN_WRITE == "YOUR_WRITE_TOKEN_HERE":
+        return None
+    try:
+        return HfApi()
+    except Exception as e:
+        logging.error(f"Error initializing HfApi: {e}")
+        return None
+
+def upload_db_to_hf(file_key):
+    api = get_hf_api()
+    if not api:
+        return
+    filepath, _ = DATA_FILES[file_key]
+    if not os.path.exists(filepath):
+        return
+    try:
+        filename = os.path.basename(filepath)
+        commit_time = get_current_time().strftime('%Y-%m-%d %H:%M:%S %Z%z')
+        api.upload_file(
+            path_or_fileobj=filepath, path_in_repo=filename, repo_id=REPO_ID, repo_type="dataset",
+            token=HF_TOKEN_WRITE, commit_message=f"Automated backup {filename} {commit_time}",
+            run_as_future=True
+        )
+    except Exception as e:
+        logging.error(f"Error initiating upload of {filepath}: {e}")
+
+def periodic_backup():
+    while True:
+        time.sleep(1800)
+        try:
+            for key in DATA_FILES.keys():
+                upload_db_to_hf(key)
+        except Exception as e:
+            logging.error(f"Error during scheduled backup: {e}", exc_info=True)
+            
+def find_item_by_field(data, field, value):
+    for item in data:
+        if isinstance(item, dict) and str(item.get(field)) == str(value):
+            return item
+    return None
+
+def find_user_by_pin(pin):
+    users = load_json_data('users')
+    return find_item_by_field(users, 'pin', pin)
+
+def format_currency_py(value):
+    try:
+        number = to_decimal(value)
+        return f"{number:,.2f}".replace(",", " ").replace(".", ",")
+    except (InvalidOperation, TypeError, ValueError):
+        return "0,00"
+
+def generate_receipt_html(transaction):
+    items_html = ""
+    for item in transaction['items']:
+        item_name_with_size = item['name']
+        if item.get('size'):
+            item_name_with_size += f" ({item['size']})"
+        items_html += f"""
+        <tr>
+            <td>{item_name_with_size}</td>
+            <td style="text-align: right;">{item['quantity']}</td>
+            <td style="text-align: right;">{format_currency_py(item['price_at_sale'])}</td>
+            <td style="text-align: right;">{format_currency_py(item.get('discount_per_item', '0'))}</td>
+            <td style="text-align: right;">{format_currency_py(item['total'])}</td>
+        </tr>
+        """
+    
+    payment_method_display = "Наличные"
+    if transaction['payment_method'] == 'card':
+        payment_method_display = "Карта"
+    elif transaction['payment_method'] == 'debt':
+        payment_method_display = f"В долг ({transaction.get('client_name', '')})"
+        
+    return f"""
+    <!DOCTYPE html>
+    <html lang="ru">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Чек {transaction['id'][:8]}</title>
+        <style>
+            body {{ font-family: 'Courier New', monospace; margin: 0; padding: 20px; background-color: #f4f4f4; }}
+            .receipt {{ max-width: 350px; margin: auto; background: white; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1); }}
+            h2, p {{ text-align: center; margin: 5px 0; }}
+            table {{ width: 100%; border-collapse: collapse; margin: 15px 0; }}
+            th, td {{ padding: 5px; border-bottom: 1px dashed #ccc; font-size: 0.9em;}}
+            .total {{ font-weight: bold; font-size: 1.2em; }}
+        </style>
+    </head>
+    <body>
+        <div class="receipt">
+            <h2>Jigit_Shopping</h2>
+            <p>--------------------------------</p>
+            <p>Чек №: {transaction['id'][:8]}</p>
+            <p>Дата: {datetime.fromisoformat(transaction['timestamp']).strftime('%d.%m.%Y %H:%M')}</p>
+            <p>Кассир: {transaction['user_name']}</p>
+            <p>Клиент: {transaction.get('client_name', 'Розничный покупатель')}</p>
+            <p>--------------------------------</p>
+            <table>
+                <thead>
+                    <tr>
+                        <th style="text-align: left;">Товар</th>
+                        <th style="text-align: right;">Кол.</th>
+                        <th style="text-align: right;">Цена</th>
+                        <th style="text-align: right;">Скидка</th>
+                        <th style="text-align: right;">Сумма</th>
+                    </tr>
+                </thead>
+                <tbody>{items_html}</tbody>
+            </table>
+            <p>--------------------------------</p>
+            <p class="total">Итого: {format_currency_py(transaction['total_amount'])} с</p>
+            <p>Способ оплаты: {payment_method_display}</p>
+            <p>--------------------------------</p>
+            <p>Спасибо за покупку!</p>
+        </div>
+    </body>
+    </html>
+    """
+
+def admin_required(f):
+    @wraps(f)
+    def decorated_function(*args, **kwargs):
+        if 'admin_logged_in' not in session:
+            flash("Для доступа к этой странице требуется аутентификация.", "warning")
+            return redirect(url_for('admin_login', next=request.url))
+        return f(*args, **kwargs)
+    return decorated_function
+
+@app.context_processor
+def inject_utils():
+    return {'format_currency_py': format_currency_py, 'get_current_time': get_current_time, 'quote': quote, 'SIZES': SIZES}
+
+@app.route('/')
+def sales_screen():
+    inventory = load_json_data('inventory')
+    kassas = load_json_data('kassas')
+    clients = list(load_json_data('clients').values())
+    
+    active_inventory = []
+    for p in inventory:
+        if isinstance(p, dict) and any(sum(v.get('sizes', {}).values()) > 0 for v in p.get('variants', [])):
+            active_inventory.append(p)
+
+    active_inventory.sort(key=lambda x: x.get('name', '').lower())
+    clients.sort(key=lambda x: x.get('name', '').lower())
+
+    grouped_inventory = defaultdict(list)
+    for p in active_inventory:
+        first_letter = p.get('name', '#')[0].upper()
+        grouped_inventory[first_letter].append(p)
+
+    sorted_grouped_inventory = sorted(grouped_inventory.items())
+
+    html = BASE_TEMPLATE.replace('__TITLE__', "Касса").replace('__CONTENT__', SALES_SCREEN_CONTENT).replace('__SCRIPTS__', SALES_SCREEN_SCRIPTS)
+    return render_template_string(html, inventory=active_inventory, kassas=kassas, clients=clients, grouped_inventory=sorted_grouped_inventory)
+
+@app.route('/inventory', methods=['GET', 'POST'])
+@admin_required
+def inventory_management():
+    if request.method == 'POST':
+        try:
+            name = request.form.get('name', '').strip()
+            barcode = request.form.get('barcode', '').strip()
+            
+            if not name or not barcode:
+                flash("Название и штрих-код - обязательные поля.", "danger")
+                return redirect(url_for('inventory_management'))
+
+            inventory = load_json_data('inventory')
+            if find_item_by_field(inventory, 'barcode', barcode):
+                flash(f"Товар со штрих-кодом {barcode} уже существует.", "warning")
+                return redirect(url_for('inventory_management'))
+
+            variants = []
+            variant_names = request.form.getlist('variant_name[]')
+            variant_prices = request.form.getlist('variant_price[]')
+            variant_cost_prices = request.form.getlist('variant_cost_price[]')
+            variant_image_urls = request.form.getlist('variant_image_url[]')
+            
+            size_stocks = {size: request.form.getlist(f'variant_stock_{size}[]') for size in SIZES}
+
+            for i in range(len(variant_names)):
+                v_name = variant_names[i].strip()
+                if not v_name: continue
+                
+                sizes_data = {size: int(to_decimal(size_stocks[size][i], '0')) for size in SIZES}
+                total_stock = sum(sizes_data.values())
+
+                variants.append({
+                    'id': uuid.uuid4().hex,
+                    'option_name': "Вариант",
+                    'option_value': v_name,
+                    'price': str(to_decimal(variant_prices[i])),
+                    'cost_price': str(to_decimal(variant_cost_prices[i])),
+                    'stock': total_stock,
+                    'sizes': sizes_data,
+                    'image_url': variant_image_urls[i] if i < len(variant_image_urls) else ''
+                })
+            
+            if not variants:
+                flash("Нужно добавить хотя бы один вариант товара.", "danger")
+                return redirect(url_for('inventory_management'))
+
+            new_product = {
+                'id': uuid.uuid4().hex,
+                'name': name,
+                'barcode': barcode,
+                'variants': variants,
+                'timestamp_added': get_current_time().isoformat(),
+                'timestamp_updated': get_current_time().isoformat()
+            }
+            inventory.append(new_product)
+            save_json_data('inventory', inventory)
+            upload_db_to_hf('inventory')
+            flash(f"Товар '{name}' успешно добавлен.", "success")
+        except Exception as e:
+            logging.error(f"Error adding product: {e}", exc_info=True)
+            flash(f"Ошибка при добавлении товара: {e}", "danger")
+        return redirect(url_for('inventory_management'))
+    
+    inventory_list = load_json_data('inventory')
+    inventory_list.sort(key=lambda x: x.get('name', '').lower())
+    
+    total_units = 0
+    total_cost_value = Decimal('0.00')
+    total_retail_value = Decimal('0.00')
+
+    for product in inventory_list:
+        if isinstance(product, dict) and 'variants' in product:
+            for variant in product.get('variants', []):
+                stock = variant.get('stock', 0)
+                cost_price = to_decimal(variant.get('cost_price', '0'))
+                price = to_decimal(variant.get('price', '0'))
+                
+                total_units += stock
+                total_cost_value += Decimal(stock) * cost_price
+                total_retail_value += Decimal(stock) * price
+    
+    potential_profit = total_retail_value - total_cost_value
+
+    inventory_summary = {
+        'total_units': total_units,
+        'total_cost_value': total_cost_value,
+        'potential_profit': potential_profit
+    }
+
+    html = BASE_TEMPLATE.replace('__TITLE__', "Склад").replace('__CONTENT__', INVENTORY_CONTENT).replace('__SCRIPTS__', INVENTORY_SCRIPTS)
+    return render_template_string(html, inventory=inventory_list, inventory_summary=inventory_summary)
+
+@app.route('/inventory/edit/<product_id>', methods=['POST'])
+@admin_required
+def edit_product(product_id):
+    inventory = load_json_data('inventory')
+    product_found = False
+    for i, product in enumerate(inventory):
+        if isinstance(product, dict) and product.get('id') == product_id:
+            try:
+                name = request.form.get('name', '').strip()
+                barcode = request.form.get('barcode', '').strip()
+
+                if not name or not barcode:
+                    flash("Название и штрих-код обязательны.", "danger")
+                    return redirect(url_for('inventory_management'))
+
+                existing_barcode = find_item_by_field(inventory, 'barcode', barcode)
+                if existing_barcode and existing_barcode.get('id') != product_id:
+                    flash(f"Штрих-код {barcode} уже используется другим товаром.", "warning")
+                    return redirect(url_for('inventory_management'))
+
+                inventory[i]['name'] = name
+                inventory[i]['barcode'] = barcode
+                
+                new_variants = []
+                variant_ids = request.form.getlist('variant_id[]')
+                variant_names = request.form.getlist('variant_name[]')
+                variant_prices = request.form.getlist('variant_price[]')
+                variant_cost_prices = request.form.getlist('variant_cost_price[]')
+                variant_image_urls = request.form.getlist('variant_image_url[]')
+                
+                size_stocks = {size: request.form.getlist(f'variant_stock_{size}[]') for size in SIZES}
+
+                for j in range(len(variant_ids)):
+                    v_name = variant_names[j].strip()
+                    if not v_name: continue
+                    
+                    sizes_data = {size: int(to_decimal(size_stocks[size][j], '0')) for size in SIZES}
+                    total_stock = sum(sizes_data.values())
+
+                    new_variants.append({
+                        'id': variant_ids[j] or uuid.uuid4().hex,
+                        'option_name': "Вариант",
+                        'option_value': v_name,
+                        'price': str(to_decimal(variant_prices[j])),
+                        'cost_price': str(to_decimal(variant_cost_prices[j])),
+                        'stock': total_stock,
+                        'sizes': sizes_data,
+                        'image_url': variant_image_urls[j] if j < len(variant_image_urls) else ''
+                    })
+                
+                inventory[i]['variants'] = new_variants
+                inventory[i]['timestamp_updated'] = get_current_time().isoformat()
+                product_found = True
+                break
+            except Exception as e:
+                logging.error(f"Error updating product: {e}", exc_info=True)
+                flash(f"Ошибка при обновлении товара: {e}", "danger")
+                return redirect(url_for('inventory_management'))
+    
+    if product_found:
+        save_json_data('inventory', inventory)
+        upload_db_to_hf('inventory')
+        flash("Товар успешно обновлен.", "success")
+    else:
+        flash("Товар не найден.", "danger")
+    return redirect(url_for('inventory_management'))
+
+@app.route('/inventory/delete/<product_id>', methods=['POST'])
+@admin_required
+def delete_product(product_id):
+    inventory = load_json_data('inventory')
+    initial_len = len(inventory)
+    inventory = [p for p in inventory if not (isinstance(p, dict) and p.get('id') == product_id)]
+    if len(inventory) < initial_len:
+        save_json_data('inventory', inventory)
+        upload_db_to_hf('inventory')
+        flash("Товар удален.", "success")
+    else:
+        flash("Товар не найден.", "warning")
+    return redirect(url_for('inventory_management'))
+
+@app.route('/inventory/stock_in', methods=['POST'])
+@admin_required
+def stock_in():
+    try:
+        product_id = request.form.get('product_id')
+        variant_id = request.form.get('variant_id')
+        size = request.form.get('size')
+        quantity = int(request.form.get('quantity', 0))
+        cost_price_str = request.form.get('cost_price')
+        delivery_cost = to_decimal(request.form.get('delivery_cost', '0'))
+
+        if not product_id or not variant_id or not size or quantity <= 0:
+            flash("Неверные данные для оприходования (проверьте товар, вариант, размер и кол-во).", "danger")
+            return redirect(url_for('inventory_management'))
+
+        inventory = load_json_data('inventory')
+        product = find_item_by_field(inventory, 'id', product_id)
+        if not product:
+            flash("Товар не найден.", "danger")
+            return redirect(url_for('inventory_management'))
+
+        variant_found = False
+        variant_name_for_log = ""
+        for i, variant in enumerate(product.get('variants', [])):
+            if variant.get('id') == variant_id:
+                variant_name_for_log = variant.get('option_value', '')
+                
+                if 'sizes' not in variant: variant['sizes'] = {s: 0 for s in SIZES}
+                
+                old_stock_size = variant['sizes'].get(size, 0)
+                variant['sizes'][size] = old_stock_size + quantity
+                
+                old_total_stock = variant.get('stock', 0)
+                new_total_stock = old_total_stock + quantity
+                variant['stock'] = new_total_stock
+                
+                old_cost = to_decimal(variant.get('cost_price', '0'))
+                new_cost = to_decimal(cost_price_str) if cost_price_str else old_cost
+
+                if new_total_stock > 0:
+                    avg_cost = ((old_cost * old_total_stock) + (new_cost * quantity) + delivery_cost) / new_total_stock
+                    variant['cost_price'] = str(avg_cost.quantize(Decimal('0.01'), rounding=ROUND_HALF_UP))
+                
+                variant_found = True
+                break
+
+        if not variant_found:
+            flash("Вариант товара не найден.", "danger")
+            return redirect(url_for('inventory_management'))
+
+        if delivery_cost > 0:
+            expenses = load_json_data('expenses')
+            new_expense = {
+                'id': uuid.uuid4().hex,
+                'timestamp': get_current_time().isoformat(),
+                'amount': str(delivery_cost),
+                'description': f"Дорога: {product['name']} ({variant_name_for_log} / {size})"
+            }
+            expenses.append(new_expense)
+            save_json_data('expenses', expenses)
+            upload_db_to_hf('expenses')
+
+        product['timestamp_updated'] = get_current_time().isoformat()
+        save_json_data('inventory', inventory)
+        upload_db_to_hf('inventory')
+        flash(f"Остаток товара '{product['name']} ({variant_name_for_log} / {size})' увеличен на {quantity}.", "success")
+
+    except Exception as e:
+        logging.error(f"Error stocking in: {e}", exc_info=True)
+        flash(f"Ошибка при оприходовании: {e}", "danger")
+
+    return redirect(url_for('inventory_management'))
+
+@app.route('/upload_image', methods=['POST'])
+@admin_required
+def upload_image():
+    if 'image' not in request.files:
+        return jsonify({'success': False, 'message': 'No file part'}), 400
+    file = request.files['image']
+    if file.filename == '':
+        return jsonify({'success': False, 'message': 'No selected file'}), 400
+    if file:
+        try:
+            filename = str(uuid.uuid4()) + os.path.splitext(file.filename)[1]
+            save_path = os.path.join(app.static_folder, 'product_images', filename)
+            file.save(save_path)
+            url = url_for('static', filename=f'product_images/{filename}')
+            return jsonify({'success': True, 'url': url})
+        except Exception as e:
+            logging.error(f"Image upload failed: {e}", exc_info=True)
+            return jsonify({'success': False, 'message': f'Server error: {e}'}), 500
+    return jsonify({'success': False, 'message': 'Unknown error'}), 500
+
+@app.route('/api/product_by_barcode/<barcode>')
+def get_product_by_barcode(barcode):
+    inventory = load_json_data('inventory')
+    product = find_item_by_field(inventory, 'barcode', barcode)
+    if product:
+        active_variants = [v for v in product.get('variants', []) if v.get('stock', 0) > 0]
+        if active_variants:
+            product_copy = product.copy()
+            product_copy['variants'] = active_variants
+            return jsonify({'success': True, 'product': product_copy})
+        else:
+            return jsonify({'success': False, 'message': 'Товар закончился на складе'}), 404
+    return jsonify({'success': False, 'message': 'Товар не найден'}), 404
+
+@app.route('/api/clients')
+def get_clients():
+    clients = load_json_data('clients')
+    return jsonify(list(clients.values()))
+
+@app.route('/api/client/<client_id>/transactions')
+def get_client_transactions(client_id):
+    transactions = load_json_data('transactions')
+    client_transactions = [t for t in transactions if t.get('client_id') == client_id]
+    client_transactions.sort(key=lambda x: x['timestamp'], reverse=True)
+    
+    for t in client_transactions:
+        t['timestamp_formatted'] = datetime.fromisoformat(t['timestamp']).strftime('%d.%m.%Y %H:%M')
+        t['total_amount_formatted'] = format_currency_py(t['total_amount'])
+    
+    return jsonify(client_transactions)
+
+@app.route('/api/complete_sale', methods=['POST'])
+def complete_sale():
+    try:
+        data = request.get_json()
+        cart = data.get('cart', {})
+        user_id = data.get('userId')
+        kassa_id = data.get('kassaId')
+        shift_id = data.get('shiftId')
+        client_id = data.get('clientId')
+        payment_method = data.get('paymentMethod', 'cash')
+
+        if not cart or not user_id or not kassa_id or not shift_id:
+            return jsonify({'success': False, 'message': 'Неполные данные для продажи. Начните смену.'}), 400
+
+        inventory = load_json_data('inventory')
+        users = load_json_data('users')
+        kassas = load_json_data('kassas')
+        clients = load_json_data('clients')
+        
+        user = find_item_by_field(users, 'id', user_id)
+        kassa = find_item_by_field(kassas, 'id', kassa_id)
+        client = clients.get(client_id) if client_id else None
+
+        if not user or not kassa:
+            return jsonify({'success': False, 'message': 'Кассир или касса не найдены.'}), 404
+        if payment_method == 'debt' and not client:
+            return jsonify({'success': False, 'message': 'Клиент не выбран для продажи в долг.'}), 400
+
+        sale_items = []
+        total_amount = Decimal('0.00')
+        inventory_updates = {}
+
+        for item_key, cart_item in cart.items():
+            if cart_item.get('isCustom'):
+                price_at_sale = to_decimal(cart_item.get('price', '0'))
+                quantity_sold = cart_item.get('quantity', 1)
+                item_total = price_at_sale * Decimal(quantity_sold)
+                total_amount += item_total
+                sale_items.append({
+                    'product_id': None,
+                    'variant_id': item_key,
+                    'size': None,
+                    'name': cart_item.get('productName', 'Товар без штрихкода'),
+                    'barcode': 'CUSTOM',
+                    'quantity': quantity_sold,
+                    'price_at_sale': str(price_at_sale),
+                    'cost_price_at_sale': '0.00',
+                    'discount_per_item': '0.00',
+                    'total': str(item_total),
+                    'is_custom': True
+                })
+                continue
+            
+            variant_id, size = item_key.split('_')
+            product = find_item_by_field(inventory, 'id', cart_item['productId'])
+            if not product:
+                return jsonify({'success': False, 'message': f"Товар с ID {cart_item['productId']} не найден."}), 404
+            
+            variant = find_item_by_field(product.get('variants', []), 'id', variant_id)
+            if not variant:
+                 return jsonify({'success': False, 'message': f"Вариант товара с ID {variant_id} не найден."}), 404
+            
+            quantity_sold = cart_item['quantity']
+            current_stock = variant.get('sizes', {}).get(size, 0)
+
+            if quantity_sold > current_stock:
+                return jsonify({'success': False, 'message': f"Недостаточно товара '{product['name']} ({variant['option_value']} / {size})'. В наличии: {current_stock}"}), 400
+
+            price_at_sale = to_decimal(variant.get('price', '0'))
+            cost_price_at_sale = to_decimal(variant.get('cost_price', '0'))
+            discount_per_item = to_decimal(cart_item.get('discount', '0'))
+
+            if discount_per_item > price_at_sale:
+                return jsonify({'success': False, 'message': f"Скидка на '{product['name']}' не может быть больше цены."}), 400
+
+            final_price = price_at_sale - discount_per_item
+            item_total = final_price * Decimal(quantity_sold)
+            total_amount += item_total
+
+            sale_items.append({
+                'product_id': product['id'],
+                'variant_id': variant_id,
+                'size': size,
+                'name': f"{product['name']} ({variant['option_value']})",
+                'barcode': product.get('barcode'),
+                'quantity': quantity_sold,
+                'price_at_sale': str(price_at_sale),
+                'cost_price_at_sale': str(cost_price_at_sale),
+                'discount_per_item': str(discount_per_item),
+                'total': str(item_total)
+            })
+            
+            update_key = f"{variant_id}_{size}"
+            inventory_updates[update_key] = {
+                'product_id': product['id'], 
+                'variant_id': variant_id,
+                'size': size,
+                'change': -quantity_sold
+            }
+
+        now_iso = get_current_time().isoformat()
+        
+        new_transaction = {
+            'id': uuid.uuid4().hex,
+            'timestamp': now_iso,
+            'type': 'sale',
+            'status': 'completed',
+            'original_transaction_id': None,
+            'user_id': user_id,
+            'user_name': user.get('name', 'N/A'),
+            'kassa_id': kassa_id,
+            'kassa_name': kassa.get('name', 'N/A'),
+            'shift_id': shift_id,
+            'client_id': client_id,
+            'client_name': client['name'] if client else 'Розничный покупатель',
+            'items': sale_items,
+            'total_amount': str(total_amount),
+            'payment_method': payment_method
+        }
+        
+        new_transaction['receipt_html'] = generate_receipt_html(new_transaction)
+        transactions = load_json_data('transactions')
+        transactions.append(new_transaction)
+
+        for _, update in inventory_updates.items():
+            for p in inventory:
+                if p.get('id') == update['product_id']:
+                    for v in p.get('variants', []):
+                        if v.get('id') == update['variant_id']:
+                            v['sizes'][update['size']] += update['change']
+                            v['stock'] += update['change']
+                            p['timestamp_updated'] = now_iso
+                            break
+                    break
+
+        if payment_method == 'cash':
+            for i, k in enumerate(kassas):
+                if k.get('id') == kassa_id:
+                    current_balance = to_decimal(k.get('balance', '0'))
+                    kassas[i]['balance'] = str(current_balance + total_amount)
+                    kassas[i].setdefault('history', []).append({
+                        'type': 'sale', 'amount': str(total_amount), 'timestamp': now_iso,
+                        'transaction_id': new_transaction['id']
+                    })
+                    break
+        elif payment_method == 'debt':
+            client['debt'] = str(to_decimal(client.get('debt', '0')) + total_amount)
+            client.setdefault('history', []).append({
+                'type': 'purchase_debt', 'amount': str(total_amount), 'timestamp': now_iso,
+                'transaction_id': new_transaction['id']
+            })
+            save_json_data('clients', clients)
+            upload_db_to_hf('clients')
+
+        save_json_data('transactions', transactions)
+        save_json_data('inventory', inventory)
+        save_json_data('kassas', kassas)
+        
+        upload_db_to_hf('transactions')
+        upload_db_to_hf('inventory')
+        upload_db_to_hf('kassas')
+
+        receipt_url = url_for('view_receipt', transaction_id=new_transaction['id'], _external=True)
+        return jsonify({
+            'success': True, 
+            'message': 'Продажа успешно зарегистрирована.', 
+            'transactionId': new_transaction['id'],
+            'receiptUrl': receipt_url
+        })
+
+    except Exception as e:
+        logging.error(f"Error completing sale: {e}", exc_info=True)
+        return jsonify({'success': False, 'message': f'Внутренняя ошибка сервера: {e}'}), 500
+
+@app.route('/receipt/<transaction_id>')
+def view_receipt(transaction_id):
+    transactions = load_json_data('transactions')
+    transaction = find_item_by_field(transactions, 'id', transaction_id)
+    if transaction and 'receipt_html' in transaction:
+        return Response(transaction['receipt_html'], mimetype='text/html')
+    abort(404, description="Чек не найден")
+
+@app.route('/transactions')
+@admin_required
+def transaction_history():
+    selected_date_str = request.args.get('date', get_current_time().strftime('%Y-%m-%d'))
+    selected_kassa_id = request.args.get('kassa', '')
+    try:
+        selected_date = datetime.strptime(selected_date_str, '%Y-%m-%d').date()
+    except ValueError:
+        selected_date = get_current_time().date()
+        selected_date_str = selected_date.strftime('%Y-%m-%d')
+    
+    transactions = load_json_data('transactions')
+    kassas = load_json_data('kassas')
+    
+    filtered_transactions = [
+        t for t in transactions 
+        if datetime.fromisoformat(t['timestamp']).date() == selected_date
+    ]
+    
+    if selected_kassa_id:
+        filtered_transactions = [
+            t for t in filtered_transactions
+            if t.get('kassa_id') == selected_kassa_id
+        ]
+    
+    total_sales = sum(to_decimal(t['total_amount']) for t in filtered_transactions if t.get('type') == 'sale')
+    
+    filtered_transactions.sort(key=lambda x: x.get('timestamp', ''), reverse=True)
+    
+    html = BASE_TEMPLATE.replace('__TITLE__', "История транзакций").replace('__CONTENT__', TRANSACTIONS_CONTENT).replace('__SCRIPTS__', TRANSACTIONS_SCRIPTS)
+    return render_template_string(html, transactions=filtered_transactions, total_sales=total_sales, selected_date=selected_date_str, kassas=kassas, selected_kassa_id=selected_kassa_id)
+
+@app.route('/admin/transaction/edit/<transaction_id>', methods=['POST'])
+@admin_required
+def edit_transaction(transaction_id):
+    try:
+        data = request.get_json()
+        items_update = data.get('items', [])
+        
+        transactions = load_json_data('transactions')
+        kassas = load_json_data('kassas')
+        clients = load_json_data('clients')
+        
+        transaction_index = -1
+        for i, t in enumerate(transactions):
+            if t.get('id') == transaction_id:
+                transaction_index = i
+                break
+        
+        if transaction_index == -1:
+            return jsonify({'success': False, 'message': 'Транзакция не найдена'}), 404
+        
+        original_transaction = transactions[transaction_index]
+        old_total_amount = to_decimal(original_transaction['total_amount'])
+        
+        new_total_amount = Decimal('0.00')
+        
+        for item in original_transaction['items']:
+            item_key = f"{item.get('variant_id')}_{item.get('size')}" if item.get('size') else item.get('variant_id')
+            update_data = find_item_by_field(items_update, 'id', item_key)
+            
+            if update_data:
+                new_price = to_decimal(update_data.get('price', item['price_at_sale']))
+                new_discount = to_decimal(update_data.get('discount', item.get('discount_per_item', '0')))
+                
+                item['price_at_sale'] = str(new_price)
+                item['discount_per_item'] = str(new_discount)
+                item_total = (new_price - new_discount) * Decimal(item['quantity'])
+                item['total'] = str(item_total)
+            
+            new_total_amount += to_decimal(item['total'])
+        
+        transactions[transaction_index]['total_amount'] = str(new_total_amount)
+        
+        transactions[transaction_index].setdefault('edits', []).append({
+            'timestamp': get_current_time().isoformat(),
+            'admin_user': session.get('admin_username', 'admin'),
+            'old_total': str(old_total_amount),
+            'new_total': str(new_total_amount)
+        })
+
+        transactions[transaction_index]['receipt_html'] = generate_receipt_html(transactions[transaction_index])
+
+        amount_diff = new_total_amount - old_total_amount
+        if amount_diff != Decimal(0):
+            if original_transaction['payment_method'] == 'cash':
+                kassa_id = original_transaction.get('kassa_id')
+                for i, k in enumerate(kassas):
+                    if k.get('id') == kassa_id:
+                        k['balance'] = str(to_decimal(k.get('balance', '0')) + amount_diff)
+                        k.setdefault('history', []).append({
+                            'type': 'correction', 'amount': str(amount_diff), 'timestamp': get_current_time().isoformat(),
+                            'description': f"Корректировка транзакции {transaction_id[:8]}"
+                        })
+                        break
+                save_json_data('kassas', kassas)
+                upload_db_to_hf('kassas')
+            elif original_transaction['payment_method'] == 'debt':
+                client_id = original_transaction.get('client_id')
+                if client_id and client_id in clients:
+                    clients[client_id]['debt'] = str(to_decimal(clients[client_id].get('debt', '0')) + amount_diff)
+                    clients[client_id].setdefault('history', []).append({
+                        'type': 'correction', 'amount': str(amount_diff), 'timestamp': get_current_time().isoformat(),
+                        'description': f"Корректировка транзакции {transaction_id[:8]}"
+                    })
+                    save_json_data('clients', clients)
+                    upload_db_to_hf('clients')
+
+        save_json_data('transactions', transactions)
+        upload_db_to_hf('transactions')
+        
+        flash("Транзакция успешно обновлена.", "success")
+        return jsonify({'success': True, 'message': 'Транзакция обновлена'})
+    except Exception as e:
+        logging.error(f"Error editing transaction: {e}", exc_info=True)
+        return jsonify({'success': False, 'message': f'Внутренняя ошибка: {e}'}), 500
+
+@app.route('/admin/transaction/delete/<transaction_id>', methods=['POST'])
+@admin_required
+def delete_transaction(transaction_id):
+    transactions = load_json_data('transactions')
+    inventory = load_json_data('inventory')
+    kassas = load_json_data('kassas')
+    clients = load_json_data('clients')
+
+    transaction_to_delete = find_item_by_field(transactions, 'id', transaction_id)
+    if not transaction_to_delete:
+        flash("Транзакция не найдена.", "danger")
+        return redirect(url_for('transaction_history'))
+
+    change_multiplier = 1 if transaction_to_delete.get('type') == 'sale' else -1
+
+    for item in transaction_to_delete.get('items', []):
+        if item.get('is_custom'): continue
+        
+        product = find_item_by_field(inventory, 'id', item.get('product_id'))
+        if not product: continue
+        
+        variant = find_item_by_field(product.get('variants', []), 'id', item.get('variant_id'))
+        if not variant: continue
+
+        quantity_change = item.get('quantity', 0) * change_multiplier
+        size = item.get('size')
+        if size:
+            variant['sizes'][size] = variant.get('sizes', {}).get(size, 0) + quantity_change
+            variant['stock'] = variant.get('stock', 0) + quantity_change
+            
+    amount_change = to_decimal(transaction_to_delete.get('total_amount'))
+    payment_method = transaction_to_delete.get('payment_method')
+    
+    if payment_method == 'cash':
+        kassa = find_item_by_field(kassas, 'id', transaction_to_delete.get('kassa_id'))
+        if kassa:
+            kassa['balance'] = str(to_decimal(kassa.get('balance', '0')) - amount_change)
+            kassa.setdefault('history', []).append({
+                'type': 'deletion', 'amount': str(-amount_change), 'timestamp': get_current_time().isoformat(),
+                'description': f"Удаление транзакции {transaction_id[:8]}"
+            })
+    elif payment_method == 'debt':
+        client_id = transaction_to_delete.get('client_id')
+        if client_id and client_id in clients:
+            clients[client_id]['debt'] = str(to_decimal(clients[client_id].get('debt', '0')) - amount_change)
+            clients[client_id].setdefault('history', []).append({
+                'type': 'deletion', 'amount': str(-amount_change), 'timestamp': get_current_time().isoformat(),
+                'description': f"Удаление транзакции {transaction_id[:8]}"
+            })
+            save_json_data('clients', clients)
+            upload_db_to_hf('clients')
+
+    transactions = [t for t in transactions if t.get('id') != transaction_id]
+    
+    if transaction_to_delete.get('type') == 'return':
+        original_id = transaction_to_delete.get('original_transaction_id')
+        if original_id:
+            for i, t in enumerate(transactions):
+                if t.get('id') == original_id:
+                    transactions[i]['status'] = 'completed'
+                    break
+
+    save_json_data('inventory', inventory)
+    save_json_data('kassas', kassas)
+    save_json_data('transactions', transactions)
+    
+    upload_db_to_hf('inventory')
+    upload_db_to_hf('kassas')
+    upload_db_to_hf('transactions')
+    
+    flash("Транзакция успешно удалена.", "success")
+    return redirect(url_for('transaction_history'))
+
+@app.route('/reports')
+@admin_required
+def reports():
+    today = get_current_time().date()
+    start_date_str = request.args.get('start_date', (today.replace(day=1)).strftime('%Y-%m-%d'))
+    end_date_str = request.args.get('end_date', (today).strftime('%Y-%m-%d'))
+
+    start_date = datetime.strptime(start_date_str, '%Y-%m-%d').replace(tzinfo=BISHKEK_TZ)
+    end_date = (datetime.strptime(end_date_str, '%Y-%m-%d') + timedelta(days=1)).replace(tzinfo=BISHKEK_TZ)
+    num_days = (end_date - start_date).days
+
+    transactions = load_json_data('transactions')
+    expenses = load_json_data('expenses')
+    personal_expenses = load_json_data('personal_expenses')
+    users = load_json_data('users')
+
+    filtered_transactions = [
+        t for t in transactions 
+        if start_date <= datetime.fromisoformat(t['timestamp']) < end_date and t.get('type') == 'sale'
+    ]
+    filtered_expenses = [
+        e for e in expenses 
+        if start_date <= datetime.fromisoformat(e['timestamp']) < end_date
+    ]
+    filtered_personal_expenses = [
+        e for e in personal_expenses 
+        if start_date <= datetime.fromisoformat(e['timestamp']) < end_date
+    ]
+    
+    total_revenue = sum(to_decimal(t['total_amount']) for t in filtered_transactions)
+    total_cogs = sum(
+        to_decimal(item.get('cost_price_at_sale', '0')) * to_decimal(str(item['quantity']))
+        for t in filtered_transactions for item in t['items']
+    )
+    gross_profit = total_revenue - total_cogs
+    total_expenses = sum(to_decimal(e['amount']) for e in filtered_expenses)
+    total_personal_expenses = sum(to_decimal(e['amount']) for e in filtered_personal_expenses)
+    
+    sales_by_cashier = defaultdict(lambda: {'count': 0, 'total': Decimal(0)})
+    for t in filtered_transactions:
+        cashier_name = t.get('user_name', 'Неизвестный')
+        sales_by_cashier[cashier_name]['count'] += 1
+        sales_by_cashier[cashier_name]['total'] += to_decimal(t['total_amount'])
+
+    cashier_payouts = defaultdict(Decimal)
+    for t in filtered_transactions:
+        user = find_item_by_field(users, 'id', t.get('user_id'))
+        if user:
+            payment_type = user.get('payment_type')
+            payment_value = to_decimal(user.get('payment_value', '0'))
+            if payment_type == 'percentage' and payment_value > 0:
+                payout = to_decimal(t['total_amount']) * (payment_value / Decimal(100))
+                cashier_payouts[user['name']] += payout
+
+    for user in users:
+        if user.get('payment_type') == 'salary':
+            monthly_salary = to_decimal(user.get('payment_value', '0'))
+            if monthly_salary > 0:
+                daily_salary = monthly_salary / Decimal(30) 
+                period_salary = daily_salary * Decimal(num_days) if num_days > 0 else daily_salary
+                cashier_payouts[user['name']] += period_salary
+
+    total_salary_expenses = sum(cashier_payouts.values())
+    net_profit = gross_profit - total_expenses - total_personal_expenses - total_salary_expenses
+    
+    stats = {
+        'total_revenue': total_revenue,
+        'total_cogs': total_cogs,
+        'gross_profit': gross_profit,
+        'total_expenses': total_expenses,
+        'total_personal_expenses': total_personal_expenses,
+        'total_salary_expenses': total_salary_expenses,
+        'net_profit': net_profit,
+        'sales_by_cashier': sorted(sales_by_cashier.items(), key=lambda item: item[1]['total'], reverse=True),
+        'cashier_payouts': sorted(cashier_payouts.items(), key=lambda item: item[1], reverse=True)
+    }
+
+    filtered_expenses.sort(key=lambda x: x['timestamp'], reverse=True)
+    filtered_personal_expenses.sort(key=lambda x: x['timestamp'], reverse=True)
+
+    html = BASE_TEMPLATE.replace('__TITLE__', "Отчеты").replace('__CONTENT__', REPORTS_CONTENT).replace('__SCRIPTS__', REPORTS_SCRIPTS)
+    return render_template_string(html, stats=stats, start_date=start_date_str, end_date=end_date_str, expenses=filtered_expenses, personal_expenses=filtered_personal_expenses)
+
+@app.route('/reports/product_roi')
+@admin_required
+def product_roi_report():
+    inventory = load_json_data('inventory')
+    transactions = load_json_data('transactions')
+
+    product_stats = []
+
+    for product in inventory:
+        for variant in product.get('variants', []):
+            total_revenue = Decimal('0.00')
+            total_cogs = Decimal('0.00')
+            total_qty_sold = 0
+
+            for t in transactions:
+                if t['type'] == 'sale':
+                    for item in t['items']:
+                        if item.get('variant_id') == variant['id']:
+                            total_revenue += to_decimal(item['total'])
+                            total_cogs += to_decimal(item.get('cost_price_at_sale', '0')) * to_decimal(str(item['quantity']))
+                            total_qty_sold += item['quantity']
+                elif t['type'] == 'return':
+                     for item in t['items']:
+                        if item.get('variant_id') == variant['id']:
+                            total_revenue += to_decimal(item['total'])
+                            total_cogs += to_decimal(item.get('cost_price_at_sale', '0')) * to_decimal(str(item['quantity']))
+                            total_qty_sold += item['quantity']
+
+            current_stock = to_decimal(str(variant.get('stock', 0)))
+            cost_price = to_decimal(variant.get('cost_price', '0'))
+            
+            inventory_value = current_stock * cost_price
+            
+            total_investment = total_cogs + inventory_value 
+            payback = total_revenue - total_investment
+
+            product_stats.append({
+                'name': product['name'],
+                'variant_name': variant['option_value'],
+                'total_qty_sold': total_qty_sold,
+                'total_revenue': total_revenue,
+                'total_investment': total_investment,
+                'inventory_value': inventory_value,
+                'payback': payback
+            })
+
+    product_stats.sort(key=lambda x: x['payback'], reverse=True)
+    html = BASE_TEMPLATE.replace('__TITLE__', "Отчет по окупаемости товаров").replace('__CONTENT__', PRODUCT_ROI_CONTENT).replace('__SCRIPTS__', '')
+    return render_template_string(html, stats=product_stats)
+
+@app.route('/admin', methods=['GET'])
+@admin_required
+def admin_panel():
+    users = load_json_data('users')
+    kassas = load_json_data('kassas')
+    expenses = load_json_data('expenses')
+    personal_expenses = load_json_data('personal_expenses')
+    expenses.sort(key=lambda x: x.get('timestamp', ''), reverse=True)
+    personal_expenses.sort(key=lambda x: x.get('timestamp', ''), reverse=True)
+    html = BASE_TEMPLATE.replace('__TITLE__', "Админ-панель").replace('__CONTENT__', ADMIN_CONTENT).replace('__SCRIPTS__', ADMIN_SCRIPTS)
+    return render_template_string(html, users=users, kassas=kassas, expenses=expenses, personal_expenses=personal_expenses)
+
+@app.route('/admin/shifts')
+@admin_required
+def admin_shifts():
+    shifts = load_json_data('shifts')
+    shifts.sort(key=lambda x: x.get('start_time', ''), reverse=True)
+    html = BASE_TEMPLATE.replace('__TITLE__', "История смен").replace('__CONTENT__', SHIFTS_CONTENT)
+    return render_template_string(html, shifts=shifts)
+
+@app.route('/admin/user', methods=['POST'])
+@admin_required
+def manage_user():
+    action = request.form.get('action')
+    users = load_json_data('users')
+    
+    if action == 'add':
+        name = request.form.get('name', '').strip()
+        pin = request.form.get('pin', '').strip()
+        payment_type = request.form.get('payment_type')
+        payment_value = to_decimal(request.form.get('payment_value', '0'))
+        if name and pin and pin.isdigit() and payment_type:
+            new_user = {
+                'id': uuid.uuid4().hex, 'name': name, 'pin': pin,
+                'payment_type': payment_type, 'payment_value': str(payment_value)
+            }
+            users.append(new_user)
+            flash(f"Кассир '{name}' добавлен.", "success")
+        else:
+            flash("��се поля обязательны.", "danger")
+    
+    elif action == 'edit':
+        user_id = request.form.get('id')
+        user = find_item_by_field(users, 'id', user_id)
+        if user:
+            user['name'] = request.form.get('name', '').strip()
+            user['pin'] = request.form.get('pin', '').strip()
+            user['payment_type'] = request.form.get('payment_type')
+            user['payment_value'] = str(to_decimal(request.form.get('payment_value', '0')))
+            flash(f"Данные кассира '{user['name']}' обновлены.", "success")
+        else:
+            flash("Кассир не найден.", "warning")
+
+    elif action == 'delete':
+        user_id = request.form.get('id')
+        initial_len = len(users)
+        users = [u for u in users if u.get('id') != user_id]
+        if len(users) < initial_len:
+            flash("Кассир удален.", "success")
+        else:
+            flash("Кассир не найден.", "warning")
+
+    save_json_data('users', users)
+    upload_db_to_hf('users')
+    return redirect(url_for('admin_panel'))
+
+@app.route('/admin/kassa', methods=['POST'])
+@admin_required
+def manage_kassa():
+    action = request.form.get('action')
+    kassas = load_json_data('kassas')
+    
+    if action == 'add':
+        name = request.form.get('name', '').strip()
+        balance = to_decimal(request.form.get('balance', '0'))
+        if name:
+            new_kassa = {
+                'id': uuid.uuid4().hex,
+                'name': name,
+                'balance': str(balance),
+                'history': []
+            }
+            if balance > 0:
+                new_kassa['history'].append({
+                    'type': 'deposit',
+                    'amount': str(balance),
+                    'timestamp': get_current_time().isoformat(),
+                    'description': 'Начальный баланс'
+                })
+            kassas.append(new_kassa)
+            flash(f"Касса '{name}' добавлена.", "success")
+        else:
+            flash("Название кассы обязательно.", "danger")
+
+    elif action == 'delete':
+        kassa_id = request.form.get('id')
+        initial_len = len(kassas)
+        kassas = [k for k in kassas if k.get('id') != kassa_id]
+        if len(kassas) < initial_len:
+            flash("Касса удалена.", "success")
+        else:
+            flash("Касса не найдена.", "warning")
+            
+    save_json_data('kassas', kassas)
+    upload_db_to_hf('kassas')
+    return redirect(url_for('admin_panel'))
+
+@app.route('/admin/kassa_op', methods=['POST'])
+@admin_required
+def kassa_operation():
+    kassa_id = request.form.get('kassa_id')
+    op_type = request.form.get('op_type')
+    amount = to_decimal(request.form.get('amount', '0'))
+    description = request.form.get('description', '').strip()
+    
+    if not kassa_id or not op_type or amount <= 0:
+        flash("Выберите кассу, тип операции и укажите положительную сумму.", "danger")
+        return redirect(url_for('admin_panel'))
+    
+    kassas = load_json_data('kassas')
+    kassa_found = False
+    for i, kassa in enumerate(kassas):
+        if kassa.get('id') == kassa_id:
+            current_balance = to_decimal(kassa.get('balance', '0'))
+            new_balance = current_balance
+            
+            if op_type == 'deposit':
+                new_balance += amount
+            elif op_type == 'withdrawal':
+                if amount > current_balance:
+                    flash("Сумма изъятия превышает баланс кассы.", "danger")
+                    return redirect(url_for('admin_panel'))
+                new_balance -= amount
+            
+            kassas[i]['balance'] = str(new_balance)
+            if 'history' not in kassas[i]: kassas[i]['history'] = []
+            kassas[i]['history'].append({
+                'type': op_type,
+                'amount': str(amount),
+                'timestamp': get_current_time().isoformat(),
+                'description': description or f"{'Внесение' if op_type == 'deposit' else 'Изъятие'} средств"
+            })
+            kassa_found = True
+            break
+            
+    if kassa_found:
+        save_json_data('kassas', kassas)
+        upload_db_to_hf('kassas')
+        flash("Операция по кассе успешно проведена.", "success")
+    else:
+        flash("Касса не найдена.", "danger")
+        
+    return redirect(url_for('admin_panel'))
+    
+@app.route('/admin/expense', methods=['POST'])
+@admin_required
+def manage_expense():
+    amount = to_decimal(request.form.get('amount', '0'))
+    description = request.form.get('description', '').strip()
+
+    if amount <= 0 or not description:
+        flash("Укажите положительную сумму и описание расхода.", "danger")
+        return redirect(url_for('admin_panel'))
+
+    new_expense = {
+        'id': uuid.uuid4().hex,
+        'timestamp': get_current_time().isoformat(),
+        'amount': str(amount),
+        'description': description
+    }
+    expenses = load_json_data('expenses')
+    expenses.append(new_expense)
+    save_json_data('expenses', expenses)
+    upload_db_to_hf('expenses')
+    flash("Расход успешно добавлен.", "success")
+    return redirect(url_for('admin_panel'))
+
+@app.route('/admin/expense/delete/<expense_id>', methods=['POST'])
+@admin_required
+def delete_expense(expense_id):
+    expenses = load_json_data('expenses')
+    initial_len = len(expenses)
+    expenses = [e for e in expenses if e.get('id') != expense_id]
+    if len(expenses) < initial_len:
+        save_json_data('expenses', expenses)
+        upload_db_to_hf('expenses')
+        flash("Расход удален.", "success")
+    else:
+        flash("Расход не найден.", "warning")
+    return redirect(url_for('admin_panel'))
+
+@app.route('/admin/personal_expense', methods=['POST'])
+@admin_required
+def manage_personal_expense():
+    amount = to_decimal(request.form.get('amount', '0'))
+    description = request.form.get('description', '').strip()
+
+    if amount <= 0 or not description:
+        flash("Укажите положительную сумму и описание личного расхода.", "danger")
+        return redirect(url_for('admin_panel'))
+
+    new_expense = {
+        'id': uuid.uuid4().hex,
+        'timestamp': get_current_time().isoformat(),
+        'amount': str(amount),
+        'description': description
+    }
+    expenses = load_json_data('personal_expenses')
+    expenses.append(new_expense)
+    save_json_data('personal_expenses', expenses)
+    upload_db_to_hf('personal_expenses')
+    flash("Личный расход успешно добавлен.", "success")
+    return redirect(url_for('admin_panel'))
+
+@app.route('/admin/personal_expense/delete/<expense_id>', methods=['POST'])
+@admin_required
+def delete_personal_expense(expense_id):
+    expenses = load_json_data('personal_expenses')
+    initial_len = len(expenses)
+    expenses = [e for e in expenses if e.get('id') != expense_id]
+    if len(expenses) < initial_len:
+        save_json_data('personal_expenses', expenses)
+        upload_db_to_hf('personal_expenses')
+        flash("Личный расход удален.", "success")
+    else:
+        flash("Личный расход не найден.", "warning")
+    return redirect(url_for('admin_panel'))
+
+@app.route('/cashier_login', methods=['GET', 'POST'])
+def cashier_login():
+    if request.method == 'POST':
+        pin = request.form.get('pin')
+        user = find_user_by_pin(pin)
+        if user:
+            return redirect(url_for('cashier_dashboard', user_id=user['id']))
+        else:
+            flash("Неверный ПИН-код.", "danger")
+    html = BASE_TEMPLATE.replace('__TITLE__', "Вход для кассира").replace('__CONTENT__', CASHIER_LOGIN_CONTENT).replace('__SCRIPTS__', '')
+    return render_template_string(html)
+
+@app.route('/api/verify_pin', methods=['POST'])
+def verify_pin():
+    pin = request.json.get('pin')
+    user = find_user_by_pin(pin)
+    if user:
+        return jsonify({'success': True, 'user': {'id': user['id'], 'name': user['name']}})
+    else:
+        return jsonify({'success': False, 'message': 'Неверный ПИН-код'}), 401
+
+@app.route('/api/shift/start', methods=['POST'])
+def start_shift():
+    data = request.json
+    user_id = data.get('userId')
+    kassa_id = data.get('kassaId')
+    
+    if not user_id:
+        return jsonify({'success': False, 'message': 'Missing user ID'}), 400
+        
+    shifts = load_json_data('shifts')
+    open_shift = next((s for s in shifts if s.get('user_id') == user_id and s.get('end_time') is None), None)
+    if open_shift:
+        return jsonify({'success': True, 'shift': open_shift})
+
+    if not kassa_id:
+        return jsonify({'success': False, 'message': 'Выберите кассу для начала новой смены'}), 400
+
+    users = load_json_data('users')
+    kassas = load_json_data('kassas')
+    user = find_item_by_field(users, 'id', user_id)
+    kassa = find_item_by_field(kassas, 'id', kassa_id)
+
+    if not user or not kassa:
+        return jsonify({'success': False, 'message': 'Кассир или касса не найдены'}), 404
+
+    new_shift = {
+        'id': uuid.uuid4().hex,
+        'user_id': user_id,
+        'user_name': user['name'],
+        'kassa_id': kassa_id,
+        'kassa_name': kassa['name'],
+        'start_time': get_current_time().isoformat(),
+        'start_balance': kassa.get('balance', '0'),
+        'end_time': None
+    }
+    shifts.append(new_shift)
+    save_json_data('shifts', shifts)
+    upload_db_to_hf('shifts')
+    return jsonify({'success': True, 'shift': new_shift})
+
+@app.route('/api/shift/end', methods=['POST'])
+def end_shift():
+    data = request.json
+    shift_id = data.get('shiftId')
+    if not shift_id:
+        return jsonify({'success': False, 'message': 'Missing shift ID'}), 400
+
+    shifts = load_json_data('shifts')
+    kassas = load_json_data('kassas')
+    transactions = load_json_data('transactions')
+    
+    shift_found = False
+    for i, shift in enumerate(shifts):
+        if shift.get('id') == shift_id:
+            if shift.get('end_time'):
+                return jsonify({'success': False, 'message': 'Смена уже закрыта'}), 400
+            
+            shift['end_time'] = get_current_time().isoformat()
+            
+            kassa = find_item_by_field(kassas, 'id', shift['kassa_id'])
+            shift['end_balance'] = kassa.get('balance', '0') if kassa else '0'
+
+            shift_transactions = [
+                t for t in transactions 
+                if t.get('shift_id') == shift_id and datetime.fromisoformat(t['timestamp']) >= datetime.fromisoformat(shift['start_time'])
+            ]
+            
+            cash_sales = sum(to_decimal(t['total_amount']) for t in shift_transactions if t['type'] == 'sale' and t['payment_method'] == 'cash')
+            card_sales = sum(to_decimal(t['total_amount']) for t in shift_transactions if t['type'] == 'sale' and t['payment_method'] == 'card')
+            
+            shift['cash_sales'] = str(cash_sales)
+            shift['card_sales'] = str(card_sales)
+            shift['total_sales'] = str(cash_sales + card_sales)
+            
+            shifts[i] = shift
+            shift_found = True
+            break
+    
+    if not shift_found:
+        return jsonify({'success': False, 'message': 'Смена не найдена'}), 404
+        
+    save_json_data('shifts', shifts)
+    upload_db_to_hf('shifts')
+    return jsonify({'success': True, 'message': 'Смена успешно закрыта'})
+
+@app.route('/cashier_dashboard/<user_id>')
+def cashier_dashboard(user_id):
+    users = load_json_data('users')
+    user = find_item_by_field(users, 'id', user_id)
+    if not user:
+        abort(404, "Кассир не найден")
+    
+    transactions = load_json_data('transactions')
+    user_transactions = [t for t in transactions if t.get('user_id') == user_id]
+    user_transactions.sort(key=lambda x: x['timestamp'], reverse=True)
+    
+    html = BASE_TEMPLATE.replace('__TITLE__', f"Продажи кассира: {user['name']}").replace('__CONTENT__', CASHIER_DASHBOARD_CONTENT).replace('__SCRIPTS__', '')
+    return render_template_string(html, user=user, transactions=user_transactions)
+
+@app.route('/return_transaction/<transaction_id>', methods=['POST'])
+def return_transaction(transaction_id):
+    cashier_id = request.form.get('cashier_id')
+    if not cashier_id:
+        flash("Не удалось определить кассира для оформления возврата.", "danger")
+        return redirect(url_for('cashier_login'))
+
+    transactions = load_json_data('transactions')
+    inventory = load_json_data('inventory')
+    kassas = load_json_data('kassas')
+    clients = load_json_data('clients')
+    
+    original_transaction = find_item_by_field(transactions, 'id', transaction_id)
+
+    if not original_transaction:
+        flash("Оригинальная транзакция не найдена.", "danger")
+        return redirect(url_for('cashier_dashboard', user_id=cashier_id))
+    if original_transaction.get('status') == 'returned':
+        flash("Эта продажа уже была возвращена.", "warning")
+        return redirect(url_for('cashier_dashboard', user_id=cashier_id))
+
+    total_amount = to_decimal(original_transaction['total_amount'])
+    
+    return_items = []
+    inventory_updates = {}
+    for item in original_transaction['items']:
+        return_items.append({**item, 'quantity': -item['quantity'], 'total': str(-to_decimal(item['total']))})
+        if not item.get('is_custom'):
+            product = find_item_by_field(inventory, 'id', item['product_id'])
+            if product:
+                variant = find_item_by_field(product.get('variants', []), 'id', item['variant_id'])
+                if variant:
+                    update_key = f"{item['variant_id']}_{item['size']}"
+                    inventory_updates[update_key] = {
+                        'product_id': item['product_id'], 
+                        'variant_id': item['variant_id'],
+                        'size': item['size'],
+                        'change': item['quantity']
+                    }
+
+    now_iso = get_current_time().isoformat()
+    return_transaction = {
+        'id': uuid.uuid4().hex,
+        'timestamp': now_iso,
+        'type': 'return',
+        'status': 'completed',
+        'original_transaction_id': transaction_id,
+        'user_id': original_transaction['user_id'],
+        'user_name': original_transaction['user_name'],
+        'kassa_id': original_transaction['kassa_id'],
+        'kassa_name': original_transaction['kassa_name'],
+        'shift_id': original_transaction.get('shift_id'),
+        'client_id': original_transaction.get('client_id'),
+        'client_name': original_transaction.get('client_name'),
+        'items': return_items,
+        'total_amount': str(-total_amount),
+        'payment_method': original_transaction['payment_method']
+    }
+    transactions.append(return_transaction)
+
+    for i, t in enumerate(transactions):
+        if t['id'] == transaction_id:
+            transactions[i]['status'] = 'returned'
+            break
+
+    for _, update in inventory_updates.items():
+        for p in inventory:
+            if p.get('id') == update['product_id']:
+                for v in p.get('variants', []):
+                    if v.get('id') == update['variant_id']:
+                        v['sizes'][update['size']] += update['change']
+                        v['stock'] += update['change']
+                        p['timestamp_updated'] = now_iso
+                        break
+                break
+    
+    payment_method = original_transaction['payment_method']
+    if payment_method == 'cash':
+        for i, k in enumerate(kassas):
+            if k['id'] == original_transaction['kassa_id']:
+                current_balance = to_decimal(k.get('balance', '0'))
+                kassas[i]['balance'] = str(current_balance - total_amount)
+                kassas[i].setdefault('history', []).append({
+                    'type': 'return', 'amount': str(-total_amount), 'timestamp': now_iso,
+                    'transaction_id': return_transaction['id']
+                })
+                break
+    elif payment_method == 'debt':
+        client_id = original_transaction.get('client_id')
+        if client_id and client_id in clients:
+            clients[client_id]['debt'] = str(to_decimal(clients[client_id].get('debt', '0')) - total_amount)
+            clients[client_id].setdefault('history', []).append({
+                'type': 'return_debt', 'amount': str(-total_amount), 'timestamp': now_iso,
+                'transaction_id': return_transaction['id']
+            })
+            save_json_data('clients', clients)
+            upload_db_to_hf('clients')
+
+    save_json_data('transactions', transactions)
+    save_json_data('inventory', inventory)
+    save_json_data('kassas', kassas)
+    upload_db_to_hf('transactions')
+    upload_db_to_hf('inventory')
+    upload_db_to_hf('kassas')
+    
+    flash("Возврат успешно оформлен.", "success")
+    return redirect(url_for('cashier_dashboard', user_id=cashier_id))
+
+@app.route('/clients')
+@admin_required
+def clients_page():
+    clients_dict = load_json_data('clients')
+    clients_list = sorted(list(clients_dict.values()), key=lambda x: x['name'])
+    html = BASE_TEMPLATE.replace('__TITLE__', "Клиенты").replace('__CONTENT__', CLIENTS_CONTENT).replace('__SCRIPTS__', CLIENTS_SCRIPTS)
+    return render_template_string(html, clients=clients_list)
+
+@app.route('/admin/client', methods=['POST'])
+@admin_required
+def manage_client():
+    action = request.form.get('action')
+    clients = load_json_data('clients')
+    
+    if action == 'add' or action == 'edit':
+        name = request.form.get('name', '').strip()
+        phone = request.form.get('phone', '').strip()
+        if not name:
+            flash("Имя клиента - обязательное поле.", "danger")
+            return redirect(url_for('clients_page'))
+
+        if action == 'add':
+            client_id = uuid.uuid4().hex
+            clients[client_id] = {
+                'id': client_id,
+                'name': name,
+                'phone': phone,
+                'debt': '0.00',
+                'history': []
+            }
+            flash(f"Клиент '{name}' добавлен.", "success")
+        else: # edit
+            client_id = request.form.get('id')
+            if client_id in clients:
+                clients[client_id]['name'] = name
+                clients[client_id]['phone'] = phone
+                flash(f"Данные клиента '{name}' обновлены.", "success")
+            else:
+                flash("Клиент не найден.", "danger")
+    
+    elif action == 'delete':
+        client_id = request.form.get('id')
+        if client_id in clients:
+            del clients[client_id]
+            flash("Клиент удален.", "success")
+        else:
+            flash("Клиент не найден.", "warning")
+
+    save_json_data('clients', clients)
+    upload_db_to_hf('clients')
+    return redirect(url_for('clients_page'))
+
+@app.route('/debts')
+@admin_required
+def debts_page():
+    clients_dict = load_json_data('clients')
+    all_clients = sorted(list(clients_dict.values()), key=lambda x: x['name'])
+    debtors = [c for c in clients_dict.values() if to_decimal(c.get('debt', '0')) != 0]
+    debtors.sort(key=lambda x: to_decimal(x.get('debt', '0')), reverse=True)
+    kassas = load_json_data('kassas')
+    html = BASE_TEMPLATE.replace('__TITLE__', "Долги").replace('__CONTENT__', DEBTS_CONTENT).replace('__SCRIPTS__', DEBTS_SCRIPTS)
+    return render_template_string(html, debtors=debtors, kassas=kassas, all_clients=all_clients)
+
+@app.route('/admin/debt_op', methods=['POST'])
+@admin_required
+def debt_operation():
+    client_id = request.form.get('client_id')
+    op_type = request.form.get('op_type')
+    amount = to_decimal(request.form.get('amount', '0'))
+    kassa_id = request.form.get('kassa_id')
+    description = request.form.get('description', '').strip()
+
+    if not client_id or not op_type or amount <= 0:
+        flash("Неверные данные для операции с долгом.", "danger")
+        return redirect(url_for('debts_page'))
+    if op_type == 'payment' and not kassa_id:
+        flash("Выберите кассу для зачисления платежа.", "danger")
+        return redirect(url_for('debts_page'))
+        
+    clients = load_json_data('clients')
+    kassas = load_json_data('kassas')
+    
+    if client_id not in clients:
+        flash("Клиент не найден.", "danger")
+        return redirect(url_for('debts_page'))
+
+    client = clients[client_id]
+    current_debt = to_decimal(client.get('debt', '0'))
+    now_iso = get_current_time().isoformat()
+    
+    if op_type == 'payment':
+        client['debt'] = str(current_debt - amount)
+        client.setdefault('history', []).append({
+            'type': 'payment', 'amount': str(-amount), 'timestamp': now_iso,
+            'description': description or "Погашение долга"
+        })
+        
+        kassa = find_item_by_field(kassas, 'id', kassa_id)
+        if kassa:
+            kassa['balance'] = str(to_decimal(kassa.get('balance', '0')) + amount)
+            kassa.setdefault('history', []).append({
+                'type': 'debt_payment', 'amount': str(amount), 'timestamp': now_iso,
+                'description': f"Погашение долга: {client['name']}"
+            })
+            save_json_data('kassas', kassas)
+            upload_db_to_hf('kassas')
+        
+        flash(f"Платеж от '{client['name']}' на сумму {format_currency_py(amount)} списан.", "success")
+
+    elif op_type == 'add_debt':
+        client['debt'] = str(current_debt + amount)
+        client.setdefault('history', []).append({
+            'type': 'manual_debt', 'amount': str(amount), 'timestamp': now_iso,
+            'description': description or "Ручное добавление долга"
+        })
+        flash(f"Долг для '{client['name']}' увеличен на {format_currency_py(amount)}.", "success")
+        
+    save_json_data('clients', clients)
+    upload_db_to_hf('clients')
+    return redirect(url_for('debts_page'))
+
+@app.route('/backup', methods=['POST'])
+@admin_required
+def backup_hf():
+    try:
+        for key in DATA_FILES.keys():
+            upload_db_to_hf(key)
+        flash(f"Резервное копирование {len(DATA_FILES)} файлов инициировано.", "success")
+    except Exception as e:
+        flash(f"Ошибка при резервном копировании: {e}", "danger")
+    return redirect(url_for('admin_panel'))
+
+@app.route('/download', methods=['GET'])
+@admin_required
+def download_hf():
+    errors = []
+    success_count = 0
+    for key in DATA_FILES.keys():
+        filepath, _ = DATA_FILES[key]
+        filename = os.path.basename(filepath)
+        try:
+            hf_hub_download(
+                repo_id=REPO_ID, filename=filename, repo_type="dataset", token=HF_TOKEN_READ,
+                local_dir=DATA_DIR, local_dir_use_symlinks=False, force_download=True,
+            )
+            success_count += 1
+        except Exception as e:
+            errors.append(f"Ошибка загрузки {filename}: {e}")
+    if success_count > 0:
+        flash(f"Успешно загружено {success_count} файлов. Данные перезаписаны.", "success")
+    if errors:
+        flash("Произошли ошибки: " + "; ".join(errors), "danger")
+    return redirect(url_for('admin_panel'))
+
+@app.route('/admin_login', methods=['GET', 'POST'])
+def admin_login():
+    if request.method == 'POST':
+        password = request.form.get('password')
+        if password == ADMIN_PASS:
+            session['admin_logged_in'] = True
+            session.permanent = True
+            next_url = request.args.get('next')
+            flash("Вы успешно вошли в систему.", "success")
+            return redirect(next_url or url_for('admin_panel'))
+        else:
+            flash("Неверный пароль.", "danger")
+    html = BASE_TEMPLATE.replace('__TITLE__', "Вход для администратора").replace('__CONTENT__', ADMIN_LOGIN_CONTENT).replace('__SCRIPTS__', '')
+    return render_template_string(html)
+
+@app.route('/admin_logout')
+def admin_logout():
+    session.pop('admin_logged_in', None)
+    flash("Вы вышли из системы.", "info")
+    return redirect(url_for('sales_screen'))
+
+BASE_TEMPLATE = """
+<!DOCTYPE html>
+<html lang="ru" data-bs-theme="light">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>__TITLE__ - POS</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
+    <link href="https://cdn.jsdelivr.net/npm/tom-select@2.3.1/dist/css/tom-select.bootstrap5.min.css" rel="stylesheet">
+    <style>
+        :root { --sidebar-width: 250px; }
+        body { background-color: #f8f9fa; }
+        .sidebar { position: fixed; top: 0; left: 0; width: var(--sidebar-width); height: 100vh; background-color: #343a40; padding-top: 1rem; overflow-y: auto; }
+        .sidebar .nav-link { color: rgba(255,255,255,.75); }
+        .sidebar .nav-link:hover, .sidebar .nav-link.active { color: #fff; }
+        .main-content { margin-left: var(--sidebar-width); padding: 1.5rem; }
+        @media (max-width: 992px) {
+            .sidebar { transform: translateX(calc(-1 * var(--sidebar-width))); transition: transform 0.3s ease-in-out; z-index: 1040; }
+            .sidebar.active { transform: translateX(0); }
+            .main-content { margin-left: 0; }
+        }
+        [data-bs-theme="dark"] body { background-color: #212529; color: #dee2e6; }
+        [data-bs-theme="dark"] .card, [data-bs-theme="dark"] .modal-content, [data-bs-theme="dark"] .list-group-item, [data-bs-theme="dark"] .table, [data-bs-theme="dark"] .accordion-item { background-color: #343a40; }
+        [data-bs-theme="dark"] .accordion-button { background-color: #3e444a; color: #fff; }
+        [data-bs-theme="dark"] .accordion-button:not(.collapsed) { background-color: #495057;}
+        [data-bs-theme="dark"] .accordion-button::after { filter: invert(1) grayscale(100) brightness(200%); }
+        [data-bs-theme="dark"] .table-hover>tbody>tr:hover>* { color: var(--bs-table-hover-color); background-color: rgba(255, 255, 255, 0.075); }
+        [data-bs-theme="dark"] .ts-control, [data-bs-theme="dark"] .ts-dropdown { background: #343a40 !important; color: #dee2e6 !important; border-color: #495057 !important; }
+        [data-bs-theme="dark"] .ts-dropdown .option { color: #dee2e6 !important; }
+        [data-bs-theme="dark"] .ts-dropdown .active { background-color: #495057 !important; }
+        .product-card { cursor: pointer; }
+        .product-card:hover { border-color: var(--bs-primary); }
+        .payback-positive { color: var(--bs-success); }
+        .payback-negative { color: var(--bs-danger); }
+        .payback-zero { color: var(--bs-secondary); }
+        .variant-sizes-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.5rem; }
+    </style>
+</head>
+<body>
+<nav class="sidebar">
+    <div class="p-3 text-white">
+        <a href="/" class="text-white text-decoration-none"><h4 class="fw-bold"><i class="fas fa-cash-register me-2"></i>POS System</h4></a>
+    </div>
+    <ul class="nav flex-column">
+        <li class="nav-item"><a class="nav-link {% if request.endpoint == 'sales_screen' %}active{% endif %}" href="{{ url_for('sales_screen') }}"><i class="fas fa-fw fa-dollar-sign me-2"></i>Касса</a></li>
+        <li class="nav-item"><a class="nav-link {% if request.endpoint == 'inventory_management' %}active{% endif %}" href="{{ url_for('inventory_management') }}"><i class="fas fa-fw fa-boxes me-2"></i>Склад</a></li>
+        <li class="nav-item"><a class="nav-link {% if request.endpoint == 'transaction_history' %}active{% endif %}" href="{{ url_for('transaction_history') }}"><i class="fas fa-fw fa-history me-2"></i>Транзакции</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle {% if request.endpoint in ['reports', 'product_roi_report'] %}active{% endif %}" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                <i class="fas fa-fw fa-chart-line me-2"></i>Отчеты
+            </a>
+            <ul class="dropdown-menu dropdown-menu-dark">
+                <li><a class="dropdown-item" href="{{ url_for('reports') }}">Сводный отчет</a></li>
+                <li><a class="dropdown-item" href="{{ url_for('product_roi_report') }}">Окупаемость товаров</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link {% if request.endpoint in ['cashier_login', 'cashier_dashboard'] %}active{% endif %}" href="{{ url_for('cashier_login') }}"><i class="fas fa-fw fa-user-circle me-2"></i>Кабинет кассира</a></li>
+        {% if session.admin_logged_in %}
+        <li class="nav-item"><a class="nav-link {% if request.endpoint == 'clients_page' %}active{% endif %}" href="{{ url_for('clients_page') }}"><i class="fas fa-fw fa-users me-2"></i>Клиенты</a></li>
+        <li class="nav-item"><a class="nav-link {% if request.endpoint == 'debts_page' %}active{% endif %}" href="{{ url_for('debts_page') }}"><i class="fas fa-fw fa-book me-2"></i>Долги</a></li>
+        {% endif %}
+        <li class="nav-item"><a class="nav-link {% if request.endpoint in ['admin_panel', 'admin_shifts'] %}active{% endif %}" href="{{ url_for('admin_panel') }}"><i class="fas fa-fw fa-cogs me-2"></i>Админка</a></li>
+        {% if session.admin_logged_in %}
+        <li class="nav-item"><a class="nav-link" href="{{ url_for('admin_logout') }}"><i class="fas fa-fw fa-sign-out-alt me-2"></i>Выйти (Админ)</a></li>
+        {% endif %}
+    </ul>
+    <div class="mt-auto p-3 text-secondary small">
+        &copy; {{ get_current_time().year }}<br>{{ get_current_time().strftime('%Y-%m-%d %H:%M') }}
+    </div>
+</nav>
+
+<div class="main-content">
+    <header class="d-flex justify-content-between align-items-center mb-4">
+        <button class="btn btn-dark d-lg-none" id="sidebar-toggle"><i class="fas fa-bars"></i></button>
+        <h2 class="h3 mb-0">__TITLE__</h2>
+        <div id="theme-toggle" style="cursor: pointer;"><i class="fas fa-sun fa-lg"></i></div>
+    </header>
+    <main>
+        {% with messages = get_flashed_messages(with_categories=true) %}
+          {% if messages %}
+            {% for category, message in messages %}
+              <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
+                {{ message }}
+                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+              </div>
+            {% endfor %}
+          {% endif %}
+        {% endwith %}
+        __CONTENT__
+    </main>
+</div>
+
+<div class="modal fade" id="receiptModal" tabindex="-1" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title">Продажа завершена</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <div class="modal-body">
+        <p>Чек успешно создан.</p>
+        <div class="mb-3">
+            <label for="whatsapp-phone" class="form-label">Отправить чек на WhatsApp</label>
+            <div class="input-group">
+                <span class="input-group-text">+996</span>
+                <input type="tel" class="form-control" id="whatsapp-phone" placeholder="555123456">
+            </div>
+            <div class="form-text">Введите номер без +996.</div>
+        </div>
+        <input type="hidden" id="receipt-url">
+      </div>
+      <div class="modal-footer">
+        <a id="view-receipt-btn" href="#" target="_blank" class="btn btn-secondary">Посмотреть чек</a>
+        <button type="button" id="send-whatsapp-btn" class="btn btn-success"><i class="fab fa-whatsapp"></i> Отправить</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="modal fade" id="variantSelectModal" tabindex="-1" aria-hidden="true">
+  <div class="modal-dialog modal-lg">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="variantSelectModalTitle">Выберите вариант</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <div class="modal-body">
+        <div id="variant-list" class="list-group"></div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="modal fade" id="clientPurchaseHistoryModal" tabindex="-1">
+  <div class="modal-dialog modal-xl">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="clientPurchaseHistoryModalTitle">История покупок</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+      </div>
+      <div class="modal-body" id="clientPurchaseHistoryModalBody" style="max-height: 70vh; overflow-y: auto;">
+        <p class="text-center">Загрузка...</p>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
+<script src="https://unpkg.com/html5-qrcode@2.3.8/html5-qrcode.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/tom-select@2.3.1/dist/js/tom-select.complete.min.js"></script>
+<script>
+    function formatCurrencyJS(num) {
+        return (num || 0).toLocaleString('ru-RU', {minimumFractionDigits: 2, maximumFractionDigits: 2});
+    }
+
+    function showClientPurchaseHistory(clientId, clientName) {
+        const modal = new bootstrap.Modal(document.getElementById('clientPurchaseHistoryModal'));
+        const titleEl = document.getElementById('clientPurchaseHistoryModalTitle');
+        const bodyEl = document.getElementById('clientPurchaseHistoryModalBody');
+        titleEl.textContent = `История покупок: ${clientName}`;
+        bodyEl.innerHTML = '<p class="text-center">Загрузка...</p>';
+        modal.show();
+
+        fetch(`/api/client/${clientId}/transactions`)
+        .then(res => res.json())
+        .then(transactions => {
+            if (transactions.length === 0) {
+                bodyEl.innerHTML = '<p class="text-center text-muted">У клиента еще нет покупок.</p>';
+                return;
+            }
+            let tableHtml = `<table class="table table-sm table-hover"><thead><tr><th>Дата</th><th>ID</th><th>Тип</th><th>Сумма</th><th>Позиции</th></tr></thead><tbody>`;
+            transactions.forEach(t => {
+                let itemsHtml = '<ul class="list-unstyled mb-0 small">';
+                t.items.forEach(item => {
+                    itemsHtml += `<li>${item.name} (${item.quantity} шт.)</li>`;
+                });
+                itemsHtml += '</ul>';
+
+                const typeBadge = t.type === 'sale' ? '<span class="badge bg-primary">Продажа</span>' : '<span class="badge bg-danger">Возврат</span>';
+                
+                tableHtml += `
+                    <tr>
+                        <td>${t.timestamp_formatted}</td>
+                        <td><a href="/receipt/${t.id}" target="_blank">${t.id.substring(0,8)}</a></td>
+                        <td>${typeBadge}</td>
+                        <td class="text-end fw-bold">${t.total_amount_formatted} с</td>
+                        <td>${itemsHtml}</td>
+                    </tr>
+                `;
+            });
+            tableHtml += '</tbody></table>';
+            bodyEl.innerHTML = tableHtml;
+        })
+        .catch(err => {
+            bodyEl.innerHTML = '<p class="text-center text-danger">Ошибка загрузки истории.</p>';
+            console.error(err);
+        });
+    }
+
+    document.addEventListener('DOMContentLoaded', () => {
+        document.getElementById('sidebar-toggle')?.addEventListener('click', () => document.querySelector('.sidebar').classList.toggle('active'));
+        const themeToggle = document.getElementById('theme-toggle');
+        const getStoredTheme = () => localStorage.getItem('theme');
+        const setStoredTheme = theme => localStorage.setItem('theme', theme);
+        const getPreferredTheme = () => getStoredTheme() || (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
+        const setTheme = theme => {
+            document.documentElement.setAttribute('data-bs-theme', theme);
+            themeToggle.innerHTML = theme === 'dark' ? '<i class="fas fa-moon fa-lg"></i>' : '<i class="fas fa-sun fa-lg"></i>';
+        };
+        setTheme(getPreferredTheme());
+        themeToggle.addEventListener('click', () => {
+            const newTheme = getPreferredTheme() === 'light' ? 'dark' : 'light';
+            setStoredTheme(newTheme);
+            setTheme(newTheme);
+        });
+
+        document.body.addEventListener('click', e => {
+            const historyBtn = e.target.closest('.client-purchase-history-btn');
+            if (historyBtn) {
+                e.preventDefault();
+                const clientId = historyBtn.dataset.clientId;
+                const clientName = historyBtn.dataset.clientName;
+                if (clientId && clientName) {
+                    showClientPurchaseHistory(clientId, clientName);
+                }
+            }
+        });
+    });
+</script>
+__SCRIPTS__
+</body>
+</html>
+"""
+
+SALES_SCREEN_CONTENT = """
+<div class="row">
+    <div class="col-lg-7 mb-4">
+        <div class="card">
+            <div class="card-header d-flex justify-content-between align-items-center">
+                <h5 class="mb-0">Товары</h5>
+                <div>
+                    <button id="custom-item-btn" class="btn btn-info btn-sm"><i class="fas fa-plus me-2"></i>Свой товар</button>
+                    <button id="scan-btn" class="btn btn-primary btn-sm"><i class="fas fa-barcode me-2"></i>Сканировать</button>
+                </div>
+            </div>
+            <div class="card-body">
+                <div id="scanner-container" class="mb-3" style="display: none; position: relative;">
+                    <div id="reader" style="width: 100%;"></div>
+                    <div id="scanner-status" style="position: absolute; top: 10px; left: 10px; background: rgba(0,0,0,0.5); color: white; padding: 5px; border-radius: 5px; display: none;"></div>
+                    <button id="stop-scan-btn" class="btn btn-danger btn-sm mt-2">Остановить</button>
+                </div>
+                <input type="text" id="product-search" class="form-control mb-3" placeholder="Поиск по названию или штрих-коду...">
+                
+                <div id="product-accordion" class="accordion">
+                    {% for letter, products in grouped_inventory %}
+                    <div class="accordion-item">
+                        <h2 class="accordion-header" id="heading-{{ letter }}">
+                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-{{ letter }}" aria-expanded="false" aria-controls="collapse-{{ letter }}">
+                                {{ letter }}
+                            </button>
+                        </h2>
+                        <div id="collapse-{{ letter }}" class="accordion-collapse collapse" aria-labelledby="heading-{{ letter }}" data-bs-parent="#product-accordion">
+                            <div class="accordion-body d-grid gap-2" style="grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));">
+                                {% for p in products %}
+                                <div class="card text-center product-card" data-barcode="{{ p.barcode }}">
+                                    <div class="card-body p-2">
+                                        <h6 class="card-title small mb-1">{{ p.name }}</h6>
+                                        <p class="card-text fw-bold mb-0">
+                                            {% if p.variants|length > 1 %}
+                                                от {{ format_currency_py(p.variants|map(attribute='price')|min) }} с
+                                            {% elif p.variants|length == 1 %}
+                                                {{ format_currency_py(p.variants[0].price) }} с
+                                            {% else %}
+                                                Нет в наличии
+                                            {% endif %}
+                                        </p>
+                                    </div>
+                                </div>
+                                {% endfor %}
+                            </div>
+                        </div>
+                    </div>
+                    {% endfor %}
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="col-lg-5">
+        <div class="card">
+            <div class="card-header">
+                <div class="d-flex justify-content-between align-items-center">
+                    <h5 class="mb-0">Чек</h5>
+                    <div id="shift-controls"></div>
+                </div>
+                <div id="session-info" class="small text-muted mt-1"></div>
+            </div>
+            <div class="card-body">
+                <div class="mb-3">
+                    <label for="client-select" class="form-label">Клиент</label>
+                    <div class="input-group">
+                        <select id="client-select">
+                            <option value="">Розничный покупатель</option>
+                            {% for c in clients %}
+                            <option value="{{ c.id }}" data-name="{{c.name}}">{{ c.name }}</option>
+                            {% endfor %}
+                        </select>
+                        <button class="btn btn-outline-secondary" type="button" data-bs-toggle="modal" data-bs-target="#addClientModal"><i class="fas fa-plus"></i></button>
+                    </div>
+                    <div id="client-debt-info" class="form-text text-danger" style="display: none;"></div>
+                    <div id="client-actions-container" class="mt-2"></div>
+                </div>
+                <div id="cart-items" class="list-group mb-3" style="max-height: 400px; overflow-y: auto;"></div>
+                <div class="d-flex justify-content-between align-items-center mb-3">
+                    <h4 class="mb-0">Итого:</h4>
+                    <h4 class="mb-0" id="cart-total">0,00 с</h4>
+                </div>
+                <div class="d-grid gap-2">
+                    <div class="btn-group">
+                        <button class="btn btn-success flex-grow-1" id="pay-cash-btn"><i class="fas fa-money-bill-wave me-2"></i>Наличные</button>
+                        <button class="btn btn-info flex-grow-1" id="pay-card-btn"><i class="far fa-credit-card me-2"></i>Карта</button>
+                    </div>
+                     <button class="btn btn-warning" id="pay-debt-btn" disabled><i class="fas fa-book me-2"></i>В долг</button>
+                    <button class="btn btn-danger" id="clear-cart-btn">Очистить</button>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="modal fade" id="cashierLoginModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1">
+  <div class="modal-dialog modal-dialog-centered">
+    <div class="modal-content">
+      <div class="modal-header"><h5 class="modal-title">Вход для кассира</h5></div>
+      <div class="modal-body">
+        <label for="cashier-pin-input" class="form-label">Введите ПИН-код</label>
+        <input type="password" id="cashier-pin-input" class="form-control form-control-lg text-center" inputmode="numeric" autofocus>
+        <div id="pin-error" class="text-danger mt-2"></div>
+      </div>
+       <div class="modal-footer"><button type="button" id="pin-submit-btn" class="btn btn-primary">Войти</button></div>
+    </div>
+  </div>
+</div>
+
+<div class="modal fade" id="startShiftModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1">
+  <div class="modal-dialog modal-dialog-centered">
+    <div class="modal-content">
+      <div class="modal-header"><h5 class="modal-title">Начать смену</h5></div>
+      <div class="modal-body">
+        <p>Кассир: <strong id="start-shift-cashier-name"></strong></p>
+        <label for="kassa-select-modal" class="form-label">Выберите кассу</label>
+        <select id="kassa-select-modal" class="form-select">
+            <option value="">-- Выберите кассу --</option>
+            {% for k in kassas %}<option value="{{ k.id }}" data-name="{{ k.name }}">{{ k.name }}</option>{% endfor %}
+        </select>
+      </div>
+      <div class="modal-footer">
+        <button type="button" id="logout-btn" class="btn btn-secondary me-auto">Сменить кассира</button>
+        <button type="button" id="start-shift-confirm-btn" class="btn btn-primary">Начать</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="modal fade" id="customItemModal" tabindex="-1">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header"><h5 class="modal-title">Товар без штрихкода</h5></div>
+      <form id="custom-item-form">
+        <div class="modal-body">
+          <div class="mb-3"><label class="form-label">Название (необязательно)</label><input type="text" id="custom-item-name" class="form-control" placeholder="Напр. 'Пакет'"></div>
+          <div class="mb-3"><label class="form-label">Цена за 1 шт.</label><input type="text" id="custom-item-price" class="form-control" inputmode="decimal" required></div>
+          <div class="mb-3"><label class="form-label">Количество</label><input type="number" id="custom-item-qty" class="form-control" value="1" min="1" required></div>
+        </div>
+        <div class="modal-footer"><button type="submit" class="btn btn-primary">Добавить в чек</button></div>
+      </form>
+    </div>
+  </div>
+</div>
+
+<div class="modal fade" id="addClientModal" tabindex="-1">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header"><h5 class="modal-title">Новый клиент</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
+      <form id="add-client-form">
+        <div class="modal-body">
+          <div class="mb-3"><label class="form-label">Имя</label><input type="text" id="new-client-name" class="form-control" required></div>
+          <div class="mb-3"><label class="form-label">Телефон</label><input type="tel" id="new-client-phone" class="form-control"></div>
+        </div>
+        <div class="modal-footer"><button type="submit" class="btn btn-primary">Добавить</button></div>
+      </form>
+    </div>
+  </div>
+</div>
+"""
+
+SALES_SCREEN_SCRIPTS = """
+<script>
+document.addEventListener('DOMContentLoaded', () => {
+    const cart = {};
+    const productGrid = document.getElementById('product-accordion');
+    const cartItemsEl = document.getElementById('cart-items');
+    const cartTotalEl = document.getElementById('cart-total');
+    let audioCtx;
+    let isScannerPaused = false;
+    let clientsData = {{ clients|tojson }};
+    
+    const receiptModal = new bootstrap.Modal(document.getElementById('receiptModal'));
+    const variantSelectModal = new bootstrap.Modal(document.getElementById('variantSelectModal'));
+    const cashierLoginModal = new bootstrap.Modal(document.getElementById('cashierLoginModal'));
+    const startShiftModal = new bootstrap.Modal(document.getElementById('startShiftModal'));
+    const customItemModal = new bootstrap.Modal(document.getElementById('customItemModal'));
+    const addClientModal = new bootstrap.Modal(document.getElementById('addClientModal'));
+    
+    let clientSelect = new TomSelect('#client-select', {
+        create: false,
+        sortField: { field: 'text', direction: 'asc' }
+    });
+
+    const session = { cashier: null, kassa: null, shift: null };
+
+    function playBeep() {
+        if (!audioCtx) {
+            try { audioCtx = new (window.AudioContext || window.webkitAudioContext)(); } 
+            catch (e) { console.error("Web Audio API is not supported"); return; }
+        }
+        const oscillator = audioCtx.createOscillator();
+        const gainNode = audioCtx.createGain();
+        oscillator.connect(gainNode);
+        gainNode.connect(audioCtx.destination);
+        oscillator.type = 'sine';
+        oscillator.frequency.setValueAtTime(880, audioCtx.currentTime);
+        gainNode.gain.setValueAtTime(0.5, audioCtx.currentTime);
+        gainNode.gain.exponentialRampToValueAtTime(0.0001, audioCtx.currentTime + 0.15);
+        oscillator.start(audioCtx.currentTime);
+        oscillator.stop(audioCtx.currentTime + 0.15);
+    }
+    
+    function parseLocaleNumber(stringNumber) {
+        return parseFloat(String(stringNumber).replace(/\\s/g, '').replace(',', '.')) || 0;
+    }
+    
+    const formatCurrency = (num) => (num || 0).toLocaleString('ru-RU', {minimumFractionDigits: 2, maximumFractionDigits: 2});
+
+    const updateCartView = () => {
+        cartItemsEl.innerHTML = '';
+        let total = 0;
+        if (Object.keys(cart).length === 0) {
+            cartItemsEl.innerHTML = '<p class="text-center text-muted">Корзина пуста</p>';
+        }
+        for (const id in cart) {
+            const item = cart[id];
+            total += (parseLocaleNumber(item.price) - parseLocaleNumber(item.discount)) * item.quantity;
+            let displayName = `${item.productName} ${item.variantName ? '('+item.variantName+')' : ''}`;
+            if (item.size) displayName += ` / ${item.size}`;
+            
+            cartItemsEl.innerHTML += `
+                <div class="list-group-item">
+                    <div class="d-flex justify-content-between align-items-start">
+                        <div>
+                            <h6 class="mb-0 small">${displayName}</h6>
+                            <small>${item.price} с</small>
+                        </div>
+                        <div class="d-flex align-items-center">
+                            <button class="btn btn-sm btn-outline-secondary cart-qty-btn" data-id="${id}" data-op="-1">-</button>
+                            <input type="number" class="form-control form-control-sm text-center mx-1 cart-qty-input" data-id="${id}" value="${item.quantity}" style="width: 60px;" min="1">
+                            <button class="btn btn-sm btn-outline-secondary cart-qty-btn" data-id="${id}" data-op="1">+</button>
+                        </div>
+                    </div>
+                     <div class="input-group input-group-sm mt-2">
+                      <span class="input-group-text">Скидка</span>
+                      <input type="text" class="form-control cart-discount-input" data-id="${id}" value="${item.discount}" inputmode="decimal">
+                    </div>
+                </div>`;
+        }
+        cartTotalEl.textContent = formatCurrency(total) + ' с';
+    };
+
+    const addToCart = (product, variant, size) => {
+        const cartKey = `${variant.id}_${size}`;
+        if (cart[cartKey]) {
+            cart[cartKey].quantity++;
+        } else {
+            cart[cartKey] = {
+                productId: product.id,
+                productName: product.name,
+                variantName: variant.option_value,
+                size: size,
+                price: String(variant.price).replace('.',','),
+                quantity: 1,
+                discount: '0'
+            };
+        }
+        playBeep();
+        updateCartView();
+    };
+    
+    const handleProductSelection = (product) => {
+        if (!product.variants || product.variants.length === 0) {
+            alert("У этого товара нет доступных вариантов."); return;
+        }
+        if (product.variants.length === 1 && Object.keys(product.variants[0].sizes).length === 1) {
+            const variant = product.variants[0];
+            const size = Object.keys(variant.sizes)[0];
+            addToCart(product, variant, size);
+        } else {
+            document.getElementById('variantSelectModalTitle').textContent = `Выберите вариант для "${product.name}"`;
+            const variantList = document.getElementById('variant-list');
+            variantList.innerHTML = '';
+            product.variants.forEach(variant => {
+                if (variant.stock <= 0) return;
+                const item = document.createElement('div');
+                item.className = 'list-group-item';
+                
+                const availableSizes = Object.entries(variant.sizes).filter(([size, stock]) => stock > 0);
+                if (availableSizes.length === 0) return;
+
+                let sizeButtons = '';
+                availableSizes.forEach(([size, stock]) => {
+                    sizeButtons += `<button type="button" class="btn btn-outline-primary btn-sm size-select-btn" data-product='${JSON.stringify(product)}' data-variant='${JSON.stringify(variant)}' data-size="${size}">${size} (${stock})</button>`;
+                });
+
+                item.innerHTML = `
+                    <div class="d-flex justify-content-between align-items-center">
+                        <div class="d-flex align-items-center">
+                            ${variant.image_url ? `<img src="${variant.image_url}" class="img-thumbnail me-3" style="width: 50px; height: 50px; object-fit: cover;">` : ''}
+                            <div>${variant.option_value} - <strong>${formatCurrency(parseFloat(variant.price))} с</strong></div>
+                        </div>
+                    </div>
+                    <div class="mt-2 btn-group" role="group">${sizeButtons}</div>`;
+                variantList.appendChild(item);
+            });
+            variantList.querySelectorAll('.size-select-btn').forEach(btn => {
+                btn.addEventListener('click', (e) => {
+                    const p = JSON.parse(e.currentTarget.dataset.product);
+                    const v = JSON.parse(e.currentTarget.dataset.variant);
+                    const s = e.currentTarget.dataset.size;
+                    addToCart(p, v, s);
+                    variantSelectModal.hide();
+                });
+            });
+            variantSelectModal.show();
+        }
+    };
+    
+    const fetchAndHandleProduct = (barcode) => {
+        fetch(`/api/product_by_barcode/${barcode}`)
+            .then(res => res.json())
+            .then(data => {
+                if (data.success) handleProductSelection(data.product);
+                else alert(data.message);
+            });
+    }
+
+    productGrid.addEventListener('click', e => {
+        const card = e.target.closest('.product-card');
+        if (card) fetchAndHandleProduct(card.dataset.barcode);
+    });
+
+    const updateCartItemQuantity = (id, newQuantity) => {
+        if (cart[id]) {
+            const qty = parseInt(newQuantity, 10);
+            if (!isNaN(qty) && qty > 0) cart[id].quantity = qty;
+            else delete cart[id];
+            updateCartView();
+        }
+    };
+
+    cartItemsEl.addEventListener('click', e => {
+        if (e.target.classList.contains('cart-qty-btn')) {
+            const id = e.target.dataset.id;
+            const op = parseInt(e.target.dataset.op);
+            if (cart[id]) updateCartItemQuantity(id, cart[id].quantity + op);
+        }
+    });
+
+    cartItemsEl.addEventListener('change', e => {
+        if (e.target.classList.contains('cart-qty-input')) updateCartItemQuantity(e.target.dataset.id, e.target.value);
+        if (e.target.classList.contains('cart-discount-input')) {
+            const id = e.target.dataset.id;
+            if (cart[id]) {
+                cart[id].discount = e.target.value;
+                updateCartView();
+            }
+        }
+    });
+    
+    document.getElementById('clear-cart-btn').addEventListener('click', () => {
+        for(const id in cart) delete cart[id];
+        updateCartView();
+    });
+
+    document.getElementById('product-search').addEventListener('input', e => {
+        const term = e.target.value.toLowerCase();
+        const productCards = document.querySelectorAll('#product-accordion .product-card');
+        productCards.forEach(card => {
+            const productName = card.querySelector('.card-title').textContent.toLowerCase();
+            const barcode = card.dataset.barcode.toLowerCase();
+            card.style.display = (productName.includes(term) || barcode.includes(term)) ? '' : 'none';
+        });
+        document.querySelectorAll('#product-accordion .accordion-item').forEach(accordionItem => {
+            const collapseElement = accordionItem.querySelector('.accordion-collapse');
+            const matchingCardsInGroup = accordionItem.querySelectorAll('.product-card:not([style*="display: none"])');
+            const bsCollapse = bootstrap.Collapse.getOrCreateInstance(collapseElement, { toggle: false });
+            if (term === '') bsCollapse.hide(); 
+            else if (matchingCardsInGroup.length > 0) bsCollapse.show();
+            else bsCollapse.hide();
+        });
+    });
+
+    const completeSale = (paymentMethod) => {
+        if (!session.shift || !session.cashier || !session.kassa) {
+            alert('Смена не активна. Начните смену, чтобы проводить продажи.'); return;
+        }
+        if (Object.keys(cart).length === 0) {
+            alert('Корзина пуста!'); return;
+        }
+        const clientId = clientSelect.getValue();
+        if(paymentMethod === 'debt' && !clientId) {
+            alert('Выберите клиента для продажи в долг.'); return;
+        }
+
+        fetch('/api/complete_sale', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify({ 
+                cart, 
+                userId: session.cashier.id, 
+                kassaId: session.kassa.id,
+                shiftId: session.shift.id,
+                clientId: clientId,
+                paymentMethod: paymentMethod
+            })
+        })
+        .then(res => res.json())
+        .then(data => {
+            if (data.success) {
+                for(const id in cart) delete cart[id];
+                updateCartView();
+                document.getElementById('receipt-url').value = data.receiptUrl;
+                document.getElementById('view-receipt-btn').href = data.receiptUrl;
+                receiptModal.show();
+                if (paymentMethod === 'debt') updateClientData();
+            } else {
+                alert(`Ошибка: ${data.message}`);
+            }
+        })
+        .catch(err => alert(`Сетевая ошибка: ${err}`));
+    };
+    
+    document.getElementById('pay-cash-btn').addEventListener('click', () => completeSale('cash'));
+    document.getElementById('pay-card-btn').addEventListener('click', () => completeSale('card'));
+    document.getElementById('pay-debt-btn').addEventListener('click', () => completeSale('debt'));
+    
+    document.getElementById('send-whatsapp-btn').addEventListener('click', () => {
+        const phone = document.getElementById('whatsapp-phone').value.replace(/\\D/g, '');
+        const receiptUrl = document.getElementById('receipt-url').value;
+        if (phone && receiptUrl) {
+            window.open(`https://wa.me/996${phone}?text=${encodeURIComponent(`Ваш чек: ${receiptUrl}`)}`, '_blank');
+        } else {
+            alert('Введите номер телефона.');
+        }
+    });
+
+    const html5QrCode = new Html5Qrcode("reader");
+    const scannerStatusEl = document.getElementById('scanner-status');
+    
+    const onScanSuccess = (decodedText, decodedResult) => {
+        if (isScannerPaused) return;
+        isScannerPaused = true;
+        scannerStatusEl.textContent = 'Пауза...';
+        scannerStatusEl.style.display = 'block';
+        if (html5QrCode.getState() === 2) html5QrCode.pause();
+        fetchAndHandleProduct(decodedText);
+        setTimeout(() => {
+            isScannerPaused = false;
+            scannerStatusEl.style.display = 'none';
+            if (html5QrCode.getState() === 2) html5QrCode.resume();
+        }, 1500);
+    };
+
+    const startScanner = () => {
+        document.getElementById('scanner-container').style.display = 'block';
+        const config = { fps: 25, qrbox: { width: 300, height: 150 } };
+        html5QrCode.start({ facingMode: "environment" }, config, onScanSuccess)
+            .catch(err => console.error("Scanner start error:", err));
+    };
+    
+    const stopScanner = () => {
+        if (html5QrCode.isScanning) {
+            html5QrCode.stop().then(() => {
+                document.getElementById('scanner-container').style.display = 'none';
+            }).catch(err => console.error("Failed to stop scanner", err));
+        } else {
+            document.getElementById('scanner-container').style.display = 'none';
+        }
+    };
+
+    document.getElementById('scan-btn').addEventListener('click', startScanner);
+    document.getElementById('stop-scan-btn').addEventListener('click', stopScanner);
+
+    const updateSessionUI = () => {
+        const sessionInfoEl = document.getElementById('session-info');
+        const shiftControlsEl = document.getElementById('shift-controls');
+        if (session.shift) {
+            sessionInfoEl.innerHTML = `Кассир: <strong>${session.cashier.name}</strong> | Касса: <strong>${session.kassa.name}</strong>`;
+            shiftControlsEl.innerHTML = '<button id="end-shift-btn" class="btn btn-danger btn-sm">Закончить смену</button>';
+            document.getElementById('end-shift-btn').addEventListener('click', handleEndShift);
+        } else if (session.cashier) {
+            sessionInfoEl.innerHTML = `Кассир: <strong>${session.cashier.name}</strong>. Смена не начата.`;
+            shiftControlsEl.innerHTML = '<button id="start-shift-btn" class="btn btn-success btn-sm">Начать смену</button>';
+            document.getElementById('start-shift-btn').addEventListener('click', () => {
+                 document.getElementById('start-shift-cashier-name').textContent = session.cashier.name;
+                 startShiftModal.show();
+            });
+        } else {
+            sessionInfoEl.innerHTML = 'Нет активного кассира';
+            shiftControlsEl.innerHTML = '';
+        }
+    };
+    
+    const handleLogin = (pin) => {
+        fetch('/api/verify_pin', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify({pin: pin})
+        })
+        .then(res => res.json())
+        .then(data => {
+            if (data.success) {
+                session.cashier = data.user;
+                localStorage.setItem('current_cashier', JSON.stringify(data.user));
+                cashierLoginModal.hide();
+                updateSessionUI();
+                document.getElementById('start-shift-cashier-name').textContent = session.cashier.name;
+                startShiftModal.show();
+            } else {
+                document.getElementById('pin-error').textContent = data.message;
+            }
+        });
+    };
+
+    const handleLogout = () => {
+        session.cashier = null; session.kassa = null; session.shift = null;
+        localStorage.removeItem('current_cashier');
+        localStorage.removeItem('current_kassa');
+        localStorage.removeItem('current_shift');
+        startShiftModal.hide();
+        updateSessionUI();
+        cashierLoginModal.show();
+    };
+
+    const handleStartShift = () => {
+        const kassaSelect = document.getElementById('kassa-select-modal');
+        const kassaId = kassaSelect.value;
+        if (!kassaId) { alert('Выберите кассу'); return; }
+
+        fetch('/api/shift/start', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify({userId: session.cashier.id, kassaId: kassaId})
+        })
+        .then(res => res.json())
+        .then(data => {
+            if (data.success) {
+                session.kassa = {id: data.shift.kassa_id, name: data.shift.kassa_name};
+                session.shift = data.shift;
+                localStorage.setItem('current_kassa', JSON.stringify(session.kassa));
+                localStorage.setItem('current_shift', JSON.stringify(session.shift));
+                startShiftModal.hide();
+                updateSessionUI();
+            } else {
+                alert(`Ошибка: ${data.message}`);
+            }
+        });
+    };
+    
+    const handleEndShift = () => {
+        if (!confirm('Вы уверены, что хотите закончить смену?')) return;
+        fetch('/api/shift/end', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify({shiftId: session.shift.id})
+        })
+        .then(res => res.json())
+        .then(data => {
+            if (data.success) {
+                session.kassa = null; session.shift = null;
+                localStorage.removeItem('current_kassa');
+                localStorage.removeItem('current_shift');
+                updateSessionUI();
+                alert(data.message);
+            } else {
+                alert(`Ошибка: ${data.message}`);
+            }
+        });
+    };
+
+    const initializeSession = () => {
+        const storedCashier = localStorage.getItem('current_cashier');
+        const storedKassa = localStorage.getItem('current_kassa');
+        const storedShift = localStorage.getItem('current_shift');
+        
+        if (storedCashier) session.cashier = JSON.parse(storedCashier);
+        if (storedKassa) session.kassa = JSON.parse(storedKassa);
+        if (storedShift) session.shift = JSON.parse(storedShift);
+        
+        updateSessionUI();
+        
+        if (!session.cashier) cashierLoginModal.show();
+        else if (!session.shift) {
+            document.getElementById('start-shift-cashier-name').textContent = session.cashier.name;
+            startShiftModal.show();
+        }
+    };
+    
+    document.getElementById('pin-submit-btn').addEventListener('click', () => { handleLogin(document.getElementById('cashier-pin-input').value); });
+    document.getElementById('cashier-pin-input').addEventListener('keypress', (e) => { if(e.key === 'Enter') handleLogin(e.target.value); });
+    document.getElementById('start-shift-confirm-btn').addEventListener('click', handleStartShift);
+    document.getElementById('logout-btn').addEventListener('click', handleLogout);
+
+    document.getElementById('custom-item-btn').addEventListener('click', () => customItemModal.show());
+    document.getElementById('custom-item-form').addEventListener('submit', (e) => {
+        e.preventDefault();
+        const name = document.getElementById('custom-item-name').value || 'Товар без штрихкода';
+        const price = document.getElementById('custom-item-price').value;
+        const qty = parseInt(document.getElementById('custom-item-qty').value);
+        
+        if (parseLocaleNumber(price) > 0 && qty > 0) {
+            const customId = 'custom_' + Date.now();
+            cart[customId] = {
+                productName: name,
+                price: String(price).replace('.',','),
+                quantity: qty, discount: '0', isCustom: true
+            };
+            updateCartView();
+            customItemModal.hide();
+            e.target.reset();
+        } else {
+            alert('Введите корректную цену и количество.');
+        }
+    });
+
+    const updateClientData = () => {
+        fetch('/api/clients').then(res => res.json()).then(data => {
+            clientsData = data;
+            const currentVal = clientSelect.getValue();
+            clientSelect.clear();
+            clientSelect.clearOptions();
+            clientSelect.addOption({value: '', text: 'Розничный покупатель'});
+            data.sort((a,b) => a.name.localeCompare(b.name)).forEach(c => {
+                 clientSelect.addOption({value: c.id, text: c.name, 'data-name': c.name});
+            });
+            clientSelect.setValue(currentVal);
+            handleClientSelect();
+        });
+    };
+
+    const handleClientSelect = () => {
+        const clientId = clientSelect.getValue();
+        const debtBtn = document.getElementById('pay-debt-btn');
+        const debtInfo = document.getElementById('client-debt-info');
+        const actionsContainer = document.getElementById('client-actions-container');
+        actionsContainer.innerHTML = '';
+        
+        if (clientId) {
+            debtBtn.disabled = false;
+            const client = clientsData.find(c => c.id === clientId);
+            
+            const clientName = clientSelect.options[clientId].text;
+            
+            if(client) {
+                 if (parseLocaleNumber(client.debt) > 0) {
+                    debtInfo.textContent = `Долг: ${formatCurrency(parseLocaleNumber(client.debt))} с`;
+                    debtInfo.style.display = 'block';
+                } else {
+                    debtInfo.style.display = 'none';
+                }
+                const historyBtn = document.createElement('button');
+                historyBtn.className = 'btn btn-outline-info btn-sm client-purchase-history-btn';
+                historyBtn.innerHTML = '<i class="fas fa-history"></i> История покупок';
+                historyBtn.dataset.clientId = clientId;
+                historyBtn.dataset.clientName = clientName;
+                actionsContainer.appendChild(historyBtn);
+            }
+        } else {
+            debtBtn.disabled = true;
+            debtInfo.style.display = 'none';
+        }
+    };
+    clientSelect.on('change', handleClientSelect);
+    
+    document.getElementById('add-client-form').addEventListener('submit', (e) => {
+        e.preventDefault();
+        const name = document.getElementById('new-client-name').value;
+        const phone = document.getElementById('new-client-phone').value;
+        fetch('/admin/client', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/x-www-form-urlencoded'},
+            body: new URLSearchParams({action: 'add', name, phone})
+        }).then(res => {
+            if(res.ok) {
+                addClientModal.hide();
+                e.target.reset();
+                updateClientData();
+            } else { alert('Ошибка добавления клиента'); }
+        });
+    });
+
+    updateCartView();
+    initializeSession();
+});
+</script>
+"""
+
+INVENTORY_CONTENT = """
+<div class="row mb-4">
+    <div class="col-md-4">
+        <div class="card text-center">
+            <div class="card-body">
+                <h6 class="card-subtitle mb-2 text-muted">Единиц товара на складе</h6>
+                <h4 class="card-title">{{ inventory_summary.total_units }} шт.</h4>
+            </div>
+        </div>
+    </div>
+    <div class="col-md-4">
+        <div class="card text-center">
+            <div class="card-body">
+                <h6 class="card-subtitle mb-2 text-muted">Сумма по себестоимости</h6>
+                <h4 class="card-title">{{ format_currency_py(inventory_summary.total_cost_value) }} с</h4>
+            </div>
+        </div>
+    </div>
+    <div class="col-md-4">
+        <div class="card text-center">
+            <div class="card-body">
+                <h6 class="card-subtitle mb-2 text-muted">Потенциальная прибыль</h6>
+                <h4 class="card-title text-success">{{ format_currency_py(inventory_summary.potential_profit) }} с</h4>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="d-flex justify-content-between mb-3">
+    <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addProductModal"><i class="fas fa-plus me-2"></i>Добавить товар</button>
+    <button class="btn btn-success" data-bs-toggle="modal" data-bs-target="#stockInModal"><i class="fas fa-truck-loading me-2"></i>Оприходовать</button>
+</div>
+<input type="text" id="inventory-search" class="form-control mb-3" placeholder="Поиск по названию, варианту или штрих-коду...">
+
+<div class="accordion" id="inventoryAccordion">
+  {% for p in inventory %}
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="heading-{{ p.id }}">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-{{ p.id }}">
+        <strong>{{ p.name }}</strong>&nbsp;<small class="text-muted"> ({{ p.barcode }})</small>
+      </button>
+    </h2>
+    <div id="collapse-{{ p.id }}" class="accordion-collapse collapse" data-bs-parent="#inventoryAccordion">
+      <div class="accordion-body">
+        <div class="d-flex justify-content-end mb-2">
+            <button class="btn btn-sm btn-outline-primary" data-bs-toggle="modal" data-bs-target="#editProductModal-{{ p.id }}"><i class="fas fa-edit me-1"></i>Редактировать товар</button>
+            <form action="{{ url_for('delete_product', product_id=p.id) }}" method="POST" class="d-inline ms-2" onsubmit="return confirm('Удалить товар?');">
+                <button type="submit" class="btn btn-sm btn-outline-danger"><i class="fas fa-trash"></i></button>
+            </form>
+        </div>
+        {% for v in p.variants %}
+        <div class="card mb-2">
+            <div class="card-header">
+                <strong>{{ v.option_value }}</strong> | Цена: {{ format_currency_py(v.price) }} с | Себест: {{ format_currency_py(v.cost_price) }} с | Всего: {{v.stock}} шт.
+            </div>
+            <div class="card-body p-2">
+                <table class="table table-sm table-bordered mb-0">
+                    <thead>
+                        <tr>{% for size in SIZES[:4] %}<th>{{size}}</th>{% endfor %}</tr>
+                    </thead>
+                    <tbody>
+                        <tr>{% for size in SIZES[:4] %}<td>{{ v.sizes.get(size, 0) }}</td>{% endfor %}</tr>
+                    </tbody>
+                    <thead>
+                        <tr>{% for size in SIZES[4:8] %}<th>{{size}}</th>{% endfor %}</tr>
+                    </thead>
+                    <tbody>
+                         <tr>{% for size in SIZES[4:8] %}<td>{{ v.sizes.get(size, 0) }}</td>{% endfor %}</tr>
+                    </tbody>
+                     <thead>
+                        <tr>{% for size in SIZES[8:] %}<th>{{size}}</th>{% endfor %}{% for i in range(4 - SIZES[8:]|length) %}<th></th>{% endfor %}</tr>
+                    </thead>
+                    <tbody>
+                         <tr>{% for size in SIZES[8:] %}<td>{{ v.sizes.get(size, 0) }}</td>{% endfor %}{% for i in range(4 - SIZES[8:]|length) %}<td></td>{% endfor %}</tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+        {% else %}
+            <p class="text-center text-muted">Нет вариантов</p>
+        {% endfor %}
+      </div>
+    </div>
+  </div>
+  {% endfor %}
+</div>
+
+<div class="modal fade" id="addProductModal" tabindex="-1">
+  <div class="modal-dialog modal-xl">
+    <div class="modal-content">
+      <div class="modal-header"><h5 class="modal-title">Новый товар</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
+      <form action="{{ url_for('inventory_management') }}" method="POST">
+        <div class="modal-body">
+          <div class="row">
+              <div class="col-md-6 mb-3"><label class="form-label">Название</label><input type="text" name="name" class="form-control" required></div>
+              <div class="col-md-6 mb-3"><label class="form-label">Штрих-код</label>
+                <div class="input-group"><input type="text" name="barcode" class="form-control barcode-input" required><button type="button" class="btn btn-outline-secondary scan-modal-btn"><i class="fas fa-barcode"></i></button></div>
+              </div>
+          </div>
+          <div id="modal-scanner-add" class="mb-2" style="display:none;"></div>
+          <hr>
+          <h6>Варианты товара</h6>
+          <div id="variants-container-add"></div>
+          <button type="button" class="btn btn-sm btn-outline-success mt-2" id="add-variant-btn-add">Добавить вариант</button>
+        </div>
+        <div class="modal-footer"><button type="submit" class="btn btn-primary">Сохранить</button></div>
+      </form>
+    </div>
+  </div>
+</div>
+
+{% for p in inventory %}
+<div class="modal fade" id="editProductModal-{{ p.id }}" tabindex="-1">
+  <div class="modal-dialog modal-xl">
+    <div class="modal-content">
+      <div class="modal-header"><h5 class="modal-title">Редактировать товар</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
+      <form action="{{ url_for('edit_product', product_id=p.id) }}" method="POST">
+        <div class="modal-body">
+          <div class="row">
+              <div class="col-md-6 mb-3"><label class="form-label">Название</label><input type="text" name="name" class="form-control" value="{{ p.name }}" required></div>
+              <div class="col-md-6 mb-3"><label class="form-label">Штрих-код</label><input type="text" name="barcode" class="form-control" value="{{ p.barcode }}" required></div>
+          </div>
+          <hr>
+          <h6>Варианты товара</h6>
+          <div id="variants-container-edit-{{ p.id }}">
+            {% for v in p.variants %}
+            <div class="card mb-3 variant-row">
+                <div class="card-body">
+                    <input type="hidden" name="variant_id[]" value="{{ v.id }}">
+                     <div class="row g-2 mb-2 align-items-center">
+                        <div class="col-md-2">
+                            <img src="{{ v.image_url if v.image_url else url_for('static', filename='placeholder.png') }}" class="img-thumbnail variant-preview mb-1" style="width: 50px; height: 50px; object-fit: cover;">
+                            <input type="file" class="form-control form-control-sm variant-image-upload" accept="image/*">
+                            <input type="hidden" class="variant-image-url-input" name="variant_image_url[]" value="{{ v.image_url }}">
+                        </div>
+                        <div class="col-md-3"><label>Вариант</label><input type="text" name="variant_name[]" class="form-control" placeholder="Название варианта" value="{{ v.option_value }}" required></div>
+                        <div class="col-md-2"><label>Цена</label><input type="text" name="variant_price[]" class="form-control" placeholder="Цена" value="{{ v.price|string|replace('.', ',') }}" inputmode="decimal"></div>
+                        <div class="col-md-2"><label>Себестоимость</label><input type="text" name="variant_cost_price[]" class="form-control" placeholder="Себестоимость" value="{{ v.cost_price|string|replace('.', ',') }}" inputmode="decimal"></div>
+                        <div class="col-md-1"><button type="button" class="btn btn-sm btn-danger remove-variant-btn mt-4"><i class="fas fa-times"></i></button></div>
+                    </div>
+                    <h6>Остатки по размерам</h6>
+                    <div class="variant-sizes-grid">
+                        {% for size in SIZES %}
+                        <div class="input-group input-group-sm">
+                            <span class="input-group-text">{{size}}</span>
+                            <input type="number" name="variant_stock_{{size}}[]" class="form-control" value="{{ v.sizes.get(size, 0) }}">
+                        </div>
+                        {% endfor %}
+                    </div>
+                </div>
+            </div>
+            {% endfor %}
+          </div>
+          <button type="button" class="btn btn-sm btn-outline-success mt-2 add-variant-btn-edit" data-target-container="variants-container-edit-{{ p.id }}">Добавить вариант</button>
+        </div>
+        <div class="modal-footer"><button type="submit" class="btn btn-primary">Сохранить</button></div>
+      </form>
+    </div>
+  </div>
+</div>
+{% endfor %}
+
+<div class="modal fade" id="stockInModal" tabindex="-1">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header"><h5 class="modal-title">Оприходование товара</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
+      <form action="{{ url_for('stock_in') }}" method="POST">
+        <div class="modal-body">
+            <div class="mb-3">
+                <label for="stockin-product" class="form-label">Товар</label>
+                <select id="stockin-product" name="product_id" class="form-select" required>
+                    <option value="">-- Выберите товар --</option>
+                    {% for p in inventory %}
+                    <option value="{{ p.id }}">{{ p.name }}</option>
+                    {% endfor %}
+                </select>
+            </div>
+            <div class="mb-3">
+                <label for="stockin-variant" class="form-label">Вариант</label>
+                <select id="stockin-variant" name="variant_id" class="form-select" required disabled>
+                    <option value="">-- Сначала выберите товар --</option>
+                </select>
+            </div>
+            <div class="mb-3">
+                <label for="stockin-size" class="form-label">Размер</label>
+                <select id="stockin-size" name="size" class="form-select" required>
+                    {% for size in SIZES %}<option value="{{size}}">{{size}}</option>{% endfor %}
+                </select>
+            </div>
+            <div class="row">
+                <div class="col-md-6 mb-3">
+                    <label for="stockin-quantity" class="form-label">Количество</label>
+                    <input type="number" id="stockin-quantity" name="quantity" class="form-control" required min="1">
+                </div>
+                <div class="col-md-6 mb-3">
+                    <label for="stockin-cost" class="form-label">Себестоимость (за ед.)</label>
+                    <input type="text" id="stockin-cost" name="cost_price" class="form-control" inputmode="decimal" placeholder="Необязательно">
+                </div>
+            </div>
+            <div class="mb-3">
+                <label for="stockin-delivery" class="form-label">Стоимость доставки (общая)</label>
+                <input type="text" id="stockin-delivery" name="delivery_cost" class="form-control" inputmode="decimal" placeholder="0">
+                <div class="form-text">Эта сумма будет добавлена в расходы как "Дорога" и учтена в себестоимости.</div>
+            </div>
+        </div>
+        <div class="modal-footer"><button type="submit" class="btn btn-primary">Оприходовать</button></div>
+      </form>
+    </div>
+  </div>
+</div>
+"""
+
+INVENTORY_SCRIPTS = """
+<script>
+document.addEventListener('DOMContentLoaded', () => {
+    let currentScanner = null;
+    let currentScannerContainer = null;
+    const placeholderImg = "{{ url_for('static', filename='placeholder.png') }}";
+
+    document.querySelectorAll('.scan-modal-btn').forEach(btn => {
+        btn.addEventListener('click', e => {
+            const form = e.target.closest('form');
+            const scannerContainer = form.querySelector('[id^="modal-scanner-"]');
+            const barcodeInput = form.querySelector('.barcode-input');
+            
+            if (currentScanner) { try { currentScanner.stop(); } catch(e) {} currentScanner = null; if(currentScannerContainer) currentScannerContainer.style.display = 'none'; return; }
+            
+            scannerContainer.style.display = 'block';
+            currentScannerContainer = scannerContainer;
+            const scannerId = scannerContainer.id + '-reader';
+            if(!document.getElementById(scannerId)) scannerContainer.innerHTML = `<div id="${scannerId}" style="width: 100%;"></div>`;
+
+            const html5QrCode = new Html5Qrcode(scannerId);
+            currentScanner = html5QrCode;
+            html5QrCode.start({ facingMode: "environment" }, { fps: 10, qrbox: { width: 250, height: 250 } }, (decodedText) => {
+                barcodeInput.value = decodedText;
+                try { html5QrCode.stop(); } catch(e) {}
+                currentScanner = null;
+                scannerContainer.style.display = 'none';
+            });
+        });
+    });
+    
+    document.querySelectorAll('.modal').forEach(modal => {
+        modal.addEventListener('hidden.bs.modal', () => {
+             if (currentScanner) { try { currentScanner.stop(); } catch(e) {} currentScanner = null; }
+             if(currentScannerContainer) { currentScannerContainer.style.display = 'none'; currentScannerContainer.innerHTML = ''; }
+        });
+    });
+    
+    const handleImageUpload = (fileInput) => {
+        const file = fileInput.files[0];
+        if (!file) return;
+
+        const row = fileInput.closest('.variant-row');
+        const preview = row.querySelector('.variant-preview');
+        const urlInput = row.querySelector('.variant-image-url-input');
+
+        const formData = new FormData();
+        formData.append('image', file);
+        preview.src = "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==";
+
+        fetch("{{ url_for('upload_image') }}", { method: 'POST', body: formData })
+        .then(response => response.json())
+        .then(data => {
+            if (data.success) {
+                preview.src = data.url;
+                urlInput.value = data.url;
+            } else {
+                alert('Ошибка загрузки: ' + data.message);
+                preview.src = placeholderImg;
+            }
+        })
+        .catch(error => {
+            console.error('Upload error:', error);
+            alert('Сетевая ошибка при загрузке изображения.');
+            preview.src = placeholderImg;
+        });
+    };
+
+    const createVariantRow = () => {
+        const sizes = {{ SIZES|tojson }};
+        let sizeInputs = '';
+        sizes.forEach(size => {
+            sizeInputs += `
+                <div class="input-group input-group-sm">
+                    <span class="input-group-text">${size}</span>
+                    <input type="number" name="variant_stock_${size}[]" class="form-control" value="0">
+                </div>`;
+        });
+    
+        const div = document.createElement('div');
+        div.className = 'card mb-3 variant-row';
+        div.innerHTML = `
+            <div class="card-body">
+                <input type="hidden" name="variant_id[]" value="">
+                <div class="row g-2 mb-2 align-items-center">
+                    <div class="col-md-2">
+                        <img src="${placeholderImg}" class="img-thumbnail variant-preview mb-1" style="width: 50px; height: 50px; object-fit: cover;">
+                        <input type="file" class="form-control form-control-sm variant-image-upload" accept="image/*">
+                        <input type="hidden" class="variant-image-url-input" name="variant_image_url[]" value="">
+                    </div>
+                    <div class="col-md-3"><label>Вариант</label><input type="text" name="variant_name[]" class="form-control" placeholder="Название варианта" required></div>
+                    <div class="col-md-2"><label>Цена</label><input type="text" name="variant_price[]" class="form-control" placeholder="Цена" inputmode="decimal"></div>
+                    <div class="col-md-2"><label>Себестоимость</label><input type="text" name="variant_cost_price[]" class="form-control" placeholder="Себестоимость" inputmode="decimal"></div>
+                    <div class="col-md-1"><button type="button" class="btn btn-sm btn-danger remove-variant-btn mt-4"><i class="fas fa-times"></i></button></div>
+                </div>
+                <h6>Остатки по размерам</h6>
+                <div class="variant-sizes-grid">${sizeInputs}</div>
+            </div>`;
+        div.querySelector('.remove-variant-btn').addEventListener('click', () => div.remove());
+        div.querySelector('.variant-image-upload').addEventListener('change', (e) => handleImageUpload(e.target));
+        return div;
+    };
+    
+    document.body.addEventListener('change', e => {
+        if (e.target.classList.contains('variant-image-upload')) {
+            handleImageUpload(e.target);
+        }
+    });
+
+    document.getElementById('add-variant-btn-add').addEventListener('click', () => {
+        document.getElementById('variants-container-add').appendChild(createVariantRow());
+    });
+    
+    document.querySelectorAll('.add-variant-btn-edit').forEach(btn => {
+        btn.addEventListener('click', (e) => {
+            document.getElementById(e.target.dataset.targetContainer).appendChild(createVariantRow());
+        });
+    });
+    
+    document.body.addEventListener('click', e => {
+        const removeBtn = e.target.closest('.remove-variant-btn');
+        if (removeBtn) {
+            removeBtn.closest('.variant-row').remove();
+        }
+    });
+    
+    document.getElementById('addProductModal').addEventListener('shown.bs.modal', () => {
+        const container = document.getElementById('variants-container-add');
+        if (container.children.length === 0) container.appendChild(createVariantRow());
+    });
+
+    const inventoryData = JSON.parse('{{ inventory|tojson|safe }}');
+    const productSelect = document.getElementById('stockin-product');
+    const variantSelect = document.getElementById('stockin-variant');
+
+    productSelect.addEventListener('change', () => {
+        const productId = productSelect.value;
+        variantSelect.innerHTML = '<option value="">-- Выберите вариант --</option>';
+        variantSelect.disabled = true;
+
+        if (productId) {
+            const product = inventoryData.find(p => p.id === productId);
+            if (product && product.variants) {
+                product.variants.forEach(v => {
+                    variantSelect.innerHTML += `<option value="${v.id}">${v.option_value}</option>`;
+                });
+                variantSelect.disabled = false;
+            }
+        }
+    });
+
+    document.getElementById('inventory-search').addEventListener('input', e => {
+        const term = e.target.value.toLowerCase();
+        document.querySelectorAll('#inventoryAccordion .accordion-item').forEach(item => {
+            const productName = item.querySelector('.accordion-button strong').textContent.toLowerCase();
+            const barcode = item.querySelector('.accordion-button small').textContent.toLowerCase();
+            const variantNames = Array.from(item.querySelectorAll('.accordion-body .card-header strong')).some(el => el.textContent.toLowerCase().includes(term));
+            item.style.display = (productName.includes(term) || barcode.includes(term) || variantNames) ? '' : 'none';
+        });
+    });
+});
+</script>
+"""
+
+TRANSACTIONS_CONTENT = """
+<div class="card mb-4">
+    <div class="card-body">
+        <form method="GET" class="row g-2 align-items-end">
+            <div class="col-auto">
+                <label for="date-filter" class="form-label">Дата</label>
+                <input type="date" id="date-filter" name="date" value="{{ selected_date }}" class="form-control">
+            </div>
+            <div class="col-auto">
+                <label for="kassa-filter" class="form-label">Касса</label>
+                <select id="kassa-filter" name="kassa" class="form-select">
+                    <option value="">Все кассы</option>
+                    {% for k in kassas %}
+                    <option value="{{ k.id }}" {% if k.id == selected_kassa_id %}selected{% endif %}>{{ k.name }}</option>
+                    {% endfor %}
+                </select>
+            </div>
+            <div class="col-auto">
+                <button type="submit" class="btn btn-primary">Показать</button>
+            </div>
+        </form>
+        <hr>
+        {% set selected_kassa = kassas|selectattr('id', 'equalto', selected_kassa_id)|first %}
+        <h4 class="mb-0">Общая выручка за {{ selected_date }}{% if selected_kassa %} (Касса: {{ selected_kassa.name }}){% endif %}: <span class="text-success">{{ format_currency_py(total_sales) }} с</span></h4>
+    </div>
+</div>
+<div class="card">
+    <div class="card-body">
+        <div class="table-responsive">
+            <table class="table table-sm table-hover">
+                <thead><tr><th>ID</th><th>Дата</th><th>Тип</th><th>Кассир/Клиент</th><th>Касса</th><th>Сумма</th><th>Статус</th><th>Позиции</th><th></th></tr></thead>
+                <tbody>
+                {% for t in transactions %}
+                <tr class="{% if t.type == 'return' %}table-danger{% endif %}">
+                    <td><a href="{{ url_for('view_receipt', transaction_id=t.id) if t.receipt_html else '#' }}" target="_blank"><small class="text-muted">{{ t.id[:8] }}</small></a></td>
+                    <td>{{ t.timestamp[11:16] }}</td>
+                    <td>
+                        {% if t.type == 'sale' %}
+                            {% if t.payment_method == 'cash' %}<span class="badge bg-primary">Наличные</span>
+                            {% elif t.payment_method == 'card' %}<span class="badge bg-info">Карта</span>
+                            {% elif t.payment_method == 'debt' %}<span class="badge bg-warning">В долг</span>
+                            {% endif %}
+                        {% elif t.type == 'return' %}<span class="badge bg-danger">Возврат</span>
+                        {% endif %}
+                    </td>
+                    <td>{{ t.user_name }}<br><small class="text-muted">{{ t.get('client_name') }}</small></td><td>{{ t.kassa_name }}</td>
+                    <td class="fw-bold">{{ format_currency_py(t.total_amount) }} с</td>
+                    <td><span class="badge bg-{{'success' if t.status == 'completed' else 'secondary'}}">{{t.status}}</span></td>
+                    <td>
+                        <ul class="list-unstyled mb-0 small">
+                        {% for item in t['items'] %}<li>{{ item.name }}{% if item.size %} ({{item.size}}){% endif %} ({{ item.quantity }}x{{ format_currency_py(item.price_at_sale) }}{% if item.get('discount_per_item', '0')|float > 0 %} -{{ format_currency_py(item.discount_per_item) }}{% endif %})</li>{% endfor %}
+                        </ul>
+                    </td>
+                    <td>
+                        {% if session.admin_logged_in %}
+                            {% if t.type == 'sale' %}
+                            <button class="btn btn-xs btn-outline-secondary py-0 px-1" data-bs-toggle="modal" data-bs-target="#editTransactionModal" data-transaction-id="{{t.id}}" data-transaction-items="{{t['items']|tojson}}">
+                                <i class="fas fa-pencil-alt"></i>
+                            </button>
+                            {% endif %}
+                            <form action="{{ url_for('delete_transaction', transaction_id=t.id) }}" method="POST" class="d-inline ms-1" onsubmit="return confirm('Удалить эту транзакцию? Действие необратимо.');">
+                                <button type="submit" class="btn btn-xs btn-outline-danger py-0 px-1"><i class="fas fa-trash"></i></button>
+                            </form>
+                        {% endif %}
+                    </td>
+                </tr>
+                {% else %}
+                <tr><td colspan="9" class="text-center">Нет транзакций за выбранную дату.</td></tr>
+                {% endfor %}
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+
+<div class="modal fade" id="editTransactionModal" tabindex="-1">
+  <div class="modal-dialog modal-lg">
+    <div class="modal-content">
+      <div class="modal-header"><h5 class="modal-title">Редактировать транзакцию</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
+      <div class="modal-body">
+        <p>ID: <strong id="edit-trans-id"></strong></p>
+        <form id="edit-trans-form">
+            <div id="edit-trans-items-container" class="table-responsive"></div>
+        </form>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
+        <button type="button" id="save-trans-btn" class="btn btn-primary">Сохранить изменения</button>
+      </div>
+    </div>
+  </div>
+</div>
+"""
+
+TRANSACTIONS_SCRIPTS = """
+<script>
+document.addEventListener('DOMContentLoaded', () => {
+    const editModal = new bootstrap.Modal(document.getElementById('editTransactionModal'));
+    const editModalEl = document.getElementById('editTransactionModal');
+    let currentTransactionId = null;
+
+    editModalEl.addEventListener('show.bs.modal', event => {
+        const button = event.relatedTarget;
+        currentTransactionId = button.dataset.transactionId;
+        const items = JSON.parse(button.dataset.transactionItems);
+        
+        document.getElementById('edit-trans-id').textContent = currentTransactionId.substring(0, 8);
+        const container = document.getElementById('edit-trans-items-container');
+        
+        let tableHtml = `<table class="table table-sm"><thead><tr><th>Товар</th><th>Цена</th><th>Скидка</th></tr></thead><tbody>`;
+        items.forEach(item => {
+            const itemId = item.size ? `${item.variant_id}_${item.size}` : item.variant_id;
+            const itemName = item.size ? `${item.name} (${item.size})` : item.name;
+            tableHtml += `
+                <tr data-item-id="${itemId}">
+                    <td>${itemName} (${item.quantity} шт.)</td>
+                    <td><input type="text" class="form-control form-control-sm" name="price" value="${String(item.price_at_sale).replace('.',',')}" inputmode="decimal"></td>
+                    <td><input type="text" class="form-control form-control-sm" name="discount" value="${String(item.discount_per_item || '0').replace('.',',')}" inputmode="decimal"></td>
+                </tr>`;
+        });
+        tableHtml += `</tbody></table>`;
+        container.innerHTML = tableHtml;
+    });
+
+    document.getElementById('save-trans-btn').addEventListener('click', () => {
+        const items_update = Array.from(document.querySelectorAll('#edit-trans-form tbody tr')).map(row => ({
+            id: row.dataset.itemId,
+            price: row.querySelector('input[name="price"]').value,
+            discount: row.querySelector('input[name="discount"]').value
+        }));
+
+        fetch(`/admin/transaction/edit/${currentTransactionId}`, {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify({ items: items_update })
+        })
+        .then(res => res.json())
+        .then(data => {
+            if (data.success) {
+                editModal.hide();
+                window.location.reload();
+            } else { alert('Ошибка: ' + data.message); }
+        })
+        .catch(err => { console.error(err); alert('Сетевая ошибка.'); });
+    });
+});
+</script>
+"""
+
+REPORTS_CONTENT = """
+<div class="card mb-4">
+    <div class="card-body">
+        <form method="GET" action="{{ url_for('reports') }}">
+            <div class="row g-2 align-items-end">
+                <div class="col-md-4"><label for="start_date" class="form-label">Начало периода</label><input type="date" id="start_date" name="start_date" value="{{ start_date }}" class="form-control"></div>
+                <div class="col-md-4"><label for="end_date" class="form-label">Конец периода</label><input type="date" id="end_date" name="end_date" value="{{ end_date }}" class="form-control"></div>
+                <div class="col-md-4"><button type="submit" class="btn btn-primary w-100">Сформировать отчет</button></div>
+            </div>
+        </form>
+    </div>
+</div>
+
+<div class="row">
+    <div class="col-lg-7">
+        <div class="card mb-4">
+            <div class="card-header"><h5 class="mb-0">Сводный отчет за период</h5></div>
+            <div class="card-body">
+                <ul class="list-group list-group-flush">
+                    <li class="list-group-item d-flex justify-content-between"><span><i class="fas fa-chart-bar me-2 text-primary"></i>Выручка (за вычетом возвратов)</span> <strong>{{ format_currency_py(stats.total_revenue) }} с</strong></li>
+                    <li class="list-group-item d-flex justify-content-between"><span><i class="fas fa-cogs me-2 text-secondary"></i>Себестоимость проданных товаров</span> <strong>{{ format_currency_py(stats.total_cogs) }} с</strong></li>
+                    <li class="list-group-item d-flex justify-content-between"><span><i class="fas fa-piggy-bank me-2 text-info"></i>Валовая прибыль</span> <strong class="text-info">{{ format_currency_py(stats.gross_profit) }} с</strong></li>
+                    <li class="list-group-item d-flex justify-content-between"><span><i class="fas fa-receipt me-2 text-warning"></i>Расходы (операционные)</span> <strong class="text-warning">-{{ format_currency_py(stats.total_expenses) }} с</strong></li>
+                    <li class="list-group-item d-flex justify-content-between"><span><i class="fas fa-user-tie me-2" style="color: orange;"></i>Расходы (личные)</span> <strong class="text-warning">-{{ format_currency_py(stats.total_personal_expenses) }} с</strong></li>
+                    <li class="list-group-item d-flex justify-content-between"><span><i class="fas fa-users-cog me-2 text-danger"></i>Расходы (зарплаты)</span> <strong class="text-danger">-{{ format_currency_py(stats.total_salary_expenses) }} с</strong></li>
+                    <li class="list-group-item d-flex justify-content-between fs-5"><span><i class="fas fa-check-circle me-2 text-success"></i>Чистая прибыль</span> <strong class="text-success">{{ format_currency_py(stats.net_profit) }} с</strong></li>
+                </ul>
+            </div>
+        </div>
+        <div class="card mb-4">
+            <div class="card-header"><h5 class="mb-0">Расчеты с кассирами за период</h5></div>
+            <div class="card-body p-0">
+                <div class="table-responsive"><table class="table table-sm mb-0">
+                    <thead><tr><th>Кассир</th><th class="text-end">К выплате</th></tr></thead>
+                    <tbody>
+                    {% for name, payout in stats.cashier_payouts %}
+                    <tr><td>{{ name }}</td><td class="text-end">{{ format_currency_py(payout) }} с</td></tr>
+                    {% else %}<tr><td colspan="2" class="text-center text-muted">Нет данных для расчета.</td></tr>
+                    {% endfor %}
+                    </tbody>
+                </table></div>
+            </div>
+        </div>
+    </div>
+    <div class="col-lg-5">
+        <div class="card mb-4">
+            <div class="card-header"><h5 class="mb-0">Продажи по кассирам</h5></div>
+            <div class="card-body p-0">
+                <div class="table-responsive"><table class="table table-hover mb-0">
+                    <thead><tr><th>Кассир</th><th>Чеков</th><th class="text-end">Сумма</th></tr></thead>
+                    <tbody>
+                    {% for name, data in stats.sales_by_cashier %}
+                    <tr><td>{{ name }}</td><td>{{ data.count }}</td><td class="text-end">{{ format_currency_py(data.total) }} с</td></tr>
+                    {% else %}<tr><td colspan="3" class="text-center text-muted">Нет продаж за выбранный период.</td></tr>
+                    {% endfor %}
+                    </tbody>
+                </table></div>
+            </div>
+        </div>
+        <div class="card mb-4">
+            <div class="card-header"><h5 class="mb-0">Операционные расходы за период</h5></div>
+            <div class="card-body p-0">
+                <div class="table-responsive" style="max-height: 200px; overflow-y: auto;"><table class="table table-sm mb-0">
+                    <thead><tr><th>Дата</th><th>Описание</th><th class="text-end">Сумма</th></tr></thead>
+                    <tbody>
+                    {% for expense in expenses %}
+                    <tr>
+                        <td><small>{{ expense.timestamp[:10] }}</small></td>
+                        <td>{{ expense.description }}</td>
+                        <td class="text-end">{{ format_currency_py(expense.amount) }} с</td>
+                    </tr>
+                    {% else %}<tr><td colspan="3" class="text-center text-muted">Нет расходов за выбранный период.</td></tr>
+                    {% endfor %}
+                    </tbody>
+                </table></div>
+            </div>
+        </div>
+        <div class="card mb-4">
+            <div class="card-header"><h5 class="mb-0">Личные расходы за период</h5></div>
+            <div class="card-body p-0">
+                <div class="table-responsive" style="max-height: 200px; overflow-y: auto;"><table class="table table-sm mb-0">
+                    <thead><tr><th>Дата</th><th>Описание</th><th class="text-end">Сумма</th></tr></thead>
+                    <tbody>
+                    {% for expense in personal_expenses %}
+                    <tr>
+                        <td><small>{{ expense.timestamp[:10] }}</small></td>
+                        <td>{{ expense.description }}</td>
+                        <td class="text-end">{{ format_currency_py(expense.amount) }} с</td>
+                    </tr>
+                    {% else %}<tr><td colspan="3" class="text-center text-muted">Нет личных расходов за выбранный период.</td></tr>
+                    {% endfor %}
+                    </tbody>
+                </table></div>
+            </div>
+        </div>
+    </div>
+</div>
+"""
+
+REPORTS_SCRIPTS = ""
+
+PRODUCT_ROI_CONTENT = """
+<div class="card">
+    <div class="card-header"><h5 class="mb-0">Окупаемость по товарам</h5></div>
+    <div class="card-body p-0">
+        <div class="table-responsive">
+            <table class="table table-hover table-sm mb-0">
+                <thead class="table-light">
+                    <tr>
+                        <th>Товар (вариант)</th>
+                        <th class="text-end">Продано, шт</th>
+                        <th class="text-end">Выручка</th>
+                        <th class="text-end">Стоимость на складе</th>
+                        <th class="text-end">Общие вложения</th>
+                        <th class="text-end">Результат (Окупаемость)</th>
+                    </tr>
+                </thead>
+                <tbody>
+                {% for item in stats %}
+                    <tr>
+                        <td><strong>{{ item.name }}</strong><br><small class="text-muted">{{ item.variant_name }}</small></td>
+                        <td class="text-end">{{ item.total_qty_sold }}</td>
+                        <td class="text-end">{{ format_currency_py(item.total_revenue) }} с</td>
+                        <td class="text-end">{{ format_currency_py(item.inventory_value) }} с</td>
+                        <td class="text-end text-secondary">{{ format_currency_py(item.total_investment) }} с</td>
+                        <td class="text-end fw-bold 
+                            {% if item.payback > 0 %}payback-positive
+                            {% elif item.payback < 0 %}payback-negative
+                            {% else %}payback-zero{% endif %}">
+                            {{ format_currency_py(item.payback) }} с
+                        </td>
+                    </tr>
+                {% else %}
+                    <tr><td colspan="6" class="text-center">Нет данных для анализа.</td></tr>
+                {% endfor %}
+                </tbody>
+            </table>
+        </div>
+    </div>
+    <div class="card-footer small text-muted">
+        <i class="fas fa-info-circle me-1"></i>
+        <strong>Общие вложения</strong> = Себестоимость проданных товаров + Стоимость текущих остатков на складе.
+        <strong>Результат</strong> = Выручка - Общие вложения.
+    </div>
+</div>
+"""
+
+ADMIN_CONTENT = """
+<div class="row">
+    <div class="col-12 mb-4">
+        <a href="{{ url_for('admin_shifts') }}" class="btn btn-info"><i class="fas fa-history me-2"></i>История смен кассиров</a>
+    </div>
+    <div class="col-md-6 mb-4">
+        <div class="card h-100">
+            <div class="card-header d-flex justify-content-between align-items-center"><h5 class="mb-0">Кассиры</h5><button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#addUserModal"><i class="fas fa-plus"></i></button></div>
+            <div class="card-body">
+                <ul class="list-group">
+                    {% for u in users %}
+                    <li class="list-group-item d-flex justify-content-between align-items-center">
+                        <div>{{ u.name }} <br>
+                        <small class="text-muted">
+                        {% if u.payment_type == 'salary' %}Зарплата: {{ format_currency_py(u.payment_value) }} с/мес.
+                        {% elif u.payment_type == 'percentage' %}Процент: {{ u.payment_value }}%
+                        {% endif %}
+                        </small>
+                        </div>
+                        <div>
+                            <button class="btn btn-sm btn-outline-primary" data-bs-toggle="modal" data-bs-target="#editUserModal-{{ u.id }}"><i class="fas fa-edit"></i></button>
+                            <form action="{{ url_for('manage_user') }}" method="POST" class="d-inline" onsubmit="return confirm('Удалить кассира?');"><input type="hidden" name="action" value="delete"><input type="hidden" name="id" value="{{ u.id }}"><button type="submit" class="btn btn-sm btn-outline-danger"><i class="fas fa-trash"></i></button></form>
+                        </div>
+                    </li>
+                    {% endfor %}
+                </ul>
+            </div>
+        </div>
+    </div>
+    <div class="col-md-6 mb-4">
+        <div class="card h-100">
+            <div class="card-header"><h5 class="mb-0">Кассы</h5></div>
+            <div class="card-body">
+                <form action="{{ url_for('manage_kassa') }}" method="POST" class="mb-3">
+                    <input type="hidden" name="action" value="add">
+                    <div class="input-group">
+                        <input type="text" name="name" class="form-control" placeholder="Название кассы" required>
+                        <input type="text" name="balance" class="form-control" placeholder="Начальный баланс" value="0" inputmode="decimal">
+                        <button type="submit" class="btn btn-primary">Добавить</button>
+                    </div>
+                </form>
+                <ul class="list-group">
+                    {% for k in kassas %}
+                    <li class="list-group-item d-flex justify-content-between align-items-center">
+                        <div>{{ k.name }} <br><small class="fw-bold">{{ format_currency_py(k.balance) }} с</small></div>
+                        <form action="{{ url_for('manage_kassa') }}" method="POST" onsubmit="return confirm('Удалить кассу?');"><input type="hidden" name="action" value="delete"><input type="hidden" name="id" value="{{ k.id }}"><button type="submit" class="btn btn-sm btn-danger"><i class="fas fa-trash"></i></button></form>
+                    </li>
+                    {% endfor %}
+                </ul>
+            </div>
+        </div>
+    </div>
+    <div class="col-12 mb-4">
+        <div class="card">
+            <div class="card-header"><h5 class="mb-0">Операции по кассе (Внесение/Изъятие)</h5></div>
+            <div class="card-body">
+                <form action="{{ url_for('kassa_operation') }}" method="POST">
+                    <div class="row g-2 align-items-end">
+                        <div class="col-md-3"><label class="form-label">Касса</label><select name="kassa_id" class="form-select" required><option value="">-- Выберите --</option>{% for k in kassas %}<option value="{{k.id}}">{{k.name}}</option>{% endfor %}</select></div>
+                        <div class="col-md-2"><label class="form-label">Операция</label><select name="op_type" class="form-select" required><option value="deposit">Внесение</option><option value="withdrawal">Изъятие</option></select></div>
+                        <div class="col-md-2"><label class="form-label">Сумма</label><input type="text" name="amount" class="form-control" required inputmode="decimal"></div>
+                        <div class="col-md-3"><label class="form-label">Описание</label><input type="text" name="description" class="form-control"></div>
+                        <div class="col-md-2"><button type="submit" class="btn btn-success w-100">Выполнить</button></div>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+     <div class="col-lg-6 mb-4">
+        <div class="card h-100">
+            <div class="card-header"><h5 class="mb-0">Учет расходов (операционные)</h5></div>
+            <div class="card-body d-flex flex-column">
+                <form action="{{ url_for('manage_expense') }}" method="POST" class="mb-4">
+                    <div class="row g-2 align-items-end">
+                        <div class="col-md-4"><label class="form-label">Сумма</label><input type="text" name="amount" class="form-control" required inputmode="decimal"></div>
+                        <div class="col-md-8"><label class="form-label">Описание</label><input type="text" name="description" class="form-control" required placeholder="Напр: Аренда за май"></div>
+                        <div class="col-12"><button type="submit" class="btn btn-warning w-100 mt-2">Добавить расход</button></div>
+                    </div>
+                </form>
+                <h6>Все расходы:</h6>
+                <div class="table-responsive flex-grow-1" style="max-height: 400px; overflow-y: auto;">
+                    <table class="table table-sm table-striped">
+                        <thead><tr><th>Дата</th><th>Описание</th><th class="text-end">Сумма</th><th></th></tr></thead>
+                        <tbody>
+                        {% for e in expenses %}
+                        <tr>
+                            <td><small>{{ e.timestamp[:10] }}</small></td>
+                            <td>{{ e.description }}</td>
+                            <td class="text-end fw-bold">{{ format_currency_py(e.amount) }} с</td>
+                            <td class="text-end">
+                                <form action="{{ url_for('delete_expense', expense_id=e.id) }}" method="POST" onsubmit="return confirm('Удалить этот расход?');">
+                                    <button type="submit" class="btn btn-sm btn-outline-danger py-0 px-1"><i class="fas fa-trash"></i></button>
+                                </form>
+                            </td>
+                        </tr>
+                        {% else %}
+                        <tr><td colspan="4" class="text-center">Расходов пока нет</td></tr>
+                        {% endfor %}
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="col-lg-6 mb-4">
+        <div class="card h-100">
+            <div class="card-header"><h5 class="mb-0">Учет расходов (личные)</h5></div>
+            <div class="card-body d-flex flex-column">
+                <form action="{{ url_for('manage_personal_expense') }}" method="POST" class="mb-4">
+                    <div class="row g-2 align-items-end">
+                        <div class="col-md-4"><label class="form-label">Сумма</label><input type="text" name="amount" class="form-control" required inputmode="decimal"></div>
+                        <div class="col-md-8"><label class="form-label">Описание</label><input type="text" name="description" class="form-control" required placeholder="Напр: Обед"></div>
+                        <div class="col-12"><button type="submit" class="btn btn-info w-100 mt-2">Добавить расход</button></div>
+                    </div>
+                </form>
+                <h6>Все расходы:</h6>
+                <div class="table-responsive flex-grow-1" style="max-height: 400px; overflow-y: auto;">
+                    <table class="table table-sm table-striped">
+                        <thead><tr><th>Дата</th><th>Описание</th><th class="text-end">Сумма</th><th></th></tr></thead>
+                        <tbody>
+                        {% for e in personal_expenses %}
+                        <tr>
+                            <td><small>{{ e.timestamp[:10] }}</small></td>
+                            <td>{{ e.description }}</td>
+                            <td class="text-end fw-bold">{{ format_currency_py(e.amount) }} с</td>
+                            <td class="text-end">
+                                <form action="{{ url_for('delete_personal_expense', expense_id=e.id) }}" method="POST" onsubmit="return confirm('Удалить этот расход?');">
+                                    <button type="submit" class="btn btn-sm btn-outline-danger py-0 px-1"><i class="fas fa-trash"></i></button>
+                                </form>
+                            </td>
+                        </tr>
+                        {% else %}
+                        <tr><td colspan="4" class="text-center">Расходов пока нет</td></tr>
+                        {% endfor %}
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="col-12">
+        <div class="card">
+            <div class="card-header"><h5 class="mb-0">Резервное копирование</h5></div>
+            <div class="card-body">
+                <p>Данные периодически сохраняются в облако. Можно сделать это вручную.</p>
+                <form method="POST" action="{{ url_for('backup_hf') }}" class="d-inline-block me-2">
+                    <button type="submit" class="btn btn-outline-primary"><i class="fas fa-cloud-upload-alt me-2"></i>Сохранить в облако</button>
+                </form>
+                <form method="GET" action="{{ url_for('download_hf') }}" class="d-inline-block" onsubmit="return confirm('ВНИМАНИЕ! Это действие заменит все локальные данные данными из облака. Продолжить?');">
+                    <button type="submit" class="btn btn-outline-danger"><i class="fas fa-cloud-download-alt me-2"></i>Загрузить из облака</button>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="modal fade" id="addUserModal" tabindex="-1">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header"><h5 class="modal-title">Новый кассир</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
+      <form action="{{ url_for('manage_user') }}" method="POST">
+        <input type="hidden" name="action" value="add">
+        <div class="modal-body">
+          <div class="mb-3"><label class="form-label">Имя</label><input type="text" name="name" class="form-control" required></div>
+          <div class="mb-3"><label class="form-label">ПИН-код</label><input type="password" name="pin" class="form-control" required></div>
+          <div class="mb-3"><label class="form-label">Тип оплаты</label><select name="payment_type" class="form-select"><option value="percentage">Процент от продаж</option><option value="salary">Фиксированная зарплата</option></select></div>
+          <div class="mb-3"><label class="form-label">Значение</label><input type="text" name="payment_value" class="form-control" inputmode="decimal" value="0" required><small class="form-text text-muted">Для процентов - число (напр. 5), для зарплаты - сумма в сомах.</small></div>
+        </div>
+        <div class="modal-footer"><button type="submit" class="btn btn-primary">Сохранить</button></div>
+      </form>
+    </div>
+  </div>
+</div>
+{% for u in users %}
+<div class="modal fade" id="editUserModal-{{ u.id }}" tabindex="-1">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header"><h5 class="modal-title">Редактировать кассира</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
+      <form action="{{ url_for('manage_user') }}" method="POST">
+        <input type="hidden" name="action" value="edit">
+        <input type="hidden" name="id" value="{{ u.id }}">
+        <div class="modal-body">
+          <div class="mb-3"><label class="form-label">Имя</label><input type="text" name="name" value="{{ u.name }}" class="form-control" required></div>
+          <div class="mb-3"><label class="form-label">ПИН-код</label><input type="password" name="pin" value="{{ u.pin }}" class="form-control" required></div>
+          <div class="mb-3"><label class="form-label">Тип оплаты</label><select name="payment_type" class="form-select">
+            <option value="percentage" {% if u.payment_type == 'percentage' %}selected{% endif %}>Процент от продаж</option>
+            <option value="salary" {% if u.payment_type == 'salary' %}selected{% endif %}>Фиксированная зарплата</option></select>
+          </div>
+          <div class="mb-3"><label class="form-label">Значение</label><input type="text" name="payment_value" class="form-control" value="{{ u.payment_value }}" inputmode="decimal" required></div>
+        </div>
+        <div class="modal-footer"><button type="submit" class="btn btn-primary">Сохранить</button></div>
+      </form>
+    </div>
+  </div>
+</div>
+{% endfor %}
+"""
+
+ADMIN_SCRIPTS = ""
+
+SHIFTS_CONTENT = """
+<div class="card">
+    <div class="card-header"><h5 class="mb-0">История смен</h5></div>
+    <div class="card-body p-0">
+        <div class="table-responsive">
+            <table class="table table-hover table-sm mb-0">
+                <thead class="table-light">
+                    <tr>
+                        <th>Кассир</th>
+                        <th>Касса</th>
+                        <th>Начало смены</th>
+                        <th>Конец смены</th>
+                        <th class="text-end">Продажи (наличные)</th>
+                        <th class="text-end">Продажи (карта)</th>
+                        <th class="text-end">Итого продаж</th>
+                    </tr>
+                </thead>
+                <tbody>
+                {% for s in shifts %}
+                    <tr>
+                        <td>{{ s.user_name }}</td>
+                        <td>{{ s.kassa_name }}</td>
+                        <td>{{ s.start_time[:16]|replace('T', ' ') }}</td>
+                        <td>{{ (s.end_time[:16]|replace('T', ' ')) if s.end_time else '<span class="badge bg-success">Активна</span>' }}</td>
+                        <td class="text-end">{{ format_currency_py(s.get('cash_sales', 0)) }} с</td>
+                        <td class="text-end">{{ format_currency_py(s.get('card_sales', 0)) }} с</td>
+                        <td class="text-end fw-bold">{{ format_currency_py(s.get('total_sales', 0)) }} с</td>
+                    </tr>
+                {% else %}
+                    <tr><td colspan="7" class="text-center">Нет данных о сменах.</td></tr>
+                {% endfor %}
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+"""
+
+ADMIN_LOGIN_CONTENT = """
+<div class="row justify-content-center mt-5">
+    <div class="col-md-6 col-lg-4">
+        <div class="card">
+            <div class="card-body">
+                <h4 class="card-title text-center">Вход для администратора</h4>
+                <form method="POST">
+                    <div class="mb-3">
+                        <label for="password" class="form-label">Пароль</label>
+                        <input type="password" name="password" id="password" class="form-control" required autofocus>
+                    </div>
+                    <div class="d-grid">
+                        <button type="submit" class="btn btn-primary">Войти</button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+"""
+
+CASHIER_LOGIN_CONTENT = """
+<div class="row justify-content-center">
+    <div class="col-md-6 col-lg-4">
+        <div class="card">
+            <div class="card-body">
+                <h4 class="card-title text-center">Вход для кассира</h4>
+                <form method="POST" action="{{ url_for('cashier_login') }}">
+                    <div class="mb-3">
+                        <label for="pin" class="form-label">Введите ваш ПИН-код</label>
+                        <input type="password" name="pin" id="pin" class="form-control form-control-lg text-center" required autofocus>
+                    </div>
+                    <div class="d-grid">
+                        <button type="submit" class="btn btn-primary btn-lg">Войти</button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+"""
+
+CASHIER_DASHBOARD_CONTENT = """
+<div class="card">
+    <div class="card-body">
+        <div class="table-responsive">
+            <table class="table table-sm table-hover">
+                <thead><tr><th>ID</th><th>Дата</th><th>Тип</th><th>Сумма</th><th>Статус</th><th>Действие</th></tr></thead>
+                <tbody>
+                {% for t in transactions %}
+                <tr class="{% if t.type == 'return' %}table-danger{% endif %}">
+                    <td><small class="text-muted">{{ t.id[:8] }}</small></td>
+                    <td>{{ t.timestamp[:16]|replace('T', ' ') }}</td>
+                    <td><span class="badge bg-{{'primary' if t.type == 'sale' else 'warning'}}">{{'Продажа' if t.type == 'sale' else 'Возврат'}}</span></td>
+                    <td class="fw-bold">{{ format_currency_py(t.total_amount) }} с</td>
+                    <td><span class="badge bg-{{'success' if t.status == 'completed' else 'secondary'}}">{{t.status}}</span></td>
+                    <td>
+                        {% if t.type == 'sale' and t.status == 'completed' %}
+                        <form action="{{ url_for('return_transaction', transaction_id=t.id) }}" method="POST" onsubmit="return confirm('Оформить возврат по этому чеку?');">
+                            <input type="hidden" name="cashier_id" value="{{ user.id }}">
+                            <button type="submit" class="btn btn-sm btn-warning">Возврат</button>
+                        </form>
+                        {% endif %}
+                    </td>
+                </tr>
+                {% endfor %}
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+"""
+
+CLIENTS_CONTENT = """
+<div class="card">
+    <div class="card-header d-flex justify-content-between align-items-center">
+        <h5 class="mb-0">Клиенты</h5>
+        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#addClientModal"><i class="fas fa-plus me-2"></i>Добавить клиента</button>
+    </div>
+    <div class="card-body">
+        <input type="text" id="client-search" class="form-control mb-3" placeholder="Поиск по имени или телефону...">
+        <div class="table-responsive">
+            <table class="table table-hover mb-0" id="clients-table">
+                <thead><tr><th>Имя</th><th>Телефон</th><th class="text-end">Долг</th><th></th></tr></thead>
+                <tbody>
+                {% for client in clients %}
+                <tr>
+                    <td>{{ client.name }}</td>
+                    <td>{{ client.phone }}</td>
+                    <td class="text-end {% if client.debt|float > 0 %}text-danger fw-bold{% endif %}">{{ format_currency_py(client.debt) }} с</td>
+                    <td class="text-end">
+                        <button class="btn btn-sm btn-outline-info client-purchase-history-btn" data-client-id="{{ client.id }}" data-client-name="{{ client.name }}"><i class="fas fa-shopping-cart"></i> Покупки</button>
+                        <button class="btn btn-sm btn-outline-warning" data-bs-toggle="modal" data-bs-target="#debtHistoryModal-{{ client.id }}"><i class="fas fa-book"></i> Долги</button>
+                        <button class="btn btn-sm btn-outline-primary" data-bs-toggle="modal" data-bs-target="#editClientModal-{{ client.id }}"><i class="fas fa-edit"></i></button>
+                        <form action="{{ url_for('manage_client') }}" method="POST" class="d-inline" onsubmit="return confirm('Удалить клиента?');">
+                            <input type="hidden" name="action" value="delete">
+                            <input type="hidden" name="id" value="{{ client.id }}">
+                            <button type="submit" class="btn btn-sm btn-outline-danger"><i class="fas fa-trash"></i></button>
+                        </form>
+                    </td>
+                </tr>
+                {% else %}
+                <tr><td colspan="4" class="text-center text-muted">Клиенты не найдены.</td></tr>
+                {% endfor %}
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+
+<div class="modal fade" id="addClientModal" tabindex="-1">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header"><h5 class="modal-title">Новый клиент</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
+      <form action="{{ url_for('manage_client') }}" method="POST">
+        <input type="hidden" name="action" value="add">
+        <div class="modal-body">
+          <div class="mb-3"><label class="form-label">Имя</label><input type="text" name="name" class="form-control" required></div>
+          <div class="mb-3"><label class="form-label">Телефон</label><input type="tel" name="phone" class="form-control"></div>
+        </div>
+        <div class="modal-footer"><button type="submit" class="btn btn-primary">Добавить</button></div>
+      </form>
+    </div>
+  </div>
+</div>
+{% for client in clients %}
+<div class="modal fade" id="editClientModal-{{ client.id }}" tabindex="-1">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header"><h5 class="modal-title">Редактировать клиента</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
+      <form action="{{ url_for('manage_client') }}" method="POST">
+        <input type="hidden" name="action" value="edit">
+        <input type="hidden" name="id" value="{{ client.id }}">
+        <div class="modal-body">
+          <div class="mb-3"><label class="form-label">Имя</label><input type="text" name="name" value="{{ client.name }}" class="form-control" required></div>
+          <div class="mb-3"><label class="form-label">Телефон</label><input type="tel" name="phone" value="{{ client.phone }}" class="form-control"></div>
+        </div>
+        <div class="modal-footer"><button type="submit" class="btn btn-primary">Сохранить</button></div>
+      </form>
+    </div>
+  </div>
+</div>
+<div class="modal fade" id="debtHistoryModal-{{ client.id }}" tabindex="-1">
+    <div class="modal-dialog modal-lg">
+        <div class="modal-content">
+            <div class="modal-header"><h5 class="modal-title">История долга: {{ client.name }}</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
+            <div class="modal-body">
+                <ul class="list-group">
+                {% for item in client.history|sort(attribute='timestamp', reverse=true) %}
+                    <li class="list-group-item d-flex justify-content-between align-items-center">
+                        <div>
+                            {{ item.timestamp[:16]|replace('T', ' ') }}<br>
+                            <small class="text-muted">{{ item.description or 'Продажа' }}</small>
+                        </div>
+                        <span class="badge bg-{% if item.amount|float > 0 %}danger{% else %}success{% endif %} rounded-pill">{{ format_currency_py(item.amount) }} с</span>
+                    </li>
+                {% else %}
+                    <li class="list-group-item">История пуста.</li>
+                {% endfor %}
+                </ul>
+            </div>
+        </div>
+    </div>
+</div>
+{% endfor %}
+"""
+
+CLIENTS_SCRIPTS = """
+<script>
+document.addEventListener('DOMContentLoaded', () => {
+    const searchInput = document.getElementById('client-search');
+    const tableBody = document.querySelector('#clients-table tbody');
+    const rows = tableBody.getElementsByTagName('tr');
+
+    searchInput.addEventListener('keyup', () => {
+        const filter = searchInput.value.toLowerCase();
+        for (let i = 0; i < rows.length; i++) {
+            let nameCol = rows[i].getElementsByTagName('td')[0];
+            let phoneCol = rows[i].getElementsByTagName('td')[1];
+            if (nameCol || phoneCol) {
+                let nameTxt = nameCol.textContent || nameCol.innerText;
+                let phoneTxt = phoneCol.textContent || phoneCol.innerText;
+                if (nameTxt.toLowerCase().indexOf(filter) > -1 || phoneTxt.toLowerCase().indexOf(filter) > -1) {
+                    rows[i].style.display = "";
+                } else {
+                    rows[i].style.display = "none";
+                }
+            }
+        }
+    });
+});
+</script>
+"""
+
+DEBTS_CONTENT = """
+<div class="card mb-4">
+    <div class="card-header"><h5 class="mb-0">Операции с долгами</h5></div>
+    <div class="card-body">
+        <form action="{{ url_for('debt_operation') }}" method="POST">
+            <div class="row g-2 align-items-end">
+                <div class="col-md-3"><label class="form-label">Клиент</label>
+                    <select name="client_id" id="debt-client-select" required>
+                        <option value="">-- Выберите клиента --</option>
+                        {% for c in all_clients %}<option value="{{c.id}}">{{c.name}}</option>{% endfor %}
+                    </select>
+                </div>
+                <div class="col-md-2"><label class="form-label">Операция</label>
+                    <select name="op_type" class="form-select" required>
+                        <option value="payment">Погашение долга</option>
+                        <option value="add_debt">Добавить долг</option>
+                    </select>
+                </div>
+                <div class="col-md-2"><label class="form-label">Сумма</label><input type="text" name="amount" class="form-control" required inputmode="decimal"></div>
+                <div class="col-md-3"><label class="form-label">Зачислить в кассу</label>
+                    <select name="kassa_id" class="form-select">
+                        <option value="">-- Для погашения --</option>
+                        {% for k in kassas %}<option value="{{k.id}}">{{k.name}}</option>{% endfor %}
+                    </select>
+                </div>
+                <div class="col-md-2"><button type="submit" class="btn btn-success w-100">Выполнить</button></div>
+                <div class="col-12 mt-2"><label class="form-label">Описание</label><input type="text" name="description" class="form-control" placeholder="Необязательно"></div>
+            </div>
+        </form>
+    </div>
+</div>
+<div class="card">
+    <div class="card-header"><h5 class="mb-0">Список должников</h5></div>
+    <div class="card-body p-0">
+        <div class="table-responsive">
+            <table class="table table-hover mb-0">
+                <thead><tr><th>Клиент</th><th class="text-end">Сумма долга</th></tr></thead>
+                <tbody>
+                {% for debtor in debtors %}
+                <tr>
+                    <td>{{ debtor.name }}</td>
+                    <td class="text-end fw-bold text-danger">{{ format_currency_py(debtor.debt) }} с</td>
+                </tr>
+                {% else %}
+                <tr><td colspan="2" class="text-center text-muted">Нет должников.</td></tr>
+                {% endfor %}
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+"""
+
+DEBTS_SCRIPTS = """
+<script>
+document.addEventListener('DOMContentLoaded', () => {
+    new TomSelect('#debt-client-select', {
+        create: false,
+        sortField: { field: 'text', direction: 'asc' }
+    });
+});
+</script>
+"""
+
+if __name__ == '__main__':
+    backup_thread = threading.Thread(target=periodic_backup, daemon=True)
+    backup_thread.start()
+    for key in DATA_FILES.keys():
+        load_json_data(key)
+    app.run(debug=False, host='0.0.0.0', port=7860, use_reloader=False)
+