From ddef5509957857a46e2f9e5b82f9afca22dc4bc2 Mon Sep 17 00:00:00 2001
From: Dave Walker <david.walker5@icloud.com>
Date: Fri, 31 Jul 2026 07:47:08 +0100
Subject: [PATCH 1/2] Improve UI styling

---
 docker/api/Dockerfile                         |   3 +-
 docker/ui/Dockerfile                          |   3 +-
 .../ShippingRecorder.Api.csproj               |   4 +-
 .../ShippingRecorder.BusinessLogic.csproj     |   4 +-
 .../ShippingRecorder.Client.csproj            |   4 +-
 .../ShippingRecorder.Data.csproj              |   4 +-
 .../ShippingRecorder.DataExchange.csproj      |   4 +-
 .../ShippingRecorder.Entities.csproj          |   4 +-
 .../ShippingRecorder.Manager.csproj           |   4 +-
 .../ShippingRecorder.Mvc.csproj               |   4 +-
 .../Views/Shared/_Layout.cshtml               |  63 +--
 src/ShippingRecorder.Mvc/wwwroot/css/site.css | 380 ++++++++++++------
 .../ShippingRecorder.Tests.csproj             |   2 +-
 13 files changed, 315 insertions(+), 168 deletions(-)

diff --git a/docker/api/Dockerfile b/docker/api/Dockerfile
index b411bdc..17ccad2 100644
--- a/docker/api/Dockerfile
+++ b/docker/api/Dockerfile
@@ -1,4 +1,5 @@
 FROM mcr.microsoft.com/dotnet/core/aspnet:latest
-COPY shippingrecorder.api-1.9.0.0 /opt/shippingrecorder.api
+ARG VERSION
+COPY shippingrecorder.api-${VERSION}.0 /opt/shippingrecorder.api
 WORKDIR /opt/shippingrecorder.api/bin
 ENTRYPOINT [ "./ShippingRecorder.Api" ]
diff --git a/docker/ui/Dockerfile b/docker/ui/Dockerfile
index 7ac5481..d755b04 100644
--- a/docker/ui/Dockerfile
+++ b/docker/ui/Dockerfile
@@ -1,4 +1,5 @@
 FROM mcr.microsoft.com/dotnet/aspnet:latest AS runtime
-COPY shippingrecorder.mvc-1.9.0.0 /opt/shippingrecorder.mvc
+ARG VERSION
+COPY shippingrecorder.mvc-${VERSION}.0 /opt/shippingrecorder.mvc
 WORKDIR /opt/shippingrecorder.mvc/bin
 ENTRYPOINT [ "./ShippingRecorder.Mvc" ]
diff --git a/src/ShippingRecorder.Api/ShippingRecorder.Api.csproj b/src/ShippingRecorder.Api/ShippingRecorder.Api.csproj
index 23d418f..dd72cf5 100644
--- a/src/ShippingRecorder.Api/ShippingRecorder.Api.csproj
+++ b/src/ShippingRecorder.Api/ShippingRecorder.Api.csproj
@@ -2,8 +2,8 @@
 
   <PropertyGroup>
     <TargetFramework>net9.0</TargetFramework>
-    <ReleaseVersion>1.9.0.0</ReleaseVersion>
-    <FileVersion>1.9.0.0</FileVersion>
+    <ReleaseVersion>1.10.0.0</ReleaseVersion>
+    <FileVersion>1.10.0.0</FileVersion>
     <ImplicitUsings>enable</ImplicitUsings>
     <IsPackable>false</IsPackable>
     <NoWarn>NU1900</NoWarn>
diff --git a/src/ShippingRecorder.BusinessLogic/ShippingRecorder.BusinessLogic.csproj b/src/ShippingRecorder.BusinessLogic/ShippingRecorder.BusinessLogic.csproj
index c2c95fc..4a8442c 100644
--- a/src/ShippingRecorder.BusinessLogic/ShippingRecorder.BusinessLogic.csproj
+++ b/src/ShippingRecorder.BusinessLogic/ShippingRecorder.BusinessLogic.csproj
@@ -3,7 +3,7 @@
   <PropertyGroup>
     <TargetFramework>net9.0</TargetFramework>
     <PackageId>ShippingRecorder.BusinessLogic</PackageId>
-    <PackageVersion>1.9.0.0</PackageVersion>
+    <PackageVersion>1.10.0.0</PackageVersion>
     <Authors>Dave Walker</Authors>
     <Copyright>Copyright (c) Dave Walker 2025</Copyright>
     <Owners>Dave Walker</Owners>
