:root {
    --primary: #2c3e50;
    --success: #27ae60;
    --info: #2980b9;
}

body { font-family: 'Inter', sans-serif; background: #f8f9fa; margin: 0; padding: 20px; }
.dashboard { max-width: 1200px; margin: auto; background: white; padding: 30px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }

header { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #eee; padding-bottom: 20px; }
table { width: 100%; border-collapse: collapse; margin-top: 20px; }
th { background: #f1f3f5; color: var(--primary); text-align: left; padding: 15px; font-size: 13px; text-transform: uppercase; }
td { padding: 15px; border-bottom: 1px solid #f1f1f1; font-size: 14px; }

.gastos-detalle { color: #666; font-size: 12px; line-height: 1.5; }
.total-cell { font-weight: bold; color: var(--primary); font-size: 16px; }

.badge { padding: 5px 10px; border-radius: 20px; font-size: 11px; font-weight: bold; }
.badge.enviado { background: #e3f2fd; color: #1976d2; }
.badge.pagado { background: #e8f5e9; color: #2e7d32; }

.btn-whatsapp { background: #25D366; color: white; border: none; padding: 8px 15px; border-radius: 6px; cursor: pointer; transition: 0.2s; }
.btn-whatsapp:hover { background: #128C7E; transform: translateY(-2px); }