init

2025-05-04 15:21:01 +01:00
commit 619ddc6ddf
70 changed files with 60624 additions and 0 deletions
--- a/.dockerignore
+++ b/.dockerignore
@@ -0,0 +1,25 @@
+**/.dockerignore
+**/.env
+**/.git
+**/.gitignore
+**/.project
+**/.settings
+**/.toolstarget
+**/.vs
+**/.vscode
+**/.idea
+**/*.*proj.user
+**/*.dbmdl
+**/*.jfm
+**/azds.yaml
+**/bin
+**/charts
+**/docker-compose*
+**/Dockerfile*
+**/node_modules
+**/npm-debug.log
+**/obj
+**/secrets.dev.yaml
+**/values.dev.yaml
+LICENSE
+README.md
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,5 @@
+bin/
+obj/
+/packages/
+riderModule.iml
+/_ReSharper.Caches/
--- a/Alchegos.HCI.csproj
+++ b/Alchegos.HCI.csproj
@@ -0,0 +1,10 @@
+<Project Sdk="Microsoft.NET.Sdk.Web">
+
+    <PropertyGroup>
+        <TargetFramework>net9.0</TargetFramework>
+        <Nullable>enable</Nullable>
+        <ImplicitUsings>enable</ImplicitUsings>
+        <DockerDefaultTargetOS>Linux</DockerDefaultTargetOS>
+    </PropertyGroup>
+
+</Project>
--- a/Alchegos.HCI.sln
+++ b/Alchegos.HCI.sln
@@ -0,0 +1,16 @@
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Alchegos.HCI", "Alchegos.HCI.csproj", "{640B2B62-BDD0-4014-873B-1C6CBDE1CB0D}"
+EndProject
+Global
+	GlobalSection(SolutionConfigurationPlatforms) = preSolution
+		Debug|Any CPU = Debug|Any CPU
+		Release|Any CPU = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{640B2B62-BDD0-4014-873B-1C6CBDE1CB0D}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{640B2B62-BDD0-4014-873B-1C6CBDE1CB0D}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{640B2B62-BDD0-4014-873B-1C6CBDE1CB0D}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{640B2B62-BDD0-4014-873B-1C6CBDE1CB0D}.Release|Any CPU.Build.0 = Release|Any CPU
+	EndGlobalSection
+EndGlobal
--- a/Components/App.razor
+++ b/Components/App.razor
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <base href="/"/>
+    <link rel="stylesheet" href="@Assets["lib/bootstrap/dist/css/bootstrap.min.css"]"/>
+    <link rel="stylesheet" href="@Assets["app.css"]"/>
+    <link rel="stylesheet" href="@Assets["Alchegos.HCI.styles.css"]"/>
+    <ImportMap/>
+    <link rel="icon" type="image/png" href="favicon.png"/>
+    <HeadOutlet/>
+</head>
+
+<body>
+<Routes/>
+<script src="_framework/blazor.web.js"></script>
+</body>
+
+</html>
--- a/Components/Layout/MainLayout.razor
+++ b/Components/Layout/MainLayout.razor
@@ -0,0 +1,19 @@
+@inherits LayoutComponentBase
+
+<div class="page">
+    <div class="sidebar">
+        <NavMenu/>
+    </div>
+
+    <main>
+        <article class="content px-4">
+            @Body
+        </article>
+    </main>
+</div>
+
+<div id="blazor-error-ui" data-nosnippet>
+    An unhandled error has occurred.
+    <a href="." class="reload">Reload</a>
+    <span class="dismiss">🗙</span>
+</div>
--- a/Components/Layout/MainLayout.razor.css
+++ b/Components/Layout/MainLayout.razor.css
--- a/Components/Layout/NavMenu.razor
+++ b/Components/Layout/NavMenu.razor
@@ -0,0 +1,17 @@
+<div class="top-row ps-3 navbar navbar-dark">
+    <div class="container-fluid">
+        <a class="navbar-brand" href="">Alchegos.HCI</a>
+    </div>
+</div>
+
+<input type="checkbox" title="Navigation menu" class="navbar-toggler"/>
+
+<div class="nav-scrollable" onclick="document.querySelector('.navbar-toggler').click()">
+    <nav class="nav flex-column">
+        <div class="nav-item px-3">
+            <NavLink class="nav-link" href="chat">
+                <span class="bi bi-chat-dots-fill-nav-menu" aria-hidden="true"></span> Chat
+            </NavLink>
+        </div>
+    </nav>
+</div>
--- a/Components/Layout/NavMenu.razor.css
+++ b/Components/Layout/NavMenu.razor.css
@@ -0,0 +1,105 @@
+.navbar-toggler {
+    appearance: none;
+    cursor: pointer;
+    width: 3.5rem;
+    height: 2.5rem;
+    color: white;
+    position: absolute;
+    top: 0.5rem;
+    right: 1rem;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
+}
+
+.navbar-toggler:checked {
+    background-color: rgba(255, 255, 255, 0.5);
+}
+
+.top-row {
+    min-height: 3.5rem;
+    background-color: rgba(0,0,0,0.4);
+}
+
+.navbar-brand {
+    font-size: 1.1rem;
+}
+
+.bi {
+    display: inline-block;
+    position: relative;
+    width: 1.25rem;
+    height: 1.25rem;
+    margin-right: 0.75rem;
+    top: -1px;
+    background-size: cover;
+}
+
+.bi-house-door-fill-nav-menu {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
+}
+
+.bi-plus-square-fill-nav-menu {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
+}
+
+.bi-list-nested-nav-menu {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
+}
+
+.nav-item {
+    font-size: 0.9rem;
+    padding-bottom: 0.5rem;
+}
+
+    .nav-item:first-of-type {
+        padding-top: 1rem;
+    }
+
+    .nav-item:last-of-type {
+        padding-bottom: 1rem;
+    }
+
+    .nav-item ::deep .nav-link {
+        color: #d7d7d7;
+        background: none;
+        border: none;
+        border-radius: 4px;
+        height: 3rem;
+        display: flex;
+        align-items: center;
+        line-height: 3rem;
+        width: 100%;
+    }
+
+.nav-item ::deep a.active {
+    background-color: rgba(255,255,255,0.37);
+    color: white;
+}
+
+.nav-item ::deep .nav-link:hover {
+    background-color: rgba(255,255,255,0.1);
+    color: white;
+}
+
+.nav-scrollable {
+    display: none;
+}
+
+.navbar-toggler:checked ~ .nav-scrollable {
+    display: block;
+}
+
+@media (min-width: 641px) {
+    .navbar-toggler {
+        display: none;
+    }
+
+    .nav-scrollable {
+        /* Never collapse the sidebar for wide screens */
+        display: block;
+
+        /* Allow sidebar to scroll for tall menus */
+        height: calc(100vh - 3.5rem);
+        overflow-y: auto;
+    }
+}
--- a/Components/Pages/Chat.razor
+++ b/Components/Pages/Chat.razor
@@ -0,0 +1,250 @@
+@page "/chat"
+@page "/chat/{InitialSessionId}"
+@rendermode InteractiveServer
+@inject IChatSessionService ChatSessionService
+@inject NavigationManager NavigationManager
+@using Alchegos.HCI.Models
+@using Alchegos.HCI.Services
+@implements IAsyncDisposable
+
+<PageTitle>Chat</PageTitle>
+
+<h1>Chat Session</h1>
+
+<div class="session-selector">
+    <input @bind="currentSessionIdInput" placeholder="Enter or Generate Session ID" />
+    <button @onclick="LoadSession" disabled="@isLoading">Load / Start Session</button>
+    <button @onclick="GenerateSessionId" disabled="@isLoading">Generate New ID</button>
+    @if (!string.IsNullOrEmpty(activeSessionId))
+    {
+        <span>Active Session: @activeSessionId</span>
+    }
+</div>
+
+@if (isLoading)
+{
+    <p><em>Loading session...</em></p>
+}
+else if (currentSession != null)
+{
+    <div class="chat-history" style="height: 400px; overflow-y: scroll; border: 1px solid #ccc; margin-bottom: 10px; padding: 5px;">
+        @foreach (var message in currentSession.Messages)
+        {
+            <div class="@(message.IsUser ? "user-message" : "server-message")">
+                <strong>@(message.IsUser ? "You" : "Server"):</strong>
+                <span>@message.Content</span>
+                <small style="font-size: 0.7em; color: grey; display: block;">@message.Timestamp.ToLocalTime()</small>
+            </div>
+        }
+        @if (currentSession.IsWaitingForResponse)
+        {
+             <p><em>Waiting for response...</em></p>
+        }
+    </div>
+
+    <div class="chat-input">
+        <input @bind="newMessage" placeholder="Type your message..." @onkeydown="HandleKeyDown" disabled="@currentSession.IsWaitingForResponse" />
+        <button @onclick="SendMessage" disabled="@(currentSession.IsWaitingForResponse || string.IsNullOrWhiteSpace(newMessage))">Send</button>
+    </div>
+}
+else if (sessionLoadAttempted)
+{
+     <p><em>Enter a Session ID and click "Load / Start Session" or generate a new one.</em></p>
+}
+
+
+@code {
+    [Parameter] public string? InitialSessionId { get; set; }
+
+    private string currentSessionIdInput { get; set; } = string.Empty;
+    private string activeSessionId { get; set; } = string.Empty;
+    private ChatSession? currentSession;
+    private string newMessage { get; set; } = string.Empty;
+    private bool isLoading = false;
+    private bool sessionLoadAttempted = false;
+
+
+
+    private string? _previousSessionId = null;
+
+    protected override async Task OnParametersSetAsync()
+    {
+        Console.WriteLine($"--- OnParametersSetAsync START. InitialSessionId: {InitialSessionId} ---");
+        if (InitialSessionId != _previousSessionId && !string.IsNullOrEmpty(InitialSessionId))
+        {
+            isLoading = true;
+            sessionLoadAttempted = true;
+
+            if (!string.IsNullOrEmpty(_previousSessionId) && _previousSessionId != InitialSessionId)
+            {
+                Console.WriteLine($"Parameter changed from {_previousSessionId} to {InitialSessionId}. Unregistering old callbacks for {_previousSessionId}.");
+                var oldId = _previousSessionId;
+                _ = Task.Run(() => ChatSessionService.UnregisterSessionCallbacks(oldId)); 
+            }
+
+
+            activeSessionId = InitialSessionId;
+            _previousSessionId = InitialSessionId;
+
+            Console.WriteLine($"Loading session from parameter: {activeSessionId}");
+            currentSession = ChatSessionService.GetOrCreateSession(activeSessionId); 
+
+            if (currentSession != null)
+            {
+                Console.WriteLine($"Session obtained: {currentSession.SessionId}");
+                await RegisterCallbacksAsync(); 
+            }
+            else
+                Console.WriteLine("!!! Failed to get/create session in OnParametersSetAsync!");
+            
+
+
+            isLoading = false;
+            Console.WriteLine("--- OnParametersSetAsync END. isLoading set to false ---");
+            
+        }
+        else if (string.IsNullOrEmpty(InitialSessionId) && _previousSessionId != null)
+        {
+            Console.WriteLine("--- OnParametersSetAsync: InitialSessionId became null/empty. Clearing session. ---");
+            await UnregisterCallbacksAsync();
+            currentSession = null;
+            activeSessionId = string.Empty;
+            _previousSessionId = null;
+            currentSessionIdInput = string.Empty;
+            sessionLoadAttempted = false;
+        }
+        else if (InitialSessionId == _previousSessionId)
+        {
+            Console.WriteLine($"--- OnParametersSetAsync: InitialSessionId '{InitialSessionId}' did not change. Skipping load. ---");
+        }
+        else
+        {
+            Console.WriteLine($"--- OnParametersSetAsync: InitialSessionId '{InitialSessionId}' is null/empty and no previous ID. Initial state. ---");
+        }
+    }
+
+    protected override void OnInitialized()
+    {
+        if (!string.IsNullOrEmpty(InitialSessionId))
+            currentSessionIdInput = InitialSessionId;
+    }
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender && !string.IsNullOrEmpty(activeSessionId))
+            await RegisterCallbacksAsync();
+    }
+
+
+    private void GenerateSessionId()
+    {
+        var newId = Guid.NewGuid().ToString("N");
+        currentSessionIdInput = newId;
+        Console.WriteLine($"--- GenerateSessionId: Generated {newId}, Navigating... ---");
+        NavigationManager.NavigateTo($"/chat/{newId}"); 
+    }
+
+    private void LoadSession()
+    {
+        if (string.IsNullOrWhiteSpace(currentSessionIdInput))
+        {
+            Console.WriteLine("--- LoadSession Clicked: Input empty, doing nothing. ---");
+            return;
+        }
+
+        var sessionIdToLoad = currentSessionIdInput;
+        var targetUrl = $"/chat/{sessionIdToLoad}";
+        string currentPathAndQuery = new Uri(NavigationManager.Uri).PathAndQuery;
+        
+        if (!currentPathAndQuery.Equals(targetUrl, StringComparison.OrdinalIgnoreCase))
+        {
+            Console.WriteLine($"--- LoadSession Clicked: Navigating to {targetUrl}... ---");
+            NavigationManager.NavigateTo(targetUrl);
+        }
+        else
+        {
+            Console.WriteLine($"--- LoadSession Clicked: Already at {targetUrl}. No navigation needed. ---");
+        }
+    }
+
+
+    private async Task SendMessage()
+    {
+        if (currentSession == null || string.IsNullOrWhiteSpace(newMessage) || currentSession.IsWaitingForResponse)
+            return;
+
+        var userMessage = new ChatMessage { IsUser = true, Content = newMessage };
+        ChatSessionService.AddMessage(activeSessionId, userMessage);
+        ChatSessionService.SetWaitingStatus(activeSessionId, true);
+
+        var messageToSend = newMessage;
+        newMessage = string.Empty;
+
+        StateHasChanged();
+
+        await ChatSessionService.SendMessageToExternalWebhook(activeSessionId, messageToSend);
+
+    }
+
+    private async Task HandleKeyDown(KeyboardEventArgs e)
+    {
+        if (e.Key == "Enter" && !currentSession.IsWaitingForResponse && !string.IsNullOrWhiteSpace(newMessage))
+            await SendMessage();
+    }
+
+
+    [JSInvokable]
+    public async Task HandleMessageReceived(ChatMessage message)
+    {
+        await InvokeAsync(StateHasChanged);
+    }
+
+    [JSInvokable]
+    public async Task HandleSessionClosed()
+    {
+        await InvokeAsync(() =>
+        {
+            if (currentSession != null && currentSession.SessionId == activeSessionId)
+            {
+                Console.WriteLine($"UI notified session closed: {activeSessionId}");
+                currentSession = null;
+                activeSessionId = string.Empty;
+                currentSessionIdInput = string.Empty;
+                NavigationManager.NavigateTo("/chat", forceLoad: false);
+                StateHasChanged();
+            }
+        });
+    }
+
+    private async Task RegisterCallbacksAsync()
+    {
+        if (currentSession != null)
+        {
+            _ = Task.Run(() =>
+            {
+                ChatSessionService.RegisterSessionCallbacks(
+                    currentSession.SessionId,
+                    HandleMessageReceived,
+                    HandleSessionClosed
+                );
+            });
+            await Task.CompletedTask;
+        }
+    }
+
+    private async Task UnregisterCallbacksAsync()
+    {
+        if (!string.IsNullOrEmpty(activeSessionId))
+        {
+            var capturedSessionId = activeSessionId;
+            _ = Task.Run(() => ChatSessionService.UnregisterSessionCallbacks(capturedSessionId));
+            await Task.CompletedTask;
+        }
+    }
+
+    public async ValueTask DisposeAsync()
+    {
+        await UnregisterCallbacksAsync();
+    }
+
+}
--- a/Components/Pages/Chat.razor.css
+++ b/Components/Pages/Chat.razor.css
@@ -0,0 +1,22 @@
+.user-message {
+    text-align: right;
+    margin-bottom: 5px;
+    padding: 8px;
+    background-color: #e1f5fe;
+    border-radius: 8px;
+    margin-left: 20%;
+}
+
+.server-message {
+    text-align: left;
+    margin-bottom: 5px;
+    padding: 8px;
+    background-color: #f1f1f1;
+    border-radius: 8px;
+    margin-right: 20%;
+}
+
+.session-selector { margin-bottom: 15px; }
+.chat-history {}
+.chat-input { display: flex; }
+.chat-input input { flex-grow: 1; margin-right: 5px; }
--- a/Components/Routes.razor
+++ b/Components/Routes.razor
@@ -0,0 +1,6 @@
+<Router AppAssembly="typeof(Program).Assembly">
+    <Found Context="routeData">
+        <RouteView RouteData="routeData" DefaultLayout="typeof(Layout.MainLayout)"/>
+        <FocusOnNavigate RouteData="routeData" Selector="h1"/>
+    </Found>
+</Router>
--- a/Components/_Imports.razor
+++ b/Components/_Imports.razor
@@ -0,0 +1,10 @@
+@using System.Net.Http
+@using System.Net.Http.Json
+@using Microsoft.AspNetCore.Components.Forms
+@using Microsoft.AspNetCore.Components.Routing
+@using Microsoft.AspNetCore.Components.Web
+@using static Microsoft.AspNetCore.Components.Web.RenderMode
+@using Microsoft.AspNetCore.Components.Web.Virtualization
+@using Microsoft.JSInterop
+@using Alchegos.HCI
+@using Alchegos.HCI.Components
--- a/23
+++ b/23
@@ -0,0 +1,23 @@
+FROM mcr.microsoft.com/dotnet/aspnet:9.0 AS base
+USER $APP_UID
+WORKDIR /app
+EXPOSE 8080
+EXPOSE 8081
+
+FROM mcr.microsoft.com/dotnet/sdk:9.0 AS build
+ARG BUILD_CONFIGURATION=Release
+WORKDIR /src
+COPY ["Alchegos.HCI.csproj", "./"]
+RUN dotnet restore "Alchegos.HCI.csproj"
+COPY . .
+WORKDIR "/src/"
+RUN dotnet build "./Alchegos.HCI.csproj" -c $BUILD_CONFIGURATION -o /app/build
+
+FROM build AS publish
+ARG BUILD_CONFIGURATION=Release
+RUN dotnet publish "./Alchegos.HCI.csproj" -c $BUILD_CONFIGURATION -o /app/publish /p:UseAppHost=false
+
+FROM base AS final
+WORKDIR /app
+COPY --from=publish /app/publish .
+ENTRYPOINT ["dotnet", "Alchegos.HCI.dll"]
--- a/Filters/WebhookAuthFilter.cs
+++ b/Filters/WebhookAuthFilter.cs
@@ -0,0 +1,64 @@
+using System.Net;
+using Microsoft.Extensions.Primitives;
+
+namespace Alchegos.HCI.Filters;
+
+public class WebhookAuthFilter : IEndpointFilter
+{
+    private readonly ILogger<WebhookAuthFilter> _logger;
+
+    public WebhookAuthFilter(ILogger<WebhookAuthFilter> logger)
+    {
+        _logger = logger;
+    }
+    public async ValueTask<object?> InvokeAsync(EndpointFilterInvocationContext context, EndpointFilterDelegate next)
+    {
+        var expectedToken = Environment.GetEnvironmentVariable("WebhookAuth__RequiredApiToken");
+        var allowedOrigin = Environment.GetEnvironmentVariable("WebhookAuth__AllowedOrigin");
+
+        if (string.IsNullOrEmpty(expectedToken) || string.IsNullOrEmpty(allowedOrigin))
+        {
+            _logger.LogCritical("Required environment variables 'WebhookAuth__RequiredApiToken' or 'WebhookAuth__AllowedOrigin' are not set.");
+            return Results.StatusCode((int)HttpStatusCode.InternalServerError);
+        }
+
+        var httpContext = context.HttpContext;
+
+        if (!httpContext.Request.Headers.TryGetValue("X-Api-Key", out StringValues receivedTokenValues) || receivedTokenValues.Count == 0)
+        {
+            _logger.LogWarning("Webhook request rejected: Missing 'X-Api-Key' header.");
+            return Results.Unauthorized();
+        }
+        var receivedToken = receivedTokenValues.ToString();
+        if (!SecureCompare(receivedToken, expectedToken))
+        {
+            _logger.LogWarning("Webhook request rejected: Invalid API Token provided.");
+            return Results.Unauthorized();
+        }
+
+        if (!httpContext.Request.Headers.TryGetValue("Origin", out StringValues originValues) || originValues.Count == 0)
+        {
+            _logger.LogWarning("Webhook request rejected: Missing 'Origin' header.");
+            return Results.Forbid();
+        }
+        var origin = originValues.ToString();
+        if (!origin.Equals(allowedOrigin, StringComparison.OrdinalIgnoreCase))
+        {
+            _logger.LogWarning("Webhook request rejected: Origin '{ReceivedOrigin}' is not allowed. Expected '{AllowedOrigin}'.", origin, allowedOrigin);
+            return Results.Forbid();
+        }
+
+        _logger.LogInformation("Webhook request from Origin '{Origin}' authenticated successfully.", origin);
+        return await next(context);
+    }
+    
+    private static bool SecureCompare(string a, string b)
+    {
+        a ??= string.Empty;
+        b ??= string.Empty;
+        if (a.Length != b.Length) return false;
+        int diff = 0;
+        for (int i = 0; i < a.Length; i++) diff |= a[i] ^ b[i];
+        return diff == 0;
+    }
+}
--- a/Models/ChatMessage.cs
+++ b/Models/ChatMessage.cs
@@ -0,0 +1,10 @@
+namespace Alchegos.HCI.Models;
+
+public class ChatMessage
+{
+    public bool IsUser { get; set; }
+    public string Content { get; set; } = string.Empty;
+    public DateTime Timestamp { get; set; } = DateTime.UtcNow;
+}
+;
+
--- a/Models/ChatSession.cs
+++ b/Models/ChatSession.cs
@@ -0,0 +1,9 @@
+namespace Alchegos.HCI.Models;
+public class ChatSession
+{
+    public string SessionId { get; set; } = string.Empty;
+    public List<ChatMessage> Messages { get; set; } = new List<ChatMessage>();
+    public bool IsWaitingForResponse { get; set; } = false;
+    public Func<ChatMessage, Task>? NotifyMessageReceived { get; set; }
+    public Func<Task>? NotifySessionClosed { get; set; }
+}
--- a/Models/WebhookPayload.cs
+++ b/Models/WebhookPayload.cs
@@ -0,0 +1,15 @@
+using System.Text.Json.Serialization;
+
+namespace Alchegos.HCI.Models;
+
+public class WebhookPayload
+{
+    [JsonPropertyName("sessionId")]
+    public string SessionId { get; set; } = string.Empty;
+
+    [JsonPropertyName("output")]
+    public string? Output { get; set; }
+
+    [JsonPropertyName("action")]
+    public string? Action { get; set; }
+}
--- a/Program.cs
+++ b/Program.cs
@@ -0,0 +1,67 @@
+using Alchegos.HCI.Components;
+using Alchegos.HCI.Filters;
+using Alchegos.HCI.Models;
+using Alchegos.HCI.Services;
+using Microsoft.AspNetCore.Mvc;
+
+var builder = WebApplication.CreateBuilder(args);
+
+// Add services to the container.
+builder.Services.AddRazorComponents()
+    .AddInteractiveServerComponents();
+builder.Services.AddHttpClient();
+builder.Services.AddSingleton<IChatSessionService, InMemoryChatSessionService>();
+
+var app = builder.Build();
+
+// Configure the HTTP request pipeline.
+if (!app.Environment.IsDevelopment())
+{
+    app.UseExceptionHandler("/Error", createScopeForErrors: true);
+    // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
+    app.UseHsts();
+}
+
+app.UseHttpsRedirection();
+
+
+app.UseAntiforgery();
+
+app.MapStaticAssets();
+
+app.MapPost("/api/chatwebhook", async (
+    [FromBody] WebhookPayload payload,
+    IChatSessionService chatSessionService,
+    ILogger<Program> logger) =>
+{
+    if (string.IsNullOrEmpty(payload.SessionId))
+    {
+        logger.LogWarning("Received webhook payload without sessionId.");
+        return Results.BadRequest("sessionId is required.");
+    }
+
+    if (payload.Action == "close_session")
+    {
+        logger.LogInformation("Webhook request received to close session: {SessionId}", payload.SessionId);
+        await chatSessionService.TriggerSessionClosed(payload.SessionId);
+        return Results.Ok($"Session close requested for {payload.SessionId}");
+    }
+    else if (!string.IsNullOrEmpty(payload.Output))
+    {
+        logger.LogInformation("Webhook request received with output for session: {SessionId}", payload.SessionId);
+        await chatSessionService.TriggerMessageReceived(payload.SessionId, payload.Output);
+        return Results.Ok($"Output received for {payload.SessionId}");
+    }
+    else
+    {
+        logger.LogWarning("Received webhook payload for session {SessionId} with neither 'output' nor 'action':'close_session'.", payload.SessionId);
+        return Results.BadRequest("Payload must contain either 'output' or 'action':'close_session'.");
+    }
+})
+    .WithTags("Chat Webhook")
+    .AddEndpointFilter<WebhookAuthFilter>(); 
+
+app.MapRazorComponents<App>()
+    .AddInteractiveServerRenderMode();
+
+app.Run();
--- a/Properties/launchSettings.json
+++ b/Properties/launchSettings.json
@@ -0,0 +1,23 @@
+{
+  "$schema": "https://json.schemastore.org/launchsettings.json",
+    "profiles": {
+      "http": {
+        "commandName": "Project",
+        "dotnetRunMessages": true,
+        "launchBrowser": true,
+        "applicationUrl": "http://localhost:5006",
+        "environmentVariables": {
+          "ASPNETCORE_ENVIRONMENT": "Development"
+        }
+      },
+      "https": {
+        "commandName": "Project",
+        "dotnetRunMessages": true,
+        "launchBrowser": true,
+        "applicationUrl": "https://localhost:7137;http://localhost:5006",
+        "environmentVariables": {
+          "ASPNETCORE_ENVIRONMENT": "Development"
+        }
+      }
+    }
+  }
--- a/Services/IChatSessionService.cs
+++ b/Services/IChatSessionService.cs
@@ -0,0 +1,16 @@
+using Alchegos.HCI.Models;
+
+namespace Alchegos.HCI.Services;
+public interface IChatSessionService
+{
+    ChatSession GetOrCreateSession(string sessionId);
+    ChatSession? GetSession(string sessionId);
+    void AddMessage(string sessionId, ChatMessage message);
+    void SetWaitingStatus(string sessionId, bool isWaiting);
+    void RemoveSession(string sessionId);
+    Task SendMessageToExternalWebhook(string sessionId, string chatInput);
+    void RegisterSessionCallbacks(string sessionId, Func<ChatMessage, Task>? messageCallback, Func<Task>? closeCallback);
+    void UnregisterSessionCallbacks(string sessionId);
+    Task TriggerMessageReceived(string sessionId, string output);
+    Task TriggerSessionClosed(string sessionId);
+}
--- a/Services/InMemoryChatSessionService.cs
+++ b/Services/InMemoryChatSessionService.cs
@@ -0,0 +1,157 @@
+using System.Collections.Concurrent;
+using System.Text;
+using System.Text.Json;
+using Alchegos.HCI.Models;
+
+namespace Alchegos.HCI.Services;
+
+public class InMemoryChatSessionService : IChatSessionService
+{
+    private readonly ConcurrentDictionary<string, ChatSession> _sessions = new();
+    private readonly IHttpClientFactory _httpClientFactory;
+    private readonly IConfiguration _configuration;
+    private readonly ILogger<InMemoryChatSessionService> _logger;
+
+    public InMemoryChatSessionService(IHttpClientFactory httpClientFactory, IConfiguration configuration,
+        ILogger<InMemoryChatSessionService> logger)
+    {
+        _httpClientFactory = httpClientFactory;
+        _configuration = configuration;
+        _logger = logger;
+    }
+
+    public ChatSession GetOrCreateSession(string sessionId)
+    {
+        return _sessions.GetOrAdd(sessionId, id => new ChatSession { SessionId = id });
+    }
+
+    public ChatSession? GetSession(string sessionId)
+    {
+        _sessions.TryGetValue(sessionId, out var session);
+        return session;
+    }
+
+    public void AddMessage(string sessionId, ChatMessage message)
+    {
+        if (_sessions.TryGetValue(sessionId, out var session))
+        {
+            session.Messages.Add(message);
+        }
+    }
+
+    public void SetWaitingStatus(string sessionId, bool isWaiting)
+    {
+        if (_sessions.TryGetValue(sessionId, out var session))
+        {
+            session.IsWaitingForResponse = isWaiting;
+        }
+    }
+
+    public void RemoveSession(string sessionId)
+    {
+        if (_sessions.TryRemove(sessionId, out var session))
+            _logger.LogInformation("Session removed: {SessionId}", sessionId);
+        else
+            _logger.LogWarning("Attempted to remove non-existent session: {SessionId}", sessionId);
+    }
+
+    public void RegisterSessionCallbacks(string sessionId, Func<ChatMessage, Task>? messageCallback,
+        Func<Task>? closeCallback)
+    {
+        if (_sessions.TryGetValue(sessionId, out var session))
+        {
+            session.NotifyMessageReceived = messageCallback;
+            session.NotifySessionClosed = closeCallback;
+            _logger.LogInformation("Registered callbacks for session: {SessionId}", sessionId);
+        }
+        else
+            _logger.LogWarning("Attempted to register callbacks for non-existent session: {SessionId}", sessionId);
+
+    }
+
+    public void UnregisterSessionCallbacks(string sessionId)
+    {
+        if (_sessions.TryGetValue(sessionId, out var session))
+        {
+            session.NotifyMessageReceived = null;
+            session.NotifySessionClosed = null;
+            _logger.LogInformation("Unregistered callbacks for session: {SessionId}", sessionId);
+        }
+    }
+
+    public async Task SendMessageToExternalWebhook(string sessionId, string chatInput)
+    {
+        var webhookUrl = _configuration["ChatSettings:ExternalWebhookUrl"];
+        if (string.IsNullOrEmpty(webhookUrl))
+        {
+            _logger.LogError("ExternalWebhookUrl is not configured in ChatSettings.");
+            SetWaitingStatus(sessionId, false);
+            return;
+        }
+
+        var payload = new { sessionId, chatInput };
+        var jsonPayload = JsonSerializer.Serialize(payload);
+        var content = new StringContent(jsonPayload, Encoding.UTF8, "application/json");
+
+        try
+        {
+            var httpClient = _httpClientFactory.CreateClient();
+            _logger.LogInformation("Sending message to webhook for session {SessionId}: {Url}", sessionId, webhookUrl);
+            var response = await httpClient.PostAsync(webhookUrl, content);
+            response.EnsureSuccessStatusCode();
+            _logger.LogInformation("Successfully sent message to webhook for session {SessionId}", sessionId);
+        }
+        catch (HttpRequestException ex)
+        {
+            _logger.LogError(ex, "Error sending message to external webhook for session {SessionId}", sessionId);
+            AddMessage(sessionId, new ChatMessage { IsUser = false, Content = $"Error sending message: {ex.Message}" });
+            SetWaitingStatus(sessionId, false);
+            await TriggerMessageReceived(sessionId, $"Error: Could not reach the processing service.");
+        }
+        catch (Exception ex)
+        {
+            _logger.LogError(ex, "Unexpected error sending message to external webhook for session {SessionId}",
+                sessionId);
+            AddMessage(sessionId,
+                new ChatMessage { IsUser = false, Content = $"An unexpected error occurred: {ex.Message}" });
+            SetWaitingStatus(sessionId, false);
+            await TriggerMessageReceived(sessionId, $"Error: An unexpected error occurred.");
+        }
+    }
+
+    public async Task TriggerMessageReceived(string sessionId, string output)
+    {
+        if (_sessions.TryGetValue(sessionId, out var session))
+        {
+            _logger.LogInformation("Received message via webhook for session {SessionId}", sessionId);
+            var serverMessage = new ChatMessage { IsUser = false, Content = output };
+            session.Messages.Add(serverMessage);
+            session.IsWaitingForResponse = false;
+
+            if (session.NotifyMessageReceived != null)
+                await session.NotifyMessageReceived(serverMessage);
+            else
+                _logger.LogWarning("No message callback registered for session {SessionId} to notify.", sessionId);
+
+        }
+        else
+            _logger.LogWarning("Received message for non-existent or inactive session: {SessionId}", sessionId);
+
+    }
+
+    public async Task TriggerSessionClosed(string sessionId)
+    {
+        if (_sessions.TryGetValue(sessionId, out var session))
+        {
+            _logger.LogInformation("Received close request via webhook for session {SessionId}", sessionId);
+            if (session.NotifySessionClosed != null)
+                await session.NotifySessionClosed();
+            else
+                _logger.LogWarning("No close callback registered for session {SessionId} to notify.", sessionId);
+            RemoveSession(sessionId);
+        }
+        else
+            _logger.LogWarning("Received close request for non-existent or already removed session: {SessionId}",
+                sessionId);
+    }
+}
--- a/appsettings.Development.json
+++ b/appsettings.Development.json
@@ -0,0 +1,8 @@
+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  }
+}
--- a/appsettings.json
+++ b/appsettings.json
@@ -0,0 +1,9 @@
+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  },
+  "AllowedHosts": "*"
+}
--- a/wwwroot/app.css
+++ b/wwwroot/app.css
@@ -0,0 +1,129 @@
+html, body {
+    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+a, .btn-link {
+    color: #006bb7;
+}
+
+.btn-primary {
+    color: #fff;
+    background-color: #1b6ec2;
+    border-color: #1861ac;
+}
+
+.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
+  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
+}
+
+.content {
+    padding-top: 1.1rem;
+}
+
+h1:focus {
+    outline: none;
+}
+
+.valid.modified:not([type=checkbox]) {
+    outline: 1px solid #26b050;
+}
+
+.invalid {
+    outline: 1px solid #e50000;
+}
+
+.validation-message {
+    color: #e50000;
+}
+
+.blazor-error-boundary {
+    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
+    padding: 1rem 1rem 1rem 3.7rem;
+    color: white;
+}
+
+    .blazor-error-boundary::after {
+        content: "An error has occurred."
+    }
+
+.darker-border-checkbox.form-check-input {
+    border-color: #929292;
+}
+
+.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
+    color: var(--bs-secondary-color);
+    text-align: end;
+}
+
+.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
+    text-align: start;
+}
+
+
+.page {
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    min-height: 100vh;
+}
+
+main {
+    flex: 1;
+    overflow-y: auto;
+}
+
+.sidebar {
+    height: 100vh;
+    position: sticky; 
+    top: 0;
+}
+
+
+@media (max-width: 640.98px) {
+    .top-row {
+    }
+
+    .page {
+        flex-direction: column;
+    }
+
+    main {
+        flex: auto;
+        overflow-y: visible;
+    }
+    .sidebar{
+        height: auto;
+        position: relative;
+    }
+}
+
+@media (min-width: 641px) {
+    .page {
+        flex-direction: row; 
+    }
+    .sidebar{
+        height: 100vh;
+        position: sticky;
+        top: 0;
+    }
+}
+
+
+#blazor-error-ui {
+    background: lightyellow;
+    bottom: 0;
+    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+    display: none; 
+    left: 0;
+    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
+    position: fixed;
+    width: 100%;
+    z-index: 1000;
+}
+
+#blazor-error-ui .dismiss {
+    cursor: pointer;
+    position: absolute;
+    right: 0.75rem;
+    top: 0.5rem;
+}
--- a/wwwroot/favicon.png
+++ b/wwwroot/favicon.png
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.min.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.min.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.min.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.min.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.rtl.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.rtl.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.rtl.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.rtl.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.rtl.min.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.rtl.min.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.rtl.min.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-grid.rtl.min.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.css
@@ -0,0 +1,597 @@
+/*!
+ * Bootstrap Reboot v5.3.3 (https://getbootstrap.com/)
+ * Copyright 2011-2024 The Bootstrap Authors
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+:root,
+[data-bs-theme=light] {
+  --bs-blue: #0d6efd;
+  --bs-indigo: #6610f2;
+  --bs-purple: #6f42c1;
+  --bs-pink: #d63384;
+  --bs-red: #dc3545;
+  --bs-orange: #fd7e14;
+  --bs-yellow: #ffc107;
+  --bs-green: #198754;
+  --bs-teal: #20c997;
+  --bs-cyan: #0dcaf0;
+  --bs-black: #000;
+  --bs-white: #fff;
+  --bs-gray: #6c757d;
+  --bs-gray-dark: #343a40;
+  --bs-gray-100: #f8f9fa;
+  --bs-gray-200: #e9ecef;
+  --bs-gray-300: #dee2e6;
+  --bs-gray-400: #ced4da;
+  --bs-gray-500: #adb5bd;
+  --bs-gray-600: #6c757d;
+  --bs-gray-700: #495057;
+  --bs-gray-800: #343a40;
+  --bs-gray-900: #212529;
+  --bs-primary: #0d6efd;
+  --bs-secondary: #6c757d;
+  --bs-success: #198754;
+  --bs-info: #0dcaf0;
+  --bs-warning: #ffc107;
+  --bs-danger: #dc3545;
+  --bs-light: #f8f9fa;
+  --bs-dark: #212529;
+  --bs-primary-rgb: 13, 110, 253;
+  --bs-secondary-rgb: 108, 117, 125;
+  --bs-success-rgb: 25, 135, 84;
+  --bs-info-rgb: 13, 202, 240;
+  --bs-warning-rgb: 255, 193, 7;
+  --bs-danger-rgb: 220, 53, 69;
+  --bs-light-rgb: 248, 249, 250;
+  --bs-dark-rgb: 33, 37, 41;
+  --bs-primary-text-emphasis: #052c65;
+  --bs-secondary-text-emphasis: #2b2f32;
+  --bs-success-text-emphasis: #0a3622;
+  --bs-info-text-emphasis: #055160;
+  --bs-warning-text-emphasis: #664d03;
+  --bs-danger-text-emphasis: #58151c;
+  --bs-light-text-emphasis: #495057;
+  --bs-dark-text-emphasis: #495057;
+  --bs-primary-bg-subtle: #cfe2ff;
+  --bs-secondary-bg-subtle: #e2e3e5;
+  --bs-success-bg-subtle: #d1e7dd;
+  --bs-info-bg-subtle: #cff4fc;
+  --bs-warning-bg-subtle: #fff3cd;
+  --bs-danger-bg-subtle: #f8d7da;
+  --bs-light-bg-subtle: #fcfcfd;
+  --bs-dark-bg-subtle: #ced4da;
+  --bs-primary-border-subtle: #9ec5fe;
+  --bs-secondary-border-subtle: #c4c8cb;
+  --bs-success-border-subtle: #a3cfbb;
+  --bs-info-border-subtle: #9eeaf9;
+  --bs-warning-border-subtle: #ffe69c;
+  --bs-danger-border-subtle: #f1aeb5;
+  --bs-light-border-subtle: #e9ecef;
+  --bs-dark-border-subtle: #adb5bd;
+  --bs-white-rgb: 255, 255, 255;
+  --bs-black-rgb: 0, 0, 0;
+  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+  --bs-body-font-family: var(--bs-font-sans-serif);
+  --bs-body-font-size: 1rem;
+  --bs-body-font-weight: 400;
+  --bs-body-line-height: 1.5;
+  --bs-body-color: #212529;
+  --bs-body-color-rgb: 33, 37, 41;
+  --bs-body-bg: #fff;
+  --bs-body-bg-rgb: 255, 255, 255;
+  --bs-emphasis-color: #000;
+  --bs-emphasis-color-rgb: 0, 0, 0;
+  --bs-secondary-color: rgba(33, 37, 41, 0.75);
+  --bs-secondary-color-rgb: 33, 37, 41;
+  --bs-secondary-bg: #e9ecef;
+  --bs-secondary-bg-rgb: 233, 236, 239;
+  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
+  --bs-tertiary-color-rgb: 33, 37, 41;
+  --bs-tertiary-bg: #f8f9fa;
+  --bs-tertiary-bg-rgb: 248, 249, 250;
+  --bs-heading-color: inherit;
+  --bs-link-color: #0d6efd;
+  --bs-link-color-rgb: 13, 110, 253;
+  --bs-link-decoration: underline;
+  --bs-link-hover-color: #0a58ca;
+  --bs-link-hover-color-rgb: 10, 88, 202;
+  --bs-code-color: #d63384;
+  --bs-highlight-color: #212529;
+  --bs-highlight-bg: #fff3cd;
+  --bs-border-width: 1px;
+  --bs-border-style: solid;
+  --bs-border-color: #dee2e6;
+  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
+  --bs-border-radius: 0.375rem;
+  --bs-border-radius-sm: 0.25rem;
+  --bs-border-radius-lg: 0.5rem;
+  --bs-border-radius-xl: 1rem;
+  --bs-border-radius-xxl: 2rem;
+  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
+  --bs-border-radius-pill: 50rem;
+  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
+  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  --bs-focus-ring-width: 0.25rem;
+  --bs-focus-ring-opacity: 0.25;
+  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
+  --bs-form-valid-color: #198754;
+  --bs-form-valid-border-color: #198754;
+  --bs-form-invalid-color: #dc3545;
+  --bs-form-invalid-border-color: #dc3545;
+}
+
+[data-bs-theme=dark] {
+  color-scheme: dark;
+  --bs-body-color: #dee2e6;
+  --bs-body-color-rgb: 222, 226, 230;
+  --bs-body-bg: #212529;
+  --bs-body-bg-rgb: 33, 37, 41;
+  --bs-emphasis-color: #fff;
+  --bs-emphasis-color-rgb: 255, 255, 255;
+  --bs-secondary-color: rgba(222, 226, 230, 0.75);
+  --bs-secondary-color-rgb: 222, 226, 230;
+  --bs-secondary-bg: #343a40;
+  --bs-secondary-bg-rgb: 52, 58, 64;
+  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
+  --bs-tertiary-color-rgb: 222, 226, 230;
+  --bs-tertiary-bg: #2b3035;
+  --bs-tertiary-bg-rgb: 43, 48, 53;
+  --bs-primary-text-emphasis: #6ea8fe;
+  --bs-secondary-text-emphasis: #a7acb1;
+  --bs-success-text-emphasis: #75b798;
+  --bs-info-text-emphasis: #6edff6;
+  --bs-warning-text-emphasis: #ffda6a;
+  --bs-danger-text-emphasis: #ea868f;
+  --bs-light-text-emphasis: #f8f9fa;
+  --bs-dark-text-emphasis: #dee2e6;
+  --bs-primary-bg-subtle: #031633;
+  --bs-secondary-bg-subtle: #161719;
+  --bs-success-bg-subtle: #051b11;
+  --bs-info-bg-subtle: #032830;
+  --bs-warning-bg-subtle: #332701;
+  --bs-danger-bg-subtle: #2c0b0e;
+  --bs-light-bg-subtle: #343a40;
+  --bs-dark-bg-subtle: #1a1d20;
+  --bs-primary-border-subtle: #084298;
+  --bs-secondary-border-subtle: #41464b;
+  --bs-success-border-subtle: #0f5132;
+  --bs-info-border-subtle: #087990;
+  --bs-warning-border-subtle: #997404;
+  --bs-danger-border-subtle: #842029;
+  --bs-light-border-subtle: #495057;
+  --bs-dark-border-subtle: #343a40;
+  --bs-heading-color: inherit;
+  --bs-link-color: #6ea8fe;
+  --bs-link-hover-color: #8bb9fe;
+  --bs-link-color-rgb: 110, 168, 254;
+  --bs-link-hover-color-rgb: 139, 185, 254;
+  --bs-code-color: #e685b5;
+  --bs-highlight-color: #dee2e6;
+  --bs-highlight-bg: #664d03;
+  --bs-border-color: #495057;
+  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
+  --bs-form-valid-color: #75b798;
+  --bs-form-valid-border-color: #75b798;
+  --bs-form-invalid-color: #ea868f;
+  --bs-form-invalid-border-color: #ea868f;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  :root {
+    scroll-behavior: smooth;
+  }
+}
+
+body {
+  margin: 0;
+  font-family: var(--bs-body-font-family);
+  font-size: var(--bs-body-font-size);
+  font-weight: var(--bs-body-font-weight);
+  line-height: var(--bs-body-line-height);
+  color: var(--bs-body-color);
+  text-align: var(--bs-body-text-align);
+  background-color: var(--bs-body-bg);
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+hr {
+  margin: 1rem 0;
+  color: inherit;
+  border: 0;
+  border-top: var(--bs-border-width) solid;
+  opacity: 0.25;
+}
+
+h6, h5, h4, h3, h2, h1 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  font-weight: 500;
+  line-height: 1.2;
+  color: var(--bs-heading-color);
+}
+
+h1 {
+  font-size: calc(1.375rem + 1.5vw);
+}
+@media (min-width: 1200px) {
+  h1 {
+    font-size: 2.5rem;
+  }
+}
+
+h2 {
+  font-size: calc(1.325rem + 0.9vw);
+}
+@media (min-width: 1200px) {
+  h2 {
+    font-size: 2rem;
+  }
+}
+
+h3 {
+  font-size: calc(1.3rem + 0.6vw);
+}
+@media (min-width: 1200px) {
+  h3 {
+    font-size: 1.75rem;
+  }
+}
+
+h4 {
+  font-size: calc(1.275rem + 0.3vw);
+}
+@media (min-width: 1200px) {
+  h4 {
+    font-size: 1.5rem;
+  }
+}
+
+h5 {
+  font-size: 1.25rem;
+}
+
+h6 {
+  font-size: 1rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title] {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul {
+  padding-left: 2rem;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: 0.5rem;
+  margin-left: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 0.875em;
+}
+
+mark {
+  padding: 0.1875em;
+  color: var(--bs-highlight-color);
+  background-color: var(--bs-highlight-bg);
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 0.75em;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+a {
+  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
+  text-decoration: underline;
+}
+a:hover {
+  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
+}
+
+a:not([href]):not([class]), a:not([href]):not([class]):hover {
+  color: inherit;
+  text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: var(--bs-font-monospace);
+  font-size: 1em;
+}
+
+pre {
+  display: block;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  font-size: 0.875em;
+}
+pre code {
+  font-size: inherit;
+  color: inherit;
+  word-break: normal;
+}
+
+code {
+  font-size: 0.875em;
+  color: var(--bs-code-color);
+  word-wrap: break-word;
+}
+a > code {
+  color: inherit;
+}
+
+kbd {
+  padding: 0.1875rem 0.375rem;
+  font-size: 0.875em;
+  color: var(--bs-body-bg);
+  background-color: var(--bs-body-color);
+  border-radius: 0.25rem;
+}
+kbd kbd {
+  padding: 0;
+  font-size: 1em;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img,
+svg {
+  vertical-align: middle;
+}
+
+table {
+  caption-side: bottom;
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  color: var(--bs-secondary-color);
+  text-align: left;
+}
+
+th {
+  text-align: inherit;
+  text-align: -webkit-match-parent;
+}
+
+thead,
+tbody,
+tfoot,
+tr,
+td,
+th {
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
+}
+
+label {
+  display: inline-block;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus:not(:focus-visible) {
+  outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+[role=button] {
+  cursor: pointer;
+}
+
+select {
+  word-wrap: normal;
+}
+select:disabled {
+  opacity: 1;
+}
+
+[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
+  display: none !important;
+}
+
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+  -webkit-appearance: button;
+}
+button:not(:disabled),
+[type=button]:not(:disabled),
+[type=reset]:not(:disabled),
+[type=submit]:not(:disabled) {
+  cursor: pointer;
+}
+
+::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+textarea {
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  float: left;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 0.5rem;
+  font-size: calc(1.275rem + 0.3vw);
+  line-height: inherit;
+}
+@media (min-width: 1200px) {
+  legend {
+    font-size: 1.5rem;
+  }
+}
+legend + * {
+  clear: left;
+}
+
+::-webkit-datetime-edit-fields-wrapper,
+::-webkit-datetime-edit-text,
+::-webkit-datetime-edit-minute,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-year-field {
+  padding: 0;
+}
+
+::-webkit-inner-spin-button {
+  height: auto;
+}
+
+[type=search] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+
+/* rtl:raw:
+[type="tel"],
+[type="url"],
+[type="email"],
+[type="number"] {
+  direction: ltr;
+}
+*/
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+::file-selector-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+iframe {
+  border: 0;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+/*# sourceMappingURL=bootstrap-reboot.css.map */
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.min.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.min.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.min.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.min.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.rtl.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.rtl.css
@@ -0,0 +1,594 @@
+/*!
+ * Bootstrap Reboot v5.3.3 (https://getbootstrap.com/)
+ * Copyright 2011-2024 The Bootstrap Authors
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+:root,
+[data-bs-theme=light] {
+  --bs-blue: #0d6efd;
+  --bs-indigo: #6610f2;
+  --bs-purple: #6f42c1;
+  --bs-pink: #d63384;
+  --bs-red: #dc3545;
+  --bs-orange: #fd7e14;
+  --bs-yellow: #ffc107;
+  --bs-green: #198754;
+  --bs-teal: #20c997;
+  --bs-cyan: #0dcaf0;
+  --bs-black: #000;
+  --bs-white: #fff;
+  --bs-gray: #6c757d;
+  --bs-gray-dark: #343a40;
+  --bs-gray-100: #f8f9fa;
+  --bs-gray-200: #e9ecef;
+  --bs-gray-300: #dee2e6;
+  --bs-gray-400: #ced4da;
+  --bs-gray-500: #adb5bd;
+  --bs-gray-600: #6c757d;
+  --bs-gray-700: #495057;
+  --bs-gray-800: #343a40;
+  --bs-gray-900: #212529;
+  --bs-primary: #0d6efd;
+  --bs-secondary: #6c757d;
+  --bs-success: #198754;
+  --bs-info: #0dcaf0;
+  --bs-warning: #ffc107;
+  --bs-danger: #dc3545;
+  --bs-light: #f8f9fa;
+  --bs-dark: #212529;
+  --bs-primary-rgb: 13, 110, 253;
+  --bs-secondary-rgb: 108, 117, 125;
+  --bs-success-rgb: 25, 135, 84;
+  --bs-info-rgb: 13, 202, 240;
+  --bs-warning-rgb: 255, 193, 7;
+  --bs-danger-rgb: 220, 53, 69;
+  --bs-light-rgb: 248, 249, 250;
+  --bs-dark-rgb: 33, 37, 41;
+  --bs-primary-text-emphasis: #052c65;
+  --bs-secondary-text-emphasis: #2b2f32;
+  --bs-success-text-emphasis: #0a3622;
+  --bs-info-text-emphasis: #055160;
+  --bs-warning-text-emphasis: #664d03;
+  --bs-danger-text-emphasis: #58151c;
+  --bs-light-text-emphasis: #495057;
+  --bs-dark-text-emphasis: #495057;
+  --bs-primary-bg-subtle: #cfe2ff;
+  --bs-secondary-bg-subtle: #e2e3e5;
+  --bs-success-bg-subtle: #d1e7dd;
+  --bs-info-bg-subtle: #cff4fc;
+  --bs-warning-bg-subtle: #fff3cd;
+  --bs-danger-bg-subtle: #f8d7da;
+  --bs-light-bg-subtle: #fcfcfd;
+  --bs-dark-bg-subtle: #ced4da;
+  --bs-primary-border-subtle: #9ec5fe;
+  --bs-secondary-border-subtle: #c4c8cb;
+  --bs-success-border-subtle: #a3cfbb;
+  --bs-info-border-subtle: #9eeaf9;
+  --bs-warning-border-subtle: #ffe69c;
+  --bs-danger-border-subtle: #f1aeb5;
+  --bs-light-border-subtle: #e9ecef;
+  --bs-dark-border-subtle: #adb5bd;
+  --bs-white-rgb: 255, 255, 255;
+  --bs-black-rgb: 0, 0, 0;
+  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+  --bs-body-font-family: var(--bs-font-sans-serif);
+  --bs-body-font-size: 1rem;
+  --bs-body-font-weight: 400;
+  --bs-body-line-height: 1.5;
+  --bs-body-color: #212529;
+  --bs-body-color-rgb: 33, 37, 41;
+  --bs-body-bg: #fff;
+  --bs-body-bg-rgb: 255, 255, 255;
+  --bs-emphasis-color: #000;
+  --bs-emphasis-color-rgb: 0, 0, 0;
+  --bs-secondary-color: rgba(33, 37, 41, 0.75);
+  --bs-secondary-color-rgb: 33, 37, 41;
+  --bs-secondary-bg: #e9ecef;
+  --bs-secondary-bg-rgb: 233, 236, 239;
+  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
+  --bs-tertiary-color-rgb: 33, 37, 41;
+  --bs-tertiary-bg: #f8f9fa;
+  --bs-tertiary-bg-rgb: 248, 249, 250;
+  --bs-heading-color: inherit;
+  --bs-link-color: #0d6efd;
+  --bs-link-color-rgb: 13, 110, 253;
+  --bs-link-decoration: underline;
+  --bs-link-hover-color: #0a58ca;
+  --bs-link-hover-color-rgb: 10, 88, 202;
+  --bs-code-color: #d63384;
+  --bs-highlight-color: #212529;
+  --bs-highlight-bg: #fff3cd;
+  --bs-border-width: 1px;
+  --bs-border-style: solid;
+  --bs-border-color: #dee2e6;
+  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
+  --bs-border-radius: 0.375rem;
+  --bs-border-radius-sm: 0.25rem;
+  --bs-border-radius-lg: 0.5rem;
+  --bs-border-radius-xl: 1rem;
+  --bs-border-radius-xxl: 2rem;
+  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
+  --bs-border-radius-pill: 50rem;
+  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
+  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  --bs-focus-ring-width: 0.25rem;
+  --bs-focus-ring-opacity: 0.25;
+  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
+  --bs-form-valid-color: #198754;
+  --bs-form-valid-border-color: #198754;
+  --bs-form-invalid-color: #dc3545;
+  --bs-form-invalid-border-color: #dc3545;
+}
+
+[data-bs-theme=dark] {
+  color-scheme: dark;
+  --bs-body-color: #dee2e6;
+  --bs-body-color-rgb: 222, 226, 230;
+  --bs-body-bg: #212529;
+  --bs-body-bg-rgb: 33, 37, 41;
+  --bs-emphasis-color: #fff;
+  --bs-emphasis-color-rgb: 255, 255, 255;
+  --bs-secondary-color: rgba(222, 226, 230, 0.75);
+  --bs-secondary-color-rgb: 222, 226, 230;
+  --bs-secondary-bg: #343a40;
+  --bs-secondary-bg-rgb: 52, 58, 64;
+  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
+  --bs-tertiary-color-rgb: 222, 226, 230;
+  --bs-tertiary-bg: #2b3035;
+  --bs-tertiary-bg-rgb: 43, 48, 53;
+  --bs-primary-text-emphasis: #6ea8fe;
+  --bs-secondary-text-emphasis: #a7acb1;
+  --bs-success-text-emphasis: #75b798;
+  --bs-info-text-emphasis: #6edff6;
+  --bs-warning-text-emphasis: #ffda6a;
+  --bs-danger-text-emphasis: #ea868f;
+  --bs-light-text-emphasis: #f8f9fa;
+  --bs-dark-text-emphasis: #dee2e6;
+  --bs-primary-bg-subtle: #031633;
+  --bs-secondary-bg-subtle: #161719;
+  --bs-success-bg-subtle: #051b11;
+  --bs-info-bg-subtle: #032830;
+  --bs-warning-bg-subtle: #332701;
+  --bs-danger-bg-subtle: #2c0b0e;
+  --bs-light-bg-subtle: #343a40;
+  --bs-dark-bg-subtle: #1a1d20;
+  --bs-primary-border-subtle: #084298;
+  --bs-secondary-border-subtle: #41464b;
+  --bs-success-border-subtle: #0f5132;
+  --bs-info-border-subtle: #087990;
+  --bs-warning-border-subtle: #997404;
+  --bs-danger-border-subtle: #842029;
+  --bs-light-border-subtle: #495057;
+  --bs-dark-border-subtle: #343a40;
+  --bs-heading-color: inherit;
+  --bs-link-color: #6ea8fe;
+  --bs-link-hover-color: #8bb9fe;
+  --bs-link-color-rgb: 110, 168, 254;
+  --bs-link-hover-color-rgb: 139, 185, 254;
+  --bs-code-color: #e685b5;
+  --bs-highlight-color: #dee2e6;
+  --bs-highlight-bg: #664d03;
+  --bs-border-color: #495057;
+  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
+  --bs-form-valid-color: #75b798;
+  --bs-form-valid-border-color: #75b798;
+  --bs-form-invalid-color: #ea868f;
+  --bs-form-invalid-border-color: #ea868f;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  :root {
+    scroll-behavior: smooth;
+  }
+}
+
+body {
+  margin: 0;
+  font-family: var(--bs-body-font-family);
+  font-size: var(--bs-body-font-size);
+  font-weight: var(--bs-body-font-weight);
+  line-height: var(--bs-body-line-height);
+  color: var(--bs-body-color);
+  text-align: var(--bs-body-text-align);
+  background-color: var(--bs-body-bg);
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+hr {
+  margin: 1rem 0;
+  color: inherit;
+  border: 0;
+  border-top: var(--bs-border-width) solid;
+  opacity: 0.25;
+}
+
+h6, h5, h4, h3, h2, h1 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  font-weight: 500;
+  line-height: 1.2;
+  color: var(--bs-heading-color);
+}
+
+h1 {
+  font-size: calc(1.375rem + 1.5vw);
+}
+@media (min-width: 1200px) {
+  h1 {
+    font-size: 2.5rem;
+  }
+}
+
+h2 {
+  font-size: calc(1.325rem + 0.9vw);
+}
+@media (min-width: 1200px) {
+  h2 {
+    font-size: 2rem;
+  }
+}
+
+h3 {
+  font-size: calc(1.3rem + 0.6vw);
+}
+@media (min-width: 1200px) {
+  h3 {
+    font-size: 1.75rem;
+  }
+}
+
+h4 {
+  font-size: calc(1.275rem + 0.3vw);
+}
+@media (min-width: 1200px) {
+  h4 {
+    font-size: 1.5rem;
+  }
+}
+
+h5 {
+  font-size: 1.25rem;
+}
+
+h6 {
+  font-size: 1rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title] {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul {
+  padding-right: 2rem;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: 0.5rem;
+  margin-right: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 0.875em;
+}
+
+mark {
+  padding: 0.1875em;
+  color: var(--bs-highlight-color);
+  background-color: var(--bs-highlight-bg);
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 0.75em;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+a {
+  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
+  text-decoration: underline;
+}
+a:hover {
+  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
+}
+
+a:not([href]):not([class]), a:not([href]):not([class]):hover {
+  color: inherit;
+  text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: var(--bs-font-monospace);
+  font-size: 1em;
+}
+
+pre {
+  display: block;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  font-size: 0.875em;
+}
+pre code {
+  font-size: inherit;
+  color: inherit;
+  word-break: normal;
+}
+
+code {
+  font-size: 0.875em;
+  color: var(--bs-code-color);
+  word-wrap: break-word;
+}
+a > code {
+  color: inherit;
+}
+
+kbd {
+  padding: 0.1875rem 0.375rem;
+  font-size: 0.875em;
+  color: var(--bs-body-bg);
+  background-color: var(--bs-body-color);
+  border-radius: 0.25rem;
+}
+kbd kbd {
+  padding: 0;
+  font-size: 1em;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img,
+svg {
+  vertical-align: middle;
+}
+
+table {
+  caption-side: bottom;
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  color: var(--bs-secondary-color);
+  text-align: right;
+}
+
+th {
+  text-align: inherit;
+  text-align: -webkit-match-parent;
+}
+
+thead,
+tbody,
+tfoot,
+tr,
+td,
+th {
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
+}
+
+label {
+  display: inline-block;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus:not(:focus-visible) {
+  outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+[role=button] {
+  cursor: pointer;
+}
+
+select {
+  word-wrap: normal;
+}
+select:disabled {
+  opacity: 1;
+}
+
+[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
+  display: none !important;
+}
+
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+  -webkit-appearance: button;
+}
+button:not(:disabled),
+[type=button]:not(:disabled),
+[type=reset]:not(:disabled),
+[type=submit]:not(:disabled) {
+  cursor: pointer;
+}
+
+::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+textarea {
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  float: right;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 0.5rem;
+  font-size: calc(1.275rem + 0.3vw);
+  line-height: inherit;
+}
+@media (min-width: 1200px) {
+  legend {
+    font-size: 1.5rem;
+  }
+}
+legend + * {
+  clear: right;
+}
+
+::-webkit-datetime-edit-fields-wrapper,
+::-webkit-datetime-edit-text,
+::-webkit-datetime-edit-minute,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-year-field {
+  padding: 0;
+}
+
+::-webkit-inner-spin-button {
+  height: auto;
+}
+
+[type=search] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+
+[type="tel"],
+[type="url"],
+[type="email"],
+[type="number"] {
+  direction: ltr;
+}
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+::file-selector-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+iframe {
+  border: 0;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[hidden] {
+  display: none !important;
+}
+/*# sourceMappingURL=bootstrap-reboot.rtl.css.map */
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.rtl.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.rtl.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.rtl.min.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.rtl.min.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.rtl.min.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.rtl.min.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.min.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.min.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.min.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.min.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.rtl.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.rtl.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.rtl.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.rtl.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.rtl.min.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.rtl.min.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.rtl.min.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap-utilities.rtl.min.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap.min.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap.min.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap.min.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap.min.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap.rtl.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap.rtl.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap.rtl.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap.rtl.css.map
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap.rtl.min.css
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap.rtl.min.css
--- a/wwwroot/lib/bootstrap/dist/css/bootstrap.rtl.min.css.map
+++ b/wwwroot/lib/bootstrap/dist/css/bootstrap.rtl.min.css.map
--- a/wwwroot/lib/bootstrap/dist/js/bootstrap.bundle.js
+++ b/wwwroot/lib/bootstrap/dist/js/bootstrap.bundle.js
--- a/wwwroot/lib/bootstrap/dist/js/bootstrap.bundle.js.map
+++ b/wwwroot/lib/bootstrap/dist/js/bootstrap.bundle.js.map
--- a/wwwroot/lib/bootstrap/dist/js/bootstrap.bundle.min.js
+++ b/wwwroot/lib/bootstrap/dist/js/bootstrap.bundle.min.js
--- a/wwwroot/lib/bootstrap/dist/js/bootstrap.bundle.min.js.map
+++ b/wwwroot/lib/bootstrap/dist/js/bootstrap.bundle.min.js.map
--- a/wwwroot/lib/bootstrap/dist/js/bootstrap.esm.js
+++ b/wwwroot/lib/bootstrap/dist/js/bootstrap.esm.js
--- a/wwwroot/lib/bootstrap/dist/js/bootstrap.esm.js.map
+++ b/wwwroot/lib/bootstrap/dist/js/bootstrap.esm.js.map
--- a/wwwroot/lib/bootstrap/dist/js/bootstrap.esm.min.js
+++ b/wwwroot/lib/bootstrap/dist/js/bootstrap.esm.min.js
--- a/wwwroot/lib/bootstrap/dist/js/bootstrap.esm.min.js.map
+++ b/wwwroot/lib/bootstrap/dist/js/bootstrap.esm.min.js.map
--- a/wwwroot/lib/bootstrap/dist/js/bootstrap.js
+++ b/wwwroot/lib/bootstrap/dist/js/bootstrap.js
--- a/wwwroot/lib/bootstrap/dist/js/bootstrap.js.map
+++ b/wwwroot/lib/bootstrap/dist/js/bootstrap.js.map
--- a/wwwroot/lib/bootstrap/dist/js/bootstrap.min.js
+++ b/wwwroot/lib/bootstrap/dist/js/bootstrap.min.js
--- a/wwwroot/lib/bootstrap/dist/js/bootstrap.min.js.map
+++ b/wwwroot/lib/bootstrap/dist/js/bootstrap.min.js.map