@@ -15,7 +15,7 @@
     <PackageProjectUrl>https://github.com/davewalker5/ShippingRecorder</PackageProjectUrl>
     <PackageLicenseExpression>MIT</PackageLicenseExpression>
     <PackageRequireLicenseAcceptance>false</PackageRequireLicenseAcceptance>
-    <ReleaseVersion>1.9.0.0</ReleaseVersion>
+    <ReleaseVersion>1.10.0.0</ReleaseVersion>
     <NoWarn>NU1900</NoWarn>
   </PropertyGroup>
 
diff --git a/src/ShippingRecorder.Client/ShippingRecorder.Client.csproj b/src/ShippingRecorder.Client/ShippingRecorder.Client.csproj
index 68c826b..a3bca2a 100644
--- a/src/ShippingRecorder.Client/ShippingRecorder.Client.csproj
+++ b/src/ShippingRecorder.Client/ShippingRecorder.Client.csproj
@@ -3,7 +3,7 @@
   <PropertyGroup>
     <TargetFramework>net9.0</TargetFramework>
     <PackageId>ShippingRecorder.Client</PackageId>
-    <PackageVersion>1.9.0.0</PackageVersion>
+    <PackageVersion>1.10.0.0</PackageVersion>
     <Authors>Dave Walker</Authors>
     <Copyright>Copyright (c) Dave Walker 2025</Copyright>
     <Owners>Dave Walker</Owners>
@@ -15,7 +15,7 @@
     <PackageProjectUrl>https://github.com/davewalker5/ShippingRecorder</PackageProjectUrl>
     <PackageLicenseExpression>MIT</PackageLicenseExpression>
     <PackageRequireLicenseAcceptance>false</PackageRequireLicenseAcceptance>
-    <ReleaseVersion>1.9.0.0</ReleaseVersion>
+    <ReleaseVersion>1.10.0.0</ReleaseVersion>
     <NoWarn>NU1900</NoWarn>
   </PropertyGroup>
 
diff --git a/src/ShippingRecorder.Data/ShippingRecorder.Data.csproj b/src/ShippingRecorder.Data/ShippingRecorder.Data.csproj
index 194c5ae..4c26177 100644
--- a/src/ShippingRecorder.Data/ShippingRecorder.Data.csproj
+++ b/src/ShippingRecorder.Data/ShippingRecorder.Data.csproj
@@ -3,7 +3,7 @@
   <PropertyGroup>
     <TargetFramework>net9.0</TargetFramework>
     <PackageId>ShippingRecorder.Data</PackageId>
-    <PackageVersion>1.9.0.0</PackageVersion>
+    <PackageVersion>1.10.0.0</PackageVersion>
     <Authors>Dave Walker</Authors>
     <Copyright>Copyright (c) Dave Walker 2025</Copyright>
     <Owners>Dave Walker</Owners>
@@ -15,7 +15,7 @@
     <PackageProjectUrl>https://github.com/davewalker5/ShippingRecorder</PackageProjectUrl>
     <PackageLicenseExpression>MIT</PackageLicenseExpression>
     <PackageRequireLicenseAcceptance>false</PackageRequireLicenseAcceptance>
-    <ReleaseVersion>1.9.0.0</ReleaseVersion>
+    <ReleaseVersion>1.10.0.0</ReleaseVersion>
     <NoWarn>NU1900</NoWarn>
   </PropertyGroup>
 
diff --git a/src/ShippingRecorder.DataExchange/ShippingRecorder.DataExchange.csproj b/src/ShippingRecorder.DataExchange/ShippingRecorder.DataExchange.csproj
index 15d9b10..965277c 100644
--- a/src/ShippingRecorder.DataExchange/ShippingRecorder.DataExchange.csproj
+++ b/src/ShippingRecorder.DataExchange/ShippingRecorder.DataExchange.csproj
@@ -3,7 +3,7 @@
   <PropertyGroup>
     <TargetFramework>net9.0</TargetFramework>
     <PackageId>ShippingRecorder.DataExchange</PackageId>
-    <PackageVersion>1.9.0.0</PackageVersion>
+    <PackageVersion>1.10.0.0</PackageVersion>
     <Authors>Dave Walker</Authors>
     <Copyright>Copyright (c) Dave Walker 2025</Copyright>
     <Owners>Dave Walker</Owners>
@@ -15,7 +15,7 @@
     <PackageProjectUrl>https://github.com/davewalker5/ShippingRecorder</PackageProjectUrl>
     <PackageLicenseExpression>MIT</PackageLicenseExpression>
     <PackageRequireLicenseAcceptance>false</PackageRequireLicenseAcceptance>
-    <ReleaseVersion>1.9.0.0</ReleaseVersion>
+    <ReleaseVersion>1.10.0.0</ReleaseVersion>
     <NoWarn>NU1900</NoWarn>
   </PropertyGroup>
 
