Update web/static/app.css

web/static/app.css

@@ -197,3 +197,68 @@ code,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono
   .subject-title{font-size:24px}
   .lead-text{font-size:17px}
 }
+
+/* ===============================
+   Login page (tan → blue gradient)
+   =============================== */
+.login-page{
+  min-height:100vh;
+  background:
+    linear-gradient(110deg,
+      #d7b592 0%,   /* soft tan (left) */
+      #e7e3db 30%,  /* light neutral blend */
+      #8fbfe0 100%  /* gentle blue (right) */
+    );
+  background-attachment: fixed;
+}
+
+.login-hero{
+  min-height:100vh;
+  display:flex; align-items:center; justify-content:center;
+  padding:32px 16px;
+}
+
+.login-card{
+  width:100%; max-width:420px;
+  background:#ffffff;          /* solid behind fields */
+  border:1px solid #e5e7eb;
+  border-radius:16px;
+  box-shadow:0 10px 30px rgba(0,0,0,.08);
+  padding:22px 22px 20px;
+}
+
+.login-title{
+  margin:4px 0 16px;
+  font-size:22px; font-weight:700; color:#0f172a;
+}
+
+.login-label{
+  display:block; margin:10px 0 6px;
+  font-size:13px; text-transform:uppercase; letter-spacing:.06em; color:#64748b;
+}
+
+.login-input{
+  width:100%;
+  appearance:none;
+  padding:10px 12px;
+  border:1px solid #d1d5db;
+  border-radius:10px;
+  background:#fff; color:#111827;
+  font-size:16px;
+}
+.login-input:focus{
+  outline:none; border-color:#2f6cab; box-shadow:0 0 0 3px rgba(47,108,171,.15);
+}
+
+.login-submit{
+  width:100%; margin-top:16px;
+}
+
+.login-alert{
+  margin:0 0 10px;
+  padding:10px 12px;
+  border:1px solid #fecaca; background:#fef2f2; color:#7f1d1d;
+  border-radius:10px; font-size:14px;
+}
+
+.login-field-error{ color:#b91c1c; font-size:13px; margin:6px 0 0; }