.page-transition{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-container{margin:0 auto;max-width:400px;padding:1rem}.wallet-hero{background:linear-gradient(135deg,#237920,#1a5f1a);border-radius:0 0 1.5rem 1.5rem;color:#fff;margin:-1rem -1rem 1.5rem;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center}.wallet-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='.5' d='M10 0H0v10'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.wallet-hero-content{position:relative;z-index:1}.hero-title{font-size:1.75rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}.hero-subtitle{font-size:.875rem;margin-bottom:1.5rem;opacity:.9}.total-balance{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);border-radius:1rem;margin-bottom:1rem;padding:1.5rem}.balance-label{font-size:.75rem;letter-spacing:.05em;margin-bottom:.5rem;opacity:.8;text-transform:uppercase}.balance-amount{font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:.25rem}.balance-usd{font-size:.875rem;opacity:.8}.quick-actions{display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-top:1rem}.quick-action-btn{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:.75rem;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.quick-action-btn:hover{background:hsla(0,0%,100%,.3);color:#fff;text-decoration:none;transform:translateY(-1px)}.quick-action-icon{height:18px;width:18px}.funds-section{margin-bottom:1.5rem}.section-title{align-items:center;color:#1f2937;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.section-icon{color:#237920;height:20px;width:20px}.fund-card{background:#fff;border-left:4px solid #237920;border-radius:1rem;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:1rem;padding:1.25rem;transition:all .2s ease}.fund-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.fund-card.unavailable{border-left-color:#9ca3af;opacity:.6}.fund-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.fund-name{color:#1f2937;font-size:1rem;font-weight:600}.fund-name.unavailable{color:#6b7280}.fund-balance{color:#237920;font-size:1.25rem;font-weight:700}.fund-balance.unavailable{color:#9ca3af}.fund-description{color:#6b7280;font-size:.875rem;line-height:1.4;margin-bottom:1rem}.fund-button{align-items:center;background:#237920;border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.25rem;text-decoration:none;transition:all .2s ease;width:100%}.fund-button:hover{background:#1a5f1a;color:#fff;text-decoration:none;transform:translateY(-1px)}.fund-button:disabled{color:#9ca3af;cursor:not-allowed}.fund-button:disabled,.fund-button:disabled:hover{background:#f3f4f6;transform:none}.fund-button-icon{height:16px;width:16px}.empty-state{color:#6b7280;padding:2rem 1rem;text-align:center}.empty-icon{color:#d1d5db;height:48px;margin:0 auto 1rem;width:48px}.empty-title{color:#374151;font-size:1rem;font-weight:600;margin-bottom:.5rem}.empty-text{font-size:.875rem;line-height:1.4;margin-bottom:1.5rem}.empty-action{align-items:center;background:#237920;border-radius:.75rem;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none}@media (max-width:320px){.quick-actions{grid-template-columns:1fr}.balance-amount{font-size:2rem}}.loading{opacity:.7;pointer-events:none}.loading:after{animation:spin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:currentcolor;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spend-inline-1{background-color:#e8f9ff}
/*# sourceMappingURL=spend.min.css.map */