.payments-container{max-width:1200px;padding:20px;margin:0 auto;position:relative;min-height:calc(680px + var(--header-h));padding-top:calc(var(--header-h) + 0px)}.payments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.payments-header h2{font-size:24px;font-weight:600}.add-money-btn{background:var(--primarycolor,#4f46e5);color:white;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;font-weight:500;transition:background .3s ease}.add-money-btn:hover{background:#4338ca}.wallet-balance{text-align:left;margin-bottom:20px}.wallet-balance h3{font-size:28px;margin:0;color:#111}.wallet-balance span{font-size:14px;color:#666}.payment-list h4{margin-bottom:12px;font-size:18px;font-weight:500;color:#333}.payment-card{background:#fff;border-radius:12px;padding:15px;display:flex;align-items:center;gap:14px;box-shadow:0 4px 10px rgba(0,0,0,.05);margin-bottom:12px;transition:transform .2s ease,box-shadow .2s ease}.payment-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.1)}.payment-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#06b6d4);display:flex;align-items:center;justify-content:center;font-weight:700;color:white;font-size:18px}.payment-details{flex:1 1}.payment-id{font-weight:600;font-size:15px;margin:0 0 3px}.payment-title{font-size:14px;margin:0;color:#444}.payment-method{font-size:13px;color:#777;margin:0}.payment-meta{text-align:right;min-width:100px}.payment-amount{font-weight:600;margin:0;font-size:15px}.payment-amount.negative{color:#00a676}.payment-amount.positive{color:#ef4444}.payment-date{font-size:13px;color:#666;margin:2px 0 0}@media (max-width:600px){.payment-card{flex-direction:column;align-items:flex-start}.payment-meta{text-align:left;margin-top:8px}.payments-header{flex-direction:column;align-items:flex-start;gap:10px}}