Update app.py

app.py

@@ -1,5 +1,6 @@
 
-from flask import Flask, render_template_string, request, redirect, url_for, session, send_file
+
+from flask import Flask, render_template_string, request, redirect, url_for, session, send_file, flash
 import json
 import os
 import logging
@@ -276,97 +277,107 @@ def catalog():
         <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/Swiper/10.2.0/swiper-bundle.min.css">
         <style>
-            /* Стили остаются без изменений, как в предыдущем ответе */
+            /* Общие стили */
             * { margin: 0; padding: 0; box-sizing: border-box; }
-            body { font-family: 'Poppins', sans-serif; background: #f9f9f9; color: #333; line-height: 1.6; transition: background 0.3s, color 0.3s; }
-            body.dark-mode { background: #1a202c; color: #e2e8f0; }
+            body { font-family: 'Poppins', sans-serif; background: #f0f9f4; color: #2d332f; line-height: 1.6; transition: background 0.3s, color 0.3s; }
+            body.dark-mode { background: #1a2b26; color: #c8d8d3; }
             .container { max-width: 1300px; margin: 0 auto; padding: 20px; }
-            .header { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; border-bottom: 1px solid #eee; }
-            body.dark-mode .header { border-bottom-color: #4a5568; }
-            .header h1 { font-size: 1.8rem; font-weight: 600; color: #e53e3e; } /* Логотип Soola */
+            .header { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; border-bottom: 1px solid #d1e7dd; }
+            body.dark-mode .header { border-bottom-color: #2c4a41; }
+            .header h1 { font-size: 1.8rem; font-weight: 600; color: #1C6758; } /* Логотип Soola - Темно-зеленый */
             .auth-links { display: flex; gap: 15px; align-items: center; }
-            .auth-links a { color: #3b82f6; text-decoration: none; font-weight: 500; }
+            .auth-links a { color: #3D8361; text-decoration: none; font-weight: 500; } /* Ссылки - Средне-зеленый */
             .auth-links a:hover { text-decoration: underline; }
-            body.dark-mode .auth-links a { color: #63b3ed; }
+            body.dark-mode .auth-links a { color: #55a683; } /* Ссылки в темной теме */
             .auth-links span { font-weight: 500; }
-            body.dark-mode .auth-links span { color: #cbd5e0;}
-            .theme-toggle { background: none; border: none; font-size: 1.5rem; cursor: pointer; color: #718096; transition: color 0.3s ease; }
-            .theme-toggle:hover { color: #3b82f6; }
-            body.dark-mode .theme-toggle { color: #a0aec0; }
-            body.dark-mode .theme-toggle:hover { color: #63b3ed; }
-            .store-address { padding: 15px; text-align: center; background-color: #fff; margin: 20px 0; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); font-size: 1rem; color: #555; }
-            body.dark-mode .store-address { background-color: #2d3748; color: #cbd5e0; }
+            body.dark-mode .auth-links span { color: #b0c8c1;}
+            .theme-toggle { background: none; border: none; font-size: 1.5rem; cursor: pointer; color: #7a8d85; transition: color 0.3s ease; }
+            .theme-toggle:hover { color: #3D8361; }
+            body.dark-mode .theme-toggle { color: #8aa39a; }
+            body.dark-mode .theme-toggle:hover { color: #55a683; }
+            .store-address { padding: 15px; text-align: center; background-color: #ffffff; margin: 20px 0; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); font-size: 1rem; color: #44524c; }
+            body.dark-mode .store-address { background-color: #253f37; color: #b0c8c1; }
+
+            /* Фильтры и поиск */
             .filters-container { margin: 20px 0; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
             .search-container { margin: 20px 0; text-align: center; }
-            #search-input { width: 90%; max-width: 600px; padding: 12px 18px; font-size: 1rem; border: 1px solid #e2e8f0; border-radius: 25px; outline: none; box-shadow: 0 2px 5px rgba(0,0,0,0.05); transition: all 0.3s ease; }
-            body.dark-mode #search-input { background-color: #2d3748; border-color: #4a5568; color: #e2e8f0; }
-            #search-input:focus { border-color: #e53e3e; box-shadow: 0 0 0 3px rgba(229, 62, 62, 0.2); }
-            body.dark-mode #search-input:focus { border-color: #fc8181; box-shadow: 0 0 0 3px rgba(252, 129, 129, 0.3); }
-            .category-filter { padding: 8px 16px; border: 1px solid #e2e8f0; border-radius: 20px; background-color: #fff; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); font-size: 0.9rem; font-weight: 400; }
-            body.dark-mode .category-filter { background-color: #2d3748; border-color: #4a5568; color: #cbd5e0; }
-            .category-filter.active, .category-filter:hover { background-color: #e53e3e; color: white; border-color: #e53e3e; box-shadow: 0 2px 10px rgba(229, 62, 62, 0.3); }
-            body.dark-mode .category-filter.active, body.dark-mode .category-filter:hover { background-color: #fc8181; border-color: #fc8181; color: #1a202c; box-shadow: 0 2px 10px rgba(252, 129, 129, 0.4); }
+            #search-input { width: 90%; max-width: 600px; padding: 12px 18px; font-size: 1rem; border: 1px solid #d1e7dd; border-radius: 25px; outline: none; box-shadow: 0 2px 5px rgba(0,0,0,0.05); transition: all 0.3s ease; }
+            body.dark-mode #search-input { background-color: #253f37; border-color: #2c4a41; color: #c8d8d3; }
+            #search-input:focus { border-color: #1C6758; box-shadow: 0 0 0 3px rgba(28, 103, 88, 0.2); } /* Фокус - темно-зеленый */
+            body.dark-mode #search-input:focus { border-color: #3D8361; box-shadow: 0 0 0 3px rgba(61, 131, 97, 0.3); } /* Фокус в темной теме */
+            .category-filter { padding: 8px 16px; border: 1px solid #d1e7dd; border-radius: 20px; background-color: #fff; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); font-size: 0.9rem; font-weight: 400; color: #1C6758; } /* Цвет текста кнопки фильтра */
+            body.dark-mode .category-filter { background-color: #253f37; border-color: #2c4a41; color: #97b7ae; }
+            .category-filter.active, .category-filter:hover { background-color: #1C6758; color: white; border-color: #1C6758; box-shadow: 0 2px 10px rgba(28, 103, 88, 0.3); } /* Активный/ховер фильтр - темно-зеленый */
+            body.dark-mode .category-filter.active, body.dark-mode .category-filter:hover { background-color: #3D8361; border-color: #3D8361; color: #1a2b26; box-shadow: 0 2px 10px rgba(61, 131, 97, 0.4); } /* Активный/ховер в темной теме */
+
+            /* Сетка товаров */
             .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; padding: 10px; }
             @media (min-width: 600px) { .products-grid { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); } }
-            .product { background: #fff; border-radius: 15px; padding: 0; /* Убираем основной padding */ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
-            body.dark-mode .product { background: #2d3748; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); }
+            .product { background: #fff; border-radius: 15px; padding: 0; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; height: 100%; border: 1px solid #e1f0e9;}
+            body.dark-mode .product { background: #253f37; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); border-color: #2c4a41; }
             .product:hover { transform: translateY(-5px) scale(1.02); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12); }
             body.dark-mode .product:hover { box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); }
-            .product-image { width: 100%; aspect-ratio: 1 / 1; /* Делаем квадратным */ background-color: #fff; border-radius: 10px 10px 0 0; /* Скругление только сверху */ overflow: hidden; display: flex; justify-content: center; align-items: center; margin-bottom: 0; /* Убираем отступ снизу */ }
+            .product-image { width: 100%; aspect-ratio: 1 / 1; background-color: #fff; border-radius: 10px 10px 0 0; overflow: hidden; display: flex; justify-content: center; align-items: center; margin-bottom: 0; }
             .product-image img { max-width: 100%; max-height: 100%; object-fit: contain; transition: transform 0.3s ease; }
             .product-image img:hover { transform: scale(1.08); }
-            .product-info { padding: 15px; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; /* Центрируем контент */ }
-            .product h2 { font-size: 1.1rem; font-weight: 600; margin: 0 0 8px 0; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; }
-            body.dark-mode .product h2 { color: #e2e8f0; }
-            .product-price { font-size: 1.2rem; color: #e53e3e; font-weight: 700; text-align: center; margin: 5px 0; }
-            body.dark-mode .product-price { color: #fc8181; }
-            .product-description { font-size: 0.85rem; color: #718096; text-align: center; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-            body.dark-mode .product-description { color: #a0aec0; }
-            .product-actions { padding: 0 15px 15px 15px; /* Отступы только для кнопок */ display: flex; flex-direction: column; gap: 8px; }
-            .product-button { display: block; width: 100%; padding: 10px; border: none; border-radius: 8px; background-color: #e53e3e; color: white; font-size: 0.9rem; font-weight: 500; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); text-align: center; text-decoration: none; }
-            .product-button:hover { background-color: #c53030; box-shadow: 0 4px 15px rgba(197, 48, 48, 0.4); transform: translateY(-2px); }
+            .product-info { padding: 15px; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; }
+            .product h2 { font-size: 1.1rem; font-weight: 600; margin: 0 0 8px 0; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #2d332f; }
+            body.dark-mode .product h2 { color: #c8d8d3; }
+            .product-price { font-size: 1.2rem; color: #1C6758; font-weight: 700; text-align: center; margin: 5px 0; } /* Цена - темно-зеленая */
+            body.dark-mode .product-price { color: #55a683; } /* Цена в темной теме */
+            .product-description { font-size: 0.85rem; color: #7a8d85; text-align: center; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+            body.dark-mode .product-description { color: #8aa39a; }
+            .product-actions { padding: 0 15px 15px 15px; display: flex; flex-direction: column; gap: 8px; }
+            .product-button { display: block; width: 100%; padding: 10px; border: none; border-radius: 8px; background-color: #1C6758; color: white; font-size: 0.9rem; font-weight: 500; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); text-align: center; text-decoration: none; } /* Кнопка - темно-зеленая */
+            .product-button:hover { background-color: #164B41; box-shadow: 0 4px 15px rgba(22, 75, 65, 0.4); transform: translateY(-2px); } /* Ховер кнопки - еще темнее зеленый */
             .product-button i { margin-right: 5px; }
-            .add-to-cart { background-color: #38a169; } /* Зеленый для корзины */
+
+            /* Стили корзины */
+            .add-to-cart { background-color: #38a169; } /* Зеленый для корзины (можно оставить) */
             .add-to-cart:hover { background-color: #2f855a; box-shadow: 0 4px 15px rgba(47, 133, 90, 0.4); }
-            #cart-button { position: fixed; bottom: 25px; right: 25px; background-color: #e53e3e; color: white; border: none; border-radius: 50%; width: 55px; height: 55px; font-size: 1.5rem; cursor: pointer; display: none; /* Скрыта по умолчанию */ align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(229, 62, 62, 0.4); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1000; }
-             #cart-button .fa-shopping-cart { margin-right: 0; } /* Убрать отступ у иконки */
-             #cart-button span { position: absolute; top: -5px; right: -5px; background-color: #38a169; color: white; border-radius: 50%; padding: 2px 6px; font-size: 0.7rem; font-weight: bold; }
+            #cart-button { position: fixed; bottom: 25px; right: 25px; background-color: #1C6758; color: white; border: none; border-radius: 50%; width: 55px; height: 55px; font-size: 1.5rem; cursor: pointer; display: none; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(28, 103, 88, 0.4); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1000; } /* Плавающая кнопка - темно-зеленая */
+             #cart-button .fa-shopping-cart { margin-right: 0; }
+             #cart-button span { position: absolute; top: -5px; right: -5px; background-color: #38a169; color: white; border-radius: 50%; padding: 2px 6px; font-size: 0.7rem; 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.6); backdrop-filter: blur(5px); overflow-y: auto; }
-            .modal-content { background: #fff; margin: 5% auto; padding: 25px; border-radius: 15px; width: 90%; max-width: 700px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); animation: slideIn 0.3s ease-out; position: relative; }
-            body.dark-mode .modal-content { background: #2d3748; color: #e2e8f0; }
+            .modal-content { background: #f8fcfb; margin: 5% auto; padding: 25px; border-radius: 15px; width: 90%; max-width: 700px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); animation: slideIn 0.3s ease-out; position: relative; }
+            body.dark-mode .modal-content { background: #253f37; color: #c8d8d3; }
             @keyframes slideIn { from { transform: translateY(-30px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
             .close { position: absolute; top: 15px; right: 15px; font-size: 1.8rem; color: #aaa; cursor: pointer; transition: color 0.3s; line-height: 1; }
             .close:hover { color: #333; }
-            body.dark-mode .close { color: #718096; }
-            body.dark-mode .close:hover { color: #cbd5e0; }
-            .modal-content h2 { margin-top: 0; margin-bottom: 20px; color: #e53e3e; display: flex; align-items: center; gap: 10px;}
-             body.dark-mode .modal-content h2 { color: #fc8181; }
-            .cart-item { display: grid; grid-template-columns: auto 1fr auto auto; gap: 15px; align-items: center; padding: 15px 0; border-bottom: 1px solid #eee; }
-            body.dark-mode .cart-item { border-bottom-color: #4a5568; }
+            body.dark-mode .close { color: #7a8d85; }
+            body.dark-mode .close:hover { color: #b0c8c1; }
+            .modal-content h2 { margin-top: 0; margin-bottom: 20px; color: #1C6758; display: flex; align-items: center; gap: 10px;} /* Заголовок модалки - темно-зеленый */
+             body.dark-mode .modal-content h2 { color: #55a683; } /* Заголовок модалки в темной теме */
+            .cart-item { display: grid; grid-template-columns: auto 1fr auto auto; gap: 15px; align-items: center; padding: 15px 0; border-bottom: 1px solid #d1e7dd; }
+            body.dark-mode .cart-item { border-bottom-color: #2c4a41; }
              .cart-item:last-child { border-bottom: none; }
             .cart-item img { width: 60px; height: 60px; object-fit: contain; border-radius: 8px; background-color: #fff; padding: 5px; grid-column: 1; }
              .cart-item-details { grid-column: 2; }
              .cart-item-details strong { display: block; margin-bottom: 5px; }
-             .cart-item-price { font-size: 0.9rem; color: #555; }
-             body.dark-mode .cart-item-price { color: #a0aec0; }
+             .cart-item-price { font-size: 0.9rem; color: #44524c; }
+             body.dark-mode .cart-item-price { color: #8aa39a; }
              .cart-item-total { font-weight: bold; text-align: right; grid-column: 3; }
-             .cart-item-remove { grid-column: 4; background:none; border:none; color:#f56565; cursor:pointer; font-size: 1.3em; padding: 5px; line-height: 1; }
+             .cart-item-remove { grid-column: 4; background:none; border:none; color:#f56565; cursor:pointer; font-size: 1.3em; padding: 5px; line-height: 1; } /* Удаление - красный */
              .cart-item-remove:hover { color: #c53030; }
-            .quantity-input, .color-select { width: 100%; max-width: 180px; padding: 10px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 1rem; margin: 10px 0; box-sizing: border-box; }
-             body.dark-mode .quantity-input, body.dark-mode .color-select { background-color: #1a202c; border-color: #4a5568; color: #e2e8f0; }
-            .cart-summary { margin-top: 20px; text-align: right; border-top: 1px solid #eee; padding-top: 15px; }
-            body.dark-mode .cart-summary { border-top-color: #4a5568; }
+            .quantity-input, .color-select { width: 100%; max-width: 180px; padding: 10px; border: 1px solid #d1e7dd; border-radius: 8px; font-size: 1rem; margin: 10px 0; box-sizing: border-box; }
+             body.dark-mode .quantity-input, body.dark-mode .color-select { background-color: #1a2b26; border-color: #2c4a41; color: #c8d8d3; }
+            .cart-summary { margin-top: 20px; text-align: right; border-top: 1px solid #d1e7dd; padding-top: 15px; }
+            body.dark-mode .cart-summary { border-top-color: #2c4a41; }
             .cart-summary strong { font-size: 1.2rem; }
             .cart-actions { margin-top: 25px; display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
              .cart-actions .product-button { width: auto; flex-grow: 1; } /* Кнопки растягиваются */
-            .clear-cart { background-color: #718096; }
-            .clear-cart:hover { background-color: #4a5568; box-shadow: 0 4px 15px rgba(74, 85, 104, 0.4); }
-            .order-button { background-color: #38a169; }
+            .clear-cart { background-color: #7a8d85; } /* Кнопка очистки - серо-зеленый */
+            .clear-cart:hover { background-color: #5e6e68; box-shadow: 0 4px 15px rgba(94, 110, 104, 0.4); }
+            .order-button { background-color: #38a169; } /* Кнопка заказа остается ярко-зеленой */
             .order-button:hover { background-color: #2f855a; box-shadow: 0 4px 15px rgba(47, 133, 90, 0.4); }
-            .notification { position: fixed; bottom: 80px; left: 50%; transform: translateX(-50%); background-color: #38a169; color: white; padding: 10px 20px; border-radius: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.2); z-index: 1002; opacity: 0; transition: opacity 0.5s ease; font-size: 0.9rem;}
+
+            /* Уведомления и сообщения */
+            .notification { position: fixed; bottom: 80px; left: 50%; transform: translateX(-50%); background-color: #38a169; color: white; padding: 10px 20px; border-radius: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.2); z-index: 1002; opacity: 0; transition: opacity 0.5s ease; font-size: 0.9rem;} /* Ув��домление - ярко-зеленое */
             .notification.show { opacity: 1;}
-            .no-results-message { grid-column: 1 / -1; text-align: center; padding: 40px; font-size: 1.1rem; color: #777; }
-            body.dark-mode .no-results-message { color: #a0aec0; }
+            .no-results-message { grid-column: 1 / -1; text-align: center; padding: 40px; font-size: 1.1rem; color: #5e6e68; }
+            body.dark-mode .no-results-message { color: #8aa39a; }
         </style>
     </head>
     <body>
@@ -766,15 +777,17 @@ def catalog():
                     return;
                 }
                 let total = 0;
-                let orderText = "Новый Заказ от Soola Cosmetics:%0A%0A";
+                let orderText = "Новый Заказ от Soola Cosmetics:%0A%0A"; // Заголовок
                 cart.forEach((item, index) => {
                     const itemTotal = item.price * item.quantity;
                     total += itemTotal;
                     const colorText = item.color !== 'N/A' ? ` (Цвет: ${item.color})` : '';
+                    // Форматирование строки заказа
                     orderText += `${index + 1}. ${item.name}${colorText} - ${item.price.toFixed(2)} ${currencyCode} × ${item.quantity} = ${itemTotal.toFixed(2)} ${currencyCode}%0A`;
                 });
-                orderText += `%0A*Итого: ${total.toFixed(2)} ${currencyCode}*%0A%0A`;
+                orderText += `%0A*Итого: ${total.toFixed(2)} ${currencyCode}*%0A%0A`; // Итоговая сумма
 
+                // Информация о пользователе, если авторизован
                 const userInfo = {{ session.get('user_info', {})|tojson }};
                 if (userInfo && userInfo.login) {
                      orderText += `Заказчик: ${userInfo.get('first_name', '')} ${userInfo.get('last_name', '')}%0A`;
@@ -787,13 +800,14 @@ def catalog():
 
                 // Добавляем текущую дату и время
                 const now = new Date();
-                const dateTimeString = now.toLocaleString('ru-RU');
+                const dateTimeString = now.toLocaleString('ru-RU'); // Формат даты/времени
                 orderText += `%0AДата заказа: ${dateTimeString}`;
 
-
-                // Номер WhatsApp - убедитесь, что он правильный
-                const whatsappNumber = "996555360556";
-                const whatsappUrl = `https://api.whatsapp.com/send?phone=${whatsappNumber}&text=${encodeURIComponent(orderText)}`; // Используем encodeURIComponent для текста
+                // *** ИЗМЕНЕНО: Новый номер WhatsApp ***
+                const whatsappNumber = "996997703090"; // Указываем номер без '+' и пробелов
+                // Формируем URL для WhatsApp API
+                const whatsappUrl = `https://api.whatsapp.com/send?phone=${whatsappNumber}&text=${encodeURIComponent(orderText)}`;
+                // Открываем WhatsApp в новой вкладке
                 window.open(whatsappUrl, '_blank');
             }
 
@@ -908,9 +922,6 @@ def catalog():
         currency_code=CURRENCY_CODE
     )
 
-# --- Остальные маршруты (product_detail, login, auto_login, logout, admin, force_upload, force_download) ---
-# --- Код для этих маршрутов остается таким же, как в предыдущем ответе ---
-# --- ... (включая LOGIN_TEMPLATE и admin_html) ... ---
 
 @app.route('/product/<int:index>')
 def product_detail(index):
@@ -924,10 +935,11 @@ def product_detail(index):
         logging.warning(f"Попытка доступа к несуществующему продукту с индексом {index}")
         return "Товар не найден", 404
 
+    # HTML для деталей продукта с темно-зелеными акцентами
     detail_html = '''
     {# Используем Jinja комментарий #}
     <div style="padding: 10px;">
-        <h2 style="font-size: 1.6rem; font-weight: 600; margin-bottom: 15px; text-align: center; color: #e53e3e;">{{ product['name'] }}</h2>
+        <h2 style="font-size: 1.6rem; font-weight: 600; margin-bottom: 15px; text-align: center; color: #1C6758;">{{ product['name'] }}</h2> {# Темно-зеленый заголовок #}
         {# Swiper Slider for Photos #}
         <div class="swiper-container" style="max-width: 450px; margin: 0 auto 20px; border-radius: 10px; overflow: hidden; background-color: #fff;">
             <div class="swiper-wrapper">
@@ -950,8 +962,8 @@ def product_detail(index):
             {# Элементы управления Swiper (показываем только если фото больше 1) #}
             {% if product.get('photos') and product['photos']|length > 1 %}
             <div class="swiper-pagination" style="position: relative; bottom: 5px;"></div>
-            <div class="swiper-button-next" style="color: #e53e3e;"></div>
-            <div class="swiper-button-prev" style="color: #e53e3e;"></div>
+            <div class="swiper-button-next" style="color: #1C6758;"></div> {# Темно-зеленые стрелки #}
+            <div class="swiper-button-prev" style="color: #1C6758;"></div> {# Темно-зеленые стрелки #}
             {% endif %}
         </div>
 
@@ -959,9 +971,9 @@ def product_detail(index):
         <div style="margin-top: 20px; font-size: 1rem; line-height: 1.7;">
             <p><strong>Категория:</strong> {{ product.get('category', 'Без категории') }}</p>
             {% if is_authenticated %}
-                <p style="font-size: 1.2rem; font-weight: bold; color: #e53e3e;"><strong>Цена:</strong> {{ "%.2f"|format(product['price']) }} {{ currency_code }}</p>
+                <p style="font-size: 1.2rem; font-weight: bold; color: #1C6758;"><strong>Цена:</strong> {{ "%.2f"|format(product['price']) }} {{ currency_code }}</p> {# Темно-зеленая цена #}
             {% else %}
-                <p><strong>Цена:</strong> <a href="{{ url_for('login') }}" style="color: #3b82f6; text-decoration: underline;">Доступна после входа</a></p>
+                <p><strong>Цена:</strong> <a href="{{ url_for('login') }}" style="color: #3D8361; text-decoration: underline;">Доступна после входа</a></p> {# Средне-зеленая ссылка #}
             {% endif %}
             {# Используем safe фильтр для рендеринга <br> тегов из описания #}
             <p><strong>Описание:</strong><br> {{ product.get('description', 'Описание отсутствует.')|replace('\n', '<br>')|safe }}</p>
@@ -982,7 +994,7 @@ def product_detail(index):
 
 # --- Маршруты аутентификации ---
 
-# Шаблон для страницы входа
+# Шаблон для страницы входа с темно-зелеными акцентами
 LOGIN_TEMPLATE = '''
 <!DOCTYPE html>
 <html lang="ru">
@@ -992,16 +1004,16 @@ LOGIN_TEMPLATE = '''
     <title>Вход - Soola Cosmetics</title>
     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
     <style>
-        body { font-family: 'Poppins', sans-serif; background: linear-gradient(135deg, #fce3e3, #ffebeb); display: flex; justify-content: center; align-items: center; min-height: 100vh; padding: 20px; }
+        body { font-family: 'Poppins', sans-serif; background: linear-gradient(135deg, #d1e7dd, #e9f5f0); display: flex; justify-content: center; align-items: center; min-height: 100vh; padding: 20px; } /* Светло-зеленый градиент */
         .container { max-width: 400px; width: 100%; background: #fff; padding: 30px 40px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); text-align: center; }
-        h2 { color: #e53e3e; margin-bottom: 25px; font-weight: 600; }
-        label { display: block; text-align: left; margin: 15px 0 5px; font-weight: 500; color: #555; }
-        input[type="text"], input[type="password"] { width: 100%; padding: 12px; margin-bottom: 15px; border: 1px solid #ddd; border-radius: 8px; box-sizing: border-box; font-size: 1rem; }
-        input:focus { border-color: #e53e3e; outline: none; box-shadow: 0 0 0 2px rgba(229, 62, 62, 0.2); }
-        button { width: 100%; padding: 12px; background-color: #e53e3e; color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 1rem; font-weight: 600; transition: background-color 0.3s ease; margin-top: 10px; }
-        button:hover { background-color: #c53030; }
-        .error { color: #c53030; background-color: #ffebeb; border: 1px solid #f5c6cb; padding: 10px; border-radius: 8px; margin-bottom: 15px; font-size: 0.9rem; text-align: left;}
-        .back-link { display: inline-block; margin-top: 20px; color: #3b82f6; text-decoration: none; font-size: 0.9rem; }
+        h2 { color: #1C6758; margin-bottom: 25px; font-weight: 600; } /* Темно-зеленый заголовок */
+        label { display: block; text-align: left; margin: 15px 0 5px; font-weight: 500; color: #44524c; }
+        input[type="text"], input[type="password"] { width: 100%; padding: 12px; margin-bottom: 15px; border: 1px solid #c4d9d1; border-radius: 8px; box-sizing: border-box; font-size: 1rem; }
+        input:focus { border-color: #1C6758; outline: none; box-shadow: 0 0 0 2px rgba(28, 103, 88, 0.2); } /* Фокус - темно-зеленый */
+        button { width: 100%; padding: 12px; background-color: #1C6758; color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 1rem; font-weight: 600; transition: background-color 0.3s ease; margin-top: 10px; } /* Кнопка - темно-зеленая */
+        button:hover { background-color: #164B41; } /* Ховер кнопки - темнее */
+        .error { color: #721c24; background-color: #f8d7da; border: 1px solid #f5c6cb; padding: 10px; border-radius: 8px; margin-bottom: 15px; font-size: 0.9rem; text-align: left;} /* Ошибка - красный */
+        .back-link { display: inline-block; margin-top: 20px; color: #3D8361; text-decoration: none; font-size: 0.9rem; } /* Ссылка назад - средне-зеленая */
         .back-link:hover { text-decoration: underline; }
     </style>
 </head>
@@ -1125,7 +1137,7 @@ def logout():
     return logout_response_html
 
 # --- Админ-панель ---
-# Шаблон админ-панели (admin_html) остается как в предыдущем ответе
+# Шаблон админ-панели с темно-зелеными акцентами
 ADMIN_TEMPLATE = '''
     <!DOCTYPE html>
     <html lang="ru">
@@ -1136,60 +1148,70 @@ ADMIN_TEMPLATE = '''
         <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: #f4f7f6; color: #333; padding: 20px; line-height: 1.6; }
+            body { font-family: 'Poppins', sans-serif; background-color: #e9f5f0; color: #2d332f; 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 #eee; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;}
-            h1, h2, h3 { font-weight: 600; color: #e53e3e; margin-bottom: 15px; }
+            .header { padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px solid #d1e7dd; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;}
+            h1, h2, h3 { font-weight: 600; color: #1C6758; margin-bottom: 15px; } /* Темно-зеленые заголовки */
             h1 { font-size: 1.8rem; }
             h2 { font-size: 1.5rem; margin-top: 30px; display: flex; align-items: center; gap: 8px; }
-            h3 { font-size: 1.2rem; color: #c53030; margin-top: 20px; }
-             .section { margin-bottom: 30px; padding: 20px; background-color: #fdfdfe; border: 1px solid #eee; border-radius: 8px; }
+            h3 { font-size: 1.2rem; color: #164B41; margin-top: 20px; } /* Темнее зеленый для подзаголовков */
+            .section { margin-bottom: 30px; padding: 20px; background-color: #f8fcfb; border: 1px solid #d1e7dd; border-radius: 8px; }
             form { margin-bottom: 20px; }
-            label { font-weight: 500; margin-top: 10px; display: block; color: #555; font-size: 0.9rem;}
-            input[type="text"], input[type="number"], input[type="password"], textarea, select { width: 100%; padding: 10px 12px; margin-top: 5px; border: 1px solid #ddd; border-radius: 6px; font-size: 0.95rem; box-sizing: border-box; transition: border-color 0.3s ease; }
-            input:focus, textarea:focus, select:focus { border-color: #e53e3e; outline: none; box-shadow: 0 0 0 2px rgba(229, 62, 62, 0.1); }
+            label { font-weight: 500; margin-top: 10px; display: block; color: #44524c; font-size: 0.9rem;}
+            input[type="text"], input[type="number"], input[type="password"], textarea, select { width: 100%; padding: 10px 12px; margin-top: 5px; border: 1px solid #c4d9d1; border-radius: 6px; font-size: 0.95rem; box-sizing: border-box; transition: border-color 0.3s ease; }
+            input:focus, textarea:focus, select:focus { border-color: #1C6758; outline: none; box-shadow: 0 0 0 2px rgba(28, 103, 88, 0.1); } /* Фокус - темно-зеленый */
             textarea { min-height: 80px; resize: vertical; }
-             input[type="file"] { padding: 8px; background-color: #f9f9f9; cursor: pointer;}
-             input[type="file"]::file-selector-button { padding: 5px 10px; border-radius: 4px; background-color: #eee; border: 1px solid #ccc; cursor: pointer; margin-right: 10px;}
-            button, .button { padding: 10px 18px; border: none; border-radius: 6px; background-color: #e53e3e; 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: #c53030; }
+            input[type="file"] { padding: 8px; background-color: #f0f9f4; cursor: pointer; border: 1px solid #c4d9d1;}
+            input[type="file"]::file-selector-button { padding: 5px 10px; border-radius: 4px; background-color: #e0f0e9; border: 1px solid #c4d9d1; cursor: pointer; margin-right: 10px;}
+            button, .button { padding: 10px 18px; border: none; border-radius: 6px; background-color: #1C6758; 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: #164B41; } /* Ховер кнопки - темнее */
             button:active, .button:active { transform: scale(0.98); }
             button[type="submit"] { min-width: 120px; justify-content: center; }
-            .delete-button { background-color: #718096; }
-            .delete-button:hover { background-color: #4a5568; }
-             .add-button { background-color: #38a169; }
-             .add-button:hover { background-color: #2f855a; }
+            .delete-button { background-color: #f56565; } /* Удаление - красный */
+            .delete-button:hover { background-color: #e53e3e; }
+            .add-button { background-color: #38a169; } /* Добавить - ярко-зеленый */
+            .add-button:hover { background-color: #2f855a; }
             .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 #eee; }
-            .item p { margin: 5px 0; font-size: 0.9rem; color: #444; }
-            .item strong { color: #333; }
-            .item .description { font-size: 0.85rem; color: #666; 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 #e1f0e9; }
+            .item p { margin: 5px 0; font-size: 0.9rem; color: #44524c; }
+            .item strong { color: #2d332f; }
+            .item .description { font-size: 0.85rem; color: #5e6e68; max-height: 60px; overflow: hidden; text-overflow: ellipsis; }
             .item-actions { margin-top: 15px; display: flex; gap: 10px; flex-wrap: wrap; }
-            .edit-form-container { margin-top: 15px; padding: 20px; background: #f9fafb; border: 1px dashed #ddd; border-radius: 6px; display: none; /* Скрыто по умолчанию */ }
-             details { background-color: #fdfdfe; border: 1px solid #eee; border-radius: 8px; margin-bottom: 20px; }
-             details > summary { cursor: pointer; font-weight: 600; color: #4a5568; display: block; padding: 15px; border-bottom: 1px solid #eee; list-style: none; /* Убрать стандартный маркер */ position: relative; }
-             details > summary::after { content: '\\f078'; /* FontAwesome chevron-down */ font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); transition: transform 0.2s ease; }
+            /* Кнопка редактирования - основной темно-зеленый */
+            .item-actions button:not(.delete-button) { background-color: #1C6758; }
+            .item-actions button:not(.delete-button):hover { background-color: #164B41; }
+            .edit-form-container { margin-top: 15px; padding: 20px; background: #f0f9f4; border: 1px dashed #c4d9d1; border-radius: 6px; display: none; /* Скрыто по умолчанию */ }
+             details { background-color: #f8fcfb; border: 1px solid #d1e7dd; border-radius: 8px; margin-bottom: 20px; }
+             details > summary { cursor: pointer; font-weight: 600; color: #164B41; display: block; padding: 15px; border-bottom: 1px solid #d1e7dd; list-style: none; /* Убрать стандартный маркер */ position: relative; } /* Заголовок details - темнее зеленый */
+             details > summary::after { content: '\\f078'; /* FontAwesome chevron-down */ font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); transition: transform 0.2s ease; color: #1C6758; } /* Стрелка - темно-зеленая */
              details[open] > summary::after { transform: translateY(-50%) rotate(180deg); }
-             details[open] > summary { border-bottom: 1px solid #eee; }
+             details[open] > summary { border-bottom: 1px solid #d1e7dd; }
              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: #f56565; padding: 6px 10px; font-size: 0.8rem; margin-top: 0; line-height: 1; }
+             .remove-color-btn { background-color: #f56565; padding: 6px 10px; font-size: 0.8rem; margin-top: 0; line-height: 1; } /* Удалить цвет - красный */
              .remove-color-btn:hover { background-color: #e53e3e; }
-             .photo-preview img { max-width: 70px; max-height: 70px; border-radius: 5px; margin: 5px 5px 0 0; border: 1px solid #eee; object-fit: cover;}
+             /* Кнопка "Добавить поле цвета" - синяя для контраста */
+             .add-color-btn { background-color: #63b3ed; }
+             .add-color-btn:hover { background-color: #4299e1; }
+             .photo-preview img { max-width: 70px; max-height: 70px; border-radius: 5px; margin: 5px 5px 0 0; border: 1px solid #d1e7dd; object-fit: cover;}
              .sync-buttons { display: flex; gap: 10px; margin-bottom: 20px; flex-wrap: wrap; }
+             /* Кнопка "Скачать с HF" - более мягкий цвет, например, серый */
+             .download-hf-button { background-color: #7a8d85; }
+             .download-hf-button:hover { background-color: #5e6e68; }
              .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;}
-             .message.success { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb;}
-             .message.error { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb;}
+             .message.success { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb;} /* Успех - зеленый */
+             .message.error { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb;} /* Ошибка - красный */
+             .message.warning { background-color: #fff3cd; color: #856404; border: 1px solid #ffeeba; } /* Предупреждение - желтый */
         </style>
     </head>
     <body>
         <div class="container">
             <div class="header">
                 <h1><i class="fas fa-tools"></i> Админ-панель Soola Cosmetics</h1>
-                <a href="{{ url_for('catalog') }}" class="button" style="background-color: #3b82f6;"><i class="fas fa-store"></i> Перейти в каталог</a>
+                <a href="{{ url_for('catalog') }}" class="button" style="background-color: #3D8361;"><i class="fas fa-store"></i> Перейти в каталог</a> {# Средне-зеленая кнопка каталога #}
             </div>
 
              {# Сообщения об успехе/ошибке #}
@@ -1205,13 +1227,13 @@ ADMIN_TEMPLATE = '''
                 <h2><i class="fas fa-sync-alt"></i> Синхронизация с Hugging Face</h2>
                 <div class="sync-buttons">
                     <form method="POST" action="{{ url_for('force_upload') }}" style="display: inline;" onsubmit="return confirm('Вы уверены, что хотите принудительно загрузить локальные данные на сервер? Это перезапишет данные на сервере.');">
-                        <button type="submit" class="button" title="Загрузить локальные файлы на Hugging Face"><i class="fas fa-upload"></i> Загрузить на HF</button>
+                        <button type="submit" class="button" title="Загрузить локальные файлы на Hugging Face"><i class="fas fa-upload"></i> Загрузить на HF</button> {# Основная темно-зеленая кнопка #}
                     </form>
                     <form method="POST" action="{{ url_for('force_download') }}" style="display: inline;" onsubmit="return confirm('Вы уверены, что хотите принудительно скачать данные с сервера? Это перезапишет ваши локальные файлы.');">
-                        <button type="submit" class="button delete-button" title="Скачать файлы с Hugging Face (перезапишет локальные)"><i class="fas fa-download"></i> Скачать с HF</button>
+                        <button type="submit" class="button download-hf-button" title="Скачать файлы с Hugging Face (перезапишет локальные)"><i class="fas fa-download"></i> Скачать с HF</button> {# Серая кнопка #}
                     </form>
                 </div>
-                 <p style="font-size: 0.85rem; color: #666;">Резервное копирование на Hugging Face происходит автоматически каждые 30 минут, а также после каждого сохранения данных. Используйте эти кнопки для немедленной синхронизации.</p>
+                 <p style="font-size: 0.85rem; color: #5e6e68;">Резервное копирование на Hugging Face происходит автоматически каждые 30 минут, а также после каждого сохранения данных. Используйте эти кнопки для немедленной синхронизации.</p>
             </div>
 
 
@@ -1226,7 +1248,7 @@ ADMIN_TEMPLATE = '''
                                       <input type="hidden" name="action" value="add_category">
                                       <label for="add_category_name">Название новой категории:</label>
                                       <input type="text" id="add_category_name" name="category_name" required>
-                                      <button type="submit" class="add-button"><i class="fas fa-plus"></i> Добавить</button>
+                                      <button type="submit" class="add-button"><i class="fas fa-plus"></i> Добавить</button> {# Ярко-зеленая кнопка #}
                                   </form>
                               </div>
                           </details>
@@ -1240,7 +1262,7 @@ ADMIN_TEMPLATE = '''
                                  <form method="POST" style="margin: 0;" onsubmit="return confirm('Вы уверены, что хотите удалить категорию \'{{ category }}\'? Товары этой категории будут помечены как \'Без категории\'.');">
                                      <input type="hidden" name="action" value="delete_category">
                                      <input type="hidden" name="category_name" value="{{ category }}">
-                                     <button type="submit" class="delete-button" style="padding: 5px 10px; font-size: 0.8rem; margin: 0;"><i class="fas fa-trash-alt"></i></button>
+                                     <button type="submit" class="delete-button" style="padding: 5px 10px; font-size: 0.8rem; margin: 0;"><i class="fas fa-trash-alt"></i></button> {# Красная кнопка #}
                                  </form>
                              </div>
                              {% endfor %}
@@ -1272,7 +1294,7 @@ ADMIN_TEMPLATE = '''
                                     <input type="text" id="country" name="country">
                                     <label for="city">Город:</label>
                                     <input type="text" id="city" name="city">
-                                    <button type="submit" class="add-button"><i class="fas fa-save"></i> Сохранить пользователя</button>
+                                    <button type="submit" class="add-button"><i class="fas fa-save"></i> Сохранить пользователя</button> {# Ярко-зеленая кнопка #}
                                 </form>
                             </div>
                          </details>
@@ -1289,7 +1311,7 @@ ADMIN_TEMPLATE = '''
                                      <form method="POST" style="margin: 0;" onsubmit="return confirm('Вы уверены, что хотите удалить пользователя \'{{ login }}\'?');">
                                          <input type="hidden" name="action" value="delete_user">
                                          <input type="hidden" name="login" value="{{ login }}">
-                                         <button type="submit" class="delete-button"><i class="fas fa-user-slash"></i> Удалить</button>
+                                         <button type="submit" class="delete-button"><i class="fas fa-user-slash"></i> Удалить</button> {# Красная кнопка #}
                                      </form>
                                      {# Можно добавить кнопку редактирования пользователя, если нужно #}
                                  </div>
@@ -1330,12 +1352,12 @@ ADMIN_TEMPLATE = '''
                              <div id="add-color-inputs">
                                  <div class="color-input-group">
                                      <input type="text" name="colors" placeholder="Например: Розовый">
-                                     <button type="button" class="remove-color-btn" onclick="removeColorInput(this)"><i class="fas fa-times"></i></button>
+                                     <button type="button" class="remove-color-btn" onclick="removeColorInput(this)"><i class="fas fa-times"></i></button> {# Красная кнопка #}
                                  </div>
                              </div>
-                             <button type="button" class="button add-button" style="margin-top: 5px; background-color: #63b3ed;" onclick="addColorInput('add-color-inputs')"><i class="fas fa-palette"></i> Добавить поле для цвета/варианта</button>
+                             <button type="button" class="button add-color-btn" style="margin-top: 5px;" onclick="addColorInput('add-color-inputs')"><i class="fas fa-palette"></i> Добавить поле для цвета/варианта</button> {# Синяя кнопка #}
                              <br>
-                             <button type="submit" class="add-button" style="margin-top: 20px;"><i class="fas fa-save"></i> Добавить товар</button>
+                             <button type="submit" class="add-button" style="margin-top: 20px;"><i class="fas fa-save"></i> Добавить товар</button> {# Ярко-зеленая кнопка #}
                          </form>
                      </div>
                 </details>
@@ -1358,24 +1380,24 @@ ADMIN_TEMPLATE = '''
                             </div>
                             {# Информация о товаре #}
                             <div style="flex-grow: 1;">
-                                <h3 style="margin-top: 0; margin-bottom: 5px; color: #333;">{{ product['name'] }}</h3>
+                                <h3 style="margin-top: 0; margin-bottom: 5px; color: #2d332f;">{{ product['name'] }}</h3> {# Цвет текста заголовка #}
                                 <p><strong>Категория:</strong> {{ product.get('category', 'Без категории') }}</p>
                                 <p><strong>Цена:</strong> {{ "%.2f"|format(product['price']) }} {{ currency_code }}</p>
                                 <p class="description" title="{{ product.get('description', '') }}"><strong>Описание:</strong> {{ product.get('description', 'N/A')[:150] }}{% if product.get('description', '')|length > 150 %}...{% endif %}</p>
                                 {% set colors = product.get('colors', []) %}
                                 <p><strong>Цвета/Вар-ты:</strong> {{ colors|select('ne', '')|join(', ') if colors|select('ne', '')|list|length > 0 else 'Нет' }}</p>
                                 {% if product.get('photos') and product['photos']|length > 1 %}
-                                    <p style="font-size: 0.8rem; color: #666;">(Всего фото: {{ product['photos']|length }})</p>
+                                    <p style="font-size: 0.8rem; color: #5e6e68;">(Всего фото: {{ product['photos']|length }})</p>
                                 {% endif %}
                             </div>
                         </div>
 
                         <div class="item-actions">
-                            <button type="button" class="button" onclick="toggleEditForm('edit-form-{{ loop.index0 }}')"><i class="fas fa-edit"></i> Редактировать</button>
+                             <button type="button" class="button" onclick="toggleEditForm('edit-form-{{ loop.index0 }}')"><i class="fas fa-edit"></i> Редактировать</button> {# Основная темно-зеленая кнопка #}
                             <form method="POST" style="margin:0;" onsubmit="return confirm('Вы уверены, что хотите удалить товар \'{{ product['name'] }}\'?');">
                                 <input type="hidden" name="action" value="delete_product">
                                 <input type="hidden" name="index" value="{{ loop.index0 }}">
-                                <button type="submit" class="delete-button"><i class="fas fa-trash-alt"></i> Удалить</button>
+                                <button type="submit" class="delete-button"><i class="fas fa-trash-alt"></i> Удалить</button> {# Красная кнопка #}
                             </form>
                         </div>
 
@@ -1416,7 +1438,7 @@ ADMIN_TEMPLATE = '''
                                             {% if color.strip() %} {# Отображаем только не пустые #}
                                             <div class="color-input-group">
                                                 <input type="text" name="colors" value="{{ color }}">
-                                                <button type="button" class="remove-color-btn" onclick="removeColorInput(this)"><i class="fas fa-times"></i></button>
+                                                <button type="button" class="remove-color-btn" onclick="removeColorInput(this)"><i class="fas fa-times"></i></button> {# Красная кнопка #}
                                             </div>
                                             {% endif %}
                                         {% endfor %}
@@ -1424,13 +1446,13 @@ ADMIN_TEMPLATE = '''
                                          {# Добавляем одно пустое поле, если цветов нет #}
                                          <div class="color-input-group">
                                             <input type="text" name="colors" placeholder="Например: Красный">
-                                            <button type="button" class="remove-color-btn" onclick="removeColorInput(this)"><i class="fas fa-times"></i></button>
+                                            <button type="button" class="remove-color-btn" onclick="removeColorInput(this)"><i class="fas fa-times"></i></button> {# Красная кнопка #}
                                          </div>
                                      {% endif %}
                                 </div>
-                                <button type="button" class="button add-button" style="margin-top: 5px; background-color: #63b3ed;" onclick="addColorInput('edit-color-inputs-{{ loop.index0 }}')"><i class="fas fa-palette"></i> Добавить поле для цвета</button>
+                                <button type="button" class="button add-color-btn" style="margin-top: 5px;" onclick="addColorInput('edit-color-inputs-{{ loop.index0 }}')"><i class="fas fa-palette"></i> Добавить поле для цвета</button> {# Синяя кнопка #}
                                 <br>
-                                <button type="submit" class="add-button" style="margin-top: 20px;"><i class="fas fa-save"></i> Сохранить изменения</button>
+                                <button type="submit" class="add-button" style="margin-top: 20px;"><i class="fas fa-save"></i> Сохранить изменения</button> {# Ярко-зеленая кнопка #}
                             </form>
                         </div>
                     </div>
@@ -1456,10 +1478,10 @@ ADMIN_TEMPLATE = '''
                 if (container) {
                     const newInputGroup = document.createElement('div');
                     newInputGroup.className = 'color-input-group';
-                    newInputGroup.innerHTML = \`
+                    newInputGroup.innerHTML = `
                         <input type="text" name="colors" placeholder="Новый цвет/вариант">
                         <button type="button" class="remove-color-btn" onclick="removeColorInput(this)"><i class="fas fa-times"></i></button>
-                    \`;
+                    `;
                     container.appendChild(newInputGroup);
                     // Установить фокус на новый инпут
                     const newInput = newInputGroup.querySelector('input[name="colors"]');
@@ -1493,7 +1515,11 @@ def admin():
     """Админ-панель для управления товарами, категориями и пользователями."""
     # Здесь должна быть проверка прав администратора!
     # Пример: if session.get('user') != 'admin_login': return "Доступ запрещен", 403
-    # Для простоты пока опускаем
+    # Для простоты пока опускаем (В ПРОДАВКШЕНЕ ОБЯЗАТЕЛЬНО ДОБАВИТЬ!)
+    if not session.get('user'): # Простейшая проверка - залогинен ли хоть кто-то
+        flash("Требуется вход для доступа к админ-панели.", 'warning')
+        return redirect(url_for('login'))
+    # TODO: Добавить более строгую проверку роли администратора, если пользователей много
 
     data = load_data()
     products = data.get('products', [])
@@ -1594,6 +1620,13 @@ def admin():
                                 flash(f"Ошибка при загрузке фото {photo.filename}.", 'error')
                         elif photo and not photo.filename:
                              logging.warning("Получен пустой объект файла фото при добавлении товара.")
+                    # Удаляем временную папку, если она пуста
+                    try:
+                         if not os.listdir(uploads_dir):
+                             os.rmdir(uploads_dir)
+                    except OSError as e:
+                        logging.warning(f"Не удалось удалить временную папку {uploads_dir}: {e}")
+
 
                 new_product = {
                     'name': name, 'price': price, 'description': description,
@@ -1670,11 +1703,34 @@ def admin():
                             except Exception as e:
                                 logging.error(f"Ошибка загрузки нового фото {photo.filename}: {e}", exc_info=True)
                                 flash(f"Ошибка при загрузке нового фото {photo.filename}.", 'error')
+                     # Удаляем временную папку, если она пуста
+                    try:
+                         if not os.listdir(uploads_dir):
+                             os.rmdir(uploads_dir)
+                    except OSError as e:
+                        logging.warning(f"Не удалось удалить временную папку {uploads_dir}: {e}")
 
                     # Если были успешно загружены новые фото, заменяем старый список
                     if new_photos_list:
                         logging.info(f"Список фото для товара {product_to_edit['name']} обновлен.")
                          # TODO: Удалить старые фото с HF? Это сложнее, требует хранения списка старых фото.
+                        # ----- Начало: Опциональное удаление старых фото ----
+                        old_photos = product_to_edit.get('photos', [])
+                        if old_photos:
+                            logging.info(f"Попытка удаления старых фото: {old_photos}")
+                            try:
+                                api.delete_files(
+                                    repo_id=REPO_ID,
+                                    paths_in_repo=[f"photos/{p}" for p in old_photos],
+                                    repo_type="dataset",
+                                    token=HF_TOKEN_WRITE,
+                                    commit_message=f"Delete old photos for product {product_to_edit['name']}"
+                                )
+                                logging.info(f"Старые фото для товара {product_to_edit['name']} удалены с HF.")
+                            except Exception as e:
+                                logging.error(f"Ошибка при удалении старых фото {old_photos} с HF: {e}", exc_info=True)
+                                flash("Не удалось удалить старые фотографии с сервера.", "warning")
+                        # ----- Конец: Опциональное удаление старых фото -----
                         product_to_edit['photos'] = new_photos_list
                         flash("Фотографии товара успешно обновлены.", "success")
                     elif uploaded_count == 0 and any(f.filename for f in photos_files):
@@ -1696,9 +1752,28 @@ def admin():
                     index = int(index_str)
                     if not (0 <= index < len(products)): raise IndexError("Индекс вне диапазона")
                     deleted_product = products.pop(index)
-                    # TODO: Удалить фото с HF?
-                    save_data(data)
                     product_name = deleted_product.get('name', 'N/A')
+
+                    # ----- Начало: Удаление фото с HF при удалении товара ----
+                    photos_to_delete = deleted_product.get('photos', [])
+                    if photos_to_delete and HF_TOKEN_WRITE:
+                        logging.info(f"Попытка удаления фото товара '{product_name}' с HF: {photos_to_delete}")
+                        try:
+                            api = HfApi()
+                            api.delete_files(
+                                repo_id=REPO_ID,
+                                paths_in_repo=[f"photos/{p}" for p in photos_to_delete],
+                                repo_type="dataset",
+                                token=HF_TOKEN_WRITE,
+                                commit_message=f"Delete photos for deleted product {product_name}"
+                            )
+                            logging.info(f"Фото товара '{product_name}' удалены с HF.")
+                        except Exception as e:
+                             logging.error(f"Ошибка при удалении фото {photos_to_delete} для товара '{product_name}' с HF: {e}", exc_info=True)
+                             flash(f"Не удалось удалить фото для товара '{product_name}' с сервера.", "warning")
+                    # ----- Конец: Удаление фото с HF при удалении товара ----
+
+                    save_data(data)
                     logging.info(f"Товар '{product_name}' (индекс {index}) удален.")
                     flash(f"Товар '{product_name}' удален.", 'success')
                 except (ValueError, IndexError):
@@ -1774,12 +1849,14 @@ def admin():
     )
 
 # --- Маршруты для принудительной синхронизации ---
-# Добавим flash сообщения
-from flask import flash # Убедитесь, что flash импортирован
 
 @app.route('/force_upload', methods=['POST'])
 def force_upload():
-    # Добавить проверку прав администратора
+    # TODO: Добавить проверку прав администратора
+    if not session.get('user'):
+        flash("Требуется вход для выполнения этого действия.", 'warning')
+        return redirect(url_for('login'))
+
     logging.info("Запущена принудительная загрузка данных на Hugging Face...")
     try:
         upload_db_to_hf()
@@ -1791,7 +1868,11 @@ def force_upload():
 
 @app.route('/force_download', methods=['POST'])
 def force_download():
-    # Добавить проверку прав администратора
+    # TODO: Добавить проверку прав администратора
+    if not session.get('user'):
+        flash("Требуется вход для выполнения этого действия.", 'warning')
+        return redirect(url_for('login'))
+
     logging.info("Запущено принудительное скачивание данных с Hugging Face...")
     try:
         download_db_from_hf()
@@ -1823,6 +1904,7 @@ if __name__ == '__main__':
     # debug=False для продакшена! Установите в True только для локальной разработки.
     # Использование app.run() подходит только для разработки.
     # Для продакшена используйте WSGI сервер, например, Gunicorn или Waitress.
-    # Пример с Gunicorn: gunicorn --bind 0.0.0.0:7860 your_app_file:app
-    # Пример с Waitress: waitress-serve --host 0.0.0.0 --port 7860 your_app_file:app
+    # Пример с Gunicorn: gunicorn --bind 0.0.0.0:7860 app:app
+    # Пример с Waitress: waitress-serve --host 0.0.0.0 --port 7860 app:app
     app.run(debug=False, host='0.0.0.0', port=port)
+