Update app.py

app.py

@@ -1,7 +1,6 @@
 from flask import Flask, render_template_string, request, redirect, url_for
 import json
 import os
-import logging
 import threading
 import time
 import uuid
@@ -15,14 +14,28 @@ REPO_ID = "Kgshop/vahid"
 HF_TOKEN_WRITE = os.getenv("HF_TOKEN")
 HF_TOKEN_READ = os.getenv("HF_TOKEN_READ")
 
-logging.basicConfig(level=logging.ERROR)
+INITIALIZED = False
 
 def get_almaty_time():
     return datetime.now(zoneinfo.ZoneInfo("Asia/Almaty")).strftime('%d.%m.%Y %H:%M:%S')
 
 def load_data():
+    global INITIALIZED
+    if not INITIALIZED:
+        try:
+            hf_hub_download(
+                repo_id=REPO_ID,
+                filename=DATA_FILE,
+                repo_type="dataset",
+                token=HF_TOKEN_READ,
+                local_dir=".",
+                local_dir_use_symlinks=False
+            )
+        except Exception:
+            pass
+        INITIALIZED = True
+
     try:
-        download_db_from_hf()
         with open(DATA_FILE, 'r', encoding='utf-8') as file:
             data = json.load(file)
             if not isinstance(data, dict):
@@ -66,7 +79,7 @@ def save_data(data):
     try:
         with open(DATA_FILE, 'w', encoding='utf-8') as file:
             json.dump(data, file, ensure_ascii=False, indent=4)
-        upload_db_to_hf()
+        threading.Thread(target=upload_db_to_hf, daemon=True).start()
     except Exception:
         pass
 
@@ -84,19 +97,6 @@ def upload_db_to_hf():
     except Exception:
         pass
 
-def download_db_from_hf():
-    try:
-        hf_hub_download(
-            repo_id=REPO_ID,
-            filename=DATA_FILE,
-            repo_type="dataset",
-            token=HF_TOKEN_READ,
-            local_dir=".",
-            local_dir_use_symlinks=False
-        )
-    except Exception:
-        pass
-
 def periodic_backup():
     while True:
         upload_db_to_hf()
