Update app.py

app.py

@@ -16,7 +16,7 @@ import uuid
 load_dotenv()
 
 app = Flask(__name__)
-app.secret_key = 'dalarssi_secret_key_no_login'
+app.secret_key = 'manolisa_secret_key_no_login'
 DATA_FILE = 'data.json'
 
 
@@ -26,7 +26,7 @@ REPO_ID = "Kgshop/manolisa"
 HF_TOKEN_WRITE = os.getenv("HF_TOKEN")
 HF_TOKEN_READ = os.getenv("HF_TOKEN_READ")
 
-STORE_ADDRESS = ""
+STORE_ADDRESS = "Город Алматы, Рынок Олжа, ряд VIP, Бутик 7"
 
 CURRENCY_CODE = 'USD'
 CURRENCY_NAME = 'доллар'
@@ -38,8 +38,8 @@ logging.basicConfig(level=logging.INFO, format='%(asctime)s - %(levelname)s - %(
 
 translations = {
     'ru': {
-        'site_title': "dalarssi - Каталог",
-        'brand_name': "dalarssi",
+        'site_title': "Manolisa - Каталог",
+        'brand_name': "Manolisa",
         'our_address': "Наш адрес:",
         'all_categories': "Все категории",
         'search_placeholder': "Поиск по названию или описанию...",
@@ -86,7 +86,7 @@ translations = {
         'order_status_desc': "Этот заказ был оформлен без входа в систему. Пожалуйста, свяжитесь с нами по WhatsApp для подтверждения и уточнения деталей.",
         'send_order': "Отправить заказ",
         'back_to_catalog': "← Вернуться в каталог",
-        'whatsapp_greeting': "Здравствуйте! Хочу подтвердить свой заказ на dalarssi:",
+        'whatsapp_greeting': "Здравствуйте! Хочу подтвердить свой заказ на Manolisa:",
         'whatsapp_order_number': "Номер заказа:",
         'whatsapp_order_link': "Ссылка на заказ:",
         'whatsapp_contact_me': "Пожалуйста, свяжитесь со мной для уточнения деталей оплаты и доставки.",
@@ -99,14 +99,12 @@ translations = {
         'favorites': 'Избранное',
         'employee': 'Сотрудник:',
         'online_order': 'Онлайн',
-        'address_1_title': 'Адрес 1:',
-        'address_1_detail': 'рынок Олжа, VIP ряд, 109 бутик',
-        'address_2_title': 'Адрес 2:',
-        'address_2_detail': 'рынок Олжа, VIP ряд, 56 бутик',
+        'address_1_title': 'Адрес:',
+        'address_1_detail': 'Город Алматы, Рынок Олжа, ряд VIP, Бутик 7',
     },
     'kk': {
-        'site_title': "dalarssi - Каталог",
-        'brand_name': "dalarssi",
+        'site_title': "Manolisa - Каталог",
+        'brand_name': "Manolisa",
         'our_address': "Біздің мекенжайымыз:",
         'all_categories': "Барлық санаттар",
         'search_placeholder': "Аты немесе сипаттамасы бойынша іздеу...",
@@ -153,7 +151,7 @@ translations = {
         'order_status_desc': "Бұл тапсырыс жүйеге кірмей рәсімделді. Растау және мәліметтерді нақтылау үшін WhatsApp арқылы бізбен хабарласыңыз.",
         'send_order': "Тапсырысты жіберу",
         'back_to_catalog': "← Каталогқа оралу",
-        'whatsapp_greeting': "Сәлеметсіз бе! Мен dalarssi-дегі тапсырысымды растағым келеді:",
+        'whatsapp_greeting': "Сәлеметсіз бе! Мен Manolisa-дегі тапсырысымды растағым келеді:",
         'whatsapp_order_number': "Тапсырыс нөмірі:",
         'whatsapp_order_link': "Тапсырысқа сілтеме:",
         'whatsapp_contact_me': "Төлем және жеткізу мәліметтерін нақтылау үшін менімен хабарласыңыз.",
@@ -166,10 +164,8 @@ translations = {
         'favorites': 'Таңдаулылар',
         'employee': 'Қызметкер:',
         'online_order': 'Онлайн',
-        'address_1_title': 'Мекенжай 1:',
-        'address_1_detail': 'Олжа базары, VIP қатары, 109 бутик',
-        'address_2_title': 'Мекенжай 2:',
-        'address_2_detail': 'Олжа базары, VIP қатары, 56 бутик',
+        'address_1_title': 'Мекенжай:',
+        'address_1_detail': 'Алматы қаласы, Олжа базары, VIP қатары, 7 бутик',
     }
 }
 
@@ -375,9 +371,9 @@ CATALOG_TEMPLATE = '''
             :root {
                 --bg-color: #1a1a1a;
                 --surface-color: #2b2b2b;
-                --primary-accent: #D99ECB;
-                --primary-accent-hover: #C874B2;
-                --secondary-accent: #6f4e37;
+                --primary-accent: #00CED1;
+                --primary-accent-hover: #20B2AA;
+                --secondary-accent: #005f6b;
                 --text-color: #f0e6e6;
                 --text-muted: #a09a9a;
             }
@@ -393,7 +389,7 @@ CATALOG_TEMPLATE = '''
             .filters-container { margin: 25px 0; display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
             .search-container { margin: 25px 0; text-align: center; }
             #search-input { width: 90%; max-width: 600px; padding: 14px 22px; font-size: 1rem; border: 1px solid var(--secondary-accent); border-radius: 30px; outline: none; transition: all 0.3s ease; background-color: var(--surface-color); color: var(--text-color); }
-            #search-input:focus { border-color: var(--primary-accent); box-shadow: 0 0 0 4px rgba(217, 158, 203, 0.2); }
+            #search-input:focus { border-color: var(--primary-accent); box-shadow: 0 0 0 4px rgba(0, 206, 209, 0.2); }
             .category-filter { padding: 10px 20px; border: 1px solid var(--secondary-accent); border-radius: 30px; background-color: transparent; cursor: pointer; transition: all 0.3s ease; font-size: 0.9rem; font-weight: 600; color: var(--text-muted); }
             .category-filter.active, .category-filter:hover { background-color: var(--primary-accent); color: var(--bg-color); border-color: var(--primary-accent); }
             .products-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; padding: 10px; }
@@ -415,7 +411,7 @@ CATALOG_TEMPLATE = '''
             .product-button { display: block; width: 100%; padding: 12px; border: none; border-radius: 8px; background-color: var(--primary-accent); color: var(--bg-color); font-size: 1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-align: center; text-decoration: none; }
             .product-button:hover { background-color: var(--primary-accent-hover); }
             .product-button i { margin-right: 8px; }
-            #cart-button { position: fixed; bottom: 90px; right: 30px; background-color: var(--primary-accent); color: var(--bg-color); border: none; border-radius: 50%; width: 60px; height: 60px; font-size: 1.6rem; cursor: pointer; display: none; align-items: center; justify-content: center; box-shadow: 0 5px 20px rgba(217, 158, 203, 0.3); transition: all 0.3s ease; z-index: 1000; }
+            #cart-button { position: fixed; bottom: 90px; right: 30px; background-color: var(--primary-accent); color: var(--bg-color); border: none; border-radius: 50%; width: 60px; height: 60px; font-size: 1.6rem; cursor: pointer; display: none; align-items: center; justify-content: center; box-shadow: 0 5px 20px rgba(0, 206, 209, 0.3); transition: all 0.3s ease; z-index: 1000; }
             #cart-button:hover { transform: scale(1.1); }
             #cart-button span { position: absolute; top: 0px; right: 0px; background-color: var(--secondary-accent); color: var(--text-color); border-radius: 50%; padding: 3px 7px; font-size: 0.8rem; font-weight: bold; }
             .modal { display: none; position: fixed; z-index: 1001; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); backdrop-filter: blur(8px); overflow-y: auto; }
@@ -442,7 +438,7 @@ CATALOG_TEMPLATE = '''
             .notification { position: fixed; bottom: 90px; left: 50%; transform: translateX(-50%); background-color: var(--primary-accent); color: var(--bg-color); padding: 12px 25px; border-radius: 30px; box-shadow: 0 5px 15px rgba(0,0,0,0.3); z-index: 1002; opacity: 0; transition: opacity 0.5s ease; font-size: 1rem; font-weight: 600;}
             .notification.show { opacity: 1;}
             .no-results-message { grid-column: 1 / -1; text-align: center; padding: 50px; font-size: 1.2rem; color: var(--text-muted); }
-            .top-product-indicator { position: absolute; top: 12px; right: 12px; background-color: rgba(217, 158, 203, 0.9); color: var(--bg-color); padding: 4px 10px; font-size: 0.8rem; border-radius: 20px; font-weight: bold; z-index: 10; backdrop-filter: blur(3px); }
+            .top-product-indicator { position: absolute; top: 12px; right: 12px; background-color: rgba(0, 206, 209, 0.9); color: var(--bg-color); padding: 4px 10px; font-size: 0.8rem; border-radius: 20px; font-weight: bold; z-index: 10; backdrop-filter: blur(3px); }
             .favorite-button { position: absolute; top: 12px; left: 12px; background: none; border: none; color: var(--text-color); font-size: 1.5rem; cursor: pointer; z-index: 10; padding: 5px; line-height: 1; transition: color 0.3s, transform 0.3s; text-shadow: 0 0 5px rgba(0,0,0,0.5); }
             .favorite-button.favorited { color: #e91e63; transform: scale(1.1); }
             .favorite-button:hover { transform: scale(1.2); }
@@ -590,7 +586,6 @@ CATALOG_TEMPLATE = '''
                 <h2><i class="fas fa-map-marker-alt"></i> {{ _('addresses') }}</h2>
                 <div class="address-list">
                     <p><strong>{{ _('address_1_title') }}</strong> {{ _('address_1_detail') }}</p>
-                    <p><strong>{{ _('address_2_title') }}</strong> {{ _('address_2_detail') }}</p>
                 </div>
             </div>
         </div>
@@ -601,7 +596,7 @@ CATALOG_TEMPLATE = '''
         </button>
 
         <div class="bottom-nav">
-            <a href="https://api.whatsapp.com/send?phone=+77073479416" target="_blank" class="nav-button">
+            <a href="https://api.whatsapp.com/send?phone=+77773616116" target="_blank" class="nav-button">
                 <i class="fab fa-whatsapp"></i>
                 <span>{{ _('whatsapp') }}</span>
             </a>
@@ -625,8 +620,8 @@ CATALOG_TEMPLATE = '''
             const currencyCode = '{{ currency_code }}';
             const t = {{ translations[lang]|tojson|safe }};
             let selectedProductIndex = null;
-            let cart = JSON.parse(localStorage.getItem('dalarssiCart') || '[]');
-            let favorites = JSON.parse(localStorage.getItem('dalarssiFavorites') || '[]');
+            let cart = JSON.parse(localStorage.getItem('manolisaCart') || '[]');
+            let favorites = JSON.parse(localStorage.getItem('manolisaFavorites') || '[]');
 
             function openModal(modalId) {
                 const modal = document.getElementById(modalId);
@@ -750,7 +745,7 @@ CATALOG_TEMPLATE = '''
                     });
                 }
 
-                localStorage.setItem('dalarssiCart', JSON.stringify(cart));
+                localStorage.setItem('manolisaCart', JSON.stringify(cart));
                 closeModal('quantityModal');
                 updateCartButton();
                 showNotification(`${product.name} ${t.product_added_notification}`);
@@ -821,7 +816,7 @@ CATALOG_TEMPLATE = '''
 
              function removeFromCart(itemId) {
                 cart = cart.filter(item => item.id !== itemId);
-                localStorage.setItem('dalarssiCart', JSON.stringify(cart));
+                localStorage.setItem('manolisaCart', JSON.stringify(cart));
                 openCartModal();
                 updateCartButton();
              }
@@ -829,7 +824,7 @@ CATALOG_TEMPLATE = '''
             function clearCart() {
                 if (confirm(t.confirm_clear_cart)) {
                     cart = [];
-                    localStorage.removeItem('dalarssiCart');
+                    localStorage.removeItem('manolisaCart');
                     openCartModal();
                     updateCartButton();
                 }
@@ -858,7 +853,7 @@ CATALOG_TEMPLATE = '''
                 })
                 .then(data => {
                     if (data.order_id) {
-                        localStorage.removeItem('dalarssiCart');
+                        localStorage.removeItem('manolisaCart');
                         cart = [];
                         updateCartButton();
                         closeModal('cartModal');
@@ -938,7 +933,7 @@ CATALOG_TEMPLATE = '''
                      buttonElement.classList.add('favorited');
                      buttonElement.innerHTML = '<i class="fas fa-heart"></i>';
                  }
-                 localStorage.setItem('dalarssiFavorites', JSON.stringify(favorites));
+                 localStorage.setItem('manolisaFavorites', JSON.stringify(favorites));
              }
              
              function updateFavoriteIcons() {
@@ -999,7 +994,7 @@ CATALOG_TEMPLATE = '''
                  const index = favorites.indexOf(productId);
                  if (index > -1) {
                      favorites.splice(index, 1);
-                     localStorage.setItem('dalarssiFavorites', JSON.stringify(favorites));
+                     localStorage.setItem('manolisaFavorites', JSON.stringify(favorites));
                      openFavoritesModal();
                      updateFavoriteIcons();
                  }
@@ -1095,16 +1090,16 @@ ORDER_TEMPLATE = '''
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>{{ _('order_title') }}{{ order.id }} - dalarssi</title>
+    <title>{{ _('order_title') }}{{ order.id }} - Manolisa</title>
     <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
     <style>
         :root {
             --bg-color: #1a1a1a;
             --surface-color: #2b2b2b;
-            --primary-accent: #D99ECB;
-            --primary-accent-hover: #C874B2;
-            --secondary-accent: #6f4e37;
+            --primary-accent: #00CED1;
+            --primary-accent-hover: #20B2AA;
+            --secondary-accent: #005f6b;
             --text-color: #f0e6e6;
             --text-muted: #a09a9a;
         }
@@ -1126,7 +1121,7 @@ ORDER_TEMPLATE = '''
         .customer-info p { margin-bottom: 8px; font-size: 1rem; }
         .actions { margin-top: 35px; text-align: center; }
         .button { padding: 14px 30px; border: none; border-radius: 8px; background-color: var(--primary-accent); color: var(--bg-color); font-weight: 600; cursor: pointer; transition: all 0.3s ease; font-size: 1.1rem; display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
-        .button:hover { background-color: var(--primary-accent-hover); transform: translateY(-2px); box-shadow: 0 4px 15px rgba(217, 158, 203, 0.2); }
+        .button:hover { background-color: var(--primary-accent-hover); transform: translateY(-2px); box-shadow: 0 4px 15px rgba(0, 206, 209, 0.2); }
         .button i { font-size: 1.3rem; }
         .catalog-link { display: block; text-align: center; margin-top: 30px; color: var(--primary-accent); text-decoration: none; font-size: 1rem; }
         .catalog-link:hover { text-decoration: underline; }
@@ -1177,7 +1172,7 @@ ORDER_TEMPLATE = '''
                 function sendOrderViaWhatsApp() {
                     const orderId = '{{ order.id }}';
                     const orderUrl = `{{ request.url }}`;
-                    const whatsappNumber = "+77073479416";
+                    const whatsappNumber = "+77773616116";
 
                     let message = `{{ _('whatsapp_greeting') }}%0A%0A`;
                     message += `*{{ _('whatsapp_order_number') }}* ${orderId}%0A`;
@@ -1205,60 +1200,60 @@ ADMIN_TEMPLATE = '''
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>Админ-панель - dalarssi</title>
+        <title>Админ-панель - Manolisa</title>
         <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
         <style>
-            body { font-family: 'Poppins', sans-serif; background-color: #f0f2f5; color: #3d3522; padding: 20px; line-height: 1.6; }
+            body { font-family: 'Poppins', sans-serif; background-color: #f0f8ff; color: #2f4f4f; padding: 20px; line-height: 1.6; }
             .container { max-width: 1200px; margin: 0 auto; background-color: #fff; padding: 25px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); }
-            .header { padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px solid #dcd3b8; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;}
-            h1, h2, h3 { font-weight: 600; color: #556b2f; margin-bottom: 15px; }
+            .header { padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px solid #b0e0e6; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;}
+            h1, h2, h3 { font-weight: 600; color: #008B8B; margin-bottom: 15px; }
             h1 { font-size: 1.6rem; }
             h2 { font-size: 1.5rem; margin-top: 30px; display: flex; align-items: center; gap: 8px; }
-            h3 { font-size: 1.2rem; color: #8b4513; margin-top: 20px; }
-            .section { margin-bottom: 30px; padding: 20px; background-color: #fcfaf5; border: 1px solid #dcd3b8; border-radius: 8px; }
+            h3 { font-size: 1.2rem; color: #005f6b; margin-top: 20px; }
+            .section { margin-bottom: 30px; padding: 20px; background-color: #f8ffff; border: 1px solid #b0e0e6; border-radius: 8px; }
             form { margin-bottom: 20px; }
-            label { font-weight: 500; margin-top: 10px; display: block; color: #6f6a5b; font-size: 0.9rem;}
-            input[type="text"], input[type="number"], input[type="password"], input[type="tel"], textarea, select { width: 100%; padding: 10px 12px; margin-top: 5px; border: 1px solid #dcd3b8; border-radius: 6px; font-size: 0.95rem; box-sizing: border-box; transition: border-color 0.3s ease; background-color: #fff; }
-            input:focus, textarea:focus, select:focus { border-color: #556b2f; outline: none; box-shadow: 0 0 0 2px rgba(85, 107, 47, 0.1); }
+            label { font-weight: 500; margin-top: 10px; display: block; color: #5f7f7f; font-size: 0.9rem;}
+            input[type="text"], input[type="number"], input[type="password"], input[type="tel"], textarea, select { width: 100%; padding: 10px 12px; margin-top: 5px; border: 1px solid #b0e0e6; border-radius: 6px; font-size: 0.95rem; box-sizing: border-box; transition: border-color 0.3s ease; background-color: #fff; }
+            input:focus, textarea:focus, select:focus { border-color: #008B8B; outline: none; box-shadow: 0 0 0 2px rgba(0, 139, 139, 0.1); }
             textarea { min-height: 80px; resize: vertical; }
-            input[type="file"] { padding: 8px; background-color: #f5f0e1; cursor: pointer; border: 1px solid #dcd3b8;}
-            input[type="file"]::file-selector-button { padding: 5px 10px; border-radius: 4px; background-color: #e0dace; border: 1px solid #dcd3b8; cursor: pointer; margin-right: 10px;}
+            input[type="file"] { padding: 8px; background-color: #e0ffff; cursor: pointer; border: 1px solid #b0e0e6;}
+            input[type="file"]::file-selector-button { padding: 5px 10px; border-radius: 4px; background-color: #b0e0e6; border: 1px solid #008B8B; cursor: pointer; margin-right: 10px;}
             input[type="checkbox"] { margin-right: 5px; vertical-align: middle; }
             label.inline-label { display: inline-block; margin-top: 10px; font-weight: normal; }
-            button, .button { padding: 10px 18px; border: none; border-radius: 6px; background-color: #556b2f; color: white; font-weight: 500; cursor: pointer; transition: background-color 0.3s ease, transform 0.1s ease; margin-top: 15px; font-size: 0.95rem; display: inline-flex; align-items: center; gap: 5px; text-decoration: none; line-height: 1.2;}
-            button:hover, .button:hover { background-color: #6b8e23; }
+            button, .button { padding: 10px 18px; border: none; border-radius: 6px; background-color: #008B8B; color: white; font-weight: 500; cursor: pointer; transition: background-color 0.3s ease, transform 0.1s ease; margin-top: 15px; font-size: 0.95rem; display: inline-flex; align-items: center; gap: 5px; text-decoration: none; line-height: 1.2;}
+            button:hover, .button:hover { background-color: #20B2AA; }
             button:active, .button:active { transform: scale(0.98); }
             button[type="submit"] { min-width: 120px; justify-content: center; }
             .delete-button { background-color: #c04c4c; }
             .delete-button:hover { background-color: #a03c3c; }
-            .add-button { background-color: #556b2f; }
-            .add-button:hover { background-color: #6b8e23; }
+            .add-button { background-color: #008B8B; }
+            .add-button:hover { background-color: #20B2AA; }
             .item-list { display: grid; gap: 20px; }
-            .item { background: #fff; padding: 15px 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.07); border: 1px solid #e5d9b7; }
-            .item p { margin: 5px 0; font-size: 0.9rem; color: #6f6a5b; }
-            .item strong { color: #3d3522; }
-            .item .description { font-size: 0.85rem; color: #8b8577; max-height: 60px; overflow: hidden; text-overflow: ellipsis; }
+            .item { background: #fff; padding: 15px 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.07); border: 1px solid #b0e0e6; }
+            .item p { margin: 5px 0; font-size: 0.9rem; color: #5f7f7f; }
+            .item strong { color: #2f4f4f; }
+            .item .description { font-size: 0.85rem; color: #708090; max-height: 60px; overflow: hidden; text-overflow: ellipsis; }
             .item-actions { margin-top: 15px; display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
-            .item-actions button:not(.delete-button) { background-color: #556b2f; }
-            .item-actions button:not(.delete-button):hover { background-color: #6b8e23; }
-            .edit-form-container { margin-top: 15px; padding: 20px; background: #f5f0e1; border: 1px dashed #dcd3b8; border-radius: 6px; display: none; }
-            details { background-color: #fcfaf5; border: 1px solid #dcd3b8; border-radius: 8px; margin-bottom: 20px; }
-            details > summary { cursor: pointer; font-weight: 600; color: #8b4513; display: block; padding: 15px; border-bottom: 1px solid #dcd3b8; list-style: none; position: relative; }
-            details > summary::after { content: '\\f078'; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); transition: transform 0.2s ease; color: #556b2f; }
+            .item-actions button:not(.delete-button) { background-color: #008B8B; }
+            .item-actions button:not(.delete-button):hover { background-color: #20B2AA; }
+            .edit-form-container { margin-top: 15px; padding: 20px; background: #e0ffff; border: 1px dashed #008B8B; border-radius: 6px; display: none; }
+            details { background-color: #f8ffff; border: 1px solid #b0e0e6; border-radius: 8px; margin-bottom: 20px; }
+            details > summary { cursor: pointer; font-weight: 600; color: #005f6b; display: block; padding: 15px; border-bottom: 1px solid #b0e0e6; list-style: none; position: relative; }
+            details > summary::after { content: '\\f078'; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); transition: transform 0.2s ease; color: #008B8B; }
             details[open] > summary::after { transform: translateY(-50%) rotate(180deg); }
-            details[open] > summary { border-bottom: 1px solid #dcd3b8; }
+            details[open] > summary { border-bottom: 1px solid #b0e0e6; }
             details .form-content { padding: 20px; }
             .color-input-group { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
             .color-input-group input { flex-grow: 1; margin: 0; }
             .remove-color-btn { background-color: #c04c4c; padding: 6px 10px; font-size: 0.8rem; margin-top: 0; line-height: 1; }
             .remove-color-btn:hover { background-color: #a03c3c; }
-            .add-color-btn { background-color: #b2c2a1; color: #3d3522; }
-            .add-color-btn:hover { background-color: #dcd3b8; }
-            .photo-preview img { max-width: 70px; max-height: 70px; border-radius: 5px; margin: 5px 5px 0 0; border: 1px solid #dcd3b8; object-fit: cover;}
+            .add-color-btn { background-color: #b0e0e6; color: #2f4f4f; }
+            .add-color-btn:hover { background-color: #afeeee; }
+            .photo-preview img { max-width: 70px; max-height: 70px; border-radius: 5px; margin: 5px 5px 0 0; border: 1px solid #b0e0e6; object-fit: cover;}
             .sync-buttons { display: flex; gap: 10px; margin-bottom: 20px; flex-wrap: wrap; }
-            .download-hf-button { background-color: #8b8577; }
-            .download-hf-button:hover { background-color: #6f6a5b; }
+            .download-hf-button { background-color: #708090; }
+            .download-hf-button:hover { background-color: #5f7f7f; }
             .flex-container { display: flex; flex-wrap: wrap; gap: 20px; }
             .flex-item { flex: 1; min-width: 350px; }
             .message { padding: 10px 15px; border-radius: 6px; margin-bottom: 15px; font-size: 0.9rem;}
@@ -1275,10 +1270,10 @@ ADMIN_TEMPLATE = '''
         <div class="container">
             <div class="header">
                 <div class="logo-title-container" style="display: flex; align-items: center; gap: 15px;">
-                    <i class="fas fa-gem" style="font-size: 36px; color: #556b2f;"></i>
-                    <h1><i class="fas fa-tools"></i> Админ-панель dalarssi</h1>
+                    <i class="fas fa-gem" style="font-size: 36px; color: #008B8B;"></i>
+                    <h1><i class="fas fa-tools"></i> Админ-панель Manolisa</h1>
                 </div>
-                <a href="{{ url_for('catalog') }}" class="button" style="background-color: #6b8e23;"><i class="fas fa-store"></i> Перейти в каталог</a>
+                <a href="{{ url_for('catalog') }}" class="button" style="background-color: #20B2AA;"><i class="fas fa-store"></i> Перейти в каталог</a>
             </div>
 
 
@@ -1438,7 +1433,7 @@ ADMIN_TEMPLATE = '''
                                 {% endif %}
                             </div>
                             <div style="flex-grow: 1;">
-                                <h3 style="margin-top: 0; margin-bottom: 5px; color: #3d3522;">
+                                <h3 style="margin-top: 0; margin-bottom: 5px; color: #2f4f4f;">
                                     {{ product['name'] }}
                                      {% if product.get('in_stock', True) %}
                                         <span class="status-indicator in-stock">В наличии</span>