deployment observability, filters, stats, details

app/static/styles.css

@@ -138,6 +138,36 @@ main {
     gap: 16px;
 }
 
+.stats-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+    gap: 16px;
+    margin-bottom: 24px;
+}
+
+.stat-card {
+    background: var(--card);
+    border: 1px solid var(--border);
+    border-radius: 8px;
+    padding: 18px;
+    box-shadow: 0 8px 24px rgba(30, 81, 107, 0.07);
+}
+
+.stat-card span {
+    display: block;
+    color: var(--muted);
+    font-size: 13px;
+    font-weight: 700;
+    text-transform: uppercase;
+}
+
+.stat-card strong {
+    display: block;
+    margin-top: 8px;
+    font-size: 28px;
+    color: var(--secondary);
+}
+
 table {
     border-collapse: collapse;
     width: 100%;
@@ -286,10 +316,19 @@ input[readonly] {
 }
 
 .actions-cell {
-    width: 110px;
+    width: 150px;
     white-space: nowrap;
 }
 
+.actions-cell form,
+.actions-cell p {
+    margin: 0 0 8px;
+}
+
+.running-row td {
+    background: var(--warning-bg);
+}
+
 .backup-row td {
     vertical-align: middle;
 }
@@ -308,6 +347,31 @@ pre {
     overflow: auto;
 }
 
+.log-viewer {
+    max-height: 520px;
+    min-height: 220px;
+    white-space: pre-wrap;
+    overflow: auto;
+    font-family: Consolas, "Liberation Mono", Menlo, monospace;
+    font-size: 13px;
+    line-height: 1.45;
+}
+
+.log-stdout {
+    background: #102a3a;
+    color: #edf6f9;
+}
+
+.log-stderr {
+    background: #3a111b;
+    color: #ffe5ea;
+    border: 1px solid #f3a8b7;
+}
+
+.failed-log {
+    border-color: #f3a8b7;
+}
+
 .resource-help {
     font-size: 12px;
     color: var(--muted);
@@ -321,3 +385,10 @@ pre {
     align-items: center;
     flex-wrap: wrap;
 }
+
+.filter-form {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    flex-wrap: wrap;
+}