From 3ff0fa142ec56ef6073ab40209da75e6c2a6d621 Mon Sep 17 00:00:00 2001
From: SlimusMinus <moscow_city231@rambler.ru>
Date: Thu, 4 Jun 2026 00:48:27 +0300
Subject: [PATCH] added transparency for sidebar.css

---
 src/styles/sidebar.css | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/src/styles/sidebar.css b/src/styles/sidebar.css
index 4415df7..1cadf87 100644
--- a/src/styles/sidebar.css
+++ b/src/styles/sidebar.css
@@ -63,3 +63,38 @@
   transition: background .2s, transform .15s;
 }
 .f-add-promo-btn:hover { background: rgba(45,224,200,.15); transform: translateY(-1px); }
+
+.f-sidebar {
+  width: 260px; min-width: 260px;
+  background: linear-gradient(180deg, rgba(26,37,64,.82) 0%, rgba(17,24,39,.88) 100%);
+  backdrop-filter: blur(18px);
+  -webkit-backdrop-filter: blur(18px);
+  border-right: 1px solid var(--border);
+  display: flex; flex-direction: column;
+  transform: translateX(-100%);
+  transition: transform .32s cubic-bezier(.4,0,.2,1);
+  position: fixed; left: 0; top: 0; height: 100%; z-index: 50;
+}
+
+.f-right {
+  width: 220px; min-width: 220px; padding: 16px 12px;
+  border-left: 1px solid var(--border);
+  background: rgba(17,24,39,.55);
+  backdrop-filter: blur(14px);
+  -webkit-backdrop-filter: blur(14px);
+  display: flex; flex-direction: column; gap: 14px; overflow-y: auto;
+}
+
+.f-sb-logo {
+  width: 36px; height: 36px;
+  background: linear-gradient(135deg, var(--teal2), var(--teal));
+  border-radius: 10px;
+  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
+  box-shadow: 0 0 12px rgba(45,224,200,.3); /* мягкое свечение */
+}
+
+@media (max-width: 900px) {
+  .f-right {
+    display: none;
+  }
+}