diff --git a/web/static/app.css b/web/static/app.css
index 3677f93..a74571d 100644
--- a/web/static/app.css
+++ b/web/static/app.css
@@ -351,4 +351,24 @@ code,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono
   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; }
\ No newline at end of file
+.login-field-error{ color:#b91c1c; font-size:13px; margin:6px 0 0; }
+
+/* keep row items inline */
+.search-row { display:flex; gap:8px; align-items:center; }
+
+/* the panel sits below the row, full-width, and is hidden by default */
+.help-panel {
+  display: none;
+  margin-top: 12px;
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  background: #fff;
+  padding: 14px 16px;
+  box-shadow: 0 6px 18px rgba(0,0,0,.06);
+}
+
+/* shown when toggled */
+.help-panel.open { display: block; }
+
+/* optional: smaller heading spacing in the panel */
+.help-panel h3 { margin: 4px 0 10px; }
\ No newline at end of file