diff --git a/src/ShippingRecorder.Entities/ShippingRecorder.Entities.csproj b/src/ShippingRecorder.Entities/ShippingRecorder.Entities.csproj
index 27315b2..83dbc8f 100644
--- a/src/ShippingRecorder.Entities/ShippingRecorder.Entities.csproj
+++ b/src/ShippingRecorder.Entities/ShippingRecorder.Entities.csproj
@@ -3,7 +3,7 @@
   <PropertyGroup>
     <TargetFramework>net9.0</TargetFramework>
     <PackageId>ShippingRecorder.Entities</PackageId>
-    <PackageVersion>1.9.0.0</PackageVersion>
+    <PackageVersion>1.10.0.0</PackageVersion>
     <Authors>Dave Walker</Authors>
     <Copyright>Copyright (c) Dave Walker 2025</Copyright>
     <Owners>Dave Walker</Owners>
@@ -15,7 +15,7 @@
     <PackageProjectUrl>https://github.com/davewalker5/ShippingRecorder</PackageProjectUrl>
     <PackageLicenseExpression>MIT</PackageLicenseExpression>
     <PackageRequireLicenseAcceptance>false</PackageRequireLicenseAcceptance>
-    <ReleaseVersion>1.9.0.0</ReleaseVersion>
+    <ReleaseVersion>1.10.0.0</ReleaseVersion>
     <NoWarn>NU1900</NoWarn>
   </PropertyGroup>
 
diff --git a/src/ShippingRecorder.Manager/ShippingRecorder.Manager.csproj b/src/ShippingRecorder.Manager/ShippingRecorder.Manager.csproj
index f6cfc43..708f4d7 100644
--- a/src/ShippingRecorder.Manager/ShippingRecorder.Manager.csproj
+++ b/src/ShippingRecorder.Manager/ShippingRecorder.Manager.csproj
@@ -3,8 +3,8 @@
   <PropertyGroup>
     <OutputType>Exe</OutputType>
     <TargetFramework>net9.0</TargetFramework>
-    <ReleaseVersion>1.9.0.0</ReleaseVersion>
-    <FileVersion>1.9.0.0</FileVersion>
+    <ReleaseVersion>1.10.0.0</ReleaseVersion>
+    <FileVersion>1.10.0.0</FileVersion>
     <Configurations>Release;Debug</Configurations>
     <NoWarn>NU1900</NoWarn>
   </PropertyGroup>
diff --git a/src/ShippingRecorder.Mvc/ShippingRecorder.Mvc.csproj b/src/ShippingRecorder.Mvc/ShippingRecorder.Mvc.csproj
index 0b2fd1e..b74ee00 100644
--- a/src/ShippingRecorder.Mvc/ShippingRecorder.Mvc.csproj
+++ b/src/ShippingRecorder.Mvc/ShippingRecorder.Mvc.csproj
@@ -2,8 +2,8 @@
 
   <PropertyGroup>
     <TargetFramework>net9.0</TargetFramework>
-    <ReleaseVersion>1.9.0.0</ReleaseVersion>
-    <FileVersion>1.9.0.0</FileVersion>
+    <ReleaseVersion>1.10.0.0</ReleaseVersion>
+    <FileVersion>1.10.0.0</FileVersion>
     <ImplicitUsings>enable</ImplicitUsings>
     <IsPackable>false</IsPackable>
     <NoWarn>NU1900</NoWarn>
diff --git a/src/ShippingRecorder.Mvc/Views/Shared/_Layout.cshtml b/src/ShippingRecorder.Mvc/Views/Shared/_Layout.cshtml
index dd8a306..4ae4d14 100644
--- a/src/ShippingRecorder.Mvc/Views/Shared/_Layout.cshtml
+++ b/src/ShippingRecorder.Mvc/Views/Shared/_Layout.cshtml
@@ -3,7 +3,7 @@
 <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>@ViewData["Title"] - Shiping Recorder</title>
+    <title>@ViewData["Title"] - Shipping Recorder</title>
     <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
     <link rel="stylesheet" href="~/css/site.css" />
     <link rel="stylesheet" href="~/lib/fontawesome/css/all.min.css" />
@@ -12,38 +12,44 @@
     <script src="~/lib/jquery/dist/jquery.js" type="text/javascript"></script>
     <script src="~/lib/jquery-confirm/jquery-confirm.js" type="text/javascript"></script>
 </head>