@@ -231,35 +231,38 @@ MAIN_HTML = '''
         }
         * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', sans-serif; -webkit-tap-highlight-color: transparent; }
         body { background: var(--bg); color: var(--text-main); padding: 16px; padding-bottom: 80px; }
-        .container { max-width: 800px; margin: 0 auto; }
+        .container { max-width: 1200px; margin: 0 auto; }
         h1 { text-align: center; font-size: 1.5rem; font-weight: 700; margin-bottom: 24px; }
         
         .top-actions { display: flex; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }
-        .btn { flex: 1; padding: 12px; border: none; border-radius: 12px; font-size: 0.95rem; font-weight: 600; color: white; cursor: pointer; display: flex; justify-content: center; align-items: center; gap: 8px; }
+        .btn { flex: 1; padding: 12px; border: none; border-radius: 12px; font-size: 0.95rem; font-weight: 600; color: white; cursor: pointer; display: flex; justify-content: center; align-items: center; gap: 8px; transition: transform 0.1s, opacity 0.2s; }
+        .btn:active { transform: scale(0.98); }
         .btn-primary { background: var(--primary); }
         .btn-success { background: var(--success); }
         .btn-danger { background: var(--danger); }
         
         .main-nav { display: flex; gap: 8px; margin-bottom: 16px; overflow-x: auto; padding-bottom: 4px; }
-        .nav-btn { flex: 0 0 auto; padding: 10px 16px; border-radius: 8px; border: none; background: #e5e7eb; color: var(--text-muted); font-weight: 600; font-size: 0.9rem; cursor: pointer; }
+        .nav-btn { flex: 0 0 auto; padding: 10px 16px; border-radius: 8px; border: none; background: #e5e7eb; color: var(--text-muted); font-weight: 600; font-size: 0.9rem; cursor: pointer; transition: background 0.2s, color 0.2s; }
         .nav-btn.active { background: var(--primary); color: white; }
         
         .loc-nav { display: flex; gap: 8px; margin-bottom: 16px; overflow-x: auto; padding-bottom: 4px; }
-        .loc-btn { flex: 0 0 auto; padding: 8px 14px; border-radius: 20px; border: 1px solid var(--border); background: var(--surface); color: var(--text-main); font-weight: 500; font-size: 0.85rem; cursor: pointer; }
+        .loc-btn { flex: 0 0 auto; padding: 8px 14px; border-radius: 20px; border: 1px solid var(--border); background: var(--surface); color: var(--text-main); font-weight: 500; font-size: 0.85rem; cursor: pointer; transition: background 0.2s, color 0.2s; }
         .loc-btn.active { background: var(--text-main); color: white; border-color: var(--text-main); }
         
-        .search-box { width: 100%; padding: 14px; border: 1px solid var(--border); border-radius: 12px; outline: none; font-size: 1rem; margin-bottom: 16px; }
+        .search-box { width: 100%; padding: 14px; border: 1px solid var(--border); border-radius: 12px; outline: none; font-size: 1rem; margin-bottom: 16px; transition: border-color 0.2s; }
+        .search-box:focus { border-color: var(--primary); }
         
         #catalog { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 16px; }
         .product { background: var(--surface); border-radius: 16px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); display: flex; flex-direction: column; overflow: hidden; }
-        .product-img-wrapper { width: 100%; height: 160px; background: #f9fafb; }
+        .product-img-wrapper { width: 100%; height: 160px; background: #f9fafb; display: flex; align-items: center; justify-content: center; color: #9ca3af; }
         .product-img { width: 100%; height: 100%; object-fit: cover; }
         .product-info { padding: 12px; display: flex; flex-direction: column; flex: 1; }
         .product-title { font-size: 1rem; font-weight: 600; margin-bottom: 4px; line-height: 1.2; }
         .product-price { font-size: 1.1rem; font-weight: 700; color: var(--primary); margin-bottom: 4px; }
         .product-stock { font-size: 0.85rem; color: var(--text-muted); margin-bottom: 12px; }
         .product-actions { display: flex; gap: 8px; align-items: center; margin-top: auto; }
-        .qty-input { width: 60px; padding: 8px; border: 1px solid var(--border); border-radius: 8px; text-align: center; font-weight: 600; outline: none; }
+        .qty-input { width: 60px; padding: 8px; border: 1px solid var(--border); border-radius: 8px; text-align: center; font-weight: 600; outline: none; transition: border-color 0.2s; }
+        .qty-input:focus { border-color: var(--primary); }
         
         .history-item { background: var(--surface); border-radius: 12px; padding: 16px; margin-bottom: 12px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
         .history-header { display: flex; justify-content: space-between; font-size: 0.85rem; color: var(--text-muted); margin-bottom: 8px; }
@@ -272,19 +275,34 @@ MAIN_HTML = '''
         .modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17, 24, 39, 0.6); z-index: 1000; justify-content: center; align-items: flex-end; }
         .modal-overlay.active { display: flex; }
         .modal-content { background: var(--surface); padding: 24px; border-radius: 20px 20px 0 0; width: 100%; max-width: 600px; max-height: 90vh; overflow-y: auto; position: relative; }
-        @media (min-width: 600px) { .modal-overlay { align-items: center; } .modal-content { border-radius: 20px; } }
         
         .close-modal { position: absolute; top: 20px; right: 20px; width: 32px; height: 32px; background: var(--bg); border-radius: 16px; display: flex; justify-content: center; align-items: center; cursor: pointer; border: none; font-size: 18px; }
-        .form-control { width: 100%; padding: 14px; border: 1px solid var(--border); border-radius: 12px; font-size: 1rem; outline: none; margin-bottom: 16px; }
+        .form-control { width: 100%; padding: 14px; border: 1px solid var(--border); border-radius: 12px; font-size: 1rem; outline: none; margin-bottom: 16px; transition: border-color 0.2s; }
+        .form-control:focus { border-color: var(--primary); }
         
