fix(filtros): corrigir extração de selos e melhorar UX do filtro

- Corrigir lógica de extração de selos para usar códigos exatos
- Filtro agora exige todos os selos selecionados (AND em vez de OR)
- Botão Aplicar volta: seleção não dispara filtro automaticamente
- Layout dos controles unificado em barra com fundo

frontend/src/App.css

@@ -48,22 +48,30 @@
 
 .controls {
   margin: 1.5rem 0;
+  background: linear-gradient(165deg, rgba(15, 23, 42, 0.6), rgba(30, 41, 59, 0.4));
+  border: 1px solid var(--stroke);
+  border-radius: 12px;
+  padding: 0.75rem 1rem;
   display: flex;
-  gap: 1.5rem;
-  flex-wrap: wrap;
   align-items: center;
+  gap: 1rem;
+  flex-wrap: wrap;
 }
 
-.controls label {
+.control-group {
   display: flex;
   align-items: center;
   gap: 0.5rem;
-  font-size: 0.9rem;
+}
+
+.control-group-label {
+  font-size: 0.8rem;
   color: var(--muted);
+  white-space: nowrap;
 }
 
 .controls select {
-  padding: 0.5rem 1rem;
+  padding: 0.5rem 0.75rem;
   background: rgba(255,255,255,0.06);
   border: 1px solid var(--stroke);
   border-radius: 8px;
@@ -81,23 +89,25 @@
   display: flex;
   gap: 0.5rem;
   align-items: center;
+  flex: 1;
 }
 
 .search-box input {
-  padding: 0.55rem 0.8rem;
+  padding: 0.5rem 0.75rem;
   background: rgba(255,255,255,0.06);
   border: 1px solid var(--stroke);
   border-radius: 8px;
   color: var(--text);
-  min-width: 240px;
+  flex: 1;
 }
 
 .search-box input:focus {
-  outline: 1px solid var(--accent-2);
+  outline: none;
+  border-color: var(--accent-2);
 }
 
 .search-box button {
-  padding: 0.55rem 1rem;
+  padding: 0.5rem 0.9rem;
   background: var(--accent);
   border: 1px solid var(--accent);
   color: white;
@@ -120,17 +130,17 @@
   display: flex;
   align-items: center;
   gap: 0.5rem;
-  flex-wrap: wrap;
 }
 
 .pagination button {
-  padding: 0.6rem 0.9rem;
-  border-radius: 8px;
+  padding: 0.5rem 0.75rem;
+  border-radius: 6px;
   border: 1px solid var(--stroke);
   background: rgba(255,255,255,0.06);
   color: var(--text);
   cursor: pointer;
   transition: all 150ms ease;
+  font-size: 0.9rem;
 }
 
 .pagination button:hover:not(:disabled) {
@@ -145,6 +155,20 @@
 .page-info {
   color: var(--muted);
   font-weight: 500;
+  font-size: 0.9rem;
+  padding: 0 0.5rem;
+  white-space: nowrap;
+}
+
+@media (max-width: 900px) {
+  .controls {
+    gap: 0.75rem;
+  }
+
+  .search-box {
+    min-width: 100%;
+    order: 10;
+  }
 }
 
 .ranking-list {