PDF-Table-Extractor

.gitattributes

@@ -0,0 +1,35 @@
+*.7z filter=lfs diff=lfs merge=lfs -text
+*.arrow filter=lfs diff=lfs merge=lfs -text
+*.bin filter=lfs diff=lfs merge=lfs -text
+*.bz2 filter=lfs diff=lfs merge=lfs -text
+*.ckpt filter=lfs diff=lfs merge=lfs -text
+*.ftz filter=lfs diff=lfs merge=lfs -text
+*.gz filter=lfs diff=lfs merge=lfs -text
+*.h5 filter=lfs diff=lfs merge=lfs -text
+*.joblib filter=lfs diff=lfs merge=lfs -text
+*.lfs.* filter=lfs diff=lfs merge=lfs -text
+*.mlmodel filter=lfs diff=lfs merge=lfs -text
+*.model filter=lfs diff=lfs merge=lfs -text
+*.msgpack filter=lfs diff=lfs merge=lfs -text
+*.npy filter=lfs diff=lfs merge=lfs -text
+*.npz filter=lfs diff=lfs merge=lfs -text
+*.onnx filter=lfs diff=lfs merge=lfs -text
+*.ot filter=lfs diff=lfs merge=lfs -text
+*.parquet filter=lfs diff=lfs merge=lfs -text
+*.pb filter=lfs diff=lfs merge=lfs -text
+*.pickle filter=lfs diff=lfs merge=lfs -text
+*.pkl filter=lfs diff=lfs merge=lfs -text
+*.pt filter=lfs diff=lfs merge=lfs -text
+*.pth filter=lfs diff=lfs merge=lfs -text
+*.rar filter=lfs diff=lfs merge=lfs -text
+*.safetensors filter=lfs diff=lfs merge=lfs -text
+saved_model/**/* filter=lfs diff=lfs merge=lfs -text
+*.tar.* filter=lfs diff=lfs merge=lfs -text
+*.tar filter=lfs diff=lfs merge=lfs -text
+*.tflite filter=lfs diff=lfs merge=lfs -text
+*.tgz filter=lfs diff=lfs merge=lfs -text
+*.wasm filter=lfs diff=lfs merge=lfs -text
+*.xz filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.zst filter=lfs diff=lfs merge=lfs -text
+*tfevents* filter=lfs diff=lfs merge=lfs -text

.gitignore

@@ -1,41 +0,0 @@
-# Python
-__pycache__/
-*.pyc
-*.pyo
-*.class
-*.so
-.Python
-env/
-venv/
-.venv/
-ENV/
-
-# Virtual environment
-Lib/
-Scripts/
-pyvenv.cfg
-
-# IDE
-.idea/
-.vscode/
-*.swp
-*.swo
-
-# OS
-.DS_Store
-Thumbs.db
-
-# Логи и БД
-*.log
-*.sqlite3
-*.db
-
-# Папки проекта
-uploads/
-temp/
-test_files/
-
-# PyCharm
-*.iml
-*.ipr
-*.iws

Dockerfile

