.wallet-page{min-height:100vh;background:rgba(255,255,255,.5);font-family:ClashGrotesk-Regular,sans-serif}.wallet-container{padding:2rem 1rem}.wallet-status-banner{display:flex;align-items:center;padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid;gap:1rem}.wallet-status-success{background:linear-gradient(145deg,rgba(40,167,69,.08),#ffffff);border-color:rgba(40,167,69,.2)}.wallet-status-failed{background:linear-gradient(145deg,rgba(220,53,69,.08),#ffffff);border-color:rgba(220,53,69,.2)}.wallet-status-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wallet-status-success .wallet-status-icon{background:linear-gradient(145deg,#28a745,#20c997);color:white}.wallet-status-failed .wallet-status-icon{background:linear-gradient(145deg,#dc3545,#e74c3c);color:white}.wallet-status-content{flex:1 1}.wallet-status-title{font-weight:600;font-size:.95rem;color:#2d3748;margin-bottom:.125rem}.wallet-status-message{font-size:.85rem;color:#718096}.wallet-status-close{background:transparent;border:none;padding:.5rem;cursor:pointer;color:#a0aec0;border-radius:8px;transition:all .2s ease}.wallet-status-close:hover{background:rgba(0,0,0,.05);color:#718096}.wallet-balance-card{position:relative;background:linear-gradient(145deg,#14C1EE,#FF21A6);border-radius:20px;padding:2rem;margin-bottom:2rem;overflow:hidden;box-shadow:0 8px 32px rgba(20,193,238,.25)}.wallet-balance-bg{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.wallet-balance-pattern{position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:rgba(255,255,255,.1);border-radius:50%}.wallet-balance-pattern:before{content:"";position:absolute;bottom:-100%;left:-50%;width:200px;height:200px;background:rgba(255,255,255,.08);border-radius:50%}.wallet-balance-content{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.wallet-balance-left{display:flex;align-items:center;gap:1rem}.wallet-balance-icon{width:56px;height:56px;background:rgba(255,255,255,.2);border-radius:16px;display:flex;align-items:center;justify-content:center;color:white;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wallet-balance-info{display:flex;flex-direction:column;gap:.25rem}.wallet-balance-label{font-size:.9rem;color:rgba(255,255,255,.85);font-weight:500}.wallet-balance-amount{font-size:2rem;font-weight:700;color:white;margin:0;letter-spacing:-.02em}.wallet-add-funds-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:white;border:none;border-radius:12px;font-weight:600;font-size:.95rem;color:#2d3748;cursor:pointer;transition:all .3s ease;font-family:ClashGrotesk-Regular,sans-serif;box-shadow:0 4px 12px rgba(0,0,0,.1)}.wallet-add-funds-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.wallet-add-funds-btn svg{color:#14C1EE}.wallet-transactions-section{background:#ffffff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.06);border:1px solid #e0e0e0}.wallet-section-header{margin-bottom:1.5rem;padding-bottom:1rem}.wallet-section-title{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:600;color:#2d3748;margin:0;text-transform:uppercase;letter-spacing:.5px}.wallet-section-title svg{color:#14C1EE}.wallet-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem}.wallet-spinner{color:#14C1EE}.wallet-loading-text{color:#718096;font-size:.9rem}.wallet-error{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(145deg,#fdecea,#ffffff);border:1px solid #f5c6cb;border-radius:12px;color:#dc3545;font-size:.9rem;font-weight:500}.wallet-empty-state{text-align:center;padding:3rem 1.5rem}.wallet-empty-icon{width:100px;height:100px;margin:0 auto 1.5rem;background:linear-gradient(145deg,rgba(20,193,238,.1),rgba(255,33,166,.1));border-radius:50%;display:flex;align-items:center;justify-content:center}.wallet-empty-title{font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:.75rem}.wallet-empty-description{font-size:.95rem;color:#718096;max-width:360px;margin:0 auto 1.5rem;line-height:1.6}.wallet-empty-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:linear-gradient(145deg,#14C1EE,#FF21A6);border:none;border-radius:12px;font-weight:600;font-size:.95rem;color:white;cursor:pointer;transition:all .3s ease;font-family:ClashGrotesk-Regular,sans-serif;box-shadow:0 4px 16px rgba(20,193,238,.3)}.wallet-empty-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(20,193,238,.4)}.wallet-transaction-list{display:flex;flex-direction:column;gap:.75rem}.wallet-transaction-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#f8f9fa;border-radius:12px;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.wallet-transaction-item:hover{background:#ffffff;border-color:#14C1EE;transform:translateX(4px);box-shadow:0 4px 16px rgba(20,193,238,.1)}.wallet-transaction-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wallet-transaction-icon.credit{background:linear-gradient(145deg,rgba(40,167,69,.1),rgba(32,201,151,.1));color:#28a745}.wallet-transaction-icon.debit{background:linear-gradient(145deg,rgba(220,53,69,.1),rgba(231,76,60,.1));color:#dc3545}.wallet-transaction-details{flex:1 1;min-width:0}.wallet-transaction-title{font-size:.95rem;font-weight:600;color:#2d3748;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet-transaction-date{font-size:.8rem;color:#718096}.wallet-transaction-amount-section{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.wallet-transaction-badge{font-size:.7rem;font-weight:600;padding:.25rem .625rem;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.wallet-transaction-badge.credit{background:rgba(40,167,69,.1);color:#28a745}.wallet-transaction-badge.debit{background:rgba(220,53,69,.1);color:#dc3545}.wallet-transaction-amount{font-size:1rem;font-weight:700}.wallet-transaction-amount.credit{color:#28a745}.wallet-transaction-amount.debit{color:#dc3545}.wallet-transaction-arrow{color:#a0aec0;transition:all .2s ease}.wallet-transaction-item:hover .wallet-transaction-arrow{color:#14C1EE;transform:translateX(4px)}.wallet-pagination-wrapper{display:flex;justify-content:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #f0f0f0}.wallet-pagination .page-item .page-link{border-radius:10px;margin:0 3px;padding:.5rem .875rem;color:#2d3748;border:1px solid #e9ecef;font-weight:500;font-size:.9rem;transition:all .2s ease}.wallet-pagination .page-item .page-link:hover{background:linear-gradient(145deg,rgba(20,193,238,.1),rgba(255,33,166,.1));border-color:#14C1EE;color:#14C1EE}.wallet-pagination .page-item.active .page-link{background:linear-gradient(145deg,#14C1EE,#FF21A6);border-color:transparent;color:white;box-shadow:0 4px 12px rgba(20,193,238,.3)}.wallet-pagination .page-item.disabled .page-link{background:#f8f9fa;color:#a0aec0;border-color:#e9ecef}.wallet-transaction-modal .modal-content{border:none;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.2);overflow:hidden;font-family:ClashGrotesk-Regular,sans-serif}.wallet-modal-header{background:linear-gradient(145deg,#14C1EE,#FF21A6);padding:2rem 1.5rem;text-align:center;position:relative}.wallet-modal-close{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.2);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wallet-modal-close:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.wallet-modal-icon{width:64px;height:64px;background:rgba(255,255,255,.95);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.wallet-modal-icon.credit{color:#28a745}.wallet-modal-icon.debit{color:#dc3545}.wallet-modal-amount{color:white;font-size:2rem;font-weight:700;margin:0 0 .25rem}.wallet-modal-type{color:rgba(255,255,255,.9);font-size:.95rem;font-weight:500}.wallet-modal-body{padding:1.5rem;background:#f8f9fa}.wallet-modal-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.wallet-modal-badge{font-size:.75rem;font-weight:600;padding:.375rem .875rem;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.wallet-modal-badge.credit{background:rgba(40,167,69,.1);color:#28a745}.wallet-modal-badge.debit{background:rgba(220,53,69,.1);color:#dc3545}.wallet-modal-date{font-size:.85rem;color:#718096}.wallet-modal-details-card{background:#ffffff;border-radius:12px;padding:1rem 1.25rem;border:1px solid #e9ecef}.wallet-modal-detail-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.wallet-modal-detail-item:last-child{border-bottom:none;padding-bottom:0}.wallet-modal-detail-item:first-child{padding-top:0}.wallet-modal-detail-label{font-size:.75rem;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px}.wallet-modal-detail-value{font-size:.95rem;font-weight:600;color:#2d3748}.wallet-modal-detail-value.mono{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.85rem}.wallet-modal-footer{padding:1.25rem 1.5rem;background:#ffffff;border-top:1px solid #e9ecef}.wallet-modal-close-btn{width:100%;padding:.875rem 1.5rem;background:linear-gradient(145deg,#14C1EE,#FF21A6);border:none;border-radius:12px;font-weight:600;font-size:.95rem;color:white;cursor:pointer;transition:all .3s ease;font-family:ClashGrotesk-Regular,sans-serif;box-shadow:0 4px 12px rgba(20,193,238,.3)}.wallet-modal-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(20,193,238,.4)}.add-funds-modal .modal-content{border:none;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.2);overflow:hidden;font-family:ClashGrotesk-Regular,sans-serif}.add-funds-header{background:linear-gradient(145deg,#14C1EE,#FF21A6);padding:2rem 1.5rem;text-align:center;position:relative}.add-funds-close-btn{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.2);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.add-funds-close-btn:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.add-funds-header-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:rgba(255,255,255,.2);border-radius:50%;margin-bottom:1rem;color:white;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.add-funds-header-title{color:white;font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.add-funds-header-subtitle{color:rgba(255,255,255,.9);font-size:.9rem;margin:0;font-weight:400}.add-funds-body{padding:1.5rem;background:#f8f9fa}.add-funds-section{margin-bottom:1.5rem}.add-funds-section:last-of-type{margin-bottom:0}.add-funds-label{display:block;font-size:.8rem;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.quick-amount-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.75rem;gap:.75rem}.quick-amount-btn{padding:.875rem .5rem;border-radius:12px;border:2px solid #e9ecef;background:#ffffff;color:#2d3748;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;font-family:ClashGrotesk-Regular,sans-serif}.quick-amount-btn:hover{border-color:#14C1EE;transform:translateY(-2px);box-shadow:0 4px 12px rgba(20,193,238,.15)}.quick-amount-btn.active{background:linear-gradient(145deg,#14C1EE,#FF21A6);color:white;border-color:transparent;box-shadow:0 4px 16px rgba(20,193,238,.3)}.amount-input-wrapper{position:relative;display:flex;align-items:center;background:#ffffff;border:2px solid #e9ecef;border-radius:12px;overflow:hidden;transition:all .3s ease}.amount-input-wrapper:focus-within{border-color:#14C1EE;box-shadow:0 0 0 4px rgba(20,193,238,.1)}.amount-currency{padding:0 0 0 1rem;color:#718096}.amount-currency,.amount-input{font-size:1.25rem;font-weight:600}.amount-input{flex:1 1;border:none;outline:none;padding:1rem 1rem 1rem .5rem;color:#2d3748;background:transparent;font-family:ClashGrotesk-Regular,sans-serif}.amount-input::placeholder{color:#a0aec0;font-weight:400}.amount-input::-webkit-inner-spin-button,.amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.amount-input[type=number]{-moz-appearance:textfield}.amount-hint{display:block;font-size:.8rem;color:#718096;margin-top:.5rem}.add-funds-error{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(145deg,#fdecea,#ffffff);border:1px solid #f5c6cb;border-radius:12px;color:#dc3545;font-size:.9rem;font-weight:500;margin-top:1rem}.add-funds-summary{background:#ffffff;border-radius:12px;padding:1rem 1.25rem;margin-top:1.5rem;border:1px solid #e9ecef}.summary-row{display:flex;justify-content:space-between;align-items:center}.summary-label{font-size:.9rem;color:#718096;font-weight:500}.summary-value{font-size:1.25rem;font-weight:700;background:linear-gradient(145deg,#14C1EE,#FF21A6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.add-funds-footer{padding:1.25rem 1.5rem;background:#ffffff;border-top:1px solid #e9ecef;display:flex;gap:1rem}.add-funds-cancel-btn{flex:1 1;padding:.875rem 1.5rem;border-radius:12px;border:2px solid #e9ecef;background:#ffffff;color:#718096;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;font-family:ClashGrotesk-Regular,sans-serif}.add-funds-cancel-btn:hover{border-color:#cbd5e0;background:#f8f9fa}.add-funds-submit-btn{flex:2 1;padding:.875rem 1.5rem;border-radius:12px;border:none;background:linear-gradient(145deg,#14C1EE,#FF21A6);color:white;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;font-family:ClashGrotesk-Regular,sans-serif;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(20,193,238,.3)}.add-funds-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(20,193,238,.4)}.add-funds-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.modal-backdrop-custom{background-color:rgba(0,0,0,.4)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width:768px){.wallet-container{padding:1rem}.wallet-balance-card{padding:1.5rem;border-radius:16px}.wallet-balance-content{flex-direction:column;align-items:flex-start}.wallet-balance-amount{font-size:1.75rem}.wallet-add-funds-btn{width:100%;justify-content:center}.wallet-transactions-section{padding:1.25rem;border-radius:12px}.wallet-transaction-item{padding:.875rem 1rem;flex-wrap:wrap}.wallet-transaction-details{flex-grow:1;flex-shrink:1;flex-basis:calc(100% - 60px);order:1}.wallet-transaction-icon{order:0}.wallet-transaction-amount-section{order:2;flex-direction:row;align-items:center;width:100%;justify-content:space-between;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f0f0f0}.wallet-transaction-arrow{display:none}.add-funds-header{padding:1.5rem 1rem}.add-funds-header-icon{width:56px;height:56px}.add-funds-header-title{font-size:1.25rem}.add-funds-body{padding:1.25rem}.quick-amount-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.quick-amount-btn{padding:.75rem .5rem;font-size:.9rem}.amount-input{padding:.875rem 1rem .875rem .5rem}.amount-currency,.amount-input{font-size:1.1rem}.add-funds-footer{padding:1rem;flex-direction:column}.add-funds-cancel-btn,.add-funds-submit-btn{flex:none;width:100%}.add-funds-submit-btn{order:-1}.wallet-modal-header{padding:1.5rem 1rem}.wallet-modal-icon{width:56px;height:56px}.wallet-modal-amount{font-size:1.75rem}.wallet-modal-body{padding:1.25rem}.wallet-modal-footer{padding:1rem}}@media (max-width:480px){.wallet-balance-icon{width:48px;height:48px;border-radius:12px}.wallet-balance-amount{font-size:1.5rem}.wallet-section-title,.wallet-transaction-title{font-size:.9rem}.wallet-transaction-amount{font-size:.95rem}}