* { box-sizing: border-box; font-family: 'Segoe UI', Arial, sans-serif; }
body { margin: 0; background: #050505; color: #ffffff; }
.app-container { max-width: 1200px; margin: 0 auto; padding: 25px; }

header h1 { color: #b30000; font-size: 42px; text-align: center; margin-bottom: 5px; letter-spacing: 2px; }
header h2 { color: #ff1a1a; text-align: center; font-weight: 300; margin-top: 0; }

.panel { 
  background: #0d0d0d; border: 1px solid #222; border-radius: 8px; 
  padding: 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); 
  gap: 15px; margin-bottom: 20px;
}

.field label { font-size: 11px; color: #b30000; font-weight: bold; text-transform: uppercase; margin-bottom: 5px; }
.field input, .field select { background: #000; border: 1px solid #333; padding: 10px; color: #fff; border-radius: 4px; }

button { 
  grid-column: 1 / -1; padding: 15px; background: #b30000; border: none; 
  color: #fff; font-weight: bold; border-radius: 4px; cursor: pointer; transition: 0.3s;
}
button:hover { background: #ff1a1a; box-shadow: 0 0 15px rgba(179,0,0,0.4); }

/* Filtros image_f58842.png */
.tags-container { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.member-tag { 
  background: #151515; border: 1px solid #333; color: #888; 
  padding: 6px 15px; border-radius: 20px; cursor: pointer; font-size: 12px;
}
.member-tag.active { background: #b30000; border-color: #ff1a1a; color: #fff; }
.member-tag::before { content: '• '; color: inherit; }

/* Tabela image_f26966.png */
.resultado-box { background: #000; border-radius: 10px; overflow: hidden; border: 1px solid #222; }
table { width: 100%; border-collapse: collapse; }
thead th { color: #b30000; padding: 15px; font-size: 12px; border-bottom: 1px solid #111; }
tbody td { padding: 12px; text-align: center; color: #ccc; border-bottom: 1px solid #111; font-size: 14px; }
tbody td:first-child { text-align: left; color: #fff; padding-left: 20px; }
tfoot { background: #4a0e0e; color: #fff; font-weight: bold; }
tfoot td { padding: 15px; text-align: center; }
tfoot td:first-child { text-align: left; padding-left: 20px; }