Добавил вкладку заявок

frontend/admin/css/layout.css

@@ -104,6 +104,7 @@
 }
 
 .nav-item svg {
+    flex: 0 0 auto;
     transition: transform var(--transition);
 }
 
@@ -112,6 +113,38 @@
     transform: scale(1.15) rotate(-5deg);
 }
 
+.nav-item span:not(.nav-badge) {
+    min-width: 0;
+}
+
+.nav-badge {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 22px;
+    height: 22px;
+    margin-left: auto;
+    padding: 0 0.45rem;
+    border: 1px solid rgba(248, 113, 113, 0.28);
+    border-radius: 999px;
+    background: rgba(248, 113, 113, 0.16);
+    color: #fecaca;
+    font-size: 0.72rem;
+    font-weight: 800;
+    line-height: 1;
+}
+
+.nav-badge[hidden],
+.topbar-request-badge[hidden] {
+    display: none !important;
+}
+
+[data-theme="light"] .nav-badge {
+    background: #fee2e2;
+    border-color: #fecaca;
+    color: #b91c1c;
+}
+
 .sidebar-footer {
     padding: 0.75rem;
     border-top: 1px solid var(--bg-card-border);
@@ -247,7 +280,7 @@
         display: none;
     }
     
-    .sidebar.collapsed .nav-item span,
+    .sidebar.collapsed .nav-item span:not(.nav-badge),
     .sidebar.collapsed .btn-settings span {
         position: absolute;
         left: calc(100% + 10px);
@@ -271,13 +304,13 @@
         box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
     }
 
-    [data-theme="light"] .sidebar.collapsed .nav-item span,
+    [data-theme="light"] .sidebar.collapsed .nav-item span:not(.nav-badge),
     [data-theme="light"] .sidebar.collapsed .btn-settings span {
         background: rgba(255, 255, 255, 0.95);
         box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
     }
 
-    .sidebar.collapsed .nav-item:hover span,
+    .sidebar.collapsed .nav-item:hover span:not(.nav-badge),
     .sidebar.collapsed .btn-settings:hover span {
         opacity: 1;
         visibility: visible;
@@ -298,6 +331,16 @@
         padding: 0.75rem 0;
         overflow: visible;
     }
+
+    .sidebar.collapsed .nav-badge {
+        position: absolute;
+        top: 0.35rem;
+        right: 0.35rem;
+        min-width: 18px;
+        height: 18px;
+        padding: 0 0.3rem;
+        font-size: 0.65rem;
+    }
     
     .sidebar.collapsed .btn-settings {
         justify-content: center;
@@ -333,9 +376,44 @@
     font-size: 1.3rem;
     font-weight: 700;
     letter-spacing: -0.02em;
+}
+
+.topbar-title-group {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    min-width: 0;
     flex: 1;
 }
 
+.topbar-request-badge {
+    min-height: 30px;
+    padding: 0 0.75rem;
+    border: 1px solid rgba(248, 113, 113, 0.26);
+    border-radius: 999px;
+    background: rgba(248, 113, 113, 0.13);
+    color: #fecaca;
+    font: inherit;
+    font-size: 0.8rem;
+    font-weight: 800;
+    line-height: 1;
+    cursor: pointer;
+    white-space: nowrap;
+    transition: background var(--transition), border-color var(--transition), color var(--transition), transform var(--transition);
+}
+
+.topbar-request-badge:hover {
+    transform: translateY(-1px);
+    background: rgba(248, 113, 113, 0.2);
+    border-color: rgba(248, 113, 113, 0.42);
+}
+
+[data-theme="light"] .topbar-request-badge {
+    background: #fee2e2;
+    border-color: #fecaca;
+    color: #b91c1c;
+}
+
 .content {
     padding: 1.5rem 2rem;
     display: flex;