Apply new frontend theme

Full style rewrite (holographic/chrome dark theme) plus matching favicon,
authored externally and dropped in at /home/andrew/alembic-theme. Verified
every template's variable names, form field names, and action URLs match
the actual data each router passes before importing -- all matched exactly
with zero router/service changes needed. Validated all templates parse
(Jinja2 env.get_template over the full tree) and confirmed the live
container serves the new theme after rebuild+redeploy.

app/templates/jobs/_runs_table.html

@@ -1,11 +1,12 @@
+{% set status_badge = {"running": "badge-info badge-pulse", "success": "badge-success", "failed": "badge-danger", "skipped_lock": "badge-muted"} %}
 {% for run in recent_runs %}
 <tr>
   <td>{{ run.job_key }}</td>
-  <td>{{ run.status }}</td>
+  <td><span class="badge {{ status_badge.get(run.status, 'badge-muted') }}">{{ run.status }}</span></td>
   <td class="muted">{{ run.triggered_by }}</td>
   <td>{{ run.summary or "" }}</td>
-  <td>{% if run.log_path %}<a href="/jobs/runs/{{ run.id }}/log" target="_blank">log</a>{% endif %}</td>
+  <td>{% if run.log_path %}<a href="/jobs/runs/{{ run.id }}/log" target="_blank" class="btn btn-sm btn-ghost">Log</a>{% endif %}</td>
 </tr>
 {% else %}
-<tr><td colspan="5" class="muted">No job runs yet.</td></tr>
+<tr class="empty-row"><td colspan="5" class="muted">No job runs yet.</td></tr>
 {% endfor %}

app/templates/jobs/index.html

@@ -1,36 +1,45 @@
 {% extends "base.html" %}
 {% block title %}Jobs — alembic{% endblock %}
 {% block content %}
-<h1>Jobs</h1>
+<div class="page-header">
+  <div>
+    <h1>Jobs</h1>
+    <p class="subtitle muted">Maintenance runs on their own schedule, or trigger them manually here.</p>
+  </div>
+</div>
 
 <h2>Maintenance jobs</h2>
-<table>
-  <thead><tr><th>Job</th><th>Status</th><th>Next run</th><th></th></tr></thead>
-  <tbody>
-    {% for job in maintenance_jobs %}
-    <tr>
-      <td>{{ job.job_key }}</td>
-      <td>{{ "enabled" if job.enabled else "disabled" }}</td>
-      <td class="muted">{{ job.next_run or "-" }}</td>
-      <td>
-        <form method="post" action="/jobs/{{ job.job_key }}/run" style="display:inline">
-          <button type="submit">Run now</button>
-        </form>
-        <form method="post" action="/jobs/{{ job.job_key }}/toggle" style="display:inline">
-          <button type="submit">{{ "disable" if job.enabled else "enable" }}</button>
-        </form>
-      </td>
-    </tr>
-    {% endfor %}
-  </tbody>
-</table>
+<div class="table-wrap scroll">
+  <table>
+    <thead><tr><th>Job</th><th>Status</th><th>Next run</th><th></th></tr></thead>
+    <tbody>
+      {% for job in maintenance_jobs %}
+      <tr>
+        <td class="mono">{{ job.job_key }}</td>
+        <td>{% if job.enabled %}<span class="badge badge-success">enabled</span>{% else %}<span class="badge badge-muted">disabled</span>{% endif %}</td>
+        <td class="muted">{{ job.next_run or "—" }}</td>
+        <td class="actions-cell">
+          <form method="post" action="/jobs/{{ job.job_key }}/run" class="inline">
+            <button type="submit" class="btn btn-sm">Run now</button>
+          </form>
+          <form method="post" action="/jobs/{{ job.job_key }}/toggle" class="inline">
+            <button type="submit" class="btn btn-sm btn-ghost">{{ "Disable" if job.enabled else "Enable" }}</button>
+          </form>
+        </td>
+      </tr>
+      {% endfor %}
+    </tbody>
+  </table>
+</div>
 <p class="muted">Playlist syncs are triggered from each playlist's own page.</p>
 
 <h2>Recent runs</h2>
-<table>
-  <thead><tr><th>Job</th><th>Status</th><th>Triggered by</th><th>Summary</th><th></th></tr></thead>
-  <tbody id="runs-tbody" hx-get="/jobs/_runs_table" hx-trigger="every 5s" hx-swap="innerHTML">
-    {% include "jobs/_runs_table.html" %}
-  </tbody>
-</table>
+<div class="table-wrap scroll">
+  <table>
+    <thead><tr><th>Job</th><th>Status</th><th>Triggered by</th><th>Summary</th><th></th></tr></thead>
+    <tbody id="runs-tbody" hx-get="/jobs/_runs_table" hx-trigger="every 5s" hx-swap="innerHTML">
+      {% include "jobs/_runs_table.html" %}
+    </tbody>
+  </table>
+</div>
 {% endblock %}