-<body>
-    <div style="width: 90%; margin: 0 auto;">
-        <header>
-            <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
-                <div class="container-fluid">
-                    <a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index">Shipping Recorder</a>
+<body>
+    <div class="app-shell">
+        <header class="app-header">
+            <nav class="navbar navbar-expand-lg navbar-dark">
+                <div class="app-container">
+                    <a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index" aria-label="Shipping Recorder home">
+                        <span class="brand-mark" aria-hidden="true"><i class="fas fa-ship"></i></span>
+                        <span class="brand-copy">
+                            <strong>Shipping Recorder</strong>
+                            <small>Personal vessel log</small>
+                        </span>
+                    </a>
                     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbarSupportedContent"
                             aria-expanded="false" aria-label="Toggle navigation">
                         <span class="navbar-toggler-icon"></span>
                     </button>
-                    <div class="navbar-collapse collapse d-sm-inline-flex flex-sm-row-reverse">
-                        <ul class="navbar-nav">
+                    <div class="navbar-collapse collapse">
+                        <ul class="navbar-nav ml-auto">
                             @if (User?.Identity?.IsAuthenticated == true)
                             {
                                 <li class="nav-item">
-                                    <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Index">Log Sighting</a>
+                                    <a class="nav-link" asp-area="" asp-controller="Home" asp-action="Index">Log Sighting</a>
                                 </li>
                                 <li class="nav-item dropdown">
-                                    <a class="nav-link text-dark dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                    <a class="nav-link dropdown-toggle" href="#" id="sightingSearchMenu" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                         Sighting Search
                                     </a>
-                                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+                                    <div class="dropdown-menu" aria-labelledby="sightingSearchMenu">
                                         <a class="dropdown-item" asp-area="" asp-controller="SearchSightingsByVessel" asp-action="Index">Sightings By Vessel</a>
                                         <a class="dropdown-item" asp-area="" asp-controller="SearchSightingsByLocation" asp-action="Index">Sightings By Location</a>
                                         <a class="dropdown-item" asp-area="" asp-controller="SearchSightingsByDate" asp-action="Index">Sightings By Date</a>
                                     </div>
                                 </li>
                                 <li class="nav-item dropdown">
-                                    <a class="nav-link text-dark dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                    <a class="nav-link dropdown-toggle" href="#" id="reportsMenu" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                         Reports
                                     </a>
-                                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+                                    <div class="dropdown-menu" aria-labelledby="reportsMenu">
                                         <a class="dropdown-item" asp-area="" asp-controller="LocationStatistics" asp-action="Index">Location Statistics</a>
                                         <a class="dropdown-item" asp-area="" asp-controller="OperatorStatistics" asp-action="Index">Operator Statistics</a>
                                         <a class="dropdown-item" asp-area="" asp-controller="VesselTypeStatistics" asp-action="Index">Vessel Type Statistics</a>
@@ -54,10 +60,10 @@
                                     </div>
                                 </li>
                                 <li class="nav-item dropdown">
-                                    <a class="nav-link text-dark dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                    <a class="nav-link dropdown-toggle" href="#" id="maintenanceMenu" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                         Data Maintenance
                                     </a>
-                                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+                                    <div class="dropdown-menu" aria-labelledby="maintenanceMenu">
                                         <a class="dropdown-item" asp-area="" asp-controller="Countries" asp-action="Index">Countries</a>
                                         <a class="dropdown-item" asp-area="" asp-controller="Locations" asp-action="Index">Locations</a>
                                         <a class="dropdown-item" asp-area="" asp-controller="Operators" asp-action="Index">Operators</a>
@@ -68,23 +74,23 @@
                                     </div>
                                 </li>
                                 <li class="nav-item dropdown">
-                                    <a class="nav-link text-dark dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                    <a class="nav-link dropdown-toggle" href="#" id="jobsMenu" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                         Jobs
                                     </a>
-                                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+                                    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="jobsMenu">
                                         <a class="dropdown-item" asp-area="" asp-controller="Import" asp-action="Index">Import</a>
                                         <a class="dropdown-item" asp-area="" asp-controller="Export" asp-action="Index">Export</a>
                                         <a class="dropdown-item" asp-area="" asp-controller="JobStatus" asp-action="Index">Job Status</a>
                                     </div>
                                 </li>
                                 <li class="nav-item">
-                                    <a class="nav-link text-dark" asp-area="" asp-controller="Login" asp-action="LogOut">Log Out</a>
+                                    <a class="nav-link" asp-area="" asp-controller="Login" asp-action="LogOut">Log Out</a>
                                 </li>
                             }
                             else
                             {
                                 <li class="nav-item">
-                                    <a class="nav-link text-dark" asp-area="" asp-controller="Login" asp-action="Index">Log In</a>
+                                    <a class="nav-link" asp-area="" asp-controller="Login" asp-action="Index">Log In</a>
                                 </li>
                             }
                         </ul>
