Code cleanup

2026-05-27 10:51:19 -04:00
parent 5e486b0edb
commit 2423d232cf
48 changed files with 53731 additions and 46250 deletions
@@ -1,16 +1,16 @@
 <Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">

-  <PropertyGroup>
-    <TargetFramework>net10.0</TargetFramework>
-    <ImplicitUsings>enable</ImplicitUsings>
-    <Nullable>enable</Nullable>
-    <NoDefaultLaunchSettingsFile>true</NoDefaultLaunchSettingsFile>
-    <StaticWebAssetProjectMode>Default</StaticWebAssetProjectMode>
-    <BlazorDisableThrowNavigationException>true</BlazorDisableThrowNavigationException>
-  </PropertyGroup>
+    <PropertyGroup>
+        <TargetFramework>net10.0</TargetFramework>
+        <ImplicitUsings>enable</ImplicitUsings>
+        <Nullable>enable</Nullable>
+        <NoDefaultLaunchSettingsFile>true</NoDefaultLaunchSettingsFile>
+        <StaticWebAssetProjectMode>Default</StaticWebAssetProjectMode>
+        <BlazorDisableThrowNavigationException>true</BlazorDisableThrowNavigationException>
+    </PropertyGroup>

-  <ItemGroup>
-    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="10.0.8" />
-  </ItemGroup>
+    <ItemGroup>
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="10.0.8"/>
+    </ItemGroup>

 </Project>
@@ -10,10 +10,11 @@
 <button class="btn btn-primary" @onclick="IncrementCount">Click me</button>

@code {
-    private int currentCount = 0;
+    private int currentCount;

    private void IncrementCount()
    {
        currentCount++;
    }
+
 }
@@ -1,18 +1,18 @@
 <Project Sdk="Microsoft.NET.Sdk">

-  <PropertyGroup>
-    <TargetFramework>net10.0</TargetFramework>
-    <IsPackable>false</IsPackable>
-    <ImplicitUsings>enable</ImplicitUsings>
-    <Nullable>enable</Nullable>
-  </PropertyGroup>
+    <PropertyGroup>
+        <TargetFramework>net10.0</TargetFramework>
+        <IsPackable>false</IsPackable>
+        <ImplicitUsings>enable</ImplicitUsings>
+        <Nullable>enable</Nullable>
+    </PropertyGroup>

-  <ItemGroup>
-    <PackageReference Include="Selenium.WebDriver" Version="4.44.0" />
-    <PackageReference Include="Selenium.Support" Version="4.44.0" />
-    <PackageReference Include="NUnit" Version="4.6.1" />
-    <PackageReference Include="NUnit3TestAdapter" Version="6.2.0" />
-    <PackageReference Include="Microsoft.NET.Test.Sdk" Version="18.5.1" />
-  </ItemGroup>
+    <ItemGroup>
+        <PackageReference Include="Selenium.WebDriver" Version="4.44.0"/>
+        <PackageReference Include="Selenium.Support" Version="4.44.0"/>
+        <PackageReference Include="NUnit" Version="4.6.1"/>
+        <PackageReference Include="NUnit3TestAdapter" Version="6.2.0"/>
+        <PackageReference Include="Microsoft.NET.Test.Sdk" Version="18.5.1"/>
+    </ItemGroup>

 </Project>
@@ -1,4 +1,3 @@
-using System;
 using OpenQA.Selenium;
 using OpenQA.Selenium.Chrome;

