.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:30px}
@keyframes valueUpdate {
    0%  { transform: scale(1); opacity: 0.5; }
    40% { transform: scale(1.12); opacity: 1; }
    100%{ transform: scale(1); opacity: 1; }
}
.value-updated { animation: valueUpdate 0.55s cubic-bezier(0.34,1.56,0.64,1) both; }
.card{background:var(--card-bg);backdrop-filter:blur(12px);padding:25px;border-radius:24px;border:1px solid var(--glass-border);position:relative;overflow:hidden}
.card::after{content:'';position:absolute;top:0;left:0;width:4px;height:100%}
.card.receita::after{background:var(--success)}
.card.gastos::after{background:var(--danger)}
.card.saldo::after{background:var(--accent)}
.card.saldo{transition:all .3s ease;cursor:pointer}
.card.saldo:hover{transform:translateY(-5px);background:#3b82f626;border-color:var(--accent)}
.card.saldo .info-icon{position:absolute;top:15px;right:15px;font-size:.8rem;color:var(--text-dim);opacity:.6}
.card.saldo:hover .info-icon{color:var(--accent);opacity:1}
.card h3{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-bottom:10px}
.card p{font-size:1.8rem;font-weight:700}
.grid-bottom-full{display:grid;grid-template-columns:1fr;gap:25px;margin-bottom:30px}
.chart-wrapper{height:400px;position:relative;width:100%}
@media (max-width:768px) {
.cards,.grid-bottom-full{grid-template-columns:1fr;width:100%;gap:12px}
#tab-dashboard .header-flex{margin-bottom:10px;gap:8px}
#tab-dashboard .header h1{font-size:1.2rem;margin-bottom:2px}
#tab-dashboard .cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
#tab-dashboard .card{padding:12px 10px;border-radius:12px}
#tab-dashboard .card h3{font-size:.65rem;margin-bottom:4px}
#tab-dashboard .card p{font-size:1.1rem}
#tab-dashboard .card.saldo{grid-column:span 2;padding:15px 10px;display:flex;flex-direction:column;align-items:center}
#tab-dashboard .card.saldo h3{font-size:.8rem}
#tab-dashboard .card.saldo p{font-size:1.6rem}
#tab-dashboard .glass-panel{padding:12px;margin-bottom:0}
#tab-dashboard .chart-wrapper{height:22vh!important;min-height:180px}
#tab-dashboard .grid-bottom-full{margin-bottom:0}
}