commit 996a601807f9b5be07aebf06879d65e2ad4dc899
Author: Martinkaaa <mianess@seznam.cz>
Date:   Thu Apr 8 22:30:54 2021 +0200

    menu, login
    ref #8423

diff --git a/src/Core/Application/Leuze.Core.Application.UI/Components/Login/Form.razor b/src/Core/Application/Leuze.Core.Application.UI/Components/Login/Form.razor
new file mode 100644
index 0000000..c455ab5
--- /dev/null
+++ b/src/Core/Application/Leuze.Core.Application.UI/Components/Login/Form.razor
@@ -0,0 +1,147 @@
+﻿
+<Styled @bind-Classname="@_form">
+    width: 504px;
+    height: 357px;
+    padding-left: 200px;
+    border-left: 1px solid #EDEDED;
+    position: absolute;
+    top: calc(50% - 178.5px);
+    right: 200px;
+    @@media (max-width: 1400px)  {
+    width: 400px;
+    right: calc(50% - 200px);
+    border-left: none;
+    padding-left: 0;
+    }
+    @@media (max-width: 450px)  {
+    width: 90%;
+    position: relative;
+    top: 0;
+    right: 5%;
+    left: 5%;
+    margin-top: 150px;
+    padding-bottom: 24px;
+    height: auto;
+    }
+</Styled>
+<Styled @bind-Classname="@_row">
+    width: 100%;
+    margin-bottom: 24px;
+</Styled>
+<Styled @bind-Classname="@_label">
+    width: 100%;
+    color: #9D9D9D;
+    font-size: 14px;
+    text-transform: uppercase;
+    font-weight: 700;
+    font-family: 'Arial';
+</Styled>
+<Styled @bind-Classname="@_input">
+    width: 100%;
+    padding: 10px 12px;
+    color: #111111;
+    font-size: 16px;
+    font-weight: 700;
+    font-family: 'Arial';
+    border-radius: 8px;
+    border: 1px solid #DADADA;
+    outline: none;
+</Styled>
+<Styled @bind-Classname="@_button">
+    width: 100%;
+    padding: 12px;
+    color: #E30613;
+    font-size: 14px;
+    font-weight: 700;
+    font-family: 'Arial';
+    border-radius: 8px;
+    border: 2px solid #E30613;
+    text-transform: uppercase;
+    outline: none;
+    background-color: white;
+    margin-top: 12px;
+</Styled>
+<Styled @bind-Classname="@_or">
+    width: 100%;
+    color: #DADADA;
+    font-size: 14px;
+    font-weight: 700;
+    font-family: 'Arial';
+    text-transform: uppercase;
+    position: relative;
+    text-align: center;
+    margin: 24px 0;
+</Styled>
+<Styled Classname="@_or" PseudoClass="PseudoClasses.Before">
+    content: '';
+    width: 100%;
+    height: 1px;
+    background-color: #EDEDED;
+    left: 0;
+    top: 10px;
+    position: absolute;
+</Styled>
+<Styled @bind-Classname="@_orText">
+    background-color: white;
+    width: fit-content;
+    margin: 0 auto;
+    position: relative;
+    padding: 0 12px;
+</Styled>
+<Styled @bind-Classname="@_adWrapper">
+    width: 100%;
+    text-align: center;
+</Styled>
+<Styled @bind-Classname="@_microsoft">
+    width: 24px;
+    height: 24px;
+</Styled>
+
+<form class="@_form">
+    <div class="@_row">
+        <label class="@_label">Přihlašovací jméno</label>
+        <input class="@_input" />
+    </div>
+    <div class="@_row">
+        <label class="@_label">Heslo</label>
+        <input class="@_input" />
+    </div>
+    <button class="@_button">Přihlásit se</button>
+   
+    
+        <div class="@_or">
+            <div class="@_orText">nebo</div>
+        </div>
+        <div class="@_adWrapper">
+            <a href="MicrosoftIdentity/Account/SignIn">
+                <img class="@_microsoft" src="/Resources/Icons/microsoft-logo.svg" />
+            </a>
+        </div>
+    
+</form>
+
+@code {
+    private string _form = null!;
+    private string _row = null!;
+    private string _label = null!;
+    private string _input = null!;
+    private string _button = null!;
+    private string _or = null!;
+    private string _orText = null!;
+    private string _adWrapper = null!;
+    private string _microsoft = null!;
+
+    /// <summary>
+    /// 
+    /// </summary>
+    //public List<AuthenticationScheme> ExternalLogins { get; set; } = new();
+
+    /// <summary>
+    /// 
+    /// </summary>
+    /// <returns></returns>
+   /* protected override async Task OnInitializedAsync()
+    {
+        ExternalLogins = (await _signInManager.GetExternalAuthenticationSchemesAsync()).ToList();
+    }*/
+}
diff --git a/src/Core/Application/Leuze.Core.Application.UI/Components/Login/LeuzeLogo.razor b/src/Core/Application/Leuze.Core.Application.UI/Components/Login/LeuzeLogo.razor
new file mode 100644
index 0000000..05b2dba
--- /dev/null
+++ b/src/Core/Application/Leuze.Core.Application.UI/Components/Login/LeuzeLogo.razor
@@ -0,0 +1,19 @@
+﻿<Styled @bind-Classname="@_logo">
+    height: 57px;
+    position: absolute;
+    top: 60px;
+    left: 120px;
+    @@media (max-width: 1900px)  {
+    height: 45px;
+    }
+    @@media (max-width: 1400px)  {
+    left: auto;
+    position: relative;
+    }
+</Styled>
+
+<img class="@_logo" src="/Resources/Icons/logo.svg"/>
+
+@code {
+    private string _logo = null!;
+}
\ No newline at end of file
diff --git a/src/Core/Application/Leuze.Core.Application.UI/Components/Login/RobotIcon.razor b/src/Core/Application/Leuze.Core.Application.UI/Components/Login/RobotIcon.razor
new file mode 100644
index 0000000..2758c86
--- /dev/null
+++ b/src/Core/Application/Leuze.Core.Application.UI/Components/Login/RobotIcon.razor
@@ -0,0 +1,18 @@
+﻿<Styled @bind-Classname="@_robot">
+    height: 665px;
+    position: absolute;
+    bottom: 0;
+    left: 120px;
+    @@media (max-width: 1900px)  {
+    height: 450px;
+    }
+    @@media (max-width: 1400px)  {
+    display: none;
+    }
+</Styled>
+
+<img class="@_robot" src="/Resources/Icons/login-robot.svg" />
+
+@code {
+    private string _robot = null!;
+}
\ No newline at end of file
diff --git a/src/Core/Application/Leuze.Core.Application.UI/Leuze.Core.Application.UI.csproj b/src/Core/Application/Leuze.Core.Application.UI/Leuze.Core.Application.UI.csproj
index e6c8727..a1b6df7 100644
--- a/src/Core/Application/Leuze.Core.Application.UI/Leuze.Core.Application.UI.csproj
+++ b/src/Core/Application/Leuze.Core.Application.UI/Leuze.Core.Application.UI.csproj
@@ -12,6 +12,7 @@
     <OutputType>Library</OutputType>
     <Nullable>enable</Nullable>
     <GenerateDocumentationFile>true</GenerateDocumentationFile>
+    <UserSecretsId>79c4e93f-654e-4c0d-a708-b8be54693714</UserSecretsId>
   </PropertyGroup>
 
   <PropertyGroup Condition="'$(Configuration)|$(Platform)'=='Debug|AnyCPU'">
@@ -21,11 +22,11 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <ProjectReference Include="..\Leuze.Core.Application\Leuze.Core.Application.csproj" />
+    <PackageReference Include="BlazorStyled" Version="3.1.0" />
   </ItemGroup>
 
   <ItemGroup>
-    <Folder Include="Shared\" />
+    <ProjectReference Include="..\Leuze.Core.Application\Leuze.Core.Application.csproj" />
   </ItemGroup>
 
 </Project>
