баги

frontend/admin/settings/css/layout.css

@@ -11,10 +11,8 @@
 /* ===== Sidebar ===== */
 .sidebar {
     width: 260px;
-    min-height: 100vh;
+    min-height: 0;
     background: var(--bg-sidebar);
-    backdrop-filter: blur(20px);
-    -webkit-backdrop-filter: blur(20px);
     border-right: 1px solid var(--bg-card-border);
     display: flex;
     flex-direction: column;
@@ -22,7 +20,7 @@
     left: 0;
     top: 0;
     bottom: 0;
-    z-index: 1000;
+    z-index: 11001;
     transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background 0.4s ease, border-color 0.4s ease, transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
 }
 
@@ -58,6 +56,20 @@
     padding: 0.75rem;
 }
 
+.sidebar-nav-container {
+    flex: 1;
+    min-height: 0;
+}
+
+.sidebar:not(.collapsed) .sidebar-nav-container {
+    overflow-y: auto;
+}
+
+.sidebar-header,
+.sidebar-footer {
+    flex-shrink: 0;
+}
+
 .nav-item {
     display: flex;
     align-items: center;
@@ -95,7 +107,6 @@
 .nav-item:hover {
     background: var(--bg-hover);
     color: var(--text-primary);
-    transform: translateX(4px);
 }
 
 .nav-item.active {
@@ -204,7 +215,7 @@
         transform: translateY(-50%) translateX(0);
     }
     
-    .sidebar.collapsed .sidebar-close-btn {
+    .sidebar.collapsed .sidebar-close-btn svg {
         transform: rotate(180deg);
     }
     
@@ -234,7 +245,7 @@
         margin-left: 74px;
     }
     
-    .main.sidebar-collapsed .menu-toggle {
+    .main.sidebar-collapsed .menu-toggle.btn {
         display: none;
     }
 }
@@ -265,7 +276,7 @@
 }
 
 /* ===== Mobile Menu Toggle ===== */
-.menu-toggle {
+.menu-toggle.btn {
     display: none;
     color: var(--text-primary);
     transition: background var(--transition);
@@ -284,7 +295,7 @@
     bottom: 0;
     background: rgba(0, 0, 0, 0.5);
     backdrop-filter: blur(2px);
-    z-index: 9;
+    z-index: 11000;
     opacity: 0;
     visibility: hidden;
     pointer-events: none;
@@ -313,7 +324,10 @@
         padding: 1.25rem;
     }
 
-    .menu-toggle,
+    .menu-toggle.btn {
+        display: inline-flex;
+    }
+
     .sidebar-overlay {
         display: block;
     }

frontend/admin/settings/css/main.css

@@ -9,8 +9,8 @@
 
 :root {
     --bg-primary: #0a0a0f;
-    --bg-sidebar: rgba(255, 255, 255, 0.02);
-    --bg-card: rgba(255, 255, 255, 0.03);
+    --bg-sidebar: #0f0f14;
+    --bg-card: #111116;
     --bg-card-border: rgba(255, 255, 255, 0.05);
     --bg-input: rgba(255, 255, 255, 0.04);
     --bg-input-focus: rgba(255, 255, 255, 0.08);
@@ -37,8 +37,8 @@
 /* ===== Светлая тема ===== */
 [data-theme="light"] {
     --bg-primary: #f8fafc;
-    --bg-sidebar: rgba(255, 255, 255, 0.7);
-    --bg-card: rgba(255, 255, 255, 0.75);
+    --bg-sidebar: #fdfefe;
+    --bg-card: #fdfefe;
     --bg-card-border: rgba(0, 0, 0, 0.08);
     --bg-input: rgba(0, 0, 0, 0.03);
     --bg-input-focus: rgba(0, 0, 0, 0.06);
@@ -86,8 +86,6 @@ body {
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    backdrop-filter: blur(12px);
-    -webkit-backdrop-filter: blur(12px);
     padding: 0;
     transition: background var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition), transform var(--transition);
     z-index: 100;
@@ -206,8 +204,6 @@ body {
     border-radius: var(--radius-sm);
     background: var(--bg-card);
     padding: 1rem;
-    backdrop-filter: blur(16px);
-    -webkit-backdrop-filter: blur(16px);
 }
 
 .settings-card-compact {