-        .settings-card { background: var(--surface); border-radius: 12px; padding: 16px; margin-bottom: 16px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
-        .settings-list-item { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--border); }
+        .settings-grid { display: grid; gap: 16px; grid-template-columns: 1fr; }
+        .settings-card { background: var(--surface); border-radius: 12px; padding: 16px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
+        .settings-list-item { display: flex; flex-direction: column; padding: 12px 0; border-bottom: 1px solid var(--border); gap: 12px; }
+        .settings-list-item:last-child { border-bottom: none; }
+        .settings-list-item-header { display: flex; justify-content: space-between; align-items: center; }
+        .settings-link-box { display: flex; gap: 8px; align-items: center; width: 100%; }
+        .settings-link-input { flex: 1; padding: 10px; border: 1px solid var(--border); border-radius: 8px; font-size: 0.85rem; background: var(--bg); outline: none; color: var(--text-main); }
         
-        .cart-float { display: none; position: fixed; bottom: 24px; right: 24px; background: var(--text-main); color: white; padding: 14px 24px; border-radius: 30px; box-shadow: 0 4px 12px rgba(0,0,0,0.2); cursor: pointer; z-index: 100; font-weight: 600; align-items: center; gap: 8px; }
+        .cart-float { display: none; position: fixed; bottom: 24px; right: 24px; background: var(--text-main); color: white; padding: 14px 24px; border-radius: 30px; box-shadow: 0 4px 12px rgba(0,0,0,0.2); cursor: pointer; z-index: 100; font-weight: 600; align-items: center; gap: 8px; transition: transform 0.2s; }
+        .cart-float:active { transform: scale(0.95); }
         
         .invoice-table { width: 100%; border-collapse: collapse; margin-bottom: 16px; }
         .invoice-table th, .invoice-table td { padding: 10px; border-bottom: 1px solid var(--border); text-align: left; }
         .invoice-total { font-size: 1.2rem; font-weight: 700; text-align: right; }
+
+        @media (min-width: 768px) {
+            body { padding: 24px; }
+            .top-actions { max-width: 400px; }
+            #catalog { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
+            .settings-grid { grid-template-columns: repeat(3, 1fr); gap: 24px; }
+            .modal-overlay { align-items: center; }
+            .modal-content { border-radius: 20px; max-width: 500px; }
+        }
     </style>
 </head>
 <body>
@@ -309,7 +327,7 @@ MAIN_HTML = '''
         
         <div id="section_catalog">
             <div class="loc-nav" id="loc_nav_container"></div>
-            <input type="text" id="search" class="search-box" placeholder="Поиск товара..." oninput="renderCatalog()">
+            <input type="text" id="search" class="search-box" placeholder="Поиск товара..." oninput="onSearchInput()">
             <div id="catalog"></div>
         </div>
 
@@ -324,34 +342,36 @@ MAIN_HTML = '''
         </div>
 
         <div id="section_settings" style="display:none;">
-            <div class="settings-card">
-                <h3>Склады</h3>
-                <div id="set_warehouses"></div>
-                <form method="POST" style="display:flex; gap:8px; margin-top:12px;">
-                    <input type="hidden" name="action" value="add_loc">
-                    <input type="hidden" name="l_type" value="warehouses">
-                    <input type="text" name="l_name" class="form-control" style="margin:0;" placeholder="Название" required>
-                    <button type="submit" class="btn btn-primary" style="flex:0 0 auto; padding:0 20px;">+</button>
-                </form>
-            </div>
-            <div class="settings-card">
-                <h3>Магазины</h3>
-                <div id="set_shops"></div>
-                <form method="POST" style="display:flex; gap:8px; margin-top:12px;">
-                    <input type="hidden" name="action" value="add_loc">
-                    <input type="hidden" name="l_type" value="shops">
-                    <input type="text" name="l_name" class="form-control" style="margin:0;" placeholder="Название" required>
-                    <button type="submit" class="btn btn-primary" style="flex:0 0 auto; padding:0 20px;">+</button>
-                </form>
-            </div>
-            <div class="settings-card">
-                <h3>Сотрудники</h3>
-                <div id="set_emps"></div>
-                <form method="POST" style="display:flex; gap:8px; margin-top:12px;">
-                    <input type="hidden" name="action" value="add_emp">
-                    <input type="text" name="e_name" class="form-control" style="margin:0;" placeholder="Имя сотрудника" required>
-                    <button type="submit" class="btn btn-primary" style="flex:0 0 auto; padding:0 20px;">+</button>
-                </form>
+            <div class="settings-grid">
+                <div class="settings-card">
+                    <h3>Склады</h3>
+                    <div id="set_warehouses"></div>
+                    <form method="POST" style="display:flex; gap:8px; margin-top:12px;">
+                        <input type="hidden" name="action" value="add_loc">
+                        <input type="hidden" name="l_type" value="warehouses">
+                        <input type="text" name="l_name" class="form-control" style="margin:0;" placeholder="Название" required>
+                        <button type="submit" class="btn btn-primary" style="flex:0 0 auto; padding:0 20px;">+</button>
+                    </form>
+                </div>
+                <div class="settings-card">
+                    <h3>Магазины</h3>
+                    <div id="set_shops"></div>
+                    <form method="POST" style="display:flex; gap:8px; margin-top:12px;">
+                        <input type="hidden" name="action" value="add_loc">
+                        <input type="hidden" name="l_type" value="shops">
+                        <input type="text" name="l_name" class="form-control" style="margin:0;" placeholder="Название" required>
+                        <button type="submit" class="btn btn-primary" style="flex:0 0 auto; padding:0 20px;">+</button>
+                    </form>
+                </div>
+                <div class="settings-card">
+                    <h3>Сотрудники</h3>
+                    <div id="set_emps"></div>
+                    <form method="POST" style="display:flex; gap:8px; margin-top:12px;">
+                        <input type="hidden" name="action" value="add_emp">
+                        <input type="text" name="e_name" class="form-control" style="margin:0;" placeholder="Имя сотрудника" required>
+                        <button type="submit" class="btn btn-primary" style="flex:0 0 auto; padding:0 20px;">+</button>
+                    </form>
+                </div>
             </div>
         </div>
     </div>
@@ -364,12 +384,12 @@ MAIN_HTML = '''
         <div class="modal-content">
             <button class="close-modal" onclick="closeModal('addModal')">×</button>
             <h2>Добавить товар</h2>
-            <form method="POST">
+            <form method="POST" style="margin-top:16px;">
                 <input type="hidden" name="action" value="add">
                 <input type="text" name="name" class="form-control" placeholder="Название" required>
                 <textarea name="description" class="form-control" placeholder="Описание"></textarea>
                 <input type="number" name="price" class="form-control" placeholder="Цена (₸)" required>
-                <label style="display:block; margin-bottom:8px; font-size:0.9rem; color:var(--text-muted);">Фото товара</label>
+                <label style="display:block; margin-bottom:8px; font-size:0.9rem; color:var(--text-muted);">Фото товара (не обязательно)</label>
                 <input type="file" accept="image/*" class="form-control" onchange="processImage(this)">
                 <input type="hidden" name="photo" id="photo_b64">
                 <img id="photo_preview" style="display:none; width:100%; height:200px; object-fit:cover; border-radius:12px; margin-bottom:16px;">
@@ -384,7 +404,7 @@ MAIN_HTML = '''
         <div class="modal-content">
             <button class="close-modal" onclick="closeModal('incomeModal')">×</button>
             <h2>Приход</h2>
-            <form method="POST">
+            <form method="POST" style="margin-top:16px;">
                 <input type="hidden" name="action" value="income">
                 <select name="loc_id" id="inc_loc_select" class="form-control" required></select>
                 <select name="product_index" id="inc_product" class="form-control" required></select>
@@ -398,7 +418,7 @@ MAIN_HTML = '''
         <div class="modal-content">
             <button class="close-modal" onclick="closeModal('transferModal')">×</button>
             <h2>Перемещение</h2>
-            <form method="POST">
+            <form method="POST" style="margin-top:16px;">
                 <input type="hidden" name="action" value="transfer">
                 <input type="hidden" name="pIndex" id="trans_pIndex">
                 <input type="hidden" name="from_loc" id="trans_from">
@@ -414,7 +434,7 @@ MAIN_HTML = '''
         <div class="modal-content">
             <button class="close-modal" onclick="closeModal('cartModal')">×</button>
             <h2>Корзина</h2>
-            <div id="cart_items" style="margin-bottom:16px;"></div>
+            <div id="cart_items" style="margin-bottom:16px; margin-top:16px;"></div>
             <button class="btn btn-success" style="width:100%;" onclick="submitCart()">Оформить накладную</button>
         </div>
     </div>
@@ -439,6 +459,7 @@ MAIN_HTML = '''
         const hostUrl = "{{ request.host_url }}";
         let activeLoc = 'all';
         let cart = [];
+        let searchTimeout;
 
         function init() {
             if (role === 'admin' || role === 'employee') {
@@ -490,10 +511,15 @@ MAIN_HTML = '''
             return found ? found.name : locId;
         }
 