diff --git a/src/Core/Application/Leuze.Core.Application.UI/Pages/Login.razor b/src/Core/Application/Leuze.Core.Application.UI/Pages/Login.razor
new file mode 100644
index 0000000..5636f58
--- /dev/null
+++ b/src/Core/Application/Leuze.Core.Application.UI/Pages/Login.razor
@@ -0,0 +1,17 @@
+﻿@page "/Account/Login"
+@attribute [AllowAnonymous]
+@layout EmptyLayout
+<Styled>
+    @@media (max-width: 1400px)  {
+    body {
+    text-align: center !important;
+    }
+    }
+</Styled>
+<LeuzeLogo />
+<RobotIcon />
+<Form />
+
+@code {
+
+}
diff --git a/src/Core/Application/Leuze.Core.Application.UI/Shared/EmptyLayout.razor b/src/Core/Application/Leuze.Core.Application.UI/Shared/EmptyLayout.razor
new file mode 100644
index 0000000..53a4e95
--- /dev/null
+++ b/src/Core/Application/Leuze.Core.Application.UI/Shared/EmptyLayout.razor
@@ -0,0 +1,3 @@
+﻿@inherits LayoutComponentBase
+
+@Body
\ No newline at end of file
diff --git a/src/Core/Application/Leuze.Core.Application.UI/Shared/MainLayout.razor b/src/Core/Application/Leuze.Core.Application.UI/Shared/MainLayout.razor
index 2281c4f..2d81d80 100644
--- a/src/Core/Application/Leuze.Core.Application.UI/Shared/MainLayout.razor
+++ b/src/Core/Application/Leuze.Core.Application.UI/Shared/MainLayout.razor
@@ -1,17 +1,17 @@
 ﻿@inherits LayoutComponentBase
+<div class="top-row px-4">
+    <img src="Resources/Icons/logo.svg" alt="logo" style="width:111px;height:28px;">
+    <img src="Resources/Icons/sign-out.svg" style="width:18px;height:20px;">
 
-<div class="page">
-    <div class="sidebar">
-        <NavMenu />
-    </div>
-
-    <div class="main">
-        <div class="top-row px-4">
-            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
+</div>
+    <div class="page">  
+        <div class="sidebar">
+            <NavMenu />
         </div>
 
-        <div class="content px-4">
-            @Body
+        <div class="main">
+            <div class="content px-4">
+                @Body
+            </div>
         </div>
     </div>
-</div>
diff --git a/src/Core/Application/Leuze.Core.Application.UI/Shared/MainLayout.razor.css b/src/Core/Application/Leuze.Core.Application.UI/Shared/MainLayout.razor.css
index 43c355a..89973b0 100644
--- a/src/Core/Application/Leuze.Core.Application.UI/Shared/MainLayout.razor.css
+++ b/src/Core/Application/Leuze.Core.Application.UI/Shared/MainLayout.razor.css
@@ -6,17 +6,24 @@
 
 .main {
     flex: 1;
+    background: rgba(248, 248, 248, 1);
 }
 
 .sidebar {
-    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
+    background: rgba(255, 255, 255, 1) 0% 0% no-repeat padding-box;
+    border: 1px solid rgba(237, 237, 237, 1);
+    opacity: 1;
+    width: 289px;
+    top: 69px;
+    left: -1px;
 }
 
 .top-row {
-    background-color: #f7f7f7;
-    border-bottom: 1px solid #d6d5d5;
-    justify-content: flex-end;
-    height: 3.5rem;
+    background-color: rgba(255, 255, 255, 1) 0% 0% no-repeat padding-box;
+    border: 1px solid rgba(237, 237, 237, 1);
+    opacity: 1;
+    justify-content: space-between;
+    height: 72px;
     display: flex;
     align-items: center;
 }
diff --git a/src/Core/Application/Leuze.Core.Application.UI/Shared/NavMenu.razor b/src/Core/Application/Leuze.Core.Application.UI/Shared/NavMenu.razor
index 88c8e85..d4d83b9 100644
--- a/src/Core/Application/Leuze.Core.Application.UI/Shared/NavMenu.razor
+++ b/src/Core/Application/Leuze.Core.Application.UI/Shared/NavMenu.razor
@@ -1,25 +1,28 @@
-﻿<div class="top-row pl-4 navbar navbar-dark">
-    <a class="navbar-brand" href="">Leuze.App</a>
-    <button class="navbar-toggler" @onclick="ToggleNavMenu">
-        <span class="navbar-toggler-icon"></span>
-    </button>
-</div>
-
-<div class="@NavMenuCssClass" @onclick="ToggleNavMenu">
+﻿<div class="@NavMenuCssClass" @onclick="ToggleNavMenu">
     <ul class="nav flex-column">
-        <li class="nav-item px-3">
-            <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
-                <span class="oi oi-home" aria-hidden="true"></span> Home
+        <li class="nav-item">
+            <NavLink class="nav-link" href="" Match="NavLinkMatch.All"> 
+                <img src="/Resources/Icons/analytics.svg" width="13" height="11"/> Přehled
+            </NavLink>
+        </li>
+        <li class="nav-item">
+            <NavLink class="nav-link" href="goals">
+                <img src="/Resources/Icons/clipboard-list-check.svg" width="13" height="11" /> Správa cílů
+            </NavLink>
+        </li>
+        <li class="nav-item">
+            <NavLink class="nav-link" href="benefits">
+                <img src="/Resources/Icons/award.svg" width="13" height="11" /> Benefity
             </NavLink>
         </li>
-        <li class="nav-item px-3">
-            <NavLink class="nav-link" href="counter">
-                <span class="oi oi-plus" aria-hidden="true"></span> Counter
+        <li class="nav-item">
+            <NavLink class="nav-link" href="users">
+                <img src="/Resources/Icons/user.svg" width="13" height="11" /> Uživatelé
             </NavLink>
         </li>
-        <li class="nav-item px-3">
-            <NavLink class="nav-link" href="fetchdata">
-                <span class="oi oi-list-rich" aria-hidden="true"></span> Fetch data
+        <li class="nav-item">
+            <NavLink class="nav-link" href="authorization">
+                <img src="/Resources/Icons/balance-scale.svg" width="13" height="11" /> Role a práva
             </NavLink>
         </li>
     </ul>
diff --git a/src/Core/Application/Leuze.Core.Application.UI/Shared/NavMenu.razor.css b/src/Core/Application/Leuze.Core.Application.UI/Shared/NavMenu.razor.css
index acc5f9f..5eaa53b 100644
--- a/src/Core/Application/Leuze.Core.Application.UI/Shared/NavMenu.razor.css
+++ b/src/Core/Application/Leuze.Core.Application.UI/Shared/NavMenu.razor.css
@@ -16,11 +16,14 @@
     font-size: 1.1rem;
     vertical-align: text-top;
     top: -2px;
