.xvp-container { max-width: 100%; margin: 20px auto; padding: 15px; font-family: system-ui, sans-serif; }
.xvp-container h1, .xvp-container h2 { color: #ff0066; text-align: center; }
.xvp-formulario { background: #1a1a1a; padding: 20px; border-radius: 12px; margin-bottom: 30px; }
.xvp-formulario input, .xvp-formulario textarea { width: 100%; padding: 12px; margin: 10px 0; border-radius: 8px; border: none; background: #333; color: white; }
.xvp-formulario button { background: #ff0066; color: white; padding: 14px 30px; border: none; border-radius: 8px; font-size: 18px; cursor: pointer; width: 100%; }
.xvp-pedidos-grid { display: grid; gap: 15px; }
.xvp-pedido-item { background: #222; padding: 15px; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; }
.xvp-votacao { text-align: center; }
.xvp-votar { background: #ff0066; color: white; border: none; width: 40px; height: 40px; border-radius: 50%; font-size: 20px; cursor: pointer; }
.xvp-sucesso { background: #006600; color: white; padding: 15px; border-radius: 8px; text-align: center; margin: 15px 0; }

@media (max-width: 768px) {
    .xvp-pedido-item { flex-direction: column; gap: 10px; text-align: center; }
}