From abd70d249643cd05b36f187555b3d09680b47c9e Mon Sep 17 00:00:00 2001
From: "Troll (Hermes Agent)" <ai@hallsworth.ca>
Date: Mon, 31 Aug 2026 03:24:19 +0000
Subject: [PATCH] Apply shared design system to admin login page

---
 templates/admin/login.html | 57 +++++---------------------------------
 1 file changed, 7 insertions(+), 50 deletions(-)
diff --git a/templates/admin/login.html b/templates/admin/login.html
index 89a0eb2..34a796f 100644
--- a/templates/admin/login.html
+++ b/templates/admin/login.html
@@ -4,57 +4,14 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Admin Login</title>
-  <style>
-    /*
-      Minimal login page for the operator dashboard.
-      Centered card with dark theme matching the rest of the app.
-    */
-    body{
-      font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
-      background:#111827;
-      color:#f3f4f6;
-      margin:0;
-      padding:1rem;
-      display:flex;
-      justify-content:center;
-      align-items:center;
-      min-height:100vh;
-    }
-    form{
-      background:#1f2937;
-      padding:2rem;
-      border-radius:1rem;
-      width:100%;
-      max-width:360px;
-    }
-    h1{margin-top:0;color:#60a5fa;}
-    label{display:block;margin-top:1rem;font-weight:600;}
-    input{
-      width:100%;
-      padding:.6rem;
-      border-radius:.5rem;
-      border:1px solid #374151;
-      background:#111827;
-      color:#f3f4f6;
-      box-sizing:border-box;
-    }
-    button{
-      margin-top:1.5rem;
-      width:100%;
-      padding:.8rem;
-      border:none;
-      border-radius:.5rem;
-      background:#3b82f6;
-      color:#fff;
-      font-weight:700;
-      cursor:pointer;
-    }
-    .flash{margin-top:1rem;color:#f87171;}
-  </style>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@500;700;800&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="{{ url_for('static', filename='css/booth.css') }}">
 </head>
-<body>
-  <form method="POST">
-    <h1>Booth Admin</h1>
+<body class="booth-page center-content">
+  <form method="POST" class="login-card">
+    <h1 class="brand">Booth Admin</h1>
     <label for="password">Password</label>
     <input type="password" id="password" name="password" required autofocus>
 