@@ -1,22 +0,0 @@
-FROM python:3.9-slim
-
-WORKDIR /app
-
-RUN apt-get update && apt-get install -y \
-    gcc \
-    g++ \
-    && rm -rf /var/lib/apt/lists/*
-
-COPY requirements.txt .
-RUN pip install --no-cache-dir -r requirements.txt
-
-COPY . .
-
-RUN mkdir -p static templates /tmp/uploads
-
-EXPOSE 7860
-
-ENV PORT=7860
-ENV ENVIRONMENT=production
-
-CMD ["python", "app.py"]

README.md

@@ -1,45 +1,12 @@
----
+---
 title: PDF Table Extractor
-emoji: 📊
-colorFrom: blue
-colorTo: purple
+emoji: 🏢
+colorFrom: red
+colorTo: indigo
 sdk: docker
-app_file: app.py
 pinned: false
+license: mit
+short_description: PDF-Table-Extractor
 ---
 
-# PDF Table Extractor
-
-Flask веб-приложение для извлечения табличных данных из PDF файлов с использованием GigaChat API.
-
-##  Использование
-
-1. **Загрузите PDF файл** с таблицей
-2. **Введите API ключ GigaChat** (получите на [developers.sber.ru](https://developers.sber.ru))
-3. **Нажмите "Извлечь таблицу из PDF"**
-4. **Получите результат** в виде таблицы или JSON
-
-##  Технологии
-
-- **Backend:** Flask (Python)
-- **Frontend:** HTML, CSS, JavaScript
-- **AI API:** GigaChat API от Сбербанка
-- **Хостинг:** Hugging Face Spaces
-
-##  Структура проекта
-
-- pp.py - Основное Flask приложение
-- 
-equirements.txt - Python зависимости
-- Dockerfile - Конфигурация Docker контейнера
-- static/ - Статические файлы (CSS, JavaScript)
-- 	emplates/ - HTML шаблоны
-
-##  Ссылки
-
-- [GitHub репозиторий](https://github.com/Ckripok/PDF-Table-Extractor)
-- [GigaChat API документация](https://developers.sber.ru/docs/ru/gigachat/overview)
-
-##  Лицензия
-
-MIT License
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

app.py

@@ -1,346 +0,0 @@
-# -*- coding: utf-8 -*-
-"""
-PDF Table Extractor - Flask сервер для работы с GigaChat API
-Версия для Hugging Face Spaces
-"""
-
-import os
-import json
-import tempfile
-import requests
-from flask import Flask, request, jsonify, render_template, send_from_directory
-from flask_cors import CORS
-from werkzeug.utils import secure_filename
-import urllib3
-
-# Отключаем предупреждения SSL для разработки
-urllib3.disable_warnings(urllib3.exceptions.InsecureRequestWarning)
-
-app = Flask(__name__)
-CORS(app)  # Разрешаем CORS для всех доменов
-
-# Конфигурация для Hugging Face
-app.config['SECRET_KEY'] = os.environ.get('SECRET_KEY', 'dev-secret-key-change-in-production')
-app.config['UPLOAD_FOLDER'] = '/tmp/uploads'  # Используем /tmp в Spaces
-app.config['MAX_CONTENT_LENGTH'] = 50 * 1024 * 1024  # Максимальный размер файла 50MB
-
-# Создаем папку для загрузок
-os.makedirs(app.config['UPLOAD_FOLDER'], exist_ok=True)
-
-# Конфигурация GigaChat API
-OAUTH_URL = "https://ngw.devices.sberbank.ru:9443/api/v2/oauth"
-GIGACHAT_URL = "https://gigachat.devices.sberbank.ru/api/v1/chat/completions"
-UPLOAD_URL = "https://gigachat.devices.sberbank.ru/api/v1/files"
-
-
-def allowed_file(filename):
-    """Проверяем, что файл имеет допустимое расширение"""
-    return '.' in filename and filename.rsplit('.', 1)[1].lower() == 'pdf'
-
-
-# ========== РОУТЫ ДЛЯ СТАТИЧЕСКИХ ФАЙЛОВ ==========
-@app.route('/static/<path:filename>')
-def serve_static_files(filename):
-    """Обслуживание статических файлов"""
-    return send_from_directory('static', filename)
-
-
-# ========== ГЛАВНЫЕ РОУТЫ ==========
-@app.route('/')
-def index():
-    """Главная страница"""
-    return render_template('index.html')
-
-
-@app.route('/health')
-def health():
-    """Health check для Hugging Face"""
-    return jsonify({
-        "status": "healthy",
-        "service": "PDF Table Extractor",
-        "version": "1.0.0",
-        "environment": os.environ.get('ENVIRONMENT', 'development')
-    })
-
-
-@app.route('/api/oauth', methods=['POST'])
-def get_oauth_token():
-    """Получение токена доступа через API ключ"""
-    try:
-        # Получаем данные из запроса
-        data = request.get_json()
-        if not data:
-            return jsonify({"error": "No JSON data provided"}), 400
-
-        api_key = data.get('api_key')
-        if not api_key:
-            return jsonify({"error": "API key is required"}), 400
-
-        print(f"Получен запрос на получение токена с API ключем: {api_key[:20]}...")
-
-        # Заголовки для запроса к GigaChat
-        headers = {
-            "Content-Type": "application/x-www-form-urlencoded",
-            "Accept": "application/json",
-            "RqUID": "87d5de19-0c14-4223-b7c2-ccea3182470a",
-            "Authorization": f"Basic {api_key}"
-        }
-
-        payload = {"scope": "GIGACHAT_API_PERS"}
-
-        # Отправляем запрос к GigaChat API
-        print(f"Отправляем запрос к {OAUTH_URL}")
-        response = requests.post(
-            OAUTH_URL,
-            headers=headers,
-            data=payload,
-            verify=False,  # Отключаем проверку SSL для разработки
-            timeout=30
-        )
-
-        # Проверяем ответ
-        response.raise_for_status()
-        result = response.json()
-
-        print(f"Токен успешно получен: {result.get('access_token')[:20]}...")
-
-        return jsonify({
-            "access_token": result.get("access_token"),
-            "expires_at": result.get("expires_at"),
-            "token_type": result.get("token_type", "Bearer")
-        })
-
-    except requests.exceptions.RequestException as e:
-        error_msg = f"Ошибка при запросе к API: {str(e)}"
-        print(f"ERROR: {error_msg}")
-        if hasattr(e, 'response') and e.response:
-            print(f"Response status: {e.response.status_code}")
-            print(f"Response text: {e.response.text}")
-        return jsonify({"error": error_msg}), 500
-    except Exception as e:
-        error_msg = f"Неожиданная ошибка: {str(e)}"
-        print(f"ERROR: {error_msg}")
-        return jsonify({"error": error_msg}), 500
-
-
-@app.route('/api/files', methods=['POST'])
-def upload_file():
-    """Загрузка файла на сервер GigaChat"""
-    try:
-        print("=" * 60)
-        print("DEBUG: Начало загрузки файла в GigaChat")
-
-        # Проверяем заголовок авторизации
-        auth_header = request.headers.get('Authorization')
-        if not auth_header:
-            print("ERROR: Отсутс��вует заголовок Authorization")
-            return jsonify({"error": "Authorization header is required"}), 401
-
-        print(f"DEBUG: Токен получен: {auth_header[:50]}...")
-
-        # Проверяем наличие файла
-        if 'file' not in request.files:
-            print("ERROR: В запросе нет файла")
-            return jsonify({"error": "No file part in request"}), 400
-
-        file = request.files['file']
-
-        if file.filename == '':
-            print("ERROR: Файл не выбран")
-            return jsonify({"error": "No file selected"}), 400
-
-        if not allowed_file(file.filename):
-            print(f"ERROR: Неподдерживаемый формат файла: {file.filename}")
-            return jsonify({"error": "Only PDF files are allowed"}), 400
-
-        print(f"DEBUG: Загружаемый файл: {file.filename}, размер: {file.content_length} байт")
-
-        # Сохраняем файл временно
-        filename = secure_filename(file.filename)
-        temp_filepath = os.path.join(app.config['UPLOAD_FOLDER'], filename)
-        file.save(temp_filepath)
-
-        print(f"DEBUG: Файл сохранен временно: {temp_filepath} ({os.path.getsize(temp_filepath)} bytes)")
-
-        try:
-            # Подготавливаем запрос к GigaChat API
-            headers = {
-                "Accept": "application/json",
-                "Authorization": auth_header
-            }
-
-            # Открываем файл для отправки
-            with open(temp_filepath, 'rb') as f:
-                files = {
-                    "file": (filename, f, "application/pdf"),
-                    "purpose": (None, "general")
-                }
-
-                print(f"DEBUG: Отправляем файл в GigaChat API...")
-                print(f"DEBUG: URL: {UPLOAD_URL}")
-
-                response = requests.post(
-                    UPLOAD_URL,
-                    headers=headers,
-                    files=files,
-                    verify=False,
-                    timeout=60
-                )
-
-            print(f"DEBUG: Статус ответа GigaChat: {response.status_code}")
-            print(f"DEBUG: Ответ GigaChat: {response.text[:200]}...")
-
-            response.raise_for_status()
-            result = response.json()
-
-            print(f"DEBUG: Файл успешно загружен в GigaChat. ID файла: {result.get('id')}")
-
-            # Удаляем временный файл
-            if os.path.exists(temp_filepath):
-                os.remove(temp_filepath)
-
-            return jsonify({
-                "id": result.get("id"),
-                "filename": filename,
-                "object": result.get("object", "file"),
-                "bytes": result.get("bytes", 0),
-                "status": "uploaded"
-            })
-
-        except requests.exceptions.RequestException as e:
-            print(f"ERROR: Ошибка при запросе к GigaChat: {str(e)}")
-            if hasattr(e, 'response') and e.response:
-                print(f"ERROR: Response status: {e.response.status_code}")
-                print(f"ERROR: Response text: {e.response.text[:500]}")
-            raise e
-
-    except Exception as e:
-        print(f"ERROR: Неожиданная ошибка при загрузке файла: {str(e)}")
-        return jsonify({"error": f"Upload failed: {str(e)}"}), 500
-
-
-@app.route('/api/chat/completions', methods=['POST'])
-def chat_completions():
-    """Запрос к GigaChat API для извлечения данных из таблицы"""
-    try:
-        # Получаем данные из запроса
-        data = request.get_json()
-        if not data:
-            return jsonify({"error": "No JSON data provided"}), 400
-
-        print("=" * 60)
-        print("DEBUG: Получен запрос к chat/completions")
-        print(f"DEBUG: Данные запроса: {json.dumps(data, ensure_ascii=False)[:500]}")
-
-        # Проверяем наличие attachments
-        messages = data.get('messages', [])
-        if messages:
-            first_message = messages[0]
-            attachments = first_message.get('attachments', [])
-            print(f"DEBUG: Прикрепленные файлы (attachments): {attachments}")
-
-        # Проверяем заголовок авторизации
-        auth_header = request.headers.get('Authorization')
-        if not auth_header:
-            return jsonify({"error": "Authorization header is required"}), 401
-
-        # Подготавливаем заголовки для GigaChat API
-        headers = {
-            "Content-Type": "application/json",
-            "Accept": "application/json",
-            "Authorization": auth_header
-        }
-
-        # Отправляем запрос к GigaChat API
-        print(f"DEBUG: Отправляем запрос к {GIGACHAT_URL}")
-        response = requests.post(
-            GIGACHAT_URL,
-            headers=headers,
-            json=data,
-            verify=False,
-            timeout=120
-        )
-
-        response.raise_for_status()
-        result = response.json()
-
-        print(
-            f"DEBUG: Получен ответ от GigaChat. Количество токенов: {result.get('usage', {}).get('total_tokens', 'unknown')}")
-        print(f"DEBUG: Ответ: {json.dumps(result, ensure_ascii=False)[:500]}...")
-        print("=" * 60)
-
-        return jsonify(result)
-
-    except requests.exceptions.RequestException as e:
-        error_msg = f"Ошибка при запросе к GigaChat API: {str(e)}"
-        print(f"ERROR: {error_msg}")
-        if hasattr(e, 'response') and e.response:
-            print(f"ERROR: Response status: {e.response.status_code}")
-            print(f"ERROR: Response text: {e.response.text[:500]}")
-        return jsonify({"error": error_msg}), 500
-    except Exception as e:
-        error_msg = f"Неожиданная ошибка: {str(e)}"
-        print(f"ERROR: {error_msg}")
-        return jsonify({"error": error_msg}), 500
-
-
-@app.route('/test', methods=['GET'])
-def test_api():
-    """Тестовый endpoint для проверки работы сервера"""
-    return jsonify({
-        "status": "ok",
-        "message": "Сервер работает корректно",
-        "environment": os.environ.get('ENVIRONMENT', 'development'),
-        "endpoints": {
-            "GET /": "Главная страница",
-            "GET /health": "Health check",
-            "GET /test": "Тестовый endpoint",
-            "POST /api/oauth": "Получение токена доступа",
-            "POST /api/files": "Загрузка файла в GigaChat",
-            "POST /api/chat/completions": "Запрос к GigaChat API"
-        }
-    })
-
-
-# ========== УНИВЕРСАЛЬНЫЙ РОУТ ДЛЯ СТАТИЧЕСКИХ ФАЙЛОВ ==========
-@app.route('/<path:filename>')
-def catch_all(filename):
-    """Универсальный роут для статических файлов"""
-    if filename.endswith('.css'):
-        return send_from_directory('static', filename)
-    elif filename.endswith('.js'):
-        return send_from_directory('static', filename)
-    elif filename.endswith('.html'):
-        return send_from_directory('templates', filename)
-    elif filename == 'favicon.ico':
-        return '', 404  # Или верните favicon
-    else:
-        return jsonify({"error": "File not found", "path": filename}), 404
-
-
-# ========== ЗАПУСК ПРИЛОЖЕНИЯ ==========
-if __name__ == '__main__':
-    # Получаем порт из окружения (Hugging Face использует 7860)
-    port = int(os.environ.get('PORT', 7860))
-
-    # Создаем необходимые папки
-    os.makedirs('static', exist_ok=True)
-    os.makedirs('templates', exist_ok=True)
-    os.makedirs(app.config['UPLOAD_FOLDER'], exist_ok=True)
-
-    print("=" * 60)
-    print("📊 PDF Table Extractor Server")
-    print("🚀 Версия для Hugging Face Spaces")
-    print("=" * 60)
-    print(f"Порт: {port}")
-    print(f"Папка загрузок: {app.config['UPLOAD_FOLDER']}")
-    print(f"Режим: {os.environ.get('ENVIRONMENT', 'development')}")
-    print("=" * 60)
-
-    # Запускаем сервер
-    app.run(
-        debug=False,  # В продакшне всегда False!
-        host='0.0.0.0',
-        port=port,
-        threaded=True
-    )

prepare_hf.py

@@ -1,149 +0,0 @@
-#!/usr/bin/env python3
-"""
-Скрипт для подготовки проекта к деплою на Hugging Face Spaces
-"""
-
-import os
-import shutil
-import subprocess
-
-
-def create_structure():
-    """Создает правильную структуру проекта"""
-    print(" Создание структуры проекта...")
-    # Создаем папки если их нет
-    folders = ['static', 'templates']
-    for folder in folders:
-        if not os.path.exists(folder):
-            os.makedirs(folder)
-            print(f"   Создана папка: {folder}")
-        else:
-            print(f"   Папка уже существует: {folder}")
-
-    # Проверяем наличие script.js в static/
-    if os.path.exists('script.js'):
-        shutil.move('script.js', 'static/script.js')
-        print("   script.js перемещен в static/")
-
-    return True
-
-
-def check_files():
-    """Проверяет наличие необходимых файлов"""
-    print("\n🔍 Проверка файлов...")
-
-    required_files = ['app.py', 'requirements.txt', 'Dockerfile']
-    missing_files = []
-
-    for file in required_files:
-        if os.path.exists(file):
-            print(f" {file}")
-        else:
-            print(f" {file} - ОТСУТСТВУЕТ!")
-            missing_files.append(file)
-
-    if missing_files:
-        print(f"\n  Не хватает файлов: {missing_files}")
-        return False
-
-    return True
-
-
-def clean_unnecessary():
-    """Удаляет ненужные файлы для HF"""
-    print("\n🗑 Очистка ненужных файлов...")
-
-    files_to_remove = [
-        'railway.json',
-        'check_railway.py',
-        'Procfile',
-        'runtime.txt',
-        'nixpacks.toml',
-        'pyvenv.cfg'
-    ]
-
-    for file in files_to_remove:
-        if os.path.exists(file):
-            try:
-                os.remove(file)
-                print(f" Удален: {file}")
-            except:
-                print(f"Не удалось удалить: {file}")
-
-    return True
-
-
-def update_requirements():
-    """Обновляет requirements.txt"""
-    print("\n Обновление зависимостей...")
-
-    # Упрощенные зависимости
-    requirements = """Flask==2.3.3
-Flask-CORS==4.0.0
-requests==2.31.0
-urllib3==2.0.7
-Werkzeug==2.3.7
-python-dotenv==1.0.0"""
-
-    with open('requirements.txt', 'w') as f:
-        f.write(requirements)
-
-    print("  ✅ requirements.txt обновлен")
-    return True
-
-
-def git_operations():
-    """Выполняет Git операции"""
-    print("\n💾 Git операции...")
-
-    try:
-        # Добавляем все файлы
-        subprocess.run(['git', 'add', '.'], check=True)
-        print("  Файлы добавлены в Git")
-
-        # Коммит
-        subprocess.run(['git', 'commit', '-m', 'Prepare for Hugging Face Spaces deployment'], check=True)
-        print("  Коммит создан")
-
-        return True
-    except subprocess.CalledProcessError as e:
-        print(f" Ошибка Git: {e}")
-        return False
-
-
-def main():
-    print(" ПОДГОТОВКА К HUGGING FACE SPACES")
-    print("=" * 50)
-
-    # Выполняем шаги
-    steps = [
-        ("Структура проекта", create_structure),
-        ("Проверка файлов", check_files),
-        ("Очистка", clean_unnecessary),
-        ("Зависимости", update_requirements),
-    ]
-
-    all_ok = True
-    for step_name, step_func in steps:
-        print(f"\n {step_name}:")
-        if not step_func():
-            all_ok = False
-
-    if all_ok:
-        print("\n" + "=" * 50)
-        print("Проект готов к деплою на Hugging Face!")
-        print("\nСледующие шаги:")
-        print("1. Откройте https://huggingface.co/spaces")
-        print("2. Нажмите 'Create new Space'")
-        print("3. Выберите:")
-        print("   - Name: pdf-table-extractor")
-        print("   - SDK: Docker")
-        print("   - Visibility: Public")
-        print("4. Нажмите 'Create Space'")
-        print("5. Загрузите файлы или свяжите с GitHub")
-    else:
-        print("\nЕсть проблемы, которые нужно исправить")
-
-
-if __name__ == '__main__':
-    main()

requirements.txt

@@ -1,5 +0,0 @@
-Flask==2.3.3
-Flask-CORS==4.0.0
-requests==2.31.0
-urllib3==2.0.7
-Werkzeug==2.3.7

static/style.css

@@ -1,1646 +0,0 @@
-/* Reset и базовые стили */
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-
-body {
-    font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-    line-height: 1.6;
-    color: #1a1a1a;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    min-height: 100vh;
-    padding: 20px;
-}
-
-.container {
-    max-width: 1800px;
-    margin: 0 auto;
-    background-color: white;
-    border-radius: 20px;
-    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
-    overflow: hidden;
-    min-height: calc(100vh - 40px);
-    display: flex;
-    flex-direction: column;
-}
-
-/* Шапка */
-.header {
-    background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);
-    color: white;
-    padding: 30px 40px;
-    text-align: center;
-    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-}
-
-.logo {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 15px;
-    margin-bottom: 15px;
-}
-
-.logo i {
-    font-size: 2.5rem;
-    color: #4cd964;
-}
-
-.logo h1 {
-    font-size: 2.5rem;
-    font-weight: 700;
-    margin: 0;
-}
-
-.subtitle {
-    font-size: 1.1rem;
-    opacity: 0.9;
-    max-width: 700px;
-    margin: 0 auto;
-    font-weight: 300;
-}
-
-/* Основной контент */
-.main-content {
-    display: flex;
-    flex: 1;
-    min-height: 800px;
-}
-
-.left-panel {
-    flex: 0 0 400px;
-    background: #f8fafc;
-    padding: 25px;
-    border-right: 1px solid #e2e8f0;
-    display: flex;
-    flex-direction: column;
-    gap: 25px;
-    overflow-y: auto;
-}
-
-.right-panel {
-    flex: 1;
-    padding: 25px;
-    background: white;
-    display: flex;
-    flex-direction: column;
-    gap: 25px;
-    overflow-y: auto;
-}
-
-/* Карточки */
-.card {
-    background: white;
-    border-radius: 16px;
-    padding: 25px;
-    border: 1px solid #e2e8f0;
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
-    transition: all 0.3s ease;
-}
-
-.card:hover {
-    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
-}
-
-.card h2 {
-    color: #2d3748;
-    margin-bottom: 20px;
-    font-size: 1.4rem;
-    display: flex;
-    align-items: center;
-    gap: 10px;
-}
-
-.card h2 i {
-    color: #667eea;
-}
-
-/* Область загрузки */
-.upload-area {
-    border: 3px dashed #cbd5e0;
-    border-radius: 12px;
-    padding: 50px 20px;
-    text-align: center;
-    cursor: pointer;
-    transition: all 0.3s ease;
-    margin-bottom: 20px;
-    background: #fafafa;
-}
-
-.upload-area:hover, .upload-area.dragover {
-    border-color: #667eea;
-    background-color: rgba(102, 126, 234, 0.05);
-    transform: translateY(-2px);
-}
-
-.upload-icon {
-    font-size: 4rem;
-    color: #cbd5e0;
-    margin-bottom: 20px;
-    transition: color 0.3s ease;
-}
-
-.upload-area:hover .upload-icon {
-    color: #667eea;
-}
-
-.upload-area h3 {
-    margin-bottom: 10px;
-    color: #4a5568;
-    font-size: 1.2rem;
-}
-
-.upload-area p {
-    color: #718096;
-    margin-bottom: 20px;
-}
-
-.file-hint {
-    font-size: 0.9rem;
-    color: #a0aec0;
-    margin-top: 15px;
-}
-
-/* Информация о файле */
-.file-info {
-    animation: slideDown 0.3s ease;
-}
-
-@keyframes slideDown {
-    from {
-        opacity: 0;
-        transform: translateY(-10px);
-    }
-    to {
-        opacity: 1;
-        transform: translateY(0);
-    }
-}
-
-.file-card {
-    display: flex;
-    align-items: center;
-    gap: 15px;
-    padding: 20px;
-    background: #f7fafc;
-    border-radius: 12px;
-    border: 1px solid #e2e8f0;
-}
-
-.file-icon {
-    font-size: 2.5rem;
-    color: #e53e3e;
-}
-
-.file-details {
-    flex: 1;
-}
-
-.file-details h4 {
-    margin-bottom: 5px;
-    color: #2d3748;
-    font-weight: 600;
-    word-break: break-all;
-}
-
-.file-details p {
-    color: #718096;
-    font-size: 0.9rem;
-}
-
-.file-progress {
-    margin-top: 10px;
-}
-
-.progress-bar {
-    height: 6px;
-    background-color: #e2e8f0;
-    border-radius: 3px;
-    overflow: hidden;
-    margin-bottom: 5px;
-}
-
-.progress {
-    height: 100%;
-    background: linear-gradient(90deg, #667eea, #764ba2);
-    width: 0%;
-    transition: width 0.3s ease;
-}
-
-/* Формы */
-.form-group {
-    margin-bottom: 25px;
-}
-
-.form-group label {
-    display: block;
-    margin-bottom: 8px;
-    font-weight: 600;
-    color: #4a5568;
-    font-size: 0.95rem;
-    display: flex;
-    align-items: center;
-    gap: 8px;
-}
-
-.form-control {
-    width: 100%;
-    padding: 14px 16px;
-    border: 2px solid #e2e8f0;
-    border-radius: 10px;
-    font-size: 1rem;
-    transition: all 0.2s ease;
-    background: #fafafa;
-}
-
-.form-control:focus {
-    outline: none;
-    border-color: #667eea;
-    background: white;
-    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
-}
-
-.input-with-button {
-    display: flex;
-    gap: 10px;
-}
-
-.input-with-button .form-control {
-    flex: 1;
-}
-
-.form-hint {
-    margin-top: 8px;
-    font-size: 0.85rem;
-    color: #718096;
-    display: flex;
-    align-items: center;
-    gap: 8px;
-}
-
-.form-hint a {
-    color: #667eea;
-    text-decoration: none;
-}
-
-.form-hint a:hover {
-    text-decoration: underline;
-}
-
-/* Кнопки */
-.btn {
-    padding: 14px 28px;
-    border: none;
-    border-radius: 10px;
-    font-size: 1rem;
-    font-weight: 600;
-    cursor: pointer;
-    transition: all 0.2s ease;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: 'Inter', sans-serif;
-}
-
-.btn-primary {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    color: white;
-}
-
-.btn-primary:hover:not(:disabled) {
-    transform: translateY(-2px);
-    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
-}
-
-.btn-secondary {
-    background: linear-gradient(135deg, #718096 0%, #4a5568 100%);
-    color: white;
-}
-
-.btn-secondary:hover:not(:disabled) {
-    transform: translateY(-2px);
-    box-shadow: 0 8px 25px rgba(113, 128, 150, 0.4);
-}
-
-.btn-outline {
-    background: transparent;
-    border: 2px solid #667eea;
-    color: #667eea;
-}
-
-.btn-outline:hover:not(:disabled) {
-    background: #667eea;
-    color: white;
-}
-
-.btn-lg {
-    padding: 18px 32px;
-    font-size: 1.1rem;
-}
-
-.btn-small {
-    padding: 10px 18px;
-    font-size: 0.9rem;
-}
-
-.btn-icon {
-    background: none;
-    border: none;
-    cursor: pointer;
-    padding: 10px;
-    border-radius: 8px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    transition: all 0.2s ease;
-}
-
-.btn-icon:hover {
-    background-color: #f7fafc;
-}
-
-/* Добавьте в style.css */
-.btn-danger {
-    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
-    color: white;
-    border: none;
-}
-
-.btn-danger:hover:not(:disabled) {
-    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
-    transform: none !important;
-    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4);
-}
-
-.btn-danger:active {
-    transform: scale(0.98) !important;
-}
-
-.btn:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-    transform: none !important;
-    box-shadow: none !important;
-}
-
-.action-buttons {
-    display: flex;
-    flex-direction: column;
-    gap: 15px;
-    margin-top: 30px;
-}
-
-/* Статус карточка */
-.status-card {
-    margin-top: auto;
-}
-
-.status-items {
-    display: flex;
-    flex-direction: column;
-    gap: 15px;
-}
-
-.status-item {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 12px 15px;
-    background: #f7fafc;
-    border-radius: 10px;
-}
-
-.status-label {
-    font-weight: 500;
-    color: #4a5568;
-}
-
-.status-value {
-    font-weight: 600;
-    font-size: 0.95rem;
-    display: flex;
-    align-items: center;
-    gap: 8px;
-}
-
-.status-active {
-    color: #38a169;
-}
-
-.status-inactive {
-    color: #e53e3e;
-}
-
-/* Заголовок результатов */
-.card-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 25px;
-    flex-wrap: wrap;
-    gap: 15px;
-}
-
-.card-actions {
-    display: flex;
-    gap: 10px;
-    flex-wrap: wrap;
-}
-
-/* Индикатор загрузки */
-.loading-overlay {
-    background: rgba(255, 255, 255, 0.95);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    z-index: 100;
-    border-radius: 16px;
-}
-
-.loader {
-    text-align: center;
-    max-width: 500px;
-    padding: 40px;
-}
-
-.loader .spinner {
-    border: 5px solid #f3f3f3;
-    border-top: 5px solid #667eea;
-    border-radius: 50%;
-    width: 80px;
-    height: 80px;
-    animation: spin 1s linear infinite;
-    margin: 0 auto 30px;
-}
-
-@keyframes spin {
-    0% { transform: rotate(0deg); }
-    100% { transform: rotate(360deg); }
-}
-
-.loader h3 {
-    margin-bottom: 15px;
-    color: #2d3748;
-}
-
-.loader p {
-    color: #718096;
-    margin-bottom: 30px;
-}
-
-.progress-container {
-    margin: 30px 0;
-}
-
-.progress-bar-lg {
-    height: 10px;
-    background-color: #e2e8f0;
-    border-radius: 5px;
-    overflow: hidden;
-    margin-bottom: 20px;
-}
-
-.progress-lg {
-    height: 100%;
-    background: linear-gradient(90deg, #667eea, #764ba2);
-    width: 0%;
-    transition: width 0.3s ease;
-}
-
-.progress-steps {
-    display: flex;
-    justify-content: space-between;
-    position: relative;
-}
-
-.progress-steps::before {
-    content: '';
-    position: absolute;
-    top: 14px;
-    left: 0;
-    right: 0;
-    height: 2px;
-    background: #e2e8f0;
-    z-index: 1;
-}
-
-.step {
-    position: relative;
-    z-index: 2;
-    background: white;
-    padding: 0 10px;
-    font-size: 0.85rem;
-    color: #a0aec0;
-    transition: all 0.3s ease;
-}
-
-.step.active {
-    color: #667eea;
-    font-weight: 600;
-}
-
-.loader-details {
-    margin-top: 30px;
-    padding: 20px;
-    background: #f7fafc;
-    border-radius: 10px;
-    text-align: left;
-}
-
-.loader-details p {
-    margin-bottom: 10px;
-    font-size: 0.9rem;
-    display: flex;
-    align-items: center;
-    gap: 10px;
-}
-
-/* Алерт валидац��и */
-.validation-alert {
-    margin-bottom: 25px;
-    animation: slideIn 0.3s ease;
-}
-
-@keyframes slideIn {
-    from {
-        opacity: 0;
-        transform: translateX(-20px);
-    }
-    to {
-        opacity: 1;
-        transform: translateX(0);
-    }
-}
-
-.alert-content {
-    display: flex;
-    align-items: center;
-    gap: 15px;
-    padding: 20px;
-    border-radius: 12px;
-    background: #fff3cd;
-    border: 1px solid #ffeaa7;
-}
-
-.alert-content i {
-    font-size: 1.5rem;
-    color: #856404;
-}
-
-.alert-content h4 {
-    color: #856404;
-    margin-bottom: 5px;
-}
-
-.alert-content p {
-    color: #856404;
-    margin: 0;
-}
-
-/* Результаты */
-.results-container {
-    position: relative;
-    min-height: 500px;
-    border: 1px solid #e2e8f0;
-    border-radius: 12px;
-    overflow: hidden;
-}
-
-.table-view, .json-view {
-    height: 100%;
-}
-
-.table-header, .json-header {
-    padding: 20px;
-    background: #f7fafc;
-    border-bottom: 1px solid #e2e8f0;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-}
-
-.table-header h3, .json-header h3 {
-    margin: 0;
-    display: flex;
-    align-items: center;
-    gap: 10px;
-}
-
-.table-info, .json-info {
-    color: #718096;
-    font-size: 0.9rem;
-}
-
-.table-wrapper {
-    overflow-x: auto;
-}
-
-table {
-    width: 100%;
-    border-collapse: collapse;
-    min-width: 800px;
-}
-
-thead {
-    background: #2d3748;
-    color: white;
-    position: sticky;
-    top: 0;
-}
-
-th, td {
-    padding: 14px 16px;
-    text-align: left;
-    border-bottom: 1px solid #e2e8f0;
-}
-
-th {
-    font-weight: 600;
-    white-space: nowrap;
-}
-
-tbody tr:nth-child(even) {
-    background: #f7fafc;
-}
-
-tbody tr:hover {
-    background: #edf2f7;
-}
-
-.json-editor {
-    height: calc(100% - 70px);
-    overflow: auto;
-}
-
-#jsonOutput {
-    padding: 20px;
-    font-family: 'Cascadia Code', 'Monaco', 'Consolas', monospace;
-    font-size: 0.9rem;
-    line-height: 1.6;
-    white-space: pre-wrap;
-    word-break: break-word;
-    margin: 0;
-    background: #f8fafc;
-    min-height: 400px;
-}
-
-/* История */
-.history-card {
-    flex-shrink: 0;
-}
-
-.history-list {
-    max-height: 200px;
-    overflow-y: auto;
-}
-
-.history-empty {
-    text-align: center;
-    padding: 40px 20px;
-    color: #a0aec0;
-}
-
-.history-empty i {
-    font-size: 3rem;
-    margin-bottom: 15px;
-    opacity: 0.5;
-}
-
-/* Модальное окно */
-.modal {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    display: none;
-    align-items: center;
-    justify-content: center;
-    z-index: 1000;
-}
-
-.modal-overlay {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(0, 0, 0, 0.5);
-}
-
-.modal-dialog {
-    position: relative;
-    z-index: 1001;
-    width: 90%;
-    max-width: 500px;
-}
-
-.modal-content {
-    background: white;
-    border-radius: 20px;
-    overflow: hidden;
-    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
-    animation: modalSlideIn 0.3s ease;
-}
-
-@keyframes modalSlideIn {
-    from {
-        opacity: 0;
-        transform: translateY(-30px);
-    }
-    to {
-        opacity: 1;
-        transform: translateY(0);
-    }
-}
-
-.modal-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 25px 30px;
-    background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);
-    color: white;
-}
-
-.modal-header h3 {
-    margin: 0;
-    display: flex;
-    align-items: center;
-    gap: 10px;
-}
-
-.modal-body {
-    padding: 30px;
-}
-
-.modal-footer {
-    padding: 20px 30px;
-    background: #f7fafc;
-    border-top: 1px solid #e2e8f0;
-    text-align: right;
-}
-
-.token-loading {
-    text-align: center;
-    padding: 40px 20px;
-}
-
-.token-loading .spinner {
-    border: 4px solid #f3f3f3;
-    border-top: 4px solid #667eea;
-    border-radius: 50%;
-    width: 50px;
-    height: 50px;
-    animation: spin 1s linear infinite;
-    margin: 0 auto 20px;
-}
-
-.success-message, .error-message {
-    display: flex;
-    align-items: center;
-    gap: 20px;
-    margin-bottom: 30px;
-}
-
-.success-icon, .error-icon {
-    font-size: 3rem;
-}
-
-.success-icon {
-    color: #38a169;
-}
-
-.error-icon {
-    color: #e53e3e;
-}
-
-.token-display {
-    margin-top: 30px;
-}
-
-.token-input-group {
-    display: flex;
-    gap: 10px;
-    margin-top: 10px;
-}
-
-.token-input {
-    flex: 1;
-    font-family: 'Cascadia Code', 'Monaco', 'Consolas', monospace;
-    font-size: 0.9rem;
-}
-
-.token-hint {
-    margin-top: 10px;
-    font-size: 0.85rem;
-    color: #718096;
-    display: flex;
-    align-items: center;
-    gap: 8px;
-}
-
-.error-suggestions {
-    margin-top: 30px;
-    padding: 20px;
-    background: #fff5f5;
-    border-radius: 10px;
-    border: 1px solid #fed7d7;
-}
-
-.error-suggestions h5 {
-    margin-bottom: 15px;
-    color: #c53030;
-}
-
-.error-suggestions ul {
-    list-style: none;
-    padding-left: 0;
-}
-
-.error-suggestions li {
-    margin-bottom: 10px;
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    color: #718096;
-}
-
-/* Подвал */
-.footer {
-    background: #2d3748;
-    color: white;
-    padding: 30px 40px;
-    border-top: 1px solid #4a5568;
-}
-
-.footer-content {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    flex-wrap: wrap;
-    gap: 30px;
-    margin-bottom: 20px;
-}
-
-.footer-logo {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    font-size: 1.2rem;
-    font-weight: 600;
-}
-
-.footer-info {
-    flex: 1;
-    text-align: center;
-}
-
-.footer-info p {
-    margin: 5px 0;
-    color: #cbd5e0;
-    font-size: 0.9rem;
-}
-
-.footer-links {
-    display: flex;
-    gap: 20px;
-}
-
-.footer-link {
-    color: #cbd5e0;
-    text-decoration: none;
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    transition: color 0.2s ease;
-}
-
-.footer-link:hover {
-    color: white;
-}
-
-.footer-bottom {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding-top: 20px;
-    border-top: 1px solid #4a5568;
-    font-size: 0.9rem;
-    color: #a0aec0;
-}
-
-.footer-version {
-    font-family: 'Cascadia Code', 'Monaco', 'Consolas', monospace;
-}
-
-/* Уведомления */
-.notification-container {
-    position: fixed;
-    top: 20px;
-    right: 20px;
-    z-index: 2000;
-    display: flex;
-    flex-direction: column;
-    gap: 10px;
-}
-
-/* Адаптивность */
-@media (max-width: 1200px) {
-    .main-content {
-        flex-direction: column;
-    }
-
-    .left-panel {
-        flex: none;
-        border-right: none;
-        border-bottom: 1px solid #e2e8f0;
-    }
-
-    .header {
-        padding: 20px;
-    }
-
-    .logo h1 {
-        font-size: 2rem;
-    }
-}
-
-@media (max-width: 768px) {
-    body {
-        padding: 10px;
-    }
-
-    .container {
-        border-radius: 15px;
-    }
-
-    .card-header {
-        flex-direction: column;
-        align-items: flex-start;
-    }
-
-    .card-actions {
-        width: 100%;
-        justify-content: flex-start;
-    }
-
-    .footer-content {
-        flex-direction: column;
-        text-align: center;
-    }
-
-    .footer-links {
-        justify-content: center;
-    }
-
-    .footer-bottom {
-        flex-direction: column;
-        gap: 10px;
-    }
-}
-
-/* Стили для таблицы */
-.table-view {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-}
-
-.table-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 16px 20px;
-    background: #f8fafc;
-    border-bottom: 1px solid #e2e8f0;
-}
-
-.table-header h3 {
-    margin: 0;
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    color: #2d3748;
-}
-
-.table-controls {
-    display: flex;
-    gap: 8px;
-}
-
-.table-wrapper {
-    flex: 1;
-    overflow: auto;
-    position: relative;
-    background: white;
-}
-
-.table-wrapper::-webkit-scrollbar {
-    width: 10px;
-    height: 10px;
-}
-
-.table-wrapper::-webkit-scrollbar-track {
-    background: #f1f1f1;
-}
-
-.table-wrapper::-webkit-scrollbar-thumb {
-    background: #c1c1c1;
-    border-radius: 5px;
-}
-
-.table-wrapper::-webkit-scrollbar-thumb:hover {
-    background: #a8a8a8;
-}
-
-#dataTable {
-    width: 100%;
-    min-width: 800px;
-    border-collapse: collapse;
-    font-size: 0.9rem;
-}
-
-#dataTable thead {
-    position: sticky;
-    top: 0;
-    z-index: 10;
-}
-
-#dataTable th {
-    background: #2c3e50;
-    color: white;
-    padding: 14px 16px;
-    text-align: left;
-    font-weight: 600;
-    border-right: 1px solid #4a5568;
-    position: relative;
-    user-select: none;
-}
-
-#dataTable th:first-child {
-    position: sticky;
-    left: 0;
-    z-index: 11;
-}
-
-#dataTable th:hover {
-    background: #34495e;
-}
-
-#dataTable td {
-    padding: 12px 16px;
-    border-bottom: 1px solid #e2e8f0;
-    border-right: 1px solid #e2e8f0;
-    background: white;
-    transition: background-color 0.2s;
-}
-
-#dataTable td:first-child {
-    position: sticky;
-    left: 0;
-    z-index: 5;
-    background: inherit;
-    font-weight: 600;
-    border-right: 2px solid #e2e8f0;
-}
-
-#dataTable tr:nth-child(even) td {
-    background-color: #f8f9fa;
-}
-
-#dataTable tr:nth-child(even) td:first-child {
-    background-color: #f8f9fa;
-}
-
-#dataTable tr:hover td {
-    background-color: #edf2f7 !important;
-}
-
-#dataTable tr:hover td:first-child {
-    background-color: #edf2f7 !important;
-}
-
-/* Стили для специальных символов */
-.cell-plus {
-    color: #10b981;
-    font-weight: bold;
-}
-
-.cell-minus {
-    color: #ef4444;
-    font-weight: bold;
-}
-
-.cell-star {
-    color: #f59e0b;
-    font-weight: bold;
-}
-
-.cell-empty {
-    color: #9ca3af;
-    font-style: italic;
-}
-
-.table-footer {
-    padding: 12px 20px;
-    background: #f8fafc;
-    border-top: 1px solid #e2e8f0;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-}
-
-.table-pagination {
-    display: flex;
-    gap: 8px;
-    align-items: center;
-}
-
-.page-btn {
-    padding: 6px 12px;
-    border: 1px solid #d1d5db;
-    background: white;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 0.9rem;
-    transition: all 0.2s;
-}
-
-.page-btn:hover:not(:disabled) {
-    background: #f3f4f6;
-    border-color: #9ca3af;
-}
-
-.page-btn:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-}
-
-.page-info {
-    font-size: 0.9rem;
-    color: #6b7280;
-}
-
-/* Адаптивность для таблицы */
-@media (max-width: 768px) {
-    .table-header {
-        flex-direction: column;
-        align-items: flex-start;
-        gap: 10px;
-    }
-
-    .table-controls {
-        width: 100%;
-        justify-content: flex-start;
-    }
-
-    .table-footer {
-        flex-direction: column;
-        gap: 10px;
-        align-items: flex-start;
-    }
-}
-
-/* В static/style.css добавьте: */
-
-/* Стили для символов в таблице */
-.cell-positive {
-    color: #10b981;
-    font-weight: bold;
-    font-size: 1.1em;
-    background-color: rgba(16, 185, 129, 0.1);
-    text-align: center;
-}
-
-.cell-negative {
-    color: #ef4444;
-    font-weight: bold;
-    font-size: 1.1em;
-    background-color: rgba(239, 68, 68, 0.1);
-    text-align: center;
-}
-
-.cell-question {
-    color: #f59e0b;
-    font-weight: bold;
-    font-size: 1.1em;
-    background-color: rgba(245, 158, 11, 0.1);
-    text-align: center;
-}
-
-.cell-star {
-    color: #8b5cf6;
-    font-weight: bold;
-    background-color: rgba(139, 92, 246, 0.1);
-    text-align: center;
-}
-
-.cell-corrected {
-    background-color: #fef3c7 !important;
-    border: 2px solid #f59e0b !important;
-    position: relative;
-}
-
-.cell-corrected::after {
-    content: '✏️';
-    position: absolute;
-    top: 2px;
-    right: 2px;
-    font-size: 0.7em;
-    opacity: 0.7;
-}
-
-.cell-empty {
-    color: #9ca3af;
-    font-style: italic;
-    background-color: #f1f3f4;
-    text-align: center;
-}
-
-/* Анимация для измененных ячеек */
-@keyframes highlightChange {
-    0% { background-color: #fef3c7; }
-    100% { background-color: inherit; }
-}
-
-.cell-changed {
-    animation: highlightChange 2s ease-in-out;
-}
-
-/* Легенда таблицы */
-#tableLegend {
-    transition: all 0.3s ease;
-}
-
-#tableLegend:hover {
-    background: #edf2f7;
-}
-
-.btn-debug {
-    background-color: #6b7280;
-    color: white;
-}
-
-.btn-debug:hover {
-    background-color: #4b5563;
-}
-
-/* ============================================
-   СТИЛИ ДЛЯ РЕДАКТИРОВАНИЯ ТАБЛИЦЫ
-============================================ */
-
-/* Панель редактирования */
-.edit-panel {
-    position: fixed;
-    top: 20px;
-    left: 50%;
-    transform: translateX(-50%);
-    background: white;
-    border-radius: 12px;
-    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
-    z-index: 10000;
-    border: 2px solid #3b82f6;
-    min-width: 400px;
-    max-width: 800px;
-    animation: slideDown 0.3s ease-out;
-}
-
-@keyframes slideDown {
-    from {
-        transform: translateX(-50%) translateY(-20px);
-        opacity: 0;
-    }
-    to {
-        transform: translateX(-50%) translateY(0);
-        opacity: 1;
-    }
-}
-
-.edit-panel-content {
-    padding: 15px;
-}
-
-.edit-title {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    margin-bottom: 15px;
-    color: #3b82f6;
-    font-weight: 600;
-    font-size: 1.1rem;
-}
-
-.edit-title i {
-    font-size: 1.2rem;
-}
-
-.edit-buttons {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 8px;
-    margin-bottom: 15px;
-}
-
-.edit-info {
-    display: flex;
-    flex-direction: column;
-    gap: 5px;
-    font-size: 0.85rem;
-    color: #6b7280;
-    padding: 10px;
-    background: #f9fafb;
-    border-radius: 6px;
-    border: 1px solid #e5e7eb;
-}
-
-.edit-info span {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-}
-
-/* Стили для редактируемых ячеек */
-.editable-cell {
-    cursor: text !important;
-    position: relative;
-    transition: all 0.2s ease;
-}
-
-.editable-cell:hover {
-    background-color: #f3f4f6 !important;
-    box-shadow: inset 0 0 0 1px #d1d5db;
-}
-
-.editable-cell:focus {
-    background-color: #e8f4fd !important;
-    outline: 2px solid #3b82f6 !important;
-    outline-offset: -1px;
-    z-index: 2;
-}
-
-/* Выбранные ячейки */
-.selected-cell {
-    background-color: #dbeafe !important;
-    box-shadow: inset 0 0 0 2px #60a5fa !important;
-}
-
-.selected-cell:focus {
-    background-color: #bfdbfe !important;
-}
-
-/* Выбранные строки */
-.selected-row {
-    background-color: #f0f9ff !important;
-}
-
-.selected-row td:first-child {
-    border-left: 3px solid #3b82f6;
-    background-color: #e0f2fe !important;
-}
-
-/* Номера строк */
-.row-number {
-    user-select: none;
-    font-weight: 600;
-    color: #6b7280;
-    padding-right: 5px;
-    cursor: pointer;
-}
-
-.row-number:hover {
-    color: #3b82f6;
-}
-
-/* Характеристики */
-.characteristic-cell {
-    font-weight: 600;
-    background-color: #f8fafc !important;
-    position: sticky;
-    left: 0;
-    z-index: 1;
-    border-right: 2px solid #e2e8f0;
-}
-
-.characteristic-cell:hover {
-    background-color: #f1f5f9 !important;
-}
-
-/* Кнопка режима редактирования */
-.edit-mode-btn {
-    position: absolute !important;
-    top: 10px !important;
-    right: 10px !important;
-    z-index: 10 !important;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
-    border: none !important;
-    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4) !important;
-}
-
-.edit-mode-btn:hover {
-    transform: translateY(-2px) !important;
-    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6) !important;
-}
-
-/* Эффекты при наведении на заголовки */
-#tableHeader th {
-    cursor: pointer;
-    transition: background-color 0.2s;
-    position: relative;
-}
-
-#tableHeader th:hover {
-    background-color: #374151 !important;
-}
-
-#tableHeader th::after {
-    content: '';
-    position: absolute;
-    right: 8px;
-    top: 50%;
-    transform: translateY(-50%);
-    width: 0;
-    height: 0;
-    border-left: 4px solid transparent;
-    border-right: 4px solid transparent;
-    border-top: 4px solid rgba(255, 255, 255, 0.5);
-    opacity: 0;
-    transition: opacity 0.2s;
-}
-
-#tableHeader th:hover::after {
-    opacity: 1;
-}
-
-/* Подсказки при наведении */
-[title] {
-    position: relative;
-}
-
-[title]:hover::before {
-    content: attr(title);
-    position: absolute;
-    bottom: 100%;
-    left: 50%;
-    transform: translateX(-50%);
-    background: #1f2937;
-    color: white;
-    padding: 6px 10px;
-    border-radius: 4px;
-    font-size: 0.85rem;
-    white-space: nowrap;
-    z-index: 1000;
-    margin-bottom: 5px;
-}
-
-[title]:hover::after {
-    content: '';
-    position: absolute;
-    bottom: 100%;
-    left: 50%;
-    transform: translateX(-50%);
-    border: 5px solid transparent;
-    border-top-color: #1f2937;
-    margin-bottom: -5px;
-}
-
-/* Анимации для изменений */
-@keyframes highlightChange {
-    0% { background-color: #fef3c7; }
-    100% { background-color: transparent; }
-}
-
-.changed {
-    animation: highlightChange 2s ease;
-}
-
-/* Адаптивность для мобильных устройств */
-@media (max-width: 768px) {
-    .edit-panel {
-        width: 95%;
-        min-width: unset;
-        max-width: unset;
-        left: 2.5%;
-        transform: translateX(0);
-    }
-
-    .edit-buttons {
-        flex-direction: column;
-    }
-
-    .edit-info {
-        font-size: 0.75rem;
-    }
-}
-
-/* Добавьте в ваш style.css или в <style> */
-.control-group {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 4px 8px;
-    background: #f1f5f9;
-    border-radius: 6px;
-    border: 1px solid #e2e8f0;
-}
-
-.control-group button {
-    font-size: 0.8rem;
-    padding: 4px 8px;
-}
-
-.control-group span {
-    white-space: nowrap;
-}
-
-/* Стили для активного состояния кнопок */
-#tableControls .btn.active {
-    transform: scale(0.95) !important;
-    background-color: #e2e8f0 !important;
-    border-color: #cbd5e0 !important;
-}
-
-.control-group button:active {
-    transform: scale(0.95) !important;
-    transition: transform 0.1s ease !important;
-}
-
-/* Убрать outline при фокусе */
-#tableControls .btn:focus {
-    outline: 2px solid #3b82f6 !important;
-    outline-offset: 2px;
-}
-
-#tableControls .btn:focus:not(:focus-visible) {
-    outline: none !important;
-}
-
-/* Стили для dropdown */
-.dropdown {
-    position: relative;
-    display: inline-block;
-}
-
-.dropdown-toggle {
-    cursor: pointer;
-}
-
-.dropdown-menu {
-    position: absolute;
-    top: 100%;
-    left: 0;
-    z-index: 1000;
-    display: none;
-    min-width: 200px;
-    padding: 0.5rem 0;
-    margin: 0.125rem 0 0;
-    font-size: 1rem;
-    color: #212529;
-    text-align: left;
-    list-style: none;
-    background-color: #fff;
-    background-clip: padding-box;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    border-radius: 0.375rem;
-    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
-}
-
-.dropdown-menu.show {
-    display: block;
-}
-
-.dropdown-item {
-    display: block;
-    width: 100%;
-    padding: 0.5rem 1.5rem;
-    clear: both;
-    font-weight: 400;
-    color: #212529;
-    text-align: inherit;
-    text-decoration: none;
-    white-space: nowrap;
-    background-color: transparent;
-    border: 0;
-    cursor: pointer;
-}
-
-.dropdown-item:hover {
-    background-color: #f8f9fa;
-    color: #16181b;
-}
-
-.dropdown-item i {
-    margin-right: 8px;
-    width: 20px;
-    text-align: center;
-}
-
-.dropdown-divider {
-    height: 0;
-    margin: 0.5rem 0;
-    overflow: hidden;
-    border-top: 1px solid #e9ecef;
-}