@@ -92,16 +98,23 @@
                 </div>
             </nav>
         </header>
-        <div class="container-fluid">
-            <main role="main" class="pb-3">
+        <div class="app-container app-content">
+            <div class="page-heading">
+                <div>
+                    <p class="eyebrow">Shipping Recorder</p>
+                    <h1>@ViewData["Title"]</h1>
+                </div>
+            </div>
+            <main role="main">
                 @RenderBody()
                 @await Html.PartialAsync("_AjaxModalDialog")
             </main>
         </div>
 
-        <footer class="border-top footer text-muted">
-            <div class="container">
-                Shipping Recorder @ViewData["Version"] &copy; 2025-2026 - David Walker
+        <footer class="app-footer">
+            <div class="app-container footer-content">
+                <span><i class="fas fa-ship" aria-hidden="true"></i> Shipping Recorder @ViewData["Version"]</span>
+                <span>&copy; 2025-2026 David Walker</span>
             </div>
         </footer>
     </div>
diff --git a/src/ShippingRecorder.Mvc/wwwroot/css/site.css b/src/ShippingRecorder.Mvc/wwwroot/css/site.css
index e852c25..466de9a 100644
--- a/src/ShippingRecorder.Mvc/wwwroot/css/site.css
+++ b/src/ShippingRecorder.Mvc/wwwroot/css/site.css
@@ -1,124 +1,256 @@
-/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
-for details on configuring this project to bundle and minify static web assets. */
-
-a.navbar-brand {
-  white-space: normal;
-  text-align: center;
-  word-break: break-all;
-}
-
-/* Provide sufficient contrast against white background */
-a {
-  color: #0366d6;
-}
-
-.btn-primary {
-  color: #fff;
-  background-color: #1b6ec2;
-  border-color: #1861ac;
-}
-
-.nav-pills .nav-link.active,
-.nav-pills .show > .nav-link {
-  color: #fff;
-  background-color: #1b6ec2;
-  border-color: #1861ac;
-}
-
-/* Sticky footer styles
--------------------------------------------------- */
-html {
-  font-size: 14px;
-}
-@media (min-width: 768px) {
-  html {
-    font-size: 16px;
-  }
-}
-
-.border-top {
-  border-top: 1px solid #e5e5e5;
-}
-.border-bottom {
-  border-bottom: 1px solid #e5e5e5;
-}
-
-.box-shadow {
-  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
-}
-
-button.accept-policy {
-  font-size: 1rem;
-  line-height: inherit;
-}
-
-/* Sticky footer styles
--------------------------------------------------- */
-html {
-  position: relative;
-  min-height: 100%;
-}
-
-body {
-  /* Margin bottom by footer height */
-  margin-bottom: 60px;
-}
-.footer {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  white-space: nowrap;
-  line-height: 60px; /* Vertically center the text there */
-}
-
-/* Messages
--------------------------------------------------- */
-div.error {
-    margin-bottom: 10px;
-    padding: 5px;
-    border: 2px solid red;
-    background: pink;
-    color: red;
-    text-align: center;
-}
-
-div.warning {
-    margin-bottom: 10px;
-    padding: 5px;
-    border: 2px solid #cccc04;
-    background: #ffff00;
-    color: black;
-    text-align: center;
-}
-
-div.message {
-    margin-bottom: 10px;
-    padding: 5px;
-    border: 2px solid #007316;
-    background: #6bdb81;
-    color: #007316;
-    text-align: center;
-}
-
-table caption,
-.table caption,
-.table > caption,
-table.table > caption,
-table.table.table > caption {
-  caption-side: top !important;
-  text-align: left;
-}
-
-/* Data Entry Section header
--------------------------------------------------- */
-
-.section-header {
-  background: #e6e6e6;
-  padding: 5px;
-  border-top: 1px solid darkslategrey;
-  border-bottom: 1px solid darkslategrey;
-  text-align: center;
-  margin-bottom: 5px;
-  color: black;
-  font-weight: bold;
-}
\ No newline at end of file
+:root {
+  color-scheme: dark;
+  --bg: #07111f;
+  --surface: #0d1b2d;
+  --surface-2: #13243a;
+  --surface-3: #081524;
+  --line: #213750;
+  --text: #eff6ff;
+  --muted: #8fa6be;
+  --cyan: #35d4d0;
+  --green: #4fdaa1;
+  --amber: #f8bd59;
+  --red: #ff7186;
+  --radius: 12px;
+}
+
+* { box-sizing: border-box; }
+
+html {
+  position: relative;
+  min-height: 100%;
+  font-size: 15px;
+}
+
+body {
+  min-height: 100vh;
+  margin: 0;
+  color: var(--text);
+  background-color: var(--bg);
+  background-image: radial-gradient(circle at 75% -20%, #16435a 0, transparent 38rem);
+  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+}
+
+a { color: var(--cyan); }
+a:hover { color: #76e7e3; text-decoration: none; }
+.app-shell { display: flex; flex-direction: column; min-height: 100vh; }
+.app-container { width: min(1500px, calc(100% - 40px)); margin: 0 auto; }
+
+.app-header {
+  position: sticky;
+  z-index: 1030;
+  top: 0;
+  border-bottom: 1px solid var(--line);
+  background: rgba(7, 17, 31, .88);
+  backdrop-filter: blur(16px);
+}
+
+.navbar { min-height: 72px; padding: 0; }
+.navbar > .app-container { display: flex; align-items: center; }
+.navbar-brand { display: flex; align-items: center; gap: 12px; margin-right: 30px; padding: 0; color: var(--text) !important; }
+.brand-mark {
+  display: grid;
+  place-items: center;
+  width: 38px;
+  height: 38px;
+  color: #06111c;
+  background: var(--cyan);
+  border-radius: 10px;
+  font-size: 18px;
+  box-shadow: 0 0 28px rgba(53, 212, 208, .18);
+}
+.brand-copy strong, .brand-copy small { display: block; line-height: 1.1; }
+.brand-copy strong { font-size: 16px; letter-spacing: -.01em; }
+.brand-copy small { margin-top: 4px; color: var(--muted); font-size: 9px; letter-spacing: .09em; text-transform: uppercase; }
+.navbar-nav { align-items: stretch; }
+.navbar-dark .navbar-nav .nav-link {
+  display: flex;
+  align-items: center;
+  min-height: 71px;
+  padding: 0 11px;
+  color: var(--muted);
+  font-size: 12px;
+  font-weight: 600;
+  white-space: nowrap;
+  transition: color .15s, background .15s;
+}
+.navbar-dark .navbar-nav .nav-link:hover,
+.navbar-dark .navbar-nav .show > .nav-link {
+  color: var(--text);
+  background: rgba(53, 212, 208, .05);
+}
+.navbar-toggler { border-color: var(--line) !important; }
+.dropdown-menu {
+  min-width: 220px;
+  padding: 7px;
+  background: var(--surface);
+  border: 1px solid var(--line);
+  border-radius: 10px;
+  box-shadow: 0 20px 55px rgba(0, 0, 0, .4);
+}
+.dropdown-item { padding: 9px 11px; color: var(--muted); border-radius: 6px; font-size: 13px; }
+.dropdown-item:hover, .dropdown-item:focus { color: var(--text); background: rgba(53, 212, 208, .09); }
+.dropdown-divider { border-top-color: var(--line); }
+
+.app-content { flex: 1; padding-top: 38px; padding-bottom: 72px; }
+.page-heading { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 25px; }
+.eyebrow { margin: 0 0 7px; color: var(--cyan); font-size: 10px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
+h1 { margin: 0; font-size: clamp(29px, 4vw, 43px); font-weight: 700; line-height: 1; letter-spacing: -.035em; }
+h2, h3, h4, h5, h6 { color: var(--text); }
+main > .container-fluid, main > form, main > section {
+  padding: 24px;
+  background: linear-gradient(145deg, rgba(19, 36, 58, .78), rgba(13, 27, 45, .92));
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  box-shadow: 0 22px 60px rgba(0, 0, 0, .18);
+}
+main > p.text-center:first-child { display: none; }
+
+.text-muted { color: var(--muted) !important; }
+.text-dark { color: var(--text) !important; }
+label, strong label, .control-label {
+  margin-bottom: 7px;
+  color: var(--muted);
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: .075em;
+  text-transform: uppercase;
+}
+.form-control, input, select, textarea {
+  color: var(--text);
+  background-color: var(--surface-3);
+  border: 1px solid var(--line);
+  border-radius: 7px;
+}
+.form-control:focus, input:focus, select:focus, textarea:focus {
+  color: var(--text);
+  background-color: var(--surface-3);
+  border-color: var(--cyan);
+  box-shadow: 0 0 0 3px rgba(53, 212, 208, .12);
+}
+.form-control:disabled, .form-control[readonly] { color: var(--muted); background: #0a1727; }
+.form-control option { color: var(--text); background: var(--surface-3); }
+.input-group-text { color: var(--muted); background: var(--surface-2); border-color: var(--line); }
+
+.btn { border-radius: 7px; font-size: 13px; font-weight: 700; }
+.btn-primary {
+  color: #06111c;
+  background: var(--cyan);
+  border-color: var(--cyan);
+  box-shadow: 0 7px 20px rgba(53, 212, 208, .13);
+}
+.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active {
+  color: #06111c;
+  background: #6ce4df;
+  border-color: #6ce4df;
+}
+.btn-secondary { color: var(--text); background: var(--surface-2); border-color: var(--line); }
+.btn-danger { background: #b83d47; border-color: #df626c; }
+.btn-lg { padding: 7px 10px; color: var(--cyan); background: rgba(53, 212, 208, .08); border: 1px solid rgba(53, 212, 208, .3); font-size: 15px; }
+hr { border-top-color: var(--line); }
+
+.table, table { width: 100%; margin-bottom: 0; color: var(--text); border-collapse: collapse; font-size: 12px; }
+.table th, table th {
+  padding: 11px 13px;
+  color: var(--muted);
+  background: #0a1727;
+  border-top: 0;
+  border-bottom: 1px solid var(--line) !important;
+  font-size: 9px;
+  letter-spacing: .055em;
+  text-transform: uppercase;
+}
+.table td, table td { padding: 12px 13px; border-top: 0; border-bottom: 1px solid rgba(33, 55, 80, .65); vertical-align: middle; }
+.table tbody tr:hover, table tbody tr:hover { color: var(--text); background: rgba(53, 212, 208, .07); }
+.table-striped tbody tr:nth-of-type(odd) { background: rgba(143, 166, 190, .035); }
+table caption, .table caption, .table > caption, table.table > caption, table.table.table > caption {
+  caption-side: top !important;
+  padding: 0 0 14px;
+  color: var(--text);
+  font-size: 16px;
+  font-weight: 700;
+  text-align: left;
+}
+.dataTables_wrapper { color: var(--muted); }
+.dataTables_wrapper .dataTables_filter input,
+.dataTables_wrapper .dataTables_length select { color: var(--text) !important; background: var(--surface-3) !important; border-color: var(--line) !important; }
+.page-link { color: var(--muted); background: var(--surface); border-color: var(--line); }
+.page-item.active .page-link { color: #06111c; background: var(--cyan); border-color: var(--cyan); }
+.page-item.disabled .page-link { color: #536c84; background: var(--surface); border-color: var(--line); }
+
+details {
+  overflow: hidden;
+  background: var(--surface);
+  border: 1px solid var(--line);
+  border-radius: 10px;
+}
+details + br { display: none; }
+details + details { margin-top: 16px; }
+summary { padding: 17px 20px; color: var(--text); cursor: pointer; border-bottom: 1px solid transparent; }
+details[open] > summary { border-bottom-color: var(--line); }
+details > :not(summary) { margin-left: 20px; margin-right: 20px; }
+pre {
+  color: #b4c9dc !important;
+  background: var(--surface-3) !important;
+  border-color: var(--line) !important;
+  border-radius: 7px;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
+}
+
+div.error, div.warning, div.message, .alert {
+  margin-bottom: 14px;
+  padding: 12px 15px;
+  border: 1px solid;
+  border-radius: 8px;
+  text-align: left;
+}
+div.error, .alert-danger { color: #ff9aaa; background: rgba(255, 113, 134, .09); border-color: rgba(255, 113, 134, .35); }
+div.warning, .alert-warning { color: var(--amber); background: rgba(248, 189, 89, .09); border-color: rgba(248, 189, 89, .35); }
+div.message, .alert-success { color: var(--green); background: rgba(79, 218, 161, .09); border-color: rgba(79, 218, 161, .35); }
+.text-danger, .field-validation-error { color: #ff8fa0 !important; }
+
+.section-header {
+  margin: 18px 0 10px;
+  padding: 10px 12px;
+  color: var(--text);
+  background: rgba(53, 212, 208, .07);
+  border-top: 1px solid rgba(53, 212, 208, .28);
+  border-bottom: 1px solid rgba(53, 212, 208, .28);
+  font-size: 12px;
+  font-weight: 700;
+  letter-spacing: .04em;
+  text-align: left;
+  text-transform: uppercase;
+}
+
+.modal-content { color: var(--text); background: var(--surface); border: 1px solid var(--line); border-radius: 13px; box-shadow: 0 28px 90px rgba(0,0,0,.55); }
+.modal-header { border-bottom-color: var(--line); }
+.modal-header .close { color: var(--text); text-shadow: none; opacity: .8; }
+.modal-backdrop.show { opacity: .72; }
+
+.app-footer { border-top: 1px solid var(--line); color: var(--muted); background: rgba(7, 17, 31, .65); }
+.footer-content { display: flex; justify-content: space-between; gap: 20px; padding-top: 21px; padding-bottom: 21px; font-size: 11px; letter-spacing: .03em; }
+.footer-content i { margin-right: 6px; color: var(--cyan); }
+
+@media (max-width: 1199.98px) {
+  .navbar-dark .navbar-nav .nav-link { padding-right: 7px; padding-left: 7px; font-size: 11px; }
+  .navbar-brand { margin-right: 14px; }
+}
+
+@media (max-width: 991.98px) {
+  .navbar { padding: 14px 0; }
+  .navbar-collapse { margin-top: 14px; padding: 8px 0 12px; border-top: 1px solid var(--line); }
+  .navbar-nav { align-items: stretch; }
+  .navbar-dark .navbar-nav .nav-link { min-height: 42px; padding: 8px; font-size: 13px; }
+  .dropdown-menu { margin: 0 8px 8px; box-shadow: none; }
+}
+
+@media (max-width: 767.98px) {
+  .app-container { width: min(100% - 24px, 1500px); }
+  .app-content { padding-top: 28px; padding-bottom: 45px; }
+  .page-heading { margin-bottom: 19px; }
+  main > .container-fluid, main > form, main > section { padding: 18px; }
+  .row > [class*="col"] { flex-basis: 100%; min-width: 100%; margin-bottom: 15px; }
+  .table-responsive, .table-scroll { overflow-x: auto; }
+  .footer-content { flex-direction: column; gap: 5px; }
+}
diff --git a/src/ShippingRecorder.Tests/ShippingRecorder.Tests.csproj b/src/ShippingRecorder.Tests/ShippingRecorder.Tests.csproj
index 2405ce1..3188072 100644
--- a/src/ShippingRecorder.Tests/ShippingRecorder.Tests.csproj
+++ b/src/ShippingRecorder.Tests/ShippingRecorder.Tests.csproj
@@ -3,7 +3,7 @@
   <PropertyGroup>
     <TargetFramework>net9.0</TargetFramework>
     <IsPackable>false</IsPackable>
-    <ReleaseVersion>1.9.0.0</ReleaseVersion>
+    <ReleaseVersion>1.10.0.0</ReleaseVersion>
     <NoWarn>NU1900</NoWarn>
   </PropertyGroup>
 

From a7aa4d1fd5802e893bfcb5880cfb6de9469dea39 Mon Sep 17 00:00:00 2001
From: Dave Walker <david.walker5@icloud.com>
Date: Fri, 31 Jul 2026 08:02:31 +0100
Subject: [PATCH 2/2] Remove unused AutoMapper dependency

---
 src/ShippingRecorder.Mvc/ShippingRecorder.Mvc.csproj | 2 --
 src/ShippingRecorder.Mvc/Startup.cs                  | 5 +----
 2 files changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/ShippingRecorder.Mvc/ShippingRecorder.Mvc.csproj b/src/ShippingRecorder.Mvc/ShippingRecorder.Mvc.csproj
index b74ee00..60342f2 100644
--- a/src/ShippingRecorder.Mvc/ShippingRecorder.Mvc.csproj
+++ b/src/ShippingRecorder.Mvc/ShippingRecorder.Mvc.csproj
@@ -23,8 +23,6 @@
     <PackageReference Include="Microsoft.Extensions.Configuration.Json" Version="9.0.7" />
     <PackageReference Include="System.IdentityModel.Tokens.Jwt" Version="8.12.1" />
     <PackageReference Include="Microsoft.AspNetCore.Authentication.JwtBearer" Version="9.0.7" />
-    <PackageReference Include="AutoMapper.Extensions.Microsoft.DependencyInjection" Version="12.0.1" />
-    <PackageReference Include="AutoMapper" Version="12.0.1" />
   </ItemGroup>
 
   <ItemGroup>
diff --git a/src/ShippingRecorder.Mvc/Startup.cs b/src/ShippingRecorder.Mvc/Startup.cs
index c29fee4..bcb68ed 100644
--- a/src/ShippingRecorder.Mvc/Startup.cs
+++ b/src/ShippingRecorder.Mvc/Startup.cs
@@ -57,10 +57,7 @@ public void ConfigureServices(IServiceCollection services)
 
             services.AddControllersWithViews();
 
-            // Configure automapper
-            services.AddAutoMapper(typeof(Startup));
-
-            // Set up the configuration reader
+            // Set up the configuration reader
             IConfigurationRoot configuration = new ConfigurationBuilder()
                 .AddJsonFile("appsettings.json", optional: false, reloadOnChange: true)
                 .AddJsonFile("appsettings.Development.json", optional: true, reloadOnChange: true)