+    letter-spacing: 0px;
+    opacity: 1;
+    
 }
 
 .nav-item {
     font-size: 0.9rem;
-    padding-bottom: 0.5rem;
+    
 }
 
     .nav-item:first-of-type {
@@ -33,25 +36,26 @@
 
     .nav-item ::deep a {
         color: #d7d7d7;
-        border-radius: 4px;
         height: 3rem;
         display: flex;
         align-items: center;
         line-height: 3rem;
     }
+        .nav-item ::deep a.active {
+            background: rgba(227, 6, 19, 0.02);
+            border-left: 4px rgba(227, 6, 19, 1);
+            color: rgba(17, 17, 17, 1);
+            border-left: 4px solid rgba(227, 6, 19, 1);
+        }
 
-.nav-item ::deep a.active {
-    background-color: rgba(255,255,255,0.25);
-    color: white;
-}
-
-.nav-item ::deep a:hover {
-    background-color: rgba(255,255,255,0.1);
-    color: white;
-}
+        .nav-item ::deep a:hover:not(.active) {
+            background-color: rgba(255,255,255,0.1);
+            color: rgba(17, 17, 17, 1);
+            border-left: 4px solid rgba(227, 6, 19, 1);
+        }
 
-@media (min-width: 641px) {
-    .navbar-toggler {
+    @media (min-width: 641px) {
+        .navbar-toggler {
         display: none;
     }
 
diff --git a/src/Core/Application/Leuze.Core.Application.UI/_Imports.razor b/src/Core/Application/Leuze.Core.Application.UI/_Imports.razor
index 3d6eaf3..d28322f 100644
--- a/src/Core/Application/Leuze.Core.Application.UI/_Imports.razor
+++ b/src/Core/Application/Leuze.Core.Application.UI/_Imports.razor
@@ -6,4 +6,6 @@
 @using Microsoft.AspNetCore.Components.Web
 @using Microsoft.AspNetCore.Components.Web.Virtualization
 @using Microsoft.JSInterop
-@using Leuze.Core.Application.UI.Shared
\ No newline at end of file
+@using Leuze.Core.Application.UI.Shared
+@using Leuze.Core.Application.UI.Components.Login
+@using BlazorStyled 
\ No newline at end of file
diff --git a/src/Core/Application/Leuze.Core.Application/Configuration/Actions.cs b/src/Core/Application/Leuze.Core.Application/Configuration/Actions.cs
index 3658941..d528b01 100644
--- a/src/Core/Application/Leuze.Core.Application/Configuration/Actions.cs
+++ b/src/Core/Application/Leuze.Core.Application/Configuration/Actions.cs
@@ -1,4 +1,5 @@
-﻿using ExtCore.Infrastructure;
+﻿using BlazorStyled;
+using ExtCore.Infrastructure;
 using ExtCore.Infrastructure.Actions;
 using FluentValidation;
 using Leuze.Core.Application.Behaviors;
@@ -84,6 +85,7 @@ namespace Leuze.Core.Application.Configuration
             appSettingsSection.Bind(appSettings);
             services.Configure<AppSettings>(appSettingsSection);
 
+            services.AddBlazorStyled();
             services.AddRazorPages();
             services.AddServerSideBlazor();
         }
diff --git a/src/Core/Application/Leuze.Core.Application/Leuze.Core.Application.csproj b/src/Core/Application/Leuze.Core.Application/Leuze.Core.Application.csproj
index 2160133..16718e7 100644
--- a/src/Core/Application/Leuze.Core.Application/Leuze.Core.Application.csproj
+++ b/src/Core/Application/Leuze.Core.Application/Leuze.Core.Application.csproj
@@ -26,6 +26,7 @@
   <ItemGroup>
     <PackageReference Include="AutoMapper" Version="10.1.1" />
     <PackageReference Include="AutoMapper.Extensions.Microsoft.DependencyInjection" Version="8.1.1" />
+    <PackageReference Include="BlazorStyled" Version="3.1.0" />
     <PackageReference Include="ExtCore.Data.Abstractions" Version="6.0.0" />
     <PackageReference Include="ExtCore.Infrastructure" Version="6.0.0" />
     <PackageReference Include="ExtCore.Mvc.Infrastructure" Version="6.0.0" />
diff --git a/src/Presentation/Leuze.App/appsettings.Development.json b/src/Presentation/Leuze.App/appsettings.Development.json
index 7f01a46..9960dc7 100644
--- a/src/Presentation/Leuze.App/appsettings.Development.json
+++ b/src/Presentation/Leuze.App/appsettings.Development.json
@@ -6,7 +6,7 @@
   "AppSettings": {
     "DatabaseConnection": {
       "ConnectionString": "Server=localhost;Database=Leuze_Local;User Id=sa;Password=LeuzeDB01;",
-      "IsInMemory": false
+      "IsInMemory": true
     },
     "Encryption": {
       "Key": "GY1dGVtY9bKReyFiGap1Ba7zKbZGvZWZ",
diff --git a/src/Presentation/Leuze.App/wwwroot/Resources/Icons/analytics.svg b/src/Presentation/Leuze.App/wwwroot/Resources/Icons/analytics.svg
new file mode 100644
index 0000000..877ecbc
--- /dev/null
+++ b/src/Presentation/Leuze.App/wwwroot/Resources/Icons/analytics.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M80 352H16c-8.84 0-16 7.16-16 16v128c0 8.84 7.16 16 16 16h64c8.84 0 16-7.16 16-16V368c0-8.84-7.16-16-16-16zM64 480H32v-96h32v96zm496-288h-64c-8.84 0-16 7.16-16 16v288c0 8.84 7.16 16 16 16h64c8.84 0 16-7.16 16-16V208c0-8.84-7.16-16-16-16zm-16 288h-32V224h32v256zM502.77 88.68C510.12 93.24 518.71 96 528 96c26.51 0 48-21.49 48-48S554.51 0 528 0s-48 21.49-48 48c0 5.51 1.12 10.71 2.83 15.64l-89.6 71.68c-7.35-4.57-15.94-7.33-25.23-7.33s-17.88 2.76-25.23 7.33l-89.6-71.68C254.88 58.72 256 53.51 256 48c0-26.51-21.49-48-48-48s-48 21.49-48 48c0 7.4 1.81 14.32 4.8 20.58L68.58 164.8C62.32 161.81 55.4 160 48 160c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-7.4-1.81-14.32-4.8-20.58l96.22-96.22C193.68 94.19 200.6 96 208 96c9.29 0 17.88-2.76 25.23-7.33l89.6 71.68c-1.71 4.93-2.83 10.14-2.83 15.65 0 26.51 21.49 48 48 48s48-21.49 48-48c0-5.51-1.12-10.72-2.83-15.65l89.6-71.67zM528 32c8.82 0 16 7.18 16 16s-7.18 16-16 16-16-7.18-16-16 7.18-16 16-16zM48 224c-8.82 0-16-7.18-16-16s7.18-16 16-16 16 7.18 16 16-7.18 16-16 16zM208 64c-8.82 0-16-7.18-16-16s7.18-16 16-16 16 7.18 16 16-7.18 16-16 16zm160 128c-8.82 0-16-7.18-16-16s7.18-16 16-16 16 7.18 16 16-7.18 16-16 16zm-128 0h-64c-8.84 0-16 7.16-16 16v288c0 8.84 7.16 16 16 16h64c8.84 0 16-7.16 16-16V208c0-8.84-7.16-16-16-16zm-16 288h-32V224h32v256zm176-160h-64c-8.84 0-16 7.16-16 16v160c0 8.84 7.16 16 16 16h64c8.84 0 16-7.16 16-16V336c0-8.84-7.16-16-16-16zm-16 160h-32V352h32v128z"/></svg>
\ No newline at end of file
diff --git a/src/Presentation/Leuze.App/wwwroot/Resources/Icons/award.svg b/src/Presentation/Leuze.App/wwwroot/Resources/Icons/award.svg
new file mode 100644
index 0000000..3e52f5e
--- /dev/null
+++ b/src/Presentation/Leuze.App/wwwroot/Resources/Icons/award.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M192 95.95c-52.93 0-96 43.07-96 96s43.07 96 96 96 96-43.07 96-96-43.06-96-96-96zm0 160c-35.29 0-64-28.71-64-64s28.71-64 64-64 64 28.71 64 64-28.71 64-64 64zm175.63 16.38c14.06-14.31 19.59-35.33 14.47-54.86-6.39-24.2-6.39-20.45 0-44.69 5.13-19.52-.41-40.53-14.47-54.86-17.58-17.72-15.57-14.69-21.91-38.59-5.15-19.63-20.37-35.08-39.72-40.34-23.3-6.32-20.62-4.58-37.75-22.22-14.22-14.42-35.12-20.08-54.53-14.82-23.5 6.51-20.1 6.41-43.47 0-19.25-5.31-40.28.4-54.5 14.85-17.3 17.67-14.21 15.77-37.72 22.19-19.37 5.26-34.59 20.71-39.75 40.32-6.36 24.04-4.38 20.87-21.91 38.62C2.31 132.25-3.22 153.27 1.91 172.8c6.39 24.17 6.39 20.42 0 44.69-5.13 19.52.41 40.53 14.47 54.86 17.58 17.72 15.57 14.69 21.91 38.59 2.01 7.64 5.91 14.36 10.62 20.38L1.2 448.7c-4.31 10.57 3.51 22.04 14.79 22.04.55 0-2.91.12 53.32-2.03L105.56 507c3.22 3.4 7.42 5 11.58 5 6.17 0 12.23-3.53 14.86-9.96l52.45-129.03a23.346 23.346 0 0 1 15.11-.01L252 502.04c2.62 6.43 8.69 9.96 14.86 9.96 4.16 0 8.36-1.6 11.58-5l36.25-38.28c56.23 2.15 52.77 2.03 53.32 2.03 11.28 0 19.1-11.47 14.79-22.04l-47.7-117.37c4.71-6.02 8.61-12.74 10.62-20.37 6.36-24.06 4.38-20.89 21.91-38.64zM111.72 466.95c-22.59-23.86-16.56-17.49-29.13-30.77-18.3.7-9.45.36-42.41 1.63l35.55-87.48c.79.26 1.47.75 2.28.97 21.87 5.86 20.46 4.6 31.59 15.91 9.94 10.14 22.79 15.57 35.96 16.5l-33.84 83.24zm232.11-29.15c-32.91-1.26-24.13-.92-42.41-1.62-12.56 13.27-6.54 6.91-29.13 30.77l-33.9-83.4c13.21-.91 26.06-6.21 36.02-16.35 11.41-11.61 9.83-10.19 31.59-15.91.81-.22 1.49-.71 2.28-.96l35.55 87.47zm-29.05-134.99c-2.25 8.58-8.84 15.33-17.22 17.61-23.62 6.25-28.39 6.45-45.97 24.37-8 8.11-20.19 9.61-29.75 3.48-18.13-11.44-41.56-11.45-59.69.02-9.5 6.03-21.75 4.62-29.75-3.52-17.38-17.68-22.12-17.95-45.97-24.36-8.38-2.28-14.97-9.03-17.22-17.62-8.06-30.63-7.53-30.19-30.03-52.87-6.19-6.31-8.63-15.62-6.34-24.31 8.15-30.47 8.2-30.48 0-60.95-2.28-8.69.16-18 6.34-24.3 22.42-22.7 21.94-22.06 30.03-52.91 2.25-8.58 8.84-15.33 17.22-17.59 30.79-8.41 29.68-7.8 52.13-30.62 5.2-5.31 13.82-8.96 23.28-6.41 30.46 8.38 29.85 8.4 60.28 0 8.19-2.27 17.19.19 23.31 6.37 22.29 22.87 21.87 22.44 52.16 30.66 8.34 2.27 14.94 9.02 17.19 17.61 8.06 30.63 7.53 30.19 30.03 52.87 6.19 6.31 8.63 15.62 6.34 24.31-8.19 30.52-8.16 30.54 0 60.95 2.28 8.69-.16 18-6.34 24.3-22.41 22.71-21.94 22.06-30.03 52.91z"/></svg>
\ No newline at end of file
diff --git a/src/Presentation/Leuze.App/wwwroot/Resources/Icons/balance-scale.svg b/src/Presentation/Leuze.App/wwwroot/Resources/Icons/balance-scale.svg
new file mode 100644
index 0000000..168bd43
--- /dev/null
+++ b/src/Presentation/Leuze.App/wwwroot/Resources/Icons/balance-scale.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M634.4 279.09L525.35 103.12C522.18 98.38 517.09 96 512 96s-10.18 2.38-13.35 7.12L389.6 279.09c-3.87 5.78-6.09 12.72-5.51 19.64C389.56 364.4 444.74 416 512 416s122.44-51.6 127.91-117.27c.58-6.92-1.64-13.86-5.51-19.64zM512 384c-41.58 0-77.55-27.13-90.78-64h181.2C589 357.23 553.28 384 512 384zm-90.27-96l90.31-145.76L602.98 288H421.73zM536 480H336V125.74c27.56-7.14 48-31.95 48-61.74h152c4.42 0 8-3.58 8-8V40c0-4.42-3.58-8-8-8H374.89c-.15-.26-4.37-11.11-19.11-21.07C345.57 4.03 333.25 0 320 0s-25.57 4.03-35.78 10.93c-14.74 9.96-18.96 20.81-19.11 21.07H104c-4.42 0-8 3.58-8 8v16c0 4.42 3.58 8 8 8h152c0 29.79 20.44 54.6 48 61.74V480H104c-4.42 0-8 3.58-8 8v16c0 4.42 3.58 8 8 8h432c4.42 0 8-3.58 8-8v-16c0-4.42-3.58-8-8-8zM288 64c0-17.67 14.33-32 32-32s32 14.33 32 32-14.33 32-32 32-32-14.33-32-32zm-32.09 234.73c.58-6.92-1.64-13.86-5.51-19.64L141.35 103.12C138.18 98.38 133.09 96 128 96s-10.18 2.38-13.35 7.12L5.6 279.09c-3.87 5.78-6.09 12.72-5.51 19.64C5.56 364.4 60.74 416 128 416s122.44-51.6 127.91-117.27zM128.04 142.24L218.98 288H37.73l90.31-145.76zM37.22 320h181.2C205 357.23 169.28 384 128 384c-41.58 0-77.55-27.13-90.78-64z"/></svg>
\ No newline at end of file
diff --git a/src/Presentation/Leuze.App/wwwroot/Resources/Icons/clipboard-list-check.svg b/src/Presentation/Leuze.App/wwwroot/Resources/Icons/clipboard-list-check.svg
new file mode 100644
index 0000000..57eb6c3
--- /dev/null
+++ b/src/Presentation/Leuze.App/wwwroot/Resources/Icons/clipboard-list-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M336 64h-88.6c.4-2.6.6-5.3.6-8 0-30.9-25.1-56-56-56s-56 25.1-56 56c0 2.7.2 5.4.6 8H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM192 32c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm160 432c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16h48v20c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12V96h48c8.8 0 16 7.2 16 16v352zM112 328c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24zm168 8H168c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zm-153.8-65.6l64.2-63.6c2.1-2.1 2.1-5.5 0-7.6l-12.6-12.7c-2.1-2.1-5.5-2.1-7.6 0l-47.6 47.2-20.6-20.9c-2.1-2.1-5.5-2.1-7.6 0l-12.7 12.6c-2.1 2.1-2.1 5.5 0 7.6l37.1 37.4c1.9 2.1 5.3 2.1 7.4 0zM280 240h-77.6l-32.3 32H280c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8z"/></svg>
\ No newline at end of file
diff --git a/src/Presentation/Leuze.App/wwwroot/Resources/Icons/login-robot.svg b/src/Presentation/Leuze.App/wwwroot/Resources/Icons/login-robot.svg
new file mode 100644
index 0000000..161d82a
--- /dev/null
+++ b/src/Presentation/Leuze.App/wwwroot/Resources/Icons/login-robot.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="775.56" height="665.005" viewBox="0 0 775.56 665.005"><defs><style>.a{fill:#f5f5f5;}.b{fill:#263238;}.c{fill:#e30613;}.d,.f{opacity:0.1;}.e,.f{fill:#fff;}</style></defs><g transform="translate(0 -18.805)"><g transform="translate(0 638.531)"><ellipse class="a" cx="387.78" cy="22.64" rx="387.78" ry="22.64"/></g><g transform="translate(51.87 400.992)"><path class="b" d="M173.375,300.921c10.44-3.16,24.2,5.38,27.88,17.52,10,32.86,12.98,72.6.58,76.36s-32.26-31.3-42.22-64.16C155.935,318.481,162.955,304.081,173.375,300.921Z" transform="translate(-15.465 -272.041)"/><path class="c" d="M180.66,286.15c-42.72,0-85.46,26.78-85.46,55.72,0,78.24,34.64,167.819,85.46,167.819s85.48-89.58,85.48-167.819C266.14,312.93,223.4,286.15,180.66,286.15Z" transform="translate(-78.89 -286.15)"/><path class="d" d="M154.34,286.15a111.418,111.418,0,0,0-32.82,5.08,152.18,152.18,0,0,0,43.02,6,164.057,164.057,0,0,0,31.062-2.964,111.8,111.8,0,0,0-41.262-8.116Z" transform="translate(-52.57 -286.15)"/><path class="b" d="M113.98,304,95.2,324a295.134,295.134,0,0,0,7.78,66.5c11.42-11.82,23.3-34.7,25.36-57.06C130.52,309.6,124.48,306.98,113.98,304Z" transform="translate(-78.89 -268.3)"/><path class="c" d="M138.955,301.346c-9.54-5.26-24.76-.22-30.88,10.9-16.56,30-27.78,68.78-16.42,75.04s38-24,54.6-54C152.315,322.145,148.435,306.605,138.955,301.346Z" transform="translate(-87.045 -273.046)"/><path class="e" d="M176.95,469.1c-38.34,0-65.06-66.72-65.06-126.619,0-22,31.62-42.8,65.06-42.8s65.04,20.8,65.04,42.8C241.99,402.32,215.27,469.1,176.95,469.1Zm0-167.1c-31.66,0-62.74,20-62.74,40.48,0,58.8,25.76,124.3,62.74,124.3s62.72-65.5,62.72-124.3c0-20.42-31.08-40.48-62.72-40.48Z" transform="translate(-62.2 -272.62)"/><path class="e" d="M146.13,468.019l-2.26-.52c15.34-65.5,11.24-155.079.32-166l1.64-1.64C158.47,312.54,160.85,404.96,146.13,468.019Z" transform="translate(-30.22 -272.44)"/><path class="e" d="M129.806,366.546c.86,1.3.98,2.76.26,3.22s-2-.2-2.86-1.52-.98-2.74-.26-3.22S128.946,365.246,129.806,366.546Z" transform="translate(-47.615 -207.427)"/><path class="e" d="M132.072,370c.86,1.3.96,2.74.24,3.22s-2-.22-2.84-1.52-.98-2.76-.26-3.22S131.252,368.683,132.072,370Z" transform="translate(-45.342 -203.964)"/><path class="e" d="M133.355,366.686c.86,1.32.98,2.76.26,3.22s-2-.2-2.86-1.52-.98-2.74-.26-3.22S132.5,365.386,133.355,366.686Z" transform="translate(-44.065 -207.287)"/><path class="e" d="M135.662,370.143c.86,1.3.96,2.74.24,3.22s-2-.22-2.84-1.52-.98-2.76-.26-3.22S134.722,368.823,135.662,370.143Z" transform="translate(-41.752 -203.824)"/><path class="e" d="M134.331,373.453c.86,1.3.98,2.76.26,3.22s-2-.2-2.86-1.52-.96-2.74-.26-3.22S133.471,372.213,134.331,373.453Z" transform="translate(-43.081 -200.513)"/></g><g transform="translate(67.702 0)"><path d="M226.03,198.16c5.54-7.78,8.76-12.72,8.76-12.72l-4.4-11.38-12.16-1.12s-3.86,4.46-9.8,12c-13.5,17.06-37.68,49.82-50.82,80.9q-2.18,5.12-4,10.18c2.9-2,5.82-4.24,8.7-6.58C188.59,248.16,213.37,215.86,226.03,198.16Z" transform="translate(-36.312 1.633)"/><path class="b" d="M233.54,181.68l23.04,48s-50,70.66-101.9,86.52c36.92-32.96,70.9-90.7,70.9-90.7l-17.64-34.54Z" transform="translate(-35.242 10.373)"/><path class="c" d="M201.559,223.652c-47.32-12.46-100.96-.88-104.68,13.26-10,38.22,19.66,81.12,76,96s103.26-8,113.32-46.12C289.859,272.591,248.879,236.112,201.559,223.652Z" transform="translate(-94.961 47.041)"/><path class="d" d="M191.814,227.612c-39.7-10.44-84.7-.74-87.82,11.12-8.38,32.1,16.48,68.1,63.62,80.52s86.66-6.64,95.1-38.72C265.914,268.672,231.614,238.072,191.814,227.612Z" transform="translate(-87.536 51.861)"/><path class="b" d="M25.063-2.874c16.005,0,28.98,9.715,28.98,21.7s-12.975,21.7-28.98,21.7-28.98-9.715-28.98-21.7S9.058-2.874,25.063-2.874Z" transform="translate(27.619 334.205) rotate(-75.25)"/><path class="e" d="M108.172,264.87c-2.58,0-5.12-1.86-7.18-5.28a34.74,34.74,0,0,1-2.46-26.84c1.48-4,3.84-6.34,6.6-6.58s5.48,1.62,7.68,5.26a31.86,31.86,0,0,1,4,13.18h0a31.619,31.619,0,0,1-1.48,13.66c-1.5,4-3.84,6.34-6.6,6.58Zm-2.56-36.8h-.3c-2,.18-3.78,2.12-4.98,5.34a32.92,32.92,0,0,0,2.3,25.16c1.78,2.94,4,4.5,5.86,4.34s3.78-2.12,4.98-5.34a29.859,29.859,0,0,0,1.34-12.8h0a29.3,29.3,0,0,0-3.66-12.36C109.492,229.63,107.472,228.07,105.612,228.07Z" transform="translate(-93.014 54.842)"/><path class="e" d="M180.55,282.195a6,6,0,0,1-3.42-1.02c-4.56-3.16-3.26-12.64,2.96-21.6h0a31.7,31.7,0,0,1,9.9-9.52c3.7-2.1,7-2.38,9.28-.8s3.18,4.76,2.5,8.98a34.76,34.76,0,0,1-15.34,22.14,12.38,12.38,0,0,1-5.88,1.82Zm15.3-32a10.32,10.32,0,0,0-4.92,1.56,30,30,0,0,0-9.26,8.94h0c-5.4,7.8-6.98,16.46-3.44,18.92,1.62,1.12,4.26.8,7.24-.9a33,33,0,0,0,14.4-20.76c.54-3.4,0-6-1.7-7.1a4,4,0,0,0-2.32-.68Zm-14.98,10Z" transform="translate(-15.512 76.937)"/><path class="e" d="M143.145,255.934c-2.54,9.62-10.42,15.88-17.64,14s-11-11.26-8.46-20.88,10.44-16,17.64-14S145.745,246.294,143.145,255.934Z" transform="translate(-73.667 63.379)"/><path class="b" d="M193.194,273.383c-4,15.48-16.78,25.54-28.36,22.5s-17.68-18-13.6-33.54,16.8-25.62,28.36-22.5S197.254,257.9,193.194,273.383Z" transform="translate(-39.956 67.969)"/><path class="e" d="M15.583-1.787c9.952,0,18.02,6.044,18.02,13.5s-8.068,13.5-18.02,13.5-18.02-6.044-18.02-13.5S5.631-1.787,15.583-1.787Z" transform="translate(112.738 346.828) rotate(-75.25)"/><path class="b" d="M236.38,177.11l-52.64-8.46s-53.62,67.9-54.12,122.259c21.08-44.78,66.76-93.72,66.76-93.72l38.14,7.14Z" transform="translate(-60.302 -2.657)"/><path class="c" d="M183.184,222.995h0a25.12,25.12,0,0,1,2.42-35.32l35.14-30.64a12.46,12.46,0,0,1,17.54,1.2l16.58,19a12.5,12.5,0,0,1-1.2,17.54l-35.14,30.64a25.14,25.14,0,0,1-35.34-2.42Z" transform="translate(-12.866 -17.322)"/><path class="d" d="M29.454,17.79h25.36a9.68,9.68,0,0,1,9.68,9.68v26.4a19.5,19.5,0,0,1-19.5,19.5h-5.72a19.5,19.5,0,0,1-19.5-19.5V27.47A9.68,9.68,0,0,1,29.454,17.79Z" transform="translate(232.373 95.365) rotate(48.91)"/><path class="b" d="M201.221,212.811h0a42.66,42.66,0,0,1,20.26-56.66l71.62-33.88a21.18,21.18,0,0,1,28.12,10l18.34,38.74a21.18,21.18,0,0,1-10,28.12l-71.6,33.9a42.68,42.68,0,0,1-56.74-20.22Z" transform="translate(7.237 -51.058)"/><path class="f" d="M242.245,195.565A43.7,43.7,0,0,1,202.7,170.6a1.109,1.109,0,0,1,2-.96,41.5,41.5,0,0,0,55.18,19.74L331.5,155.5a1.109,1.109,0,1,1,.96,2l-71.62,33.88a43.52,43.52,0,0,1-18.6,4.18Z" transform="translate(12.673 -15.912)"/><path class="c" d="M50.989-5.584a61.74,61.74,0,1,1-61.74,61.74A61.74,61.74,0,0,1,50.989-5.584Z" transform="translate(272.456 129.663) rotate(-76.34)"/><path class="d" d="M47.653-1.212c27.349,0,49.52,17.085,49.52,38.16S75,75.108,47.653,75.108s-49.52-17.085-49.52-38.16S20.3-1.212,47.653-1.212Z" transform="matrix(0.052, -0.999, 0.999, 0.052, 320.241, 141.61)"/><path class="e" d="M275,194.086a29,29,0,0,1-11.38-2.46,46,46,0,0,1-20.9-18.8c-10.96-18-9.24-39.1,3.84-47.06s32.62.18,43.58,18.18,9.24,39.1-3.84,47.08A21.521,21.521,0,0,1,275,194.086Zm-17.16-70a20.14,20.14,0,0,0-10.56,2.86c-12.42,7.56-14,27.82-3.38,45.16a44.739,44.739,0,0,0,20.26,18.24c7.84,3.3,15.44,3.12,21.42-.52,12.42-7.56,14-27.82,3.38-45.16h0c-7.86-12.88-20.2-20.58-31.12-20.58Z" transform="translate(45.58 -48.593)"/><path class="e" d="M242.769,127.575a.74.74,0,0,1-.48-.2.68.68,0,0,1,0-.96.7.7,0,0,1,.76-.16.56.56,0,0,1,.22.16.68.68,0,0,1,0,.96.52.52,0,0,1-.22.14.7.7,0,0,1-.28.06Z" transform="translate(52.169 -45.102)"/><path class="e" d="M273.664,141.4a.68.68,0,0,1,.16-.96h0a.7.7,0,0,1,.96.14h0a.68.68,0,0,1-.16.96h0a.62.62,0,0,1-.4.14h0a.7.7,0,0,1-.56-.28Zm-2.68-3.32a.68.68,0,0,1,0-.96h0a.7.7,0,0,1,.98,0h0a.72.72,0,0,1,0,.98h0a.68.68,0,0,1-.46.16h0a.62.62,0,0,1-.52-.18Zm-3.04-3.12a.7.7,0,0,1,0-.98h0a.68.68,0,0,1,.96,0h0a.7.7,0,0,1,0,.98h0a.72.72,0,0,1-.5.22h0a.66.66,0,0,1-.46-.22Zm-3.3-2.74a.68.68,0,0,1-.14-.94h0a.68.68,0,0,1,.96-.16h0a.7.7,0,0,1,.14.96h0a.7.7,0,0,1-.54.28h0a.66.66,0,0,1-.38-.06Zm-3.56-2.32a.7.7,0,0,1-.26-.94h0a.7.7,0,0,1,.94-.26h0a.72.72,0,0,1,.26.94h0a.7.7,0,0,1-.6.36h0a.68.68,0,0,1-.3-.02Zm-3.82-1.84a.66.66,0,0,1-.38-.9h0a.68.68,0,0,1,.88-.38h0a.68.68,0,0,1,.38.9h0a.7.7,0,0,1-.64.44h0a.54.54,0,0,1-.2.02Zm-13.18-1.6a.66.66,0,0,1,.5-.84h0a.68.68,0,0,1,.84.48h0a.68.68,0,0,1-.5.84h-.18a.68.68,0,0,1-.62-.4Zm9.14.38a.68.68,0,0,1-.54-.82h0a.7.7,0,0,1,.82-.52h0a.68.68,0,0,1,.52.8h0a.68.68,0,0,1-.68.56h-.12Zm-4.86-1.12a.68.68,0,0,1,.68-.68h0a.7.7,0,0,1,.7.68h0a.7.7,0,0,1-.7.68h0a.68.68,0,0,1-.64-.6Z" transform="translate(54.133 -46.267)"/><path class="e" d="M260.728,135.813a.7.7,0,0,1-.5-.2.82.82,0,0,1-.22-.14.559.559,0,0,1,0-.26.62.62,0,0,1,0-.26.82.82,0,0,1,.14-.22l.22-.16a.72.72,0,0,1,.76.16.52.52,0,0,1,.14.22.62.62,0,0,1,0,.26.559.559,0,0,1,0,.26.52.52,0,0,1-.14.22A.62.62,0,0,1,260.728,135.813Z" transform="translate(70.07 -36.78)"/><path class="b" d="M280.969,185.273c2.68-15.52-1.8-39.24-9.28-51.88a8.16,8.16,0,0,1,3.64-11.54c21.22-10,55.84-11.84,89.1-6.64,38.4,6,105.16,35.06,124.72,63.1-24.88,26.62-78.22,56-79.34,91.12-26.98-43.24-70.18-69.84-121.42-74.6a8.22,8.22,0,0,1-7.42-9.56Z" transform="translate(80.649 -58.92)"/><path d="M483.607,196.884a2.22,2.22,0,0,1-1.9-1.06c-17.6-29.16-83.24-62.12-118.88-70.14-33.84-7.58-67.58-7.34-88,.68a2.223,2.223,0,1,1-1.62-4.14c21.28-8.3,56-8.64,90.64-.86,36,8,102.88,40.98,121.7,72.16a2.21,2.21,0,0,1-1.94,3.36Z" transform="translate(81.871 -55.551)"/><path class="f" d="M453.38,290.658a1.1,1.1,0,0,1-1.08-.9c-6.34-32.14-53.5-84.94-88.3-107.2-29.38-18.8-61.42-30.24-83.62-29.62a1.08,1.08,0,0,1-1.12-1.08,1.1,1.1,0,0,1,1.08-1.12c22.64-.52,55.12,10.92,84.86,30,30.9,19.78,82.28,73.2,89.26,108.66a1.1,1.1,0,0,1-.86,1.3Z" transform="translate(89.338 -20.585)"/><path class="b" d="M340.732,452.34h133.26a13.44,13.44,0,0,0,6.74-25.1c-36.58-20.84-87.02-47.1-108.96-47.1C329.032,380.14,340.732,452.34,340.732,452.34Z" transform="translate(149.346 208.831)"/><path d="M333.18,437.81c62.6-10.34,73.8-50.8,73.8-50.8l-71.58,2.96Z" transform="translate(143.258 215.701)"/><ellipse class="c" cx="113.48" cy="113.48" rx="113.48" ry="113.48" transform="translate(380.898 395.472)"/><path class="d" d="M71.366-17.326c48.247,0,87.36,33.131,87.36,74s-39.112,74-87.36,74-87.36-33.131-87.36-74S23.118-17.326,71.366-17.326Z" transform="translate(428.462 551.331) rotate(-49.95)"/><path class="e" d="M326.17,445.159c-21.24,0-38.52-31.42-38.52-70s17.28-70,38.52-70,38.52,31.44,38.52,70S347.41,445.159,326.17,445.159Zm0-138c-20,0-36.3,30.44-36.3,67.84s16.28,67.84,36.3,67.84,36.32-30.42,36.32-67.84-16.3-67.74-36.32-67.74Z" transform="translate(97.728 133.852)"/><path class="e" d="M307.46,311.6a.92.92,0,0,1-.42,0,1.1,1.1,0,0,1-.6-.6,1.14,1.14,0,0,1,0-.84,1.324,1.324,0,0,1,.24-.34.72.72,0,0,1,.36-.24,1.02,1.02,0,0,1,.84,0,1.22,1.22,0,0,1,.58.58.94.94,0,0,1,0,.84.721.721,0,0,1-.24.36,1.32,1.32,0,0,1-.34.24A1.04,1.04,0,0,1,307.46,311.6Z" transform="translate(116.438 138.176)"/><path class="e" d="M333.344,363.513h0a1.08,1.08,0,0,1,1.04-1.14h0a1.1,1.1,0,0,1,1.16,1.02h0a1.1,1.1,0,0,1-1.02,1.16h0a1.12,1.12,0,0,1-1.18-1.04Zm-.54-6.56a1.1,1.1,0,0,1,.96-1.22h0a1.1,1.1,0,0,1,1.2.98h0a1.08,1.08,0,0,1-.96,1.2h-.12a1.08,1.08,0,0,1-1.08-.96Zm-.96-6.52a1.1,1.1,0,0,1,.9-1.26h0a1.08,1.08,0,0,1,1.26.88h0a1.1,1.1,0,0,1-.88,1.28h-.18a1.14,1.14,0,0,1-1.1-.9Zm-1.34-6.44a1.1,1.1,0,0,1,.8-1.32h0a1.1,1.1,0,0,1,1.32.8h0a1.14,1.14,0,0,1-.8,1.34h-.26A1.08,1.08,0,0,1,330.5,343.993Zm-1.82-6.3a1.1,1.1,0,0,1,.72-1.38h0a1.1,1.1,0,0,1,1.38.7h0a1.1,1.1,0,0,1-.7,1.38h0a1.04,1.04,0,0,1-.34,0h0a1.1,1.1,0,0,1-1.06-.7Zm-2.28-6.14a1.1,1.1,0,0,1,.58-1.44h0a1.1,1.1,0,0,1,1.44.58h0a1.1,1.1,0,0,1-.58,1.44h0a1.08,1.08,0,0,1-.44,0h0A1.08,1.08,0,0,1,326.4,331.554Zm-2.88-5.86h0a1.14,1.14,0,0,1,.42-1.5h0a1.1,1.1,0,0,1,1.48.42h0a1.1,1.1,0,0,1-.4,1.5h0a1.08,1.08,0,0,1-.54.14h0a1.1,1.1,0,0,1-.98-.56Zm-3.56-5.42h0a1.1,1.1,0,0,1,.2-1.54h0a1.08,1.08,0,0,1,1.52.2h0a1.1,1.1,0,0,1-.2,1.54h0a1.021,1.021,0,0,1-.66.22h0a1.08,1.08,0,0,1-.88-.42Zm-4.4-4.66a1.1,1.1,0,0,1-.12-1.56h0a1.12,1.12,0,0,1,1.56-.12h0a1.12,1.12,0,0,1,0,1.56h0a1.1,1.1,0,0,1-.82.38h0a1.22,1.22,0,0,1-.64-.26Zm-5.3-3.38a1.1,1.1,0,0,1-.58-1.44h0a1.1,1.1,0,0,1,1.44-.58h0a1.1,1.1,0,0,1,.58,1.44h0a1.08,1.08,0,0,1-1.02.66h0a1.04,1.04,0,0,1-.44-.08Z" transform="translate(119.674 138.818)"/><path class="e" d="M322.66,341.735a1.558,1.558,0,0,1-.42,0,1.14,1.14,0,0,1-.36-.24.84.84,0,0,1-.22-.36.919.919,0,0,1-.1-.42,1.08,1.08,0,0,1,.1-.42.9.9,0,0,1,.22-.34,1.422,1.422,0,0,1,.36-.24,1.02,1.02,0,0,1,.84,0,1.14,1.14,0,0,1,.36.24,1.321,1.321,0,0,1,.24.34,1.1,1.1,0,0,1-.24,1.2,1.1,1.1,0,0,1-.78.24Z" transform="translate(131.638 168.316)"/><path class="b" d="M417.659,452.34H284.4a13.44,13.44,0,0,1-6.68-25.1c36.6-20.84,87.04-47.1,108.98-47.1C429.4,380.14,417.659,452.34,417.659,452.34Z" transform="translate(81.039 208.831)"/><path class="c" d="M416.22,169.85a89.874,89.874,0,0,0-8.8-16.62l1.84-1.24a93.042,93.042,0,0,1,9.02,17.02Z" transform="translate(217.498 -19.317)"/><path class="c" d="M424.88,162.75a89.74,89.74,0,0,0-41.76-27.06l.64-2.12a92,92,0,0,1,42.8,27.72Z" transform="translate(193.198 -37.737)"/><path class="c" d="M65.789-11.006a84.5,84.5,0,1,1-84.5,84.5A84.5,84.5,0,0,1,65.789-11.006Z" transform="translate(457.125 216.742) rotate(-67.51)"/><path class="d" d="M58.389-15.308c37.423,0,67.76,23.38,67.76,52.22s-30.337,52.22-67.76,52.22S-9.37,65.752-9.37,36.912,20.967-15.308,58.389-15.308Z" transform="matrix(0.779, -0.627, 0.627, 0.779, 497.687, 215.225)"/><path class="e" d="M362.182,248.313a28.88,28.88,0,0,1-8.26-1.22c-9.78-2.98-17.36-11-21.34-22.6a63.26,63.26,0,0,1,.14-38.46c8.36-27.6,31.46-45.1,51.52-39.02s29.56,33.46,21.2,61.06h0a63.3,63.3,0,0,1-21.24,32,36.52,36.52,0,0,1-22.02,8.24Zm13.84-100.62c-16.96,0-34.48,15.8-41.48,38.88a61.36,61.36,0,0,0-.16,37.3c3.78,11.02,10.92,18.62,20,21.4s19.32.42,28.58-6.64a61.48,61.48,0,0,0,20.58-31.12c8-26.58-.88-52.9-20-58.68A26.56,26.56,0,0,0,376.022,147.693Z" transform="translate(139.736 -25.5)"/><path class="e" d="M356.357,151.354a.96.96,0,0,1-.68-.28.94.94,0,0,1-.26-.66,1.14,1.14,0,0,1,0-.36,1.557,1.557,0,0,1,.2-.3.88.88,0,0,1,.32-.2.96.96,0,0,1,1.02.2.98.98,0,0,1,.2.3,1.141,1.141,0,0,1,0,.36.86.86,0,0,1-.26.66,1.44,1.44,0,0,1-.3.22,1.141,1.141,0,0,1-.24.06Z" transform="translate(165.481 -21.821)"/><path class="e" d="M370.735,196.022a.92.92,0,0,1-.72-1.12h0a.94.94,0,0,1,1.1-.72h0a.94.94,0,0,1,.74,1.12h0a.96.96,0,0,1-.94.74h-.18Zm1.04-5.86a.94.94,0,0,1-.84-1.04h0a.96.96,0,0,1,1.04-.82h0a.94.94,0,0,1,.84,1.04h0a.96.96,0,0,1-.94.84h-.1Zm.48-6a.94.94,0,0,1-.94-.94h0a.94.94,0,0,1,.96-.92h0a.92.92,0,0,1,.92.96h0a.94.94,0,0,1-.94.92Zm-1.16-6.78h0a.96.96,0,0,1,.84-1.02h0a.94.94,0,0,1,1.02.86h0a.92.92,0,0,1-.84,1.02h0a.94.94,0,0,1-1.02-.78Zm-.88-5.76a.92.92,0,0,1,.72-1.12h0a.92.92,0,0,1,1.12.72h0a.94.94,0,0,1-.72,1.12h-.2a.94.94,0,0,1-.92-.64Zm-1.6-5.58a.94.94,0,0,1,.54-1.22h0a.96.96,0,0,1,1.22.56h0a.94.94,0,0,1-.56,1.2h0a.9.9,0,0,1-.32,0h0a.9.9,0,0,1-.88-.46Zm-2.44-5.24h0a.94.94,0,0,1,.34-1.3h0a.92.92,0,0,1,1.28.36h0a.94.94,0,0,1-.34,1.28h0a.92.92,0,0,1-.46.12h0a.9.9,0,0,1-.82-.38Zm-3.36-4.66a.92.92,0,0,1,0-1.32h0a.94.94,0,0,1,1.34,0h0a.96.96,0,0,1,0,1.34h0a.94.94,0,0,1-.62.24h0a.96.96,0,0,1-.72-.18Zm-4.3-3.72h0a.94.94,0,0,1-.28-1.3h0a.92.92,0,0,1,1.3-.26h0a.96.96,0,0,1,.26,1.3h0a.98.98,0,0,1-.8.42h0a.98.98,0,0,1-.48-.08Z" transform="translate(168.163 -20.609)"/><path class="e" d="M364.218,177.194a.88.88,0,0,1-.66-.26,1.14,1.14,0,0,1-.22-.32.961.961,0,0,1,0-.36,1.14,1.14,0,0,1,0-.36,1.061,1.061,0,0,1,.22-.3.8.8,0,0,1,.3-.2.96.96,0,0,1,1.02.2.94.94,0,0,1,.28.66.959.959,0,0,1-.28.68.8.8,0,0,1-.3.2,1.141,1.141,0,0,1-.36.06Z" transform="translate(173.399 4.019)"/><path class="b" d="M369.09,453.336c-3.1-35.42-36.16-58.66-50.78-61.72,2.82-48.6,18.1-147.279,37.2-169.519,10.94,11.48,55.64-6.36,66.34-26s61.24-10.7,55.7,19.2-44.44,83.06-50.72,186.4c18.82,15.3,26.14,30.36,24.1,53.24C449.03,471.676,400.45,483.956,369.09,453.336Z" transform="translate(128.388 14.335)"/><path class="f" d="M340.255,308.164a1.1,1.1,0,0,1-.58-2c21.54-13.18,54-13.62,61.5-13a1.1,1.1,0,1,1-.18,2.2c-7.36-.6-39.14-.18-60.16,12.68a1.02,1.02,0,0,1-.58.12Z" transform="translate(149.283 121.688)"/><path d="M388.572,471.647h-.44a2.24,2.24,0,0,1-1.74-2.62c4.9-23.88-4.8-50.48-24.14-66.24a2.16,2.16,0,0,1-.82-1.84c3.6-59.24,19.32-100,33.2-135.879,10.44-27.06,19.46-50.42,21.52-76.68a2.207,2.207,0,0,1,4.4.34c-2.1,26.9-11.22,50.56-21.8,78-13.66,35.4-29.14,75.5-32.84,133.439,20,16.84,30,44.76,24.82,69.82A2.22,2.22,0,0,1,388.572,471.647Z" transform="translate(171.506 15.044)"/><path class="e" d="M197.721,206.23c-4.52,0-10.18-3.44-14.34-9.18-5.6-7.7-6.42-16.68-1.84-20,2.28-1.66,5.48-1.7,9-.16a24.52,24.52,0,0,1,9.48,8c5.58,7.7,6.4,16.66,1.82,20A6.8,6.8,0,0,1,197.721,206.23Zm-12-29.34a5.78,5.78,0,0,0-3.52,1.06c-4,2.96-3.16,11.24,2,18.44s12.82,10.64,16.9,7.68,3.16-11.24-2-18.46a23.12,23.12,0,0,0-9.02-7.68,10.779,10.779,0,0,0-4.36-1.08Z" transform="translate(-11.343 4.462)"/></g></g></svg>
\ No newline at end of file
diff --git a/src/Presentation/Leuze.App/wwwroot/Resources/Icons/logo.svg b/src/Presentation/Leuze.App/wwwroot/Resources/Icons/logo.svg
new file mode 100644
index 0000000..0968d06
--- /dev/null
+++ b/src/Presentation/Leuze.App/wwwroot/Resources/Icons/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="222.66" height="56.48" viewBox="0 0 222.66 56.48"><defs><style>.a{fill:#e30613;}</style></defs><g transform="translate(-120 -60)"><g transform="translate(120 60)"><path class="a" d="M0-85.247v27.753H37.5v-11h-25V-113H0Z" transform="translate(0 113)"/><path class="a" d="M99.846-88.281C94.6-86.981,88.9-82.43,86.6-77.68c-4.25,8.851-3,20,3.05,26.6,7.6,8.3,22.8,9.051,30.551,1.5,1.9-1.85,4.85-6.451,4.85-7.651,0-.45-1.3-.6-4.8-.6H115.4l-1.7,1.75c-3,3.1-9.2,4.05-13.2,1.95a8.975,8.975,0,0,1-4.4-6.2c-.3-1.4-.55-2.75-.55-3,0-.3,6.25-.55,15.4-.6l15.351-.15-.15-3.5c-.25-6.5-2.2-11.3-6.15-15.552-3.6-3.8-7.35-5.3-13.451-5.5A30.648,30.648,0,0,0,99.846-88.281Zm9.35,8.651a9.4,9.4,0,0,1,4.85,5.7c.9,3.3,1.4,3.15-8.85,3l-9.4-.15.1-1.65c.1-2.4,2.35-5.5,4.8-6.651A11.9,11.9,0,0,1,109.2-79.63Z" transform="translate(-42.043 100.832)"/><path class="a" d="M375.061-88C364.81-84.7,358.91-74.55,360.61-63.1c1.85,12.4,10.851,19.452,23.8,18.452a16.933,16.933,0,0,0,7.6-2.05c3.95-1.95,6.15-4.2,8.35-8.651l1.3-2.6h-5.2c-4.95,0-5.2.05-6,1.25-1.75,2.7-6.7,4.2-10.8,3.3-4.55-1-6.8-3.5-7.7-8.7l-.35-1.85h31.2l-.35-4.251c-.75-10.1-6.15-17.6-14.251-19.952A26.6,26.6,0,0,0,375.061-88Zm9.95,8.1c2.8,1.05,5.6,4.951,5.65,7.8v1.15h-9.25c-10.75,0-10.651.05-8.45-4.35,1.15-2.25,1.9-3.1,3.65-4A11.423,11.423,0,0,1,385.011-79.9Z" transform="translate(-180.152 100.953)"/><path class="a" d="M183-72.148c.2,13.9.25,15.1,1.3,17.652,2.8,7.051,11.351,11.6,20.451,10.8,6.55-.55,12.851-3.75,15.451-7.9,2.35-3.7,2.7-6.4,2.7-21.552V-87H212.4v12.6c-.05,6.951-.25,13.652-.45,14.852A7.709,7.709,0,0,1,207.4-53.6c-4.6,2.35-10.25.8-12.351-3.4-1.1-2.15-1.15-2.7-1.15-16.1V-87H182.8Z" transform="translate(-91.396 100.001)"/><path class="a" d="M278.5-82.75v4.25h10.25a101.1,101.1,0,0,1,10.25.25c0,.15-4.95,5.8-11,12.5l-11,12.2V-44.5h37.5v-9L303-53.6l-11.451-.15L302.5-66l10.95-12.251.05-4.4V-87h-35Z" transform="translate(-138.494 100.001)"/></g></g></svg>
\ No newline at end of file
diff --git a/src/Presentation/Leuze.App/wwwroot/Resources/Icons/microsoft-logo.svg b/src/Presentation/Leuze.App/wwwroot/Resources/Icons/microsoft-logo.svg
new file mode 100644
index 0000000..89f6237
--- /dev/null
+++ b/src/Presentation/Leuze.App/wwwroot/Resources/Icons/microsoft-logo.svg
@@ -0,0 +1 @@
+<svg enable-background="new 0 0 2499.6 2500" viewBox="0 0 2499.6 2500" xmlns="http://www.w3.org/2000/svg"><path d="m1187.9 1187.9h-1187.9v-1187.9h1187.9z" fill="#f1511b"/><path d="m2499.6 1187.9h-1188v-1187.9h1187.9v1187.9z" fill="#80cc28"/><path d="m1187.9 2500h-1187.9v-1187.9h1187.9z" fill="#00adef"/><path d="m2499.6 2500h-1188v-1187.9h1187.9v1187.9z" fill="#fbbc09"/></svg>
\ No newline at end of file
diff --git a/src/Presentation/Leuze.App/wwwroot/Resources/Icons/sign-out.svg b/src/Presentation/Leuze.App/wwwroot/Resources/Icons/sign-out.svg
new file mode 100644
index 0000000..057a7ba
--- /dev/null
+++ b/src/Presentation/Leuze.App/wwwroot/Resources/Icons/sign-out.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M48 64h132c6.6 0 12 5.4 12 12v8c0 6.6-5.4 12-12 12H48c-8.8 0-16 7.2-16 16v288c0 8.8 7.2 16 16 16h132c6.6 0 12 5.4 12 12v8c0 6.6-5.4 12-12 12H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48zm279 19.5l-7.1 7.1c-4.7 4.7-4.7 12.3 0 17l132 131.4H172c-6.6 0-12 5.4-12 12v10c0 6.6 5.4 12 12 12h279.9L320 404.4c-4.7 4.7-4.7 12.3 0 17l7.1 7.1c4.7 4.7 12.3 4.7 17 0l164.5-164c4.7-4.7 4.7-12.3 0-17L344 83.5c-4.7-4.7-12.3-4.7-17 0z"/></svg>
\ No newline at end of file
diff --git a/src/Presentation/Leuze.App/wwwroot/Resources/Icons/user.svg b/src/Presentation/Leuze.App/wwwroot/Resources/Icons/user.svg
new file mode 100644
index 0000000..96e3491
--- /dev/null
+++ b/src/Presentation/Leuze.App/wwwroot/Resources/Icons/user.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M313.6 288c-28.7 0-42.5 16-89.6 16-47.1 0-60.8-16-89.6-16C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4zM416 464c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16v-41.6C32 365.9 77.9 320 134.4 320c19.6 0 39.1 16 89.6 16 50.4 0 70-16 89.6-16 56.5 0 102.4 45.9 102.4 102.4V464zM224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm0-224c52.9 0 96 43.1 96 96s-43.1 96-96 96-96-43.1-96-96 43.1-96 96-96z"/></svg>
\ No newline at end of file
diff --git a/src/Presentation/Leuze.App/wwwroot/css/Fonts/HelveticaNeueLTPro-Bd.otf b/src/Presentation/Leuze.App/wwwroot/css/Fonts/HelveticaNeueLTPro-Bd.otf
new file mode 100644
index 0000000..0712e4d
Binary files /dev/null and b/src/Presentation/Leuze.App/wwwroot/css/Fonts/HelveticaNeueLTPro-Bd.otf differ
diff --git a/src/Presentation/Leuze.App/wwwroot/css/Fonts/HelveticaNeueLTPro-Roman.otf b/src/Presentation/Leuze.App/wwwroot/css/Fonts/HelveticaNeueLTPro-Roman.otf
new file mode 100644
index 0000000..3aaee11
Binary files /dev/null and b/src/Presentation/Leuze.App/wwwroot/css/Fonts/HelveticaNeueLTPro-Roman.otf differ
