Update app.py

app.py

@@ -108,7 +108,7 @@ def catalog():
             }
             body {
                 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-                background: linear-gradient(135deg, #1a3b3b, #2a5a5a);
+                background: linear-gradient(135deg, #1e4a4a, #2e6a6a);
                 color: #ffffff;
                 line-height: 1.6;
                 padding: 20px;
@@ -117,7 +117,7 @@ def catalog():
                 max-width: 1200px;
                 margin: 0 auto;
                 background: rgba(0, 0, 0, 0.1);
-                border-radius: 10px;
+                border-radius: 5px;
                 padding: 20px;
             }
             .logo {
@@ -129,12 +129,6 @@ def catalog():
             .logo img {
                 width: 50px;
                 height: 50px;
-                margin-right: 10px;
-            }
-            .logo h1 {
-                font-size: 2em;
-                color: #ffffff;
-                font-weight: 700;
             }
             .search-container {
                 text-align: center;
@@ -146,19 +140,19 @@ def catalog():
                 padding: 12px;
                 font-size: 1em;
                 border: none;
-                border-radius: 25px;
+                border-radius: 5px;
                 outline: none;
                 background-color: #ffffff;
-                color: #2a5a5a;
+                color: #2e6a6a;
                 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
             }
             #search-input::placeholder {
-                color: #2a5a5a;
+                color: #2e6a6a;
                 opacity: 0.7;
             }
             #search-input:focus {
-                border-color: #25D366;
-                box-shadow: 0 0 8px rgba(37, 211, 102, 0.5);
+                border-color: #00b4d8;
+                box-shadow: 0 0 8px rgba(0, 180, 216, 0.5);
             }
             .products-grid {
                 display: grid;
@@ -168,23 +162,22 @@ def catalog():
             }
             .product {
                 background: rgba(255, 255, 255, 0.1);
-                border-radius: 12px;
+                border-radius: 5px;
                 padding: 20px;
                 transition: transform 0.3s ease, box-shadow 0.3s ease;
                 display: flex;
                 flex-direction: column;
-                box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
-                backdrop-filter: blur(5px);
+                box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
             }
             .product:hover {
                 transform: translateY(-5px);
-                box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
+                box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
             }
             .product-image {
                 width: 200px;
                 height: 200px;
                 background-color: #ffffff;
-                border-radius: 8px;
+                border-radius: 5px;
                 margin: 0 auto 15px;
                 overflow: hidden;
                 position: relative;
@@ -212,7 +205,7 @@ def catalog():
             }
             .product-price {
                 font-size: 1.3em;
-                color: #25D366;
+                color: #00b4d8;
                 font-weight: 700;
                 margin: 10px 0;
                 text-align: center;
@@ -225,35 +218,33 @@ def catalog():
                 text-align: center;
             }
             .product-button {
-                background-color: #25D366;
+                background: linear-gradient(45deg, #00b4d8, #0096c7);
                 color: #ffffff;
                 padding: 10px 20px;
                 border: none;
-                border-radius: 25px;
+                border-radius: 5px;
                 cursor: pointer;
-                transition: background-color 0.3s ease;
+                transition: background 0.3s ease;
                 text-align: center;
                 text-decoration: none;
                 display: block;
                 margin: 5px auto;
                 font-weight: 500;
-                border: 2px solid #25D366;
             }
             .product-button:hover {
-                background-color: #20B956;
-                border-color: #20B956;
+                background: linear-gradient(45deg, #0096c7, #0086b3);
             }
             .add-to-cart {
-                background-color: #25D366;
+                background: linear-gradient(45deg, #00b4d8, #0096c7);
             }
             .add-to-cart:hover {
-                background-color: #20B956;
+                background: linear-gradient(45deg, #0096c7, #0086b3);
             }
             #cart-button {
                 position: fixed;
                 bottom: 20px;
                 right: 20px;
-                background-color: #25D366;
+                background: linear-gradient(45deg, #00b4d8, #0096c7);
                 color: #ffffff;
                 border: none;
                 border-radius: 50%;
@@ -266,7 +257,7 @@ def catalog():
                 z-index: 1000;
             }
             #cart-button:hover {
-                background-color: #20B956;
+                background: linear-gradient(45deg, #0096c7, #0086b3);
             }
             .modal {
                 display: none;
@@ -288,8 +279,7 @@ def catalog():
                 width: 80%;
                 max-width: 600px;
                 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-                border-radius: 10px;
-                backdrop-filter: blur(5px);
+                border-radius: 5px;
                 color: #ffffff;
             }
             @keyframes animatetop {
@@ -330,25 +320,23 @@ def catalog():
                 color: #ffffff;
             }
             .clear-cart {
-                background-color: #e74c3c;
+                background: linear-gradient(45deg, #e74c3c, #c0392b);
                 margin-top: 10px;
                 margin-right: 10px;
-                border-radius: 25px;
-                border: 2px solid #e74c3c;
+                border-radius: 5px;
+                border: none;
             }
             .clear-cart:hover {
-                background-color: #c0392b;
-                border-color: #c0392b;
+                background: linear-gradient(45deg, #c0392b, #a32f2f);
             }
             .order-button {
-                background-color: #25D366;
+                background: linear-gradient(45deg, #00b4d8, #0096c7);
                 margin-top: 10px;
-                border-radius: 25px;
-                border: 2px solid #25D366;
+                border-radius: 5px;
+                border: none;
             }
             .order-button:hover {
-                background-color: #20B956;
-                border-color: #20B956;
+                background: linear-gradient(45deg, #0096c7, #0086b3);
             }
             @media (max-width: 768px) {
                 body {
@@ -438,8 +426,7 @@ def catalog():
     <body>
         <div class="container">
             <div class="logo">
-                <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/47/React.svg/1200px-React.svg.png" alt="Logo">
-                <h1>Morshen Alpha</h1>
+                <img src="https://morshen-alpha-static.hf.space/file=morshen-alpha-static/logo.png" alt="Logo">
             </div>
             <div class="search-container">
                 <input type="text" id="search-input" placeholder="Поиск по названию или описанию...">
@@ -873,7 +860,7 @@ def admin():
         <style>
             body {
                 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-                background: linear-gradient(135deg, #1a3b3b, #2a5a5a);
+                background: linear-gradient(135deg, #1e4a4a, #2e6a6a);
                 color: #ffffff;
                 margin: 20px;
                 line-height: 1.6;
@@ -882,10 +869,9 @@ def admin():
                 max-width: 1200px;
                 margin: 0 auto;
                 background: rgba(255, 255, 255, 0.1);
-                border-radius: 10px;
+                border-radius: 5px;
                 padding: 20px;
-                box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
-                backdrop-filter: blur(5px);
+                box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
             }
             h1 {
                 color: #ffffff;
@@ -903,7 +889,7 @@ def admin():
                 background: rgba(255, 255, 255, 0.05);
                 padding: 20px;
                 border: 1px solid rgba(255, 255, 255, 0.2);
-                border-radius: 10px;
+                border-radius: 5px;
                 margin-bottom: 20px;
             }
             label {
@@ -928,17 +914,15 @@ def admin():
             button {
                 margin-top: 15px;
                 padding: 10px 20px;
-                background-color: #25D366;
+                background: linear-gradient(45deg, #00b4d8, #0096c7);
                 color: #ffffff;
                 border: none;
-                border-radius: 25px;
+                border-radius: 5px;
                 cursor: pointer;
-                transition: background-color 0.3s ease;
-                border: 2px solid #25D366;
+                transition: background 0.3s ease;
             }
             button:hover {
-                background-color: #20B956;
-                border-color: #20B956;
+                background: linear-gradient(45deg, #0096c7, #0086b3);
             }
             .product-list {
                 margin-top: 20px;
@@ -948,14 +932,14 @@ def admin():
                 border: 1px solid rgba(255, 255, 255, 0.2);
                 padding: 15px;
                 margin-bottom: 10px;
-                border-radius: 10px;
+                border-radius: 5px;
                 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
             }
             .edit-form {
                 margin-top: 10px;
                 padding: 10px;
                 border: 1px solid rgba(255, 255, 255, 0.2);
-                border-radius: 10px;
+                border-radius: 5px;
                 background: rgba(255, 255, 255, 0.05);
             }
             p, strong {