* Changed views to have them in the same layout

* Added Authorization

OrdersManagement/wwwroot/material.css

@@ -63429,3 +63429,89 @@ html, body {
 .e-grid .e-row.highlight-red .e-rowcell {
     background-color: #ffcccc !important;
 }
+
+.e-menu-container {
+    background-color: #bad9ff; /* Tło głównego menu */
+    border: none; /* Usunięcie domyślnego obramowania */
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Czcionka spójna z projektem */
+}
+
+/* Stylizacja elementów menu na poziomie głównym */
+.e-menu-container .e-menu .e-menu-item {
+    color: #1a3c66; /* Ciemniejszy niebieski dla kontrastu */
+    font-size: 14px; /* Rozmiar czcionki */
+    padding: 8px 16px; /* Wewnętrzne odstępy */
+    transition: background-color 0.3s ease; /* Płynne przejścia */
+}
+
+/* Stylizacja przy najechaniu (hover) */
+.e-menu-container .e-menu .e-menu-item:hover {
+    background-color: #b3d9ff; /* Jasniejsze tło przy najechaniu */
+}
+
+/* Stylizacja przy fokusie */
+.e-menu-container .e-menu .e-menu-item.e-focused {
+    background-color: #b3d9ff; /* Tło przy fokusie */
+    color: #1a3c66; /* Kolor tekstu */
+}
+
+/* Stylizacja wybranego elementu */
+.e-menu-container .e-menu .e-menu-item.e-selected {
+    background-color: #8ec6fe; /* Tło wybranego elementu */
+    color: #1a3c66; /* Kolor tekstu */
+    font-weight: 600; /* Pogrubienie dla wybranego */
+}
+
+/* Stylizacja ikon w menu */
+.e-menu-container .e-menu .e-menu-item .e-menu-icon {
+    margin-right: 8px; /* Odstęp między ikoną a tekstem */
+    color: #1a3c66; /* Kolor ikon */
+}
+
+/* Stylizacja podmenu (poziom zagnieżdżony) */
+.e-menu-container .e-menu .e-menu-item .e-ul {
+    background-color: #bad9ff; /* Tło podmenu */
+    border: 1px solid #8ec6fe; /* Delikatne obramowanie podmenu */
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Cień dla efektu unoszenia */
+}
+
+/* Elementy w podmenu */
+.e-menu-container .e-menu .e-menu-item .e-ul .e-menu-item {
+    color: #1a3c66; /* Kolor tekstu w podmenu */
+    padding: 6px 14px; /* Mniejsze odstępy w podmenu */
+}
+
+/* Hover w podmenu */
+.e-menu-container .e-menu .e-menu-item .e-ul .e-menu-item:hover {
+    background-color: #b3d9ff; /* Tło przy najechaniu w podmenu */
+}
+
+/* Fokus w podmenu */
+.e-menu-container .e-menu .e-menu-item .e-ul .e-menu-item.e-focused {
+    background-color: #b3d9ff; /* Tło przy fokusie w podmenu */
+}
+
+/* Wybrany element w podmenu */
+.e-menu-container .e-menu .e-menu-item .e-ul .e-menu-item.e-selected {
+    background-color: #8ec6fe; /* Tło wybranego elementu w podmenu */
+    color: #1a3c66;
+    font-weight: 600;
+}
+
+/* Strzałka wskazująca podmenu */
+.e-menu-container .e-menu .e-menu-item .e-caret {
+    color: #1a3c66; /* Kolor strzałki */
+}
+
+/* Dostosowanie dla poziomego menu */
+.e-menu-container.e-horizontal .e-menu-item {
+    display: inline-block; /* Zapewnia poziomy układ */
+}
+
+/* Responsywność (opcjonalna) */
+@media (max-width: 768px) {
+    .e-menu-container .e-menu .e-menu-item {
+        font-size: 12px; /* Mniejszy tekst na urządzeniach mobilnych */
+        padding: 6px 12px;
+    }
+}