✨feature: Scan progress and timing features

app/static/styles.css

@@ -55,6 +55,12 @@ body {
   gap: 10px;
 }
 
+.toolbar {
+  display: grid;
+  gap: 10px;
+  min-width: 420px;
+}
+
 input, button {
   border: 1px solid var(--border);
   border-radius: 8px;
@@ -75,6 +81,47 @@ button {
   font-weight: 600;
 }
 
+.scan-progress-card {
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  padding: 8px 10px;
+  background: rgba(255,255,255,0.03);
+}
+
+.scan-progress-card.idle {
+  opacity: 0.8;
+}
+
+.scan-progress-head {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 0.84rem;
+}
+
+.scan-progress-track {
+  margin-top: 6px;
+  width: 100%;
+  height: 8px;
+  border-radius: 999px;
+  background: #0d1822;
+  border: 1px solid var(--border);
+  overflow: hidden;
+}
+
+.scan-progress-fill {
+  width: 0%;
+  height: 100%;
+  background: linear-gradient(90deg, #57b6ff, #72e8c8);
+  transition: width 0.25s ease;
+}
+
+.scan-progress-detail {
+  margin-top: 6px;
+  color: var(--muted);
+  font-size: 0.78rem;
+}
+
 .layout {
   height: calc(100vh - 128px);
   display: grid;
@@ -209,6 +256,7 @@ summary {
     min-height: 500px;
   }
 
+  .toolbar { min-width: 0; }
   .controls { flex-direction: column; align-items: stretch; }
   input { min-width: 0; }
 }