/* MEGABOLÃO - Mobile-first responsive styles */
@media (max-width: 768px) {
    .container { width: 100%; padding: 10px; }
    .nav-menu { flex-direction: column; }
    .bet-card { width: 100%; margin-bottom: 15px; }
    .admin-table { font-size: 12px; }
    .admin-table th, .admin-table td { padding: 5px; }
    .topbar { flex-direction: column; gap: 8px; }
    .topbar-right { flex-wrap: wrap; }
}

@media (max-width: 480px) {
    .container { padding: 5px; }
    .form-group { flex-direction: column; }
    .auth-card { margin: 10px; padding: 15px; }
}