@@ -10,10 +9,9 @@ public static class DriverFactory
    {
        var options = new ChromeOptions();
        var headless = Environment.GetEnvironmentVariable("HEADLESS");
-        if (!string.IsNullOrEmpty(headless) && (headless == "1" || headless.Equals("true", StringComparison.OrdinalIgnoreCase)))
-        {
+        if (!string.IsNullOrEmpty(headless) &&
+            (headless == "1" || headless.Equals("true", StringComparison.OrdinalIgnoreCase)))
            options.AddArgument("--headless=new");
-        }

        options.AddArgument("--disable-gpu");
        options.AddArgument("--no-sandbox");
@@ -5,11 +5,15 @@ namespace AOW4.SeleniumTests.Pages;
 public class CounterPage
 {
    private readonly IWebDriver _driver;
-    public CounterPage(IWebDriver driver) => _driver = driver;
+
+    public CounterPage(IWebDriver driver)
+    {
+        _driver = driver;
+    }

    public bool IsAt()
    {
        var url = _driver.Url ?? string.Empty;
-        return url.Contains("counter", System.StringComparison.OrdinalIgnoreCase) || _driver.PageSource.Contains("Counter");
+        return url.Contains("counter", StringComparison.OrdinalIgnoreCase) || _driver.PageSource.Contains("Counter");
    }
 }
@@ -5,11 +5,16 @@ namespace AOW4.SeleniumTests.Pages;
 public class HomePage
 {
    private readonly IWebDriver _driver;
-    public HomePage(IWebDriver driver) => _driver = driver;
+
+    public HomePage(IWebDriver driver)
+    {
+        _driver = driver;
+    }

    public bool IsAt()
    {
        var url = _driver.Url ?? string.Empty;
-        return url.EndsWith("/") || url.Contains("/index", System.StringComparison.OrdinalIgnoreCase) || _driver.PageSource.Contains("Home");
+        return url.EndsWith("/") || url.Contains("/index", StringComparison.OrdinalIgnoreCase) ||
+               _driver.PageSource.Contains("Home");
    }
 }
@@ -1,4 +1,3 @@
-using System.Linq;
 using OpenQA.Selenium;

 namespace AOW4.SeleniumTests.Pages;
@@ -15,12 +14,11 @@ public class NavMenuPage
    public void ClickLinkByText(string linkText)
    {
        var link = _driver.FindElements(By.CssSelector("a[href]"))
-            .FirstOrDefault(e => !string.IsNullOrWhiteSpace(e.Text) && e.Text.Trim().Equals(linkText, System.StringComparison.OrdinalIgnoreCase));
+            .FirstOrDefault(e =>
+                !string.IsNullOrWhiteSpace(e.Text) &&
+                e.Text.Trim().Equals(linkText, StringComparison.OrdinalIgnoreCase));

-        if (link == null)
-        {
-            throw new NoSuchElementException($"Link with text '{linkText}' not found in the page.");
-        }
+        if (link == null) throw new NoSuchElementException($"Link with text '{linkText}' not found in the page.");

        link.Click();
    }
@@ -1,15 +0,0 @@
-using OpenQA.Selenium;
-
-namespace AOW4.SeleniumTests.Pages;
-
-public class WeatherPage
-{
-    private readonly IWebDriver _driver;
-    public WeatherPage(IWebDriver driver) => _driver = driver;
-
-    public bool IsAt()
-    {
-        var url = _driver.Url ?? string.Empty;
-        return url.Contains("weather", System.StringComparison.OrdinalIgnoreCase) || _driver.PageSource.Contains("Weather");
-    }
-}
@@ -1,6 +1,7 @@
 # AOW4 Selenium Tests

 Requirements:
+
 - .NET 10 SDK
 - Google Chrome installed (compatible with ChromeDriver package)
 - The AOW4 web app running locally (by default at `http://localhost:5000`) or set `BASE_URL` env var.
@@ -16,5 +17,6 @@ dotnet test AOW4.SeleniumTests\AOW4.SeleniumTests.csproj
 ```

 Notes:
+
 - Navigation tests use the UI nav links — ensure the app is running before executing tests.
 - Broken links scanner sends HTTP HEAD requests and falls back to GET if needed.
@@ -1,15 +1,12 @@
+using AOW4.SeleniumTests.Driver;
 using NUnit.Framework;
 using OpenQA.Selenium;
-using AOW4.SeleniumTests.Driver;

 namespace AOW4.SeleniumTests.Tests;

 [TestFixture]
 public abstract class BaseTest
 {
-    protected IWebDriver Driver = null!;
-    protected string BaseUrl => "http://localhost:5212/";
-
    [OneTimeSetUp]
    public void GlobalSetup()
    {
@@ -29,6 +26,9 @@ public abstract class BaseTest
        }
    }

+    protected IWebDriver Driver = null!;
+    protected string BaseUrl => "http://localhost:5212/";
+
    protected void GoHome()
    {
        Driver.Navigate().GoToUrl(BaseUrl);
@@ -1,7 +1,4 @@
 using NUnit.Framework;
-using System.Net.Http;
-using System.Collections.Generic;
-using System.Linq;
 using OpenQA.Selenium;

 namespace AOW4.SeleniumTests.Tests;
@@ -25,19 +22,16 @@ public class BrokenLinksTest : BaseTest

        foreach (var raw in anchors)
        {
-            if (raw.StartsWith("javascript:", System.StringComparison.OrdinalIgnoreCase))
+            if (raw.StartsWith("javascript:", StringComparison.OrdinalIgnoreCase))
                continue;
-            if (raw.StartsWith("mailto:", System.StringComparison.OrdinalIgnoreCase))
+            if (raw.StartsWith("mailto:", StringComparison.OrdinalIgnoreCase))
                continue;

-            System.Uri uri;
+            Uri uri;
            try
            {
-                uri = new System.Uri(raw, System.UriKind.RelativeOrAbsolute);
-                if (!uri.IsAbsoluteUri)
-                {
-                    uri = new System.Uri(new System.Uri(BaseUrl), raw);
-                }
+                uri = new Uri(raw, UriKind.RelativeOrAbsolute);
+                if (!uri.IsAbsoluteUri) uri = new Uri(new Uri(BaseUrl), raw);
            }
            catch
            {
@@ -54,21 +48,15 @@ public class BrokenLinksTest : BaseTest
                    // try GET as fallback
                    using var greq = new HttpRequestMessage(HttpMethod.Get, uri);
                    var gresp = client.Send(greq);
-                    if (!gresp.IsSuccessStatusCode)
-                    {
-                        failures.Add($"{(int)gresp.StatusCode} {uri}");
-                    }
+                    if (!gresp.IsSuccessStatusCode) failures.Add($"{(int)gresp.StatusCode} {uri}");
                }
            }
-            catch (System.Exception ex)
+            catch (Exception ex)
            {
                failures.Add($"Error checking {uri}: {ex.Message}");
            }
        }

-        if (failures.Any())
-        {
-            Assert.Fail("Broken links found:\n" + string.Join("\n", failures));
-        }
+        if (failures.Any()) Assert.Fail("Broken links found:\n" + string.Join("\n", failures));
    }
 }
@@ -1,5 +1,4 @@
 using NUnit.Framework;
-using AOW4.SeleniumTests.Pages;

 namespace AOW4.SeleniumTests.Tests;

@@ -11,7 +10,9 @@ public class NavigationTests : BaseTest
    {
        GoHome();

-        Assert.IsTrue(Driver.Url.Contains(expectedPath, System.StringComparison.OrdinalIgnoreCase) || Driver.PageSource.Contains(linkText),
+        Assert.IsTrue(
+            Driver.Url.Contains(expectedPath, StringComparison.OrdinalIgnoreCase) ||
+            Driver.PageSource.Contains(linkText),
            $"Expected to be on route containing '{expectedPath}' after clicking '{linkText}', but was '{Driver.Url}'");
    }
 }
@@ -1,5 +1,5 @@
 <Solution>
-  <Project Path="AOW4.Client/AOW4.Client.csproj" />
-  <Project Path="AOW4.SeleniumTests/AOW4.SeleniumTests.csproj" />
-  <Project Path="AOW4/AOW4.csproj" />
+    <Project Path="AOW4.Client/AOW4.Client.csproj"/>
+    <Project Path="AOW4.SeleniumTests/AOW4.SeleniumTests.csproj"/>
+    <Project Path="AOW4/AOW4.csproj"/>
 </Solution>
@@ -1,15 +1,15 @@
 <Project Sdk="Microsoft.NET.Sdk.Web">

-  <PropertyGroup>
-    <TargetFramework>net10.0</TargetFramework>
-    <Nullable>enable</Nullable>
-    <ImplicitUsings>enable</ImplicitUsings>
-    <BlazorDisableThrowNavigationException>true</BlazorDisableThrowNavigationException>
-  </PropertyGroup>
+    <PropertyGroup>
+        <TargetFramework>net10.0</TargetFramework>
+        <Nullable>enable</Nullable>
+        <ImplicitUsings>enable</ImplicitUsings>
+        <BlazorDisableThrowNavigationException>true</BlazorDisableThrowNavigationException>
+    </PropertyGroup>

-  <ItemGroup>
-    <ProjectReference Include="..\AOW4.Client\AOW4.Client.csproj" />
-    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="10.0.8" />
-  </ItemGroup>
+    <ItemGroup>
+        <ProjectReference Include="..\AOW4.Client\AOW4.Client.csproj"/>
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="10.0.8"/>
+    </ItemGroup>

 </Project>
@@ -2,21 +2,21 @@
 <html lang="en">

 <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <base href="/" />
-    <ResourcePreloader />
-    <link rel="stylesheet" href="@Assets["lib/bootstrap/dist/css/bootstrap.min.css"]" />
-    <link rel="stylesheet" href="@Assets["app.css"]" />
-    <link rel="stylesheet" href="@Assets["AOW4.styles.css"]" />
-    <ImportMap />
-    <link rel="icon" type="image/png" href="favicon.png" />
-    <HeadOutlet />
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <base href="/"/>
+    <ResourcePreloader/>
+    <link rel="stylesheet" href="@Assets["lib/bootstrap/dist/css/bootstrap.min.css"]"/>
+    <link rel="stylesheet" href="@Assets["app.css"]"/>
+    <link rel="stylesheet" href="@Assets["AOW4.styles.css"]"/>
+    <ImportMap/>
+    <link rel="icon" type="image/png" href="favicon.png"/>
+    <HeadOutlet/>
 </head>

 <body>
-    <Routes />
-    <script src="@Assets["_framework/blazor.web.js"]"></script>
+<Routes/>
+<script src="@Assets["_framework/blazor.web.js"]"></script>
 </body>

 </html>
@@ -21,20 +21,20 @@ main {
    align-items: center;
 }

-    .top-row ::deep a, .top-row ::deep .btn-link {
-        white-space: nowrap;
-        margin-left: 1.5rem;
-        text-decoration: none;
-    }
+.top-row ::deep a, .top-row ::deep .btn-link {
+    white-space: nowrap;
+    margin-left: 1.5rem;
+    text-decoration: none;
+}

-    .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
-        text-decoration: underline;
-    }
+.top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
+    text-decoration: underline;
+}

-    .top-row ::deep a:first-child {
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
+.top-row ::deep a:first-child {
+    overflow: hidden;
+    text-overflow: ellipsis;
+}

@media (max-width: 640.98px) {
    .top-row {
@@ -90,9 +90,9 @@ main {
    z-index: 1000;
 }

-    #blazor-error-ui .dismiss {
-        cursor: pointer;
-        position: absolute;
-        right: 0.75rem;
-        top: 0.5rem;
-    }
+#blazor-error-ui .dismiss {
+    cursor: pointer;
+    position: absolute;
+    right: 0.75rem;
+    top: 0.5rem;
+}
@@ -1,42 +0,0 @@
-<div class="top-row ps-3 navbar navbar-dark">
-    <div class="container-fluid">
-        <a class="navbar-brand" href="">AOW4</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="" Match="NavLinkMatch.All">
-                <span class="bi bi-house-door-fill-nav-menu" aria-hidden="true"></span> Home
-            </NavLink>
-        </div>
-
-        <div class="nav-item px-3">
-            <NavLink class="nav-link" href="counter">
-                <span class="bi bi-plus-square-fill-nav-menu" aria-hidden="true"></span> Counter
-            </NavLink>
-        </div>
-
-        <div class="nav-item px-3">
-            <NavLink class="nav-link" href="weather">
-                <span class="bi bi-list-nested-nav-menu" aria-hidden="true"></span> Weather
-            </NavLink>
-        </div>
-
-        <div class="nav-item px-3">
-            <NavLink class="nav-link" href="/references/magic-materials">
-                <span class="bi bi-book-fill-nav-menu" aria-hidden="true"></span> Magic Materials
-            </NavLink>
-        </div>
-
-        <div class="nav-item px-3">
-            <NavLink class="nav-link" href="/references/province-improvements">
-                <span class="bi bi-buildings-nav-menu" aria-hidden="true"></span> Province Improvements
-            </NavLink>
-        </div>
-    </nav>
-</div>
-
@@ -1,105 +0,0 @@
-.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;
-    }
-}
@@ -10,23 +10,23 @@
        <h2>Build Order</h2>
        <table class="calculator-table">
            <thead>
-                <tr>
-                    <th>Turn Requested</th>
-                    <th>Building</th>
-                    <th>Finish Turn</th>
-                    <th>Industry Remaining</th>
-                </tr>
+            <tr>
+                <th>Turn Requested</th>
+                <th>Building</th>
+                <th>Finish Turn</th>
+                <th>Industry Remaining</th>
+            </tr>
            </thead>
            <tbody>
-                @foreach (var entry in Result.BuildOrder)
-                {
-                    <tr>
-                        <td>@entry.RequestedTurn</td>
-                        <td>@entry.Name</td>
-                        <td>@(entry.BuiltFinishTurn == 0 ? "Starting" : entry.BuiltFinishTurn.ToString())</td>
-                        <td>@entry.IndustryCostRemaining</td>
-                    </tr>
-                }
+            @foreach (var entry in Result.BuildOrder)
+            {
+                <tr>
+                    <td>@entry.RequestedTurn</td>
+                    <td>@entry.Name</td>
+                    <td>@(entry.BuiltFinishTurn == 0 ? "Starting" : entry.BuiltFinishTurn.ToString())</td>
+                    <td>@entry.IndustryCostRemaining</td>
+                </tr>
+            }
            </tbody>
        </table>
    </section>
@@ -35,23 +35,23 @@
        <h2>Gold Over Time</h2>
        <table class="calculator-table">
            <thead>
-                <tr>
-                    <th>Turn</th>
-                    <th>Stored Gold</th>
-                    <th>Income</th>
-                    <th>Upkeep</th>
-                </tr>
+            <tr>
+                <th>Turn</th>
+                <th>Stored Gold</th>
+                <th>Income</th>
+                <th>Upkeep</th>
+            </tr>
            </thead>
            <tbody>
-                @foreach (var snapshot in Result.ResourceHistory)
-                {
-                    <tr>
-                        <td>@snapshot.Turn</td>
-                        <td>@snapshot.Stored.Gold</td>
-                        <td>@snapshot.TotalIncome.Gold</td>
-                        <td>@snapshot.TotalUpkeep.Gold</td>
-                    </tr>
-                }
+            @foreach (var snapshot in Result.ResourceHistory)
+            {
+                <tr>
+                    <td>@snapshot.Turn</td>
+                    <td>@snapshot.Stored.Gold</td>
+                    <td>@snapshot.TotalIncome.Gold</td>
+                    <td>@snapshot.TotalUpkeep.Gold</td>
+                </tr>
+            }
            </tbody>
        </table>
    </section>
@@ -68,12 +68,13 @@

    protected override void OnInitialized()
    {
-        Result = BuildingPlanCalculator.CreateSampleBuildPlan(60);
+        Result = BuildingPlanCalculator.CreateSampleBuildPlan();
        Json = JsonSerializer.Serialize(Result, new JsonSerializerOptions
        {
            WriteIndented = true
        });
    }
+
 }

 <style>
@@ -15,22 +15,26 @@

 <h3>Development Mode</h3>
 <p>
-    Swapping to <strong>Development</strong> environment will display more detailed information about the error that occurred.
+    Swapping to <strong>Development</strong> environment will display more detailed information about the error that
+    occurred.
 </p>
 <p>
    <strong>The Development environment shouldn't be enabled for deployed applications.</strong>
    It can result in displaying sensitive information from exceptions to end users.
-    For local debugging, enable the <strong>Development</strong> environment by setting the <strong>ASPNETCORE_ENVIRONMENT</strong> environment variable to <strong>Development</strong>
+    For local debugging, enable the <strong>Development</strong> environment by setting the <strong>ASPNETCORE_ENVIRONMENT</strong>
+    environment variable to <strong>Development</strong>
    and restarting the app.
 </p>

@code{
-    [CascadingParameter]
-    private HttpContext? HttpContext { get; set; }
+    [CascadingParameter] private HttpContext? HttpContext { get; set; }

    private string? RequestId { get; set; }
    private bool ShowRequestId => !string.IsNullOrEmpty(RequestId);

-    protected override void OnInitialized() =>
+    protected override void OnInitialized()
+    {
        RequestId = Activity.Current?.Id ?? HttpContext?.TraceIdentifier;
+    }
+
 }
@@ -52,6 +52,7 @@
    {
        sections = SectionsData.GetAllSections();
    }
+
 }

 <style>
@@ -8,35 +8,42 @@
    <div class="table-responsive">
        <table class="table table-striped table-hover">
            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Category</th>
-                    <th>Annex Resources</th>
-                    <th>Global Bonus</th>
-                    <th>Infusion 1</th>
-                    <th>Infusion 2</th>
-                    <th>Infusion 3</th>
-                </tr>
+            <tr>
+                <th>Name</th>
+                <th>Category</th>
+                <th>Annex Resources</th>
+                <th>Global Bonus</th>
+                <th>Infusion 1</th>
+                <th>Infusion 2</th>
+                <th>Infusion 3</th>
+            </tr>
            </thead>
            <tbody>
-                @foreach (var material in MagicMaterialsData.RawData)
-                {
-                    <tr>
-                        <td>@material.Name</td>
-                        <td>@material.Category</td>
-                        <td>@FormatAnnexResources(material)</td>
-                        <td>@material.GlobalBonus</td>
-                        <td><div class="preformatted">@material.InfusionEffects1</div></td>
-                        <td><div class="preformatted">@material.InfusionEffects2</div></td>
-                        <td><div class="preformatted">@material.InfusionEffects3</div></td>
-                    </tr>
-                }
+            @foreach (var material in MagicMaterialsData.RawData)
+            {
+                <tr>
+                    <td>@material.Name</td>
+                    <td>@material.Category</td>
+                    <td>@FormatAnnexResources(material)</td>
+                    <td>@material.GlobalBonus</td>
+                    <td>
+                        <div class="preformatted">@material.InfusionEffects1</div>
+                    </td>
+                    <td>
+                        <div class="preformatted">@material.InfusionEffects2</div>
+                    </td>
+                    <td>
+                        <div class="preformatted">@material.InfusionEffects3</div>
+                    </td>
+                </tr>
+            }
            </tbody>
        </table>
    </div>
 </div>

@code {
+
    private static string FormatAnnexResources(MagicMaterial material)
    {
        var parts = new List<string>();
@@ -72,6 +79,7 @@

        return parts.Count > 0 ? string.Join("; ", parts) : "—";
    }
+
 }

 <style>
@@ -3,32 +3,37 @@

 <div class="page-container">
    <h1>Province Improvements Reference</h1>
-    <p class="subtitle">A reference view of the `ProvinceImprovement` data loaded from `ProvinceImprovementsData.RawData`.</p>
+    <p class="subtitle">A reference view of the `ProvinceImprovement` data loaded from
+        `ProvinceImprovementsData.RawData`.</p>

    <div class="table-responsive">
        <table class="table table-striped table-hover">
            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Category</th>
-                    <th>Source</th>
-                    <th>Cost (Prod/Gold)</th>
-                    <th>Effects</th>
-                    <th>Requirements</th>
-                </tr>
+            <tr>
+                <th>Name</th>
+                <th>Category</th>
+                <th>Source</th>
+                <th>Cost (Prod/Gold)</th>
+                <th>Effects</th>
+                <th>Requirements</th>
+            </tr>
            </thead>
            <tbody>
-                @foreach (var improvement in ProvinceImprovementsData.RawData)
-                {
-                    <tr>
-                        <td>@improvement.Name</td>
-                        <td>@improvement.Category</td>
-                        <td>@improvement.Source</td>
-                        <td>@improvement.CostProduction / @improvement.CostGold</td>
-                        <td><div class="preformatted">@improvement.Effects</div></td>
-                        <td><div class="preformatted">@improvement.Requirements</div></td>
-                    </tr>
-                }
+            @foreach (var improvement in ProvinceImprovementsData.RawData)
+            {
+                <tr>
+                    <td>@improvement.Name</td>
+                    <td>@improvement.Category</td>
+                    <td>@improvement.Source</td>
+                    <td>@improvement.CostProduction / @improvement.CostGold</td>
+                    <td>
+                        <div class="preformatted">@improvement.Effects</div>
+                    </td>
+                    <td>
+                        <div class="preformatted">@improvement.Requirements</div>
+                    </td>
+                </tr>
+            }
            </tbody>
        </table>
    </div>
@@ -1,64 +0,0 @@
-@page "/weather"
-@attribute [StreamRendering]
-
-<PageTitle>Weather</PageTitle>
-
-<h1>Weather</h1>
-
-<p>This component demonstrates showing data.</p>
-
-@if (forecasts == null)
-{
-    <p><em>Loading...</em></p>
-}
-else
-{
-    <table class="table">
-        <thead>
-            <tr>
-                <th>Date</th>
-                <th aria-label="Temperature in Celsius">Temp. (C)</th>
-                <th aria-label="Temperature in Fahrenheit">Temp. (F)</th>
-                <th>Summary</th>
-            </tr>
-        </thead>
-        <tbody>
-            @foreach (var forecast in forecasts)
-            {
-                <tr>
-                    <td>@forecast.Date.ToShortDateString()</td>
-                    <td>@forecast.TemperatureC</td>
-                    <td>@forecast.TemperatureF</td>
-                    <td>@forecast.Summary</td>
-                </tr>
-            }
-        </tbody>
-    </table>
-}
-
-@code {
-    private WeatherForecast[]? forecasts;
-
-    protected override async Task OnInitializedAsync()
-    {
-        // Simulate asynchronous loading to demonstrate streaming rendering
-        await Task.Delay(500);
-
-        var startDate = DateOnly.FromDateTime(DateTime.Now);
-        var summaries = new[] { "Freezing", "Bracing", "Chilly", "Cool", "Mild", "Warm", "Balmy", "Hot", "Sweltering", "Scorching" };
-        forecasts = Enumerable.Range(1, 5).Select(index => new WeatherForecast
-        {
-            Date = startDate.AddDays(index),
-            TemperatureC = Random.Shared.Next(-20, 55),
-            Summary = summaries[Random.Shared.Next(summaries.Length)]
-        }).ToArray();
-    }
-
-    private class WeatherForecast
-    {
-        public DateOnly Date { get; set; }
-        public int TemperatureC { get; set; }
-        public string? Summary { get; set; }
-        public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
-    }
-}
@@ -1,6 +1,8 @@
-<Router AppAssembly="typeof(Program).Assembly" AdditionalAssemblies="new[] { typeof(Client._Imports).Assembly }" NotFoundPage="typeof(Pages.NotFound)">
+@using AOW4.Components.Pages
+<Router AppAssembly="typeof(Program).Assembly" AdditionalAssemblies="new[] { typeof(Client._Imports).Assembly }"
+        NotFoundPage="typeof(NotFound)">
    <Found Context="routeData">
-        <RouteView RouteData="routeData" DefaultLayout="typeof(Layout.MainLayout)" />
-        <FocusOnNavigate RouteData="routeData" Selector="h1" />
+        <RouteView RouteData="routeData" DefaultLayout="typeof(MainLayout)"/>
+        <FocusOnNavigate RouteData="routeData" Selector="h1"/>
    </Found>
 </Router>
@@ -14,7 +14,8 @@ public sealed class ResourceAmounts
    public int Stability { get; set; }

    [JsonIgnore]
-    public bool IsZero => Draft == 0 && Food == 0 && Knowledge == 0 && Industry == 0 && Magic == 0 && Gold == 0 && Imperial == 0 && Stability == 0;
+    public bool IsZero => Draft == 0 && Food == 0 && Knowledge == 0 && Industry == 0 && Magic == 0 && Gold == 0 &&
+                          Imperial == 0 && Stability == 0;

    public void Add(ResourceAmounts other)
    {
@@ -41,7 +42,8 @@ public sealed class ResourceAmounts
    }

    public static ResourceAmounts operator +(ResourceAmounts a, ResourceAmounts b)
-        => new ResourceAmounts
+    {
+        return new ResourceAmounts
        {
            Draft = a.Draft + b.Draft,
            Food = a.Food + b.Food,
@@ -52,9 +54,11 @@ public sealed class ResourceAmounts
            Imperial = a.Imperial + b.Imperial,
            Stability = a.Stability + b.Stability
        };
+    }

    public static ResourceAmounts operator -(ResourceAmounts a, ResourceAmounts b)
-        => new ResourceAmounts
+    {
+        return new ResourceAmounts
        {
            Draft = a.Draft - b.Draft,
            Food = a.Food - b.Food,
@@ -65,6 +69,7 @@ public sealed class ResourceAmounts
            Imperial = a.Imperial - b.Imperial,
            Stability = a.Stability - b.Stability
        };
+    }
 }

 public sealed class BuildingDefinition
@@ -137,7 +142,6 @@ public static class BuildingPlanCalculator

        var stored = new ResourceAmounts();
        if (startingResources is not null)
-        {
            stored = new ResourceAmounts
            {
                Draft = startingResources.Draft,
@@ -149,10 +153,8 @@ public static class BuildingPlanCalculator
                Imperial = startingResources.Imperial,
                Stability = startingResources.Stability
            };
-        }

        if (startingBuildings is not null)
-        {
            foreach (var startingBuilding in startingBuildings)
            {
                var entry = new BuildOrderEntry
@@ -168,7 +170,6 @@ public static class BuildingPlanCalculator
                activeBuildings.Add(entry);
                result.BuildOrder.Add(entry);
            }
-        }

        var requestsByTurn = buildRequests
            .OrderBy(r => r.RequestedTurn)
@@ -183,19 +184,16 @@ public static class BuildingPlanCalculator
            var upkeepThisTurn = new ResourceAmounts();

            foreach (var building in activeBuildings)
-            {
                if (building.BuiltFinishTurn == 0 || turn > building.BuiltFinishTurn)
                {
                    incomeThisTurn.Add(building.Definition.Income);
                    upkeepThisTurn.Add(building.Definition.Upkeep);
                }
-            }

            stored.Add(incomeThisTurn);
            stored.Subtract(upkeepThisTurn);

            if (requestsByTurn.TryGetValue(turn, out var requests))
-            {
                foreach (var request in requests)
                {
                    var nextProject = new BuildOrderEntry
@@ -223,15 +221,11 @@ public static class BuildingPlanCalculator
                    projects.Add(nextProject);
                    result.BuildOrder.Add(nextProject);
                }
-            }

            var availableIndustry = incomeThisTurn.Industry;
            foreach (var project in projects.Where(p => p.BuiltFinishTurn == 0).OrderBy(p => p.RequestedTurn))
            {
-                if (availableIndustry <= 0 || project.IndustryCostRemaining <= 0)
-                {
-                    continue;
-                }
+                if (availableIndustry <= 0 || project.IndustryCostRemaining <= 0) continue;

                var applied = Math.Min(availableIndustry, project.IndustryCostRemaining);
                project.IndustryCostRemaining -= applied;
@@ -271,7 +265,7 @@ public static class BuildingPlanCalculator
    {
        return new List<BuildingDefinition>
        {
-            new BuildingDefinition
+            new()
            {
                Id = "town-hall-1",
                Name = "Town Hall I",
@@ -288,7 +282,7 @@ public static class BuildingPlanCalculator
                Upkeep = new ResourceAmounts(),
                Cost = new ResourceAmounts()
            },
-            new BuildingDefinition
+            new()
            {
                Id = "throne",
                Name = "Throne",
@@ -308,7 +302,7 @@ public static class BuildingPlanCalculator
    {
        var sampleRequests = new List<BuildOrderRequest>
        {
-            new BuildOrderRequest
+            new()
            {
                ItemId = "farm-1",
                Definition = new BuildingDefinition
@@ -323,7 +317,7 @@ public static class BuildingPlanCalculator
                },
                RequestedTurn = 2
            },
-            new BuildOrderRequest
+            new()
            {
                ItemId = "workshop-1",
                Definition = new BuildingDefinition
@@ -338,7 +332,7 @@ public static class BuildingPlanCalculator
                },
                RequestedTurn = 5
            },
-            new BuildOrderRequest
+            new()
            {
                ItemId = "market-1",
                Definition = new BuildingDefinition
@@ -355,6 +349,7 @@ public static class BuildingPlanCalculator
            }
        };

-        return CalculateBuildPlan(totalTurns, sampleRequests, GetDefaultStartingBuildings(), new ResourceAmounts { Gold = 0 });
+        return CalculateBuildPlan(totalTurns, sampleRequests, GetDefaultStartingBuildings(),
+            new ResourceAmounts { Gold = 0 });
    }
 }
@@ -19,7 +19,7 @@ public class MagicMaterial
    public string? InfusionEffects2 { get; set; }
    public string? InfusionEffects3 { get; set; }
    public int? IncreaseProduction { get; set; }
-    public int? IncreaseGold{ get; set; }
+    public int? IncreaseGold { get; set; }
    public int? IncreaseMana { get; set; }
    public int? IncreaseDraft { get; set; }
    public int? IncreaseKnowledge { get; set; }
@@ -1,43 +1,44 @@
 namespace AOW4.Data;

 /// <summary>
-/// Represents a Province Improvement - a buildable enhancement that can be constructed in a province.
-/// Each Province Improvement decreases stability by -5.
+///     Represents a Province Improvement - a buildable enhancement that can be constructed in a province.
+///     Each Province Improvement decreases stability by -5.
 /// </summary>
 public class ProvinceImprovement
 {
    /// <summary>
-    /// The name of the province improvement.
+    ///     The name of the province improvement.
    /// </summary>
    public required string Name { get; set; }

    /// <summary>
-    /// The base category/type (Conduit, Farm, Forester, Mine, Quarry, Research Post, Teleporter, Monument, etc.).
+    ///     The base category/type (Conduit, Farm, Forester, Mine, Quarry, Research Post, Teleporter, Monument, etc.).
    /// </summary>
    public required string Category { get; set; }

    /// <summary>
-    /// A description of the effects this improvement provides (resource bonuses, adjacency bonuses, special mechanics, etc.).
+    ///     A description of the effects this improvement provides (resource bonuses, adjacency bonuses, special mechanics,
+    ///     etc.).
    /// </summary>
    public required string Effects { get; set; }

    /// <summary>
-    /// Any requirements to build this improvement (terrain, resource nodes, Town Hall tier, etc.).
+    ///     Any requirements to build this improvement (terrain, resource nodes, Town Hall tier, etc.).
    /// </summary>
    public required string Requirements { get; set; }

    /// <summary>
-    /// The source/culture/tome that grants this improvement (General, Barbarian, Feudal, High, Mystic, etc.).
+    ///     The source/culture/tome that grants this improvement (General, Barbarian, Feudal, High, Mystic, etc.).
    /// </summary>
    public required string Source { get; set; }

    /// <summary>
-    /// The production cost to build this improvement.
+    ///     The production cost to build this improvement.
    /// </summary>
    public int CostProduction { get; set; }

    /// <summary>
-    /// The gold cost to build this improvement.
+    ///     The gold cost to build this improvement.
    /// </summary>
    public int CostGold { get; set; }
 }
@@ -1,7 +1,7 @@
 namespace AOW4.Data;

 /// <summary>
-/// Static raw data provider for Province Improvements.
+///     Static raw data provider for Province Improvements.
 /// </summary>
 public static class ProvinceImprovementsData
 {
@@ -85,10 +85,10 @@ public static class ProvinceImprovementsData
            Name = "Spell Jammer",
            Category = "Conduit",
            Effects = """
-                Enemies cannot target World Map Spells in this Domain.
-                Enemy Spells cost +100% Combat Casting Points in Combat in Domain.
-                -10 Mana.
-                """,
+                      Enemies cannot target World Map Spells in this Domain.
+                      Enemy Spells cost +100% Combat Casting Points in Combat in Domain.
+                      -10 Mana.
+                      """,
            Requirements = "Must be built on an acquired province.\nRequires Town Hall III",
            Source = "General",
            CostProduction = 250,
@@ -99,9 +99,9 @@ public static class ProvinceImprovementsData
            Name = "Teleporter",
            Category = "Teleporter",
            Effects = """
-                A Province Improvement which enables an Army to teleport from one teleporter to another.
-                -10 Mana.
-                """,
+                      A Province Improvement which enables an Army to teleport from one teleporter to another.
+                      -10 Mana.
+                      """,
            Requirements = "Must be built on an acquired province",
            Source = "General",
            CostProduction = 250,
@@ -114,11 +114,11 @@ public static class ProvinceImprovementsData
            Name = "Forest of Stakes",
            Category = "Forester",
            Effects = """
-                +7 Food income.
-                +7 Production income.
-                +7 Draft per adjacent Forester.
-                Enemy Units in this Domain get Demoralized.
-                """,
+                      +7 Food income.
+                      +7 Production income.
+                      +7 Draft per adjacent Forester.
+                      Enemy Units in this Domain get Demoralized.
+                      """,
            Requirements = "Must be built on an acquired province.\nRequires Town Hall II: Communal Tent",
            Source = "Barbarian",
            CostProduction = 130,
@@ -131,9 +131,9 @@ public static class ProvinceImprovementsData
            Name = "Masoleum",
            Category = "Research Post",
            Effects = """
-                +10 Knowledge income.
-                +3 Knowledge Production per adjacent Conduit.
-                """,
+                      +10 Knowledge income.
+                      +3 Knowledge Production per adjacent Conduit.
+                      """,
            Requirements = "Must be built on an acquired province.\nRequires Town Hall II: Dread Spire",
            Source = "Dark - Cult of Death",
            CostProduction = 130,
@@ -146,9 +146,9 @@ public static class ProvinceImprovementsData
            Name = "Dark Forge",
            Category = "Mine",
            Effects = """
-                +10 Gold income.
-                +5 Production per adjacent Quarry, Mine, or Forester.
-                """,
+                      +10 Gold income.
+                      +5 Production per adjacent Quarry, Mine, or Forester.
+                      """,
            Requirements = "Must be built on an acquired province.\nRequires Town Hall II: Dread Spire",
            Source = "Dark - Cult of Tyranny",
            CostProduction = 130,
@@ -161,9 +161,9 @@ public static class ProvinceImprovementsData
            Name = "Farmstead",
            Category = "Farm",
            Effects = """
-                +15 Food income.
-                +5 Food per adjacent Farm.
-                """,
+                      +15 Food income.
+                      +5 Food per adjacent Farm.
+                      """,
            Requirements = "Must be built on an acquired province.\nRequires Town Hall II: Castle",
            Source = "Feudal",
            CostProduction = 130,
@@ -176,10 +176,10 @@ public static class ProvinceImprovementsData
            Name = "Sunshrine",
            Category = "Research Post",
            Effects = """
-                +10 Knowledge income.
-                +3 Knowledge per adjacent Research Post.
-                Friendly Units in this Domain are Encouraged.
-                """,
+                      +10 Knowledge income.
+                      +3 Knowledge per adjacent Research Post.
+                      Friendly Units in this Domain are Encouraged.
+                      """,
            Requirements = "Must be built on an acquired province.\nRequires Town Hall II: Atrium of Light",
            Source = "High",
            CostProduction = 130,
@@ -192,9 +192,9 @@ public static class ProvinceImprovementsData
            Name = "Builder's Quarters",
            Category = "Quarry",
            Effects = """
-                +15 Production income.
-                +5 Production per adjacent Quarry.
-                """,
+                      +15 Production income.
+                      +5 Production per adjacent Quarry.
+                      """,
            Requirements = "Must be built on an acquired province.\nRequires Town Hall II: Bulwark",
            Source = "Industrious",
            CostProduction = 130,
@@ -207,9 +207,9 @@ public static class ProvinceImprovementsData
            Name = "Mystic Abbey",
            Category = "Conduit",
            Effects = """
-                +10 Mana income.
-                +3 Knowledge per adjacent Conduit or Research Post.
-                """,
+                      +10 Mana income.
+                      +3 Knowledge per adjacent Conduit or Research Post.
+                      """,
            Requirements = "Must be built on an acquired province.\nRequires Town Hall II: Mage's Plaza",
            Source = "Mystic - School of Attunement",
            CostProduction = 130,
@@ -222,10 +222,11 @@ public static class ProvinceImprovementsData
            Name = "Astral Manalith",
            Category = "Conduit",
            Effects = """
-                +10 Mana income.
-                +5 Mana per adjacent Conduit or Research Post.
-                """,
-            Requirements = "Must be built on an acquired Province.\nRequires City Tier 2.\nRequires Town Hall II: Mage's Plaza",
+                      +10 Mana income.
+                      +5 Mana per adjacent Conduit or Research Post.
+                      """,
+            Requirements =
+                "Must be built on an acquired Province.\nRequires City Tier 2.\nRequires Town Hall II: Mage's Plaza",
            Source = "Mystic - School of Summoning",
            CostProduction = 130,
            CostGold = 60
@@ -237,10 +238,10 @@ public static class ProvinceImprovementsData
            Name = "Warcamp",
            Category = "Forester",
            Effects = """
-                +15 Draft.
-                Pillaging adjacent provinces takes -1 Turn.
-                Friendly units in this and adjacent provinces gain +15 Hit Point regeneration per World Map Turn.
-                """,
+                      +15 Draft.
+                      Pillaging adjacent provinces takes -1 Turn.
+                      Friendly units in this and adjacent provinces gain +15 Hit Point regeneration per World Map Turn.
+                      """,
            Requirements = "Must be built on an annexed Province.\nRequires Town Hall II: Council Deck",
            Source = "Nomad - Conquerors",
            CostProduction = 130,
@@ -253,9 +254,9 @@ public static class ProvinceImprovementsData
            Name = "Scavenging Camp",
            Category = "Mine",
            Effects = """
-                +10 Gold.
-                +10 Gold for this and each adjacent province containing a Resource Node.
-                """,
+                      +10 Gold.
+                      +10 Gold for this and each adjacent province containing a Resource Node.
+                      """,
            Requirements = "Must be built on an annexed Province.\nRequires Town Hall II: Council Deck",
            Source = "Nomad - Scavengers",
            CostProduction = 130,
@@ -300,10 +301,10 @@ public static class ProvinceImprovementsData
            Name = "School of Contemplation",
            Category = "Conduit",
            Effects = """
-                +7 Mana.
-                +7 Knowledge.
-                +3 Knowledge per adjacent Conduit or Research Post.
-                """,
+                      +7 Mana.
+                      +7 Knowledge.
+                      +3 Knowledge per adjacent Conduit or Research Post.
+                      """,
            Requirements = "Must be built on an acquired Province.\nRequires Town Hall II: Oath Square",
            Source = "Oathsworn - Oath of Harmony",
            CostProduction = 250,
@@ -314,10 +315,10 @@ public static class ProvinceImprovementsData
            Name = "School of Discipline",
            Category = "Conduit",
            Effects = """
-                +7 Mana.
-                +7 Draft.
-                +5 Draft per adjacent Quarry.
-                """,
+                      +7 Mana.
+                      +7 Draft.
+                      +5 Draft per adjacent Quarry.
+                      """,
            Requirements = "Must be built on an acquired Province.\nRequires Town Hall II: Oath Square",
            Source = "Oathsworn - Oath of Righteousness",
            CostProduction = 250,
@@ -328,10 +329,10 @@ public static class ProvinceImprovementsData
            Name = "School of Mastery",
            Category = "Conduit",
            Effects = """
-                +7 Mana.
-                +7 Draft.
-                Units produced in this city start with +1 Starting Rank.
-                """,
+                      +7 Mana.
+                      +7 Draft.
+                      Units produced in this city start with +1 Starting Rank.
+                      """,
            Requirements = "Must be built on an acquired Province.\nRequires Town Hall II: Oath Square",
            Source = "Oathsworn - Oath of Strife",
            CostProduction = 250,
@@ -1,25 +1,23 @@
-using System.Collections.Generic;
-
 namespace AOW4.Data;

 public static class ResourceNodesData
 {
    public static readonly IReadOnlyList<ResourceNode> RawData = new List<ResourceNode>
    {
-        new ResourceNode
+        new()
        {
            Name = "Pastures",
            Description = "Roaming herds on lush fields.",
            IncreaseFood = 10,
            ForceEnableFarm = true
        },
-        new ResourceNode
+        new()
        {
            Name = "Oasis",
            Description = "A lush oasis full of nutritious food.",
            IncreaseFood = 10
        },
-        new ResourceNode
+        new()
        {
            Name = "Iron Deposit",
            Description = "A rich vein full of ore.",
@@ -27,14 +25,14 @@ public static class ResourceNodesData
            ForceEnableMine = true,
            ForceEnableQuarry = true
        },
-        new ResourceNode
+        new()
        {
            Name = "Gold Vein",
            Description = "A large vein of valuable gold.",
            IncreaseGold = 10,
            ForceEnableMine = true
        },
-        new ResourceNode
+        new()
        {
            Name = "Mana Node",
            Description = "Magical currents converge at this location.",
@@ -42,13 +40,13 @@ public static class ResourceNodesData
            ForceEnableConduit = true,
            ForceEnableResearchPost = true
        },
-        new ResourceNode
+        new()
        {
            Name = "Fishing Ground",
            Description = "A plentiful source of fish.",
            IncreaseFood = 15
        },
-        new ResourceNode
+        new()
        {
            Name = "Pearl Reef",
            Description = "A bloom of valuable pearls.",
@@ -57,19 +55,19 @@ public static class ResourceNodesData
            ForceEnableMine = true,
            ForceEnableConduit = true
        },
-        new ResourceNode
+        new()
        {
            Name = "Chitinous Growths",
            Description = "These grotesque growths deposit valuable liquid and ore at unnatural speed.",
            IncreaseGold = 30
        },
-        new ResourceNode
+        new()
        {
            Name = "Monoliths",
            Description = "There is writing in an unknown language on these obsidian giants.",
            IncreaseKnowledge = 30
        },
-        new ResourceNode
+        new()
        {
            Name = "Blossom Orchard",
            Description = "Eternally blooming trees offering bounty of fruit and wood.",
@@ -6,13 +6,13 @@ public static class SectionsData
    {
        return new List<Section>
        {
-            new Section
+            new()
            {
                Name = "Calculators",
                Description = "Useful calculator tools for various computations",
                Links = new List<SectionLink>
                {
-                    new SectionLink
+                    new()
                    {
                        Title = "Building Plan Calculator",
                        Url = "/building-calculator",
@@ -20,27 +20,28 @@ public static class SectionsData
                    }
                }
            },
-            new Section
+            new()
            {
                Name = "References",
                Description = "Reference materials and documentation",
                Links = new List<SectionLink>
                {
-                    new SectionLink
+                    new()
                    {
                        Title = "Magic Materials Reference",
                        Url = "/references/magic-materials",
                        Description = "View the magic material dataset and bonuses in a reference table."
                    },
-                    new SectionLink
+                    new()
                    {
                        Title = "Province Improvements Reference",
                        Url = "/references/province-improvements",
-                        Description = "View the province improvements dataset including costs, effects, and requirements."
+                        Description =
+                            "View the province improvements dataset including costs, effects, and requirements."
                    }
                }
            },
-            new Section
+            new()
            {
                Name = "Learning",
                Description = "Educational resources and learning materials",
@@ -1,5 +1,5 @@
-using AOW4.Client.Pages;
 using AOW4.Components;
+using _Imports = AOW4.Client._Imports;

 var builder = WebApplication.CreateBuilder(args);

@@ -13,12 +13,14 @@ var app = builder.Build();
 if (app.Environment.IsDevelopment())
 {
    app.UseWebAssemblyDebugging();
-} else
+}
+else
 {
-    app.UseExceptionHandler("/Error", createScopeForErrors: true);
+    app.UseExceptionHandler("/Error", 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.UseStatusCodePagesWithReExecute("/not-found", createScopeForStatusCodePages: true);
 app.UseHttpsRedirection();

@@ -27,6 +29,6 @@ app.UseAntiforgery();
 app.MapStaticAssets();
 app.MapRazorComponents<App>()
    .AddInteractiveWebAssemblyRenderMode()
-    .AddAdditionalAssemblies(typeof(AOW4.Client._Imports).Assembly);
+    .AddAdditionalAssemblies(typeof(_Imports).Assembly);

 app.Run();
@@ -1,25 +1,25 @@
 {
  "$schema": "https://json.schemastore.org/launchsettings.json",
-    "profiles": {
-      "http": {
-        "commandName": "Project",
-        "dotnetRunMessages": true,
-        "launchBrowser": true,
-        "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
-        "applicationUrl": "http://localhost:5212",
-        "environmentVariables": {
-          "ASPNETCORE_ENVIRONMENT": "Development"
-        }
-      },
-      "https": {
-        "commandName": "Project",
-        "dotnetRunMessages": true,
-        "launchBrowser": true,
-        "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
-        "applicationUrl": "https://localhost:7027;http://localhost:5212",
-        "environmentVariables": {
-          "ASPNETCORE_ENVIRONMENT": "Development"
-        }
+  "profiles": {
+    "http": {
+      "commandName": "Project",
+      "dotnetRunMessages": true,
+      "launchBrowser": true,
+      "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
+      "applicationUrl": "http://localhost:5212",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    },
+    "https": {
+      "commandName": "Project",
+      "dotnetRunMessages": true,
+      "launchBrowser": true,
+      "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
+      "applicationUrl": "https://localhost:7027;http://localhost:5212",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
      }
    }
  }
+}
@@ -13,7 +13,7 @@ a, .btn-link {
 }

 .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;
+    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
 }

 .content {
@@ -42,9 +42,9 @@ h1:focus {
    color: white;
 }

-    .blazor-error-boundary::after {
-        content: "An error has occurred."
-    }
+.blazor-error-boundary::after {
+    content: "An error has occurred."
+}

 .darker-border-checkbox.form-check-input {
    border-color: #929292;
@@ -5,427 +5,435 @@
 */
 :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;
+    --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;
+    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;
+    box-sizing: border-box;
 }

@media (prefers-reduced-motion: no-preference) {
-  :root {
-    scroll-behavior: smooth;
-  }
+    :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);
+    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;
+    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);
+    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);
+    font-size: calc(1.375rem + 1.5vw);
 }
+
@media (min-width: 1200px) {
-  h1 {
-    font-size: 2.5rem;
-  }
+    h1 {
+        font-size: 2.5rem;
+    }
 }

 h2 {
-  font-size: calc(1.325rem + 0.9vw);
+    font-size: calc(1.325rem + 0.9vw);
 }
+
@media (min-width: 1200px) {
-  h2 {
-    font-size: 2rem;
-  }
+    h2 {
+        font-size: 2rem;
+    }
 }

 h3 {
-  font-size: calc(1.3rem + 0.6vw);
+    font-size: calc(1.3rem + 0.6vw);
 }
+
@media (min-width: 1200px) {
-  h3 {
-    font-size: 1.75rem;
-  }
+    h3 {
+        font-size: 1.75rem;
+    }
 }

 h4 {
-  font-size: calc(1.275rem + 0.3vw);
+    font-size: calc(1.275rem + 0.3vw);
 }
+
@media (min-width: 1200px) {
-  h4 {
-    font-size: 1.5rem;
-  }
+    h4 {
+        font-size: 1.5rem;
+    }
 }

 h5 {
-  font-size: 1.25rem;
+    font-size: 1.25rem;
 }

 h6 {
-  font-size: 1rem;
+    font-size: 1rem;
 }

 p {
-  margin-top: 0;
-  margin-bottom: 1rem;
+    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;
+    -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;
+    margin-bottom: 1rem;
+    font-style: normal;
+    line-height: inherit;
 }

 ol,
 ul {
-  padding-left: 2rem;
+    padding-left: 2rem;
 }

 ol,
 ul,
 dl {
-  margin-top: 0;
-  margin-bottom: 1rem;
+    margin-top: 0;
+    margin-bottom: 1rem;
 }

 ol ol,
 ul ul,
 ol ul,
 ul ol {
-  margin-bottom: 0;
+    margin-bottom: 0;
 }

 dt {
-  font-weight: 700;
+    font-weight: 700;
 }

 dd {
-  margin-bottom: 0.5rem;
-  margin-left: 0;
+    margin-bottom: 0.5rem;
+    margin-left: 0;
 }

 blockquote {
-  margin: 0 0 1rem;
+    margin: 0 0 1rem;
 }

 b,
 strong {
-  font-weight: bolder;
+    font-weight: bolder;
 }

 small {
-  font-size: 0.875em;
+    font-size: 0.875em;
 }

 mark {
-  padding: 0.1875em;
-  color: var(--bs-highlight-color);
-  background-color: var(--bs-highlight-bg);
+    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;
+    position: relative;
+    font-size: 0.75em;
+    line-height: 0;
+    vertical-align: baseline;
 }

 sub {
-  bottom: -0.25em;
+    bottom: -0.25em;
 }

 sup {
-  top: -0.5em;
+    top: -0.5em;
 }

 a {
-  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
-  text-decoration: underline;
+    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);
+    --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;
+    color: inherit;
+    text-decoration: none;
 }

 pre,
 code,
 kbd,
 samp {
-  font-family: var(--bs-font-monospace);
-  font-size: 1em;
+    font-family: var(--bs-font-monospace);
+    font-size: 1em;
 }

 pre {
-  display: block;
-  margin-top: 0;
-  margin-bottom: 1rem;
-  overflow: auto;
-  font-size: 0.875em;
+    display: block;
+    margin-top: 0;
+    margin-bottom: 1rem;
+    overflow: auto;
+    font-size: 0.875em;
 }
+
 pre code {
-  font-size: inherit;
-  color: inherit;
-  word-break: normal;
+    font-size: inherit;
+    color: inherit;
+    word-break: normal;
 }

 code {
-  font-size: 0.875em;
-  color: var(--bs-code-color);
-  word-wrap: break-word;
+    font-size: 0.875em;
+    color: var(--bs-code-color);
+    word-wrap: break-word;
 }
+
 a > code {
-  color: inherit;
+    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;
+    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;
+    padding: 0;
+    font-size: 1em;
 }

 figure {
-  margin: 0 0 1rem;
+    margin: 0 0 1rem;
 }

 img,
 svg {
-  vertical-align: middle;
+    vertical-align: middle;
 }

 table {
-  caption-side: bottom;
-  border-collapse: collapse;
+    caption-side: bottom;
+    border-collapse: collapse;
 }

 caption {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  color: var(--bs-secondary-color);
-  text-align: left;
+    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;
+    text-align: inherit;
+    text-align: -webkit-match-parent;
 }

 thead,
@@ -434,21 +442,21 @@ tfoot,
 tr,
 td,
 th {
-  border-color: inherit;
-  border-style: solid;
-  border-width: 0;
+    border-color: inherit;
+    border-style: solid;
+    border-width: 0;
 }

 label {
-  display: inline-block;
+    display: inline-block;
 }

 button {
-  border-radius: 0;
+    border-radius: 0;
 }

 button:focus:not(:focus-visible) {
-  outline: 0;
+    outline: 0;
 }

 input,
@@ -456,76 +464,80 @@ button,
 select,
 optgroup,
 textarea {
-  margin: 0;
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
+    margin: 0;
+    font-family: inherit;
+    font-size: inherit;
+    line-height: inherit;
 }

 button,
 select {
-  text-transform: none;
+    text-transform: none;
 }

 [role=button] {
-  cursor: pointer;
+    cursor: pointer;
 }

 select {
-  word-wrap: normal;
+    word-wrap: normal;
 }
+
 select:disabled {
-  opacity: 1;
+    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;
+    display: none !important;
 }

 button,
 [type=button],
 [type=reset],
 [type=submit] {
-  -webkit-appearance: button;
+    -webkit-appearance: button;
 }
+
 button:not(:disabled),
 [type=button]:not(:disabled),
 [type=reset]:not(:disabled),
 [type=submit]:not(:disabled) {
-  cursor: pointer;
+    cursor: pointer;
 }

 ::-moz-focus-inner {
-  padding: 0;
-  border-style: none;
+    padding: 0;
+    border-style: none;
 }

 textarea {
-  resize: vertical;
+    resize: vertical;
 }

 fieldset {
-  min-width: 0;
-  padding: 0;
-  margin: 0;
-  border: 0;
+    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;
+    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 {
+        font-size: 1.5rem;
+    }
 }
+
 legend + * {
-  clear: left;
+    clear: left;
 }

 ::-webkit-datetime-edit-fields-wrapper,
@@ -535,16 +547,16 @@ legend + * {
 ::-webkit-datetime-edit-day-field,
 ::-webkit-datetime-edit-month-field,
 ::-webkit-datetime-edit-year-field {
-  padding: 0;
+    padding: 0;
 }

 ::-webkit-inner-spin-button {
-  height: auto;
+    height: auto;
 }

 [type=search] {
-  -webkit-appearance: textfield;
-  outline-offset: -2px;
+    -webkit-appearance: textfield;
+    outline-offset: -2px;
 }

 /* rtl:raw:
@@ -556,42 +568,42 @@ legend + * {
 }
 */
 ::-webkit-search-decoration {
-  -webkit-appearance: none;
+    -webkit-appearance: none;
 }

 ::-webkit-color-swatch-wrapper {
-  padding: 0;
+    padding: 0;
 }

 ::-webkit-file-upload-button {
-  font: inherit;
-  -webkit-appearance: button;
+    font: inherit;
+    -webkit-appearance: button;
 }

 ::file-selector-button {
-  font: inherit;
-  -webkit-appearance: button;
+    font: inherit;
+    -webkit-appearance: button;
 }

 output {
-  display: inline-block;
+    display: inline-block;
 }

 iframe {
-  border: 0;
+    border: 0;
 }

 summary {
-  display: list-item;
-  cursor: pointer;
+    display: list-item;
+    cursor: pointer;
 }

 progress {
-  vertical-align: baseline;
+    vertical-align: baseline;
 }

 [hidden] {
-  display: none !important;
+    display: none !important;
 }

 /*# sourceMappingURL=bootstrap-reboot.css.map */
@@ -5,427 +5,435 @@
 */
 :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;
+    --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;
+    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;
+    box-sizing: border-box;
 }

@media (prefers-reduced-motion: no-preference) {
-  :root {
-    scroll-behavior: smooth;
-  }
+    :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);
+    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;
+    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);
+    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);
+    font-size: calc(1.375rem + 1.5vw);
 }
+
@media (min-width: 1200px) {
-  h1 {
-    font-size: 2.5rem;
-  }
+    h1 {
+        font-size: 2.5rem;
+    }
 }

 h2 {
-  font-size: calc(1.325rem + 0.9vw);
+    font-size: calc(1.325rem + 0.9vw);
 }
+
@media (min-width: 1200px) {
-  h2 {
-    font-size: 2rem;
-  }
+    h2 {
+        font-size: 2rem;
+    }
 }

 h3 {
-  font-size: calc(1.3rem + 0.6vw);
+    font-size: calc(1.3rem + 0.6vw);
 }
+
@media (min-width: 1200px) {
-  h3 {
-    font-size: 1.75rem;
-  }
+    h3 {
+        font-size: 1.75rem;
+    }
 }

 h4 {
-  font-size: calc(1.275rem + 0.3vw);
+    font-size: calc(1.275rem + 0.3vw);
 }
+
@media (min-width: 1200px) {
-  h4 {
-    font-size: 1.5rem;
-  }
+    h4 {
+        font-size: 1.5rem;
+    }
 }

 h5 {
-  font-size: 1.25rem;
+    font-size: 1.25rem;
 }

 h6 {
-  font-size: 1rem;
+    font-size: 1rem;
 }

 p {
-  margin-top: 0;
-  margin-bottom: 1rem;
+    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;
+    -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;
+    margin-bottom: 1rem;
+    font-style: normal;
+    line-height: inherit;
 }

 ol,
 ul {
-  padding-right: 2rem;
+    padding-right: 2rem;
 }

 ol,
 ul,
 dl {
-  margin-top: 0;
-  margin-bottom: 1rem;
+    margin-top: 0;
+    margin-bottom: 1rem;
 }

 ol ol,
 ul ul,
 ol ul,
 ul ol {
-  margin-bottom: 0;
+    margin-bottom: 0;
 }

 dt {
-  font-weight: 700;
+    font-weight: 700;
 }

 dd {
-  margin-bottom: 0.5rem;
-  margin-right: 0;
+    margin-bottom: 0.5rem;
+    margin-right: 0;
 }

 blockquote {
-  margin: 0 0 1rem;
+    margin: 0 0 1rem;
 }

 b,
 strong {
-  font-weight: bolder;
+    font-weight: bolder;
 }

 small {
-  font-size: 0.875em;
+    font-size: 0.875em;
 }

 mark {
-  padding: 0.1875em;
-  color: var(--bs-highlight-color);
-  background-color: var(--bs-highlight-bg);
+    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;
+    position: relative;
+    font-size: 0.75em;
+    line-height: 0;
+    vertical-align: baseline;
 }

 sub {
-  bottom: -0.25em;
+    bottom: -0.25em;
 }

 sup {
-  top: -0.5em;
+    top: -0.5em;
 }

 a {
-  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
-  text-decoration: underline;
+    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);
+    --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;
+    color: inherit;
+    text-decoration: none;
 }

 pre,
 code,
 kbd,
 samp {
-  font-family: var(--bs-font-monospace);
-  font-size: 1em;
+    font-family: var(--bs-font-monospace);
+    font-size: 1em;
 }

 pre {
-  display: block;
-  margin-top: 0;
-  margin-bottom: 1rem;
-  overflow: auto;
-  font-size: 0.875em;
+    display: block;
+    margin-top: 0;
+    margin-bottom: 1rem;
+    overflow: auto;
+    font-size: 0.875em;
 }
+
 pre code {
-  font-size: inherit;
-  color: inherit;
-  word-break: normal;
+    font-size: inherit;
+    color: inherit;
+    word-break: normal;
 }

 code {
-  font-size: 0.875em;
-  color: var(--bs-code-color);
-  word-wrap: break-word;
+    font-size: 0.875em;
+    color: var(--bs-code-color);
+    word-wrap: break-word;
 }
+
 a > code {
-  color: inherit;
+    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;
+    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;
+    padding: 0;
+    font-size: 1em;
 }

 figure {
-  margin: 0 0 1rem;
+    margin: 0 0 1rem;
 }

 img,
 svg {
-  vertical-align: middle;
+    vertical-align: middle;
 }

 table {
-  caption-side: bottom;
-  border-collapse: collapse;
+    caption-side: bottom;
+    border-collapse: collapse;
 }

 caption {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  color: var(--bs-secondary-color);
-  text-align: right;
+    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;
+    text-align: inherit;
+    text-align: -webkit-match-parent;
 }

 thead,
@@ -434,21 +442,21 @@ tfoot,
 tr,
 td,
 th {
-  border-color: inherit;
-  border-style: solid;
-  border-width: 0;
+    border-color: inherit;
+    border-style: solid;
+    border-width: 0;
 }

 label {
-  display: inline-block;
+    display: inline-block;
 }

 button {
-  border-radius: 0;
+    border-radius: 0;
 }

 button:focus:not(:focus-visible) {
-  outline: 0;
+    outline: 0;
 }

 input,
@@ -456,76 +464,80 @@ button,
 select,
 optgroup,
 textarea {
-  margin: 0;
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
+    margin: 0;
+    font-family: inherit;
+    font-size: inherit;
+    line-height: inherit;
 }

 button,
 select {
-  text-transform: none;
+    text-transform: none;
 }

 [role=button] {
-  cursor: pointer;
+    cursor: pointer;
 }

 select {
-  word-wrap: normal;
+    word-wrap: normal;
 }
+
 select:disabled {
-  opacity: 1;
+    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;
+    display: none !important;
 }

 button,
 [type=button],
 [type=reset],
 [type=submit] {
-  -webkit-appearance: button;
+    -webkit-appearance: button;
 }
+
 button:not(:disabled),
 [type=button]:not(:disabled),
 [type=reset]:not(:disabled),
 [type=submit]:not(:disabled) {
-  cursor: pointer;
+    cursor: pointer;
 }

 ::-moz-focus-inner {
-  padding: 0;
-  border-style: none;
+    padding: 0;
+    border-style: none;
 }

 textarea {
-  resize: vertical;
+    resize: vertical;
 }

 fieldset {
-  min-width: 0;
-  padding: 0;
-  margin: 0;
-  border: 0;
+    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;
+    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 {
+        font-size: 1.5rem;
+    }
 }
+
 legend + * {
-  clear: right;
+    clear: right;
 }

 ::-webkit-datetime-edit-fields-wrapper,
@@ -535,60 +547,62 @@ legend + * {
 ::-webkit-datetime-edit-day-field,
 ::-webkit-datetime-edit-month-field,
 ::-webkit-datetime-edit-year-field {
-  padding: 0;
+    padding: 0;
 }

 ::-webkit-inner-spin-button {
-  height: auto;
+    height: auto;
 }

 [type=search] {
-  -webkit-appearance: textfield;
-  outline-offset: -2px;
+    -webkit-appearance: textfield;
+    outline-offset: -2px;
 }

 [type="tel"],
 [type="url"],
 [type="email"],
 [type="number"] {
-  direction: ltr;
+    direction: ltr;
 }
+
 ::-webkit-search-decoration {
-  -webkit-appearance: none;
+    -webkit-appearance: none;
 }

 ::-webkit-color-swatch-wrapper {
-  padding: 0;
+    padding: 0;
 }

 ::-webkit-file-upload-button {
-  font: inherit;
-  -webkit-appearance: button;
+    font: inherit;
+    -webkit-appearance: button;
 }

 ::file-selector-button {
-  font: inherit;
-  -webkit-appearance: button;
+    font: inherit;
+    -webkit-appearance: button;
 }

 output {
-  display: inline-block;
+    display: inline-block;
 }

 iframe {
-  border: 0;
+    border: 0;
 }

 summary {
-  display: list-item;
-  cursor: pointer;
+    display: list-item;
+    cursor: pointer;
 }

 progress {
-  vertical-align: baseline;
+    vertical-align: baseline;
 }

 [hidden] {
-  display: none !important;
+    display: none !important;
 }
+
 /*# sourceMappingURL=bootstrap-reboot.rtl.css.map */