+        function onSearchInput() {
+            clearTimeout(searchTimeout);
+            searchTimeout = setTimeout(renderCatalog, 200);
+        }
+
         function renderCatalog() {
             const q = document.getElementById('search').value.toLowerCase();
             const cat = document.getElementById('catalog');
-            cat.innerHTML = '';
+            let htmlArr = [];
             
             data.products.forEach((p, pIdx) => {
                 let match = p.name.toLowerCase().includes(q) || (p.description && p.description.toLowerCase().includes(q));
@@ -506,7 +532,7 @@ MAIN_HTML = '''
                     stock = (p.stocks || {})[activeLoc] || 0;
                 }
                 
-                let imgHtml = p.photo ? `<div class="product-img-wrapper"><img src="${p.photo}" class="product-img"></div>` : `<div class="product-img-wrapper" style="display:flex;align-items:center;justify-content:center;color:#9ca3af;">Нет фото</div>`;
+                let imgHtml = p.photo ? `<div class="product-img-wrapper"><img src="${p.photo}" class="product-img"></div>` : `<div class="product-img-wrapper">Нет фото</div>`;
                 
                 let html = `<div class="product">
                     ${imgHtml}
@@ -539,8 +565,9 @@ MAIN_HTML = '''
                 }
                 
                 html += `</div></div>`;
-                cat.insertAdjacentHTML('beforeend', html);
+                htmlArr.push(html);
             });
