.expense-bubble{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#ffffff0d;border-radius:15px;border:1px solid rgba(255,255,255,.1);margin-bottom:.75rem;opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.34,1.56,.64,1)}.expense-bubble.visible{opacity:1;transform:translateY(0);animation:popIn .5s cubic-bezier(.34,1.56,.64,1)}.expense-bubble.urgent{background:#f5656526;border-color:#f565654d;animation:popIn .5s cubic-bezier(.34,1.56,.64,1),pulse 2s infinite}.expense-bubble.impulse{background:#ed893626;border-color:#ed89364d}.expense-bubble.forgotten{background:#9f7aea26;border-color:#9f7aea4d}.expense-icon{font-size:2rem;flex-shrink:0}.expense-details{flex:1}.expense-amount{font-size:1.3rem;font-weight:700;color:#f56565;margin-bottom:.25rem}.expense-description{font-size:.9rem;opacity:.8;line-height:1.4}@keyframes popIn{0%{opacity:0;transform:translateY(20px) scale(.9)}50%{transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{box-shadow:0 0 #f5656566}50%{box-shadow:0 0 0 8px #f5656500}}@media(max-width:768px){.expense-bubble{padding:.65rem .9rem;margin-bottom:.6rem}.expense-icon{font-size:1.3rem}.expense-amount{font-size:1rem;margin-bottom:.2rem}.expense-description{font-size:.8rem}}