templates/index.html

@@ -1,401 +0,0 @@
-<!DOCTYPE html>
-<html lang="ru">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>PDF Table Extractor - GigaChat API</title>
-    <link rel="stylesheet" href="/style.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
-</head>
-<body>
-    <div class="container">
-        <header class="header">
-            <div class="logo">
-                <i class="fas fa-table"></i>
-                <h1>PDF Table Extractor</h1>
-            </div>
-            <p class="subtitle">Извлечение табличных данных из PDF с помощью GigaChat AI</p>
-        </header>
-
-        <main class="main-content">
-            <!-- Левая панель - Загрузка и настройки -->
-            <div class="left-panel">
-                <div class="card">
-                    <h2><i class="fas fa-cloud-upload-alt"></i> Загрузка PDF</h2>
-
-                    <div class="upload-area" id="uploadArea">
-                        <div class="upload-icon">
-                            <i class="fas fa-file-pdf"></i>
-                        </div>
-                        <h3>Перетащите PDF файл сюда</h3>
-                        <p>или нажмите для выбора файла</p>
-                        <input type="file" id="pdfFile" accept=".pdf" hidden>
-                        <button class="btn btn-outline" id="selectFileBtn">
-                            <i class="fas fa-folder-open"></i> Выбрать файл
-                        </button>
-                        <p class="file-hint">Поддерживаются только PDF файлы (макс. 50 МБ)</p>
-                    </div>
-
-                    <div class="file-info" id="fileInfo" style="display: none;">
-                        <div class="file-card">
-                            <div class="file-icon">
-                                <i class="fas fa-file-pdf"></i>
-                            </div>
-                            <div class="file-details">
-                                <h4 id="fileName">Файл.pdf</h4>
-                                <p id="fileSize">0 KB</p>
-                                <div class="file-progress" id="fileProgress" style="display: none;">
-                                    <div class="progress-bar">
-                                        <div class="progress" id="progressFill"></div>
-                                    </div>
-                                    <span id="progressText">0%</span>
-                                </div>
-                            </div>
-                            <button class="btn-icon btn-danger" id="removeFileBtn" title="Удалить файл">
-                                <i class="fas fa-trash"></i>
-                            </button>
-                        </div>
-                    </div>
-                </div>
-
-
-
-                <div class="card">
-                    <h2><i class="fas fa-key"></i> Настройки API</h2>
-
-                    <div class="form-group">
-                        <label for="apiKey">
-                            <i class="fas fa-lock"></i> API Key GigaChat
-                        </label>
-                        <div class="input-with-button">
-                            <input type="password"
-                                   id="apiKey"
-                                   placeholder="Введите ваш API ключ GigaChat"
-                                   class="form-control">
-                            <button class="btn-icon" id="toggleApiKey" title="Показать/скрыть">
-                                <i class="fas fa-eye"></i>
-                            </button>
-                        </div>
-                        <p class="form-hint">
-                            <i class="fas fa-info-circle"></i>
-                            Получите API ключ на <a href="https://developers.sber.ru" target="_blank">developers.sber.ru</a>
-                        </p>
-                    </div>
-
-                    <div class="form-group">
-                        <label for="accessToken">
-                            <i class="fas fa-ticket-alt"></i> Access Token (опционально)
-                        </label>
-                        <div class="input-with-button">
-                            <input type="text"
-                                   id="accessToken"
-                                   placeholder="Или введите токен напрямую"
-                                   class="form-control">
-                            <button class="btn btn-small" id="getTokenBtn">
-                                <i class="fas fa-sync-alt"></i> Получить токен
-                            </button>
-                        </div>
-                        <p class="form-hint">
-                            <i class="fas fa-clock"></i>
-                            Токен действителен 1 час
-                        </p>
-                    </div>
-
-                    <div class="form-group">
-                        <label for="expectedRows">
-                            <i class="fas fa-list-ol"></i> Ожидаемое количество строк
-                        </label>
-                        <input type="number"
-                               id="expectedRows"
-                               value="30"
-                               min="1"
-                               max="1000"
-                               class="form-control">
-                    </div>
-
-                    <div class="action-buttons">
-                        <button class="btn btn-primary btn-lg" id="processBtn" disabled>
-                            <i class="fas fa-cogs"></i> Извлечь таблицу из PDF
-                        </button>
-                        <button class="btn btn-secondary btn-lg" id="downloadBtn" disabled>
-                            <i class="fas fa-download"></i> Скачать JSON
-                        </button>
-                    </div>
-                </div>
-
-                <div class="card status-card">
-                    <h2><i class="fas fa-info-circle"></i> Статус системы</h2>
-                    <div class="status-items">
-                        <div class="status-item">
-                            <span class="status-label">Сервер:</span>
-                            <span class="status-value status-active" id="serverStatus">
-                                <i class="fas fa-check-circle"></i> Активен
-                            </span>
-                        </div>
-                        <div class="status-item">
-                            <span class="status-label">Файл:</span>
-                            <span class="status-value" id="fileStatus">
-                                <i class="fas fa-times-circle"></i> Не выбран
-                            </span>
-                        </div>
-                        <div class="status-item">
-                            <span class="status-label">Токен:</span>
-                            <span class="status-value" id="tokenStatus">
-                                <i class="fas fa-times-circle"></i> Не получен
-                            </span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <!-- Правая панель - Результаты -->
-            <div class="right-panel">
-                <div class="card results-card">
-                    <div class="card-header">
-                        <h2><i class="fas fa-database"></i> Результаты извлечения</h2>
-                        <div class="card-actions">
-                            <button class="btn btn-small btn-primary" id="editTableBtn">
-                                <i class="fas fa-edit"></i> Редактировать таблицу
-                            </button>
-                            <div class="dropdown">
-                                <button class="btn btn-small btn-success dropdown-toggle" id="exportDropdownBtn" disabled>
-                                    <i class="fas fa-download"></i> Экспорт
-                                </button>
-                                <div class="dropdown-menu" id="exportDropdown">
-                                    <a class="dropdown-item" href="#" id="exportExcelBtn">
-                                        <i class="fas fa-file-excel"></i> Excel (XLSX)
-                                    </a>
-                                    <a class="dropdown-item" href="#" id="exportPdfBtn">
-                                        <i class="fas fa-file-pdf"></i> PDF
-                                    </a>
-                                    <a class="dropdown-item" href="#" id="exportCsvBtn">
-                                        <i class="fas fa-file-csv"></i> CSV
-                                    </a>
-                                    <div class="dropdown-divider"></div>
-                                    <a class="dropdown-item" href="#" id="exportJsonBtn">
-                                        <i class="fas fa-file-code"></i> JSON
-                                    </a>
-                                </div>
-                            </div>
-                            <button class="btn btn-small btn-outline" id="copyJsonBtn" disabled>
-                                <i class="fas fa-copy"></i> Копировать JSON
-                            </button>
-                            <button class="btn btn-small btn-outline" id="showRawBtn" style="display: none;">
-                                <i class="fas fa-eye"></i> Показать сырой ответ
-                            </button>
-                            <button class="btn btn-small btn-outline" id="toggleViewBtn" data-view="table" disabled>
-                                <i class="fas fa-table"></i> Таблица
-                            </button>
-                            <button class="btn btn-small btn-outline" id="clearResultsBtn" disabled>
-                                <i class="fas fa-broom"></i> Очистить
-                            </button>
-                            <button class="btn btn-small btn-warning" id="forceAssimilationBtn">
-                                <!-- Текст кнопки будет установлен через JS -->
-                            </button>
-                        </div>
-                    </div>
-
-                    <!-- Индикатор загрузки -->
-                    <div class="loading-overlay" id="loadingOverlay" style="display: none;">
-                        <div class="loader">
-                            <div class="spinner"></div>
-                            <h3>Обработка PDF файла</h3>
-                            <p id="statusText">Инициализация...</p>
-
-                            <div class="progress-container">
-                                <div class="progress-bar-lg">
-                                    <div class="progress-lg" id="progressBar"></div>
-                                </div>
-                                <div class="progress-steps">
-                                    <span class="step active" data-step="1">Получение токена</span>
-                                    <span class="step" data-step="2">Загрузка файла</span>
-                                    <span class="step" data-step="3">Извлечение данных</span>
-                                    <span class="step" data-step="4">Обработка</span>
-                                </div>
-                            </div>
-
-                            <div class="loader-details">
-                                <p><i class="fas fa-clock"></i> Это может занять несколько минут...</p>
-                                <p><i class="fas fa-lightbulb"></i> Не закрывайте страницу во время обработки</p>
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- Информация о валидации -->
-                    <div class="validation-alert" id="validationAlert" style="display: none;">
-                        <div class="alert-content">
-                            <i class="fas fa-exclamation-triangle"></i>
-                            <div>
-                                <h4 id="alertTitle">Проверка данных</h4>
-                                <p id="alertMessage"></p>
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- Контейнер результатов -->
-                    <div class="results-container">
-<!-- Упрощенный HTML для таблицы -->
-<div class="table-view" id="tableView" style="display: none;">
-    <div class="table-header">
-        <h3>Табличное представление</h3>
-        <div class="table-controls">
-            <button class="btn btn-small btn-outline" id="exportTableBtn" title="Экспорт таблицы">
-                Экспорт
-            </button>
-        </div>
-    </div>
-
-    <div class="table-info" id="tableInfo">
-        Загрузите файл для просмотра данных
-    </div>
-
-    <div class="table-wrapper">
-        <table id="dataTable">
-            <thead id="tableHeader">
-                <tr>
-                    <th>Characteristic</th>
-                    <!-- Колонки будут добавлены динамически -->
-                </tr>
-            </thead>
-            <tbody id="tableBody">
-                <!-- Данные будут добавлены динамически -->
-            </tbody>
-        </table>
-    </div>
-</div>
-
-                        <!-- Представление в виде JSON -->
-                        <div class="json-view" id="jsonView">
-                            <div class="json-header">
-                                <h3><i class="fas fa-code"></i> JSON данные</h3>
-                                <div class="json-info" id="jsonInfo">
-                                    Данные будут отображены здесь после обработки
-                                </div>
-                            </div>
-                            <div class="json-editor">
-                                <pre id="jsonOutput">{
-  "table_data": []
-}</pre>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </main>
-
-        <!-- Модальное окно для токена -->
-        <div class="modal" id="tokenModal" style="display: none;">
-            <div class="modal-overlay" id="modalOverlay"></div>
-            <div class="modal-dialog">
-                <div class="modal-content">
-                    <div class="modal-header">
-                        <h3><i class="fas fa-key"></i> Получение токена доступа</h3>
-                        <button class="btn-icon btn-close" id="closeTokenModal">
-                            <i class="fas fa-times"></i>
-                        </button>
-                    </div>
-                    <div class="modal-body">
-                        <div class="token-status" id="tokenStatusContent">
-                            <div class="token-loading">
-                                <div class="spinner"></div>
-                                <p>Подключение к GigaChat API...</p>
-                            </div>
-                        </div>
-
-                        <div class="token-result" id="tokenResult" style="display: none;">
-                            <div class="success-message">
-                                <div class="success-icon">
-                                    <i class="fas fa-check-circle"></i>
-                                </div>
-                                <div>
-                                    <h4>Токен успешно получен!</h4>
-                                    <p>Токен будет действителен в течение 1 часа</p>
-                                </div>
-                            </div>
-
-                            <div class="token-display">
-                                <label for="tokenOutput">
-                                    <i class="fas fa-ticket-alt"></i> Ваш Access Token:
-                                </label>
-                                <div class="token-input-group">
-                                    <input type="text"
-                                           id="tokenOutput"
-                                           readonly
-                                           class="form-control token-input">
-                                    <button class="btn btn-small" id="copyTokenBtn">
-                                        <i class="fas fa-copy"></i>
-                                    </button>
-                                </div>
-                                <p class="token-hint">
-                                    <i class="fas fa-exclamation-triangle"></i>
-                                    Сохраните этот токен в безопасном месте
-                                </p>
-                            </div>
-                        </div>
-
-                        <div class="token-error" id="tokenError" style="display: none;">
-                            <div class="error-message">
-                                <div class="error-icon">
-                                    <i class="fas fa-exclamation-circle"></i>
-                                </div>
-                                <div>
-                                    <h4>Ошибка при получении токена</h4>
-                                    <p id="errorText">Неизвестная ошибка</p>
-                                </div>
-                            </div>
-
-                            <div class="error-suggestions">
-                                <h5>Возможные решения:</h5>
-                                <ul>
-                                    <li><i class="fas fa-check"></i> Проверьте правильность API ключа</li>
-                                    <li><i class="fas fa-check"></i> Убедитесь, что у вас есть доступ к GigaChat API</li>
-                                    <li><i class="fas fa-check"></i> Проверьте подключение к интернету</li>
-                                    <li><i class="fas fa-check"></i> Попробуйте перезагрузить страницу</li>
-                                </ul>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="modal-footer">
-                        <button class="btn btn-secondary" id="closeModalBtn">
-                            Закрыть
-                        </button>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <footer class="footer">
-            <div class="footer-content">
-                <div class="footer-logo">
-                    <i class="fas fa-table"></i>
-                    <span>PDF Table Extractor</span>
-                </div>
-                <div class="footer-info">
-                    <p><i class="fas fa-code"></i> Использует GigaChat API от Сбербанка</p>
-                    <p><i class="fas fa-shield-alt"></i> Ваши данные обрабатываются локально и безопасно</p>
-                </div>
-                <div class="footer-links">
-                    <a href="#" class="footer-link"><i class="fas fa-question-circle"></i> Помощь</a>
-                    <a href="#" class="footer-link"><i class="fas fa-bug"></i> Сообщить об ошибке</a>
-                    <a href="https://developers.sber.ru" target="_blank" class="footer-link">
-                        <i class="fas fa-external-link-alt"></i> GigaChat API
-                    </a>
-                </div>
-            </div>
-            <div class="footer-bottom">
-                <p>&copy; 2024 PDF Table Extractor. Все права защищены.</p>
-                <p class="footer-version">Версия 1.0.0</p>
-            </div>
-        </footer>
-    </div>
-
-    <!-- Уведомления -->
-    <div class="notification-container" id="notificationContainer"></div>
-
-    <script src="/script.js"></script>
-</body>
-</html>