+            cat.innerHTML = htmlArr.join('');
         }
 
         function addToCart(pIdx) {
@@ -582,7 +609,7 @@ MAIN_HTML = '''
                     </div>
                     <div style="display:flex; align-items:center; gap:12px;">
                         <span style="font-weight:700;">${sum} ₸</span>
-                        <button style="border:none; background:var(--danger); color:white; border-radius:6px; padding:4px 8px; cursor:pointer;" onclick="removeFromCart(${i})">×</button>
+                        <button style="border:none; background:var(--danger); color:white; border-radius:6px; padding:6px 10px; cursor:pointer; font-weight:700;" onclick="removeFromCart(${i})">×</button>
                     </div>
                 </div>`;
             });
@@ -688,13 +715,28 @@ MAIN_HTML = '''
 
         function buildSettings() {
             const wCont = document.getElementById('set_warehouses');
-            wCont.innerHTML = data.settings.warehouses.map(w => `<div class="settings-list-item"><span>${w.name}</span><form method="POST"><input type="hidden" name="action" value="del_loc"><input type="hidden" name="l_type" value="warehouses"><input type="hidden" name="l_id" value="${w.id}"><button type="submit" style="border:none;background:var(--danger);color:white;border-radius:6px;padding:4px 8px;cursor:pointer;">×</button></form></div>`).join('');
+            wCont.innerHTML = data.settings.warehouses.map(w => `<div class="settings-list-item"><div class="settings-list-item-header"><span style="font-weight:600;">${w.name}</span><form method="POST" style="margin:0;"><input type="hidden" name="action" value="del_loc"><input type="hidden" name="l_type" value="warehouses"><input type="hidden" name="l_id" value="${w.id}"><button type="submit" class="btn btn-danger" style="padding:6px 12px; font-size:0.85rem;">Удалить</button></form></div></div>`).join('');
             
             const sCont = document.getElementById('set_shops');
-            sCont.innerHTML = data.settings.shops.map(s => `<div class="settings-list-item"><span>${s.name}</span><form method="POST"><input type="hidden" name="action" value="del_loc"><input type="hidden" name="l_type" value="shops"><input type="hidden" name="l_id" value="${s.id}"><button type="submit" style="border:none;background:var(--danger);color:white;border-radius:6px;padding:4px 8px;cursor:pointer;">×</button></form></div>`).join('');
+            sCont.innerHTML = data.settings.shops.map(s => `<div class="settings-list-item"><div class="settings-list-item-header"><span style="font-weight:600;">${s.name}</span><form method="POST" style="margin:0;"><input type="hidden" name="action" value="del_loc"><input type="hidden" name="l_type" value="shops"><input type="hidden" name="l_id" value="${s.id}"><button type="submit" class="btn btn-danger" style="padding:6px 12px; font-size:0.85rem;">Удалить</button></form></div></div>`).join('');
             
             const eCont = document.getElementById('set_emps');
-            eCont.innerHTML = data.settings.employees.map(e => `<div class="settings-list-item"><div style="display:flex;flex-direction:column;gap:4px;"><span>${e.name}</span><button type="button" onclick="navigator.clipboard.writeText('${hostUrl}emp/${e.token}');alert('Ссылка скопирована')" style="font-size:0.8rem;padding:6px;border-radius:6px;border:none;background:#e5e7eb;cursor:pointer;font-weight:600;">Копировать ссылку</button></div><form method="POST"><input type="hidden" name="action" value="del_emp"><input type="hidden" name="e_id" value="${e.id}"><button type="submit" style="border:none;background:var(--danger);color:white;border-radius:6px;padding:4px 8px;cursor:pointer;">×</button></form></div>`).join('');
+            eCont.innerHTML = data.settings.employees.map(e => `
+                <div class="settings-list-item">
+                    <div class="settings-list-item-header">
+                        <span style="font-weight:600;">${e.name}</span>
+                        <form method="POST" style="margin:0;">
+                            <input type="hidden" name="action" value="del_emp">
+                            <input type="hidden" name="e_id" value="${e.id}">
+                            <button type="submit" class="btn btn-danger" style="padding:6px 12px; font-size:0.85rem;">Удалить</button>
+                        </form>
+                    </div>
+                    <div class="settings-link-box">
+                        <input type="text" class="settings-link-input" value="${hostUrl}emp/${e.token}" readonly onclick="this.select()">
+                        <button type="button" onclick="navigator.clipboard.writeText('${hostUrl}emp/${e.token}');alert('Ссылка скопирована')" class="btn btn-primary" style="padding:8px 12px; font-size:0.85rem; flex:0 0 auto;">Копировать</button>
+                    </div>
+                </div>
+            `).join('');
         }
 
         function buildLocSelects() {
@@ -723,7 +765,7 @@ MAIN_HTML = '''
 
         function renderHistory() {
             const hc = document.getElementById('history_container');
-            hc.innerHTML = '';
+            let htmlArr = [];
             
             const fDate = new Date(document.getElementById('hist_from').value + "T00:00:00" || 0);
             const tDate = new Date(document.getElementById('hist_to').value + "T23:59:59" || "2099-01-01T23:59:59");
@@ -740,7 +782,7 @@ MAIN_HTML = '''
                     let bCls = h.action.includes('Приход') ? 'badge-green' : 'badge-orange';
                     let locInfo = h.action === 'Перемещен��е' ? `${h.from_loc_name} ➔ ${h.to_loc_name}` : (h.from_loc_name || h.to_loc_name);
                     
-                    hc.insertAdjacentHTML('beforeend', `<div class="history-item">
+                    htmlArr.push(`<div class="history-item">
                         <div class="history-header">
                             <span>${h.time} | ${h.emp_name}</span>
                             <span class="history-badge ${bCls}">${h.action}</span>
@@ -752,6 +794,7 @@ MAIN_HTML = '''
                     </div>`);
                 }
             });
+            hc.innerHTML = htmlArr.join('');
             document.getElementById('total_sales').innerText = `Итого продаж: ${total} ₸`;
         }
 
@@ -788,10 +831,7 @@ def employee_panel(token):
     return render_template_string(MAIN_HTML, data=data, role='employee', emp=emp)
 
 if __name__ == '__main__':
+    load_data()
     backup_thread = threading.Thread(target=periodic_backup, daemon=True)
     backup_thread.start()
-    try:
-        load_data()
-    except Exception:
-        pass
     app.run(debug=True, host='0.0.0.0', port=7860)