update

internal/app/static/app.css

@@ -218,6 +218,15 @@ dd { margin: 4px 0 0; overflow-wrap: anywhere; }
 .manual-metadata[open] summary { margin-bottom: 22px; }
 
 .audit-panel { margin-top: 24px; }
+.audit-filters {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 16px;
+  padding: 22px 28px;
+  border-bottom: 1px solid var(--line);
+}
+.audit-filter-actions { display: flex; align-items: center; gap: 18px; }
+.audit-filter-note { grid-column: 1 / -1; }
 .audit-table { display: grid; max-height: 520px; overflow: auto; }
 .audit-row {
   display: grid;
@@ -249,6 +258,7 @@ dd { margin: 4px 0 0; overflow-wrap: anywhere; }
 
 @media (max-width: 900px) {
   .hero, .content-grid, .package-layout { grid-template-columns: 1fr; }
+  .audit-filters { grid-template-columns: 1fr 1fr; }
   .audit-row { grid-template-columns: 1fr 1fr; }
   .audit-row > div:last-child { grid-column: 1 / -1; }
   .policy-card { width: 100%; }
@@ -260,5 +270,6 @@ dd { margin: 4px 0 0; overflow-wrap: anywhere; }
   .product-name, .operator > span { display: none; }
   .page { width: 94vw; padding-top: 34px; }
   .field-row, dl { grid-template-columns: 1fr; }
+  .audit-filters { grid-template-columns: 1fr; }
   .code-reveal { align-items: stretch; flex-direction: column; }
 }