.wallet-wrap{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-bottom:40px;border:1px solid #eaeaea;max-width:600px;margin-left:auto;margin-right:auto}.wallet-wrap h2{color:#2c3e50;font-size:24px;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #f0f0f0;text-align:center}.wallet-balance{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);padding:20px;border-radius:8px;text-align:center;margin-bottom:30px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.wallet-balance strong{display:block;color:#4a5568;font-size:16px;margin-bottom:10px}.wallet-balance .amount{font-size:32px;font-weight:700;color:#2d3748}.wallet-charge-form{display:flex;flex-direction:column;gap:15px}.wallet-charge-form input[type=number]{padding:12px 15px;border:1px solid #e2e8f0;border-radius:8px;font-size:16px;transition:all .3s ease;box-shadow:0 1px 2px rgba(0,0,0,.05)}.wallet-charge-form input[type=number]:focus{border-color:#4299e1;box-shadow:0 0 0 3px rgba(66,153,225,.2);outline:none}.wallet-charge-form button{background:linear-gradient(135deg,#4299e1 0%,#3182ce 100%);color:white;border:none;padding:14px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px rgba(66,153,225,.3)}.wallet-charge-form button:hover{background:linear-gradient(135deg,#3182ce 0%,#2b6cb0 100%);transform:translateY(-2px);box-shadow:0 4px 8px rgba(66,153,225,.4)}.wallet-charge-form button:active{transform:translateY(0)}@media (max-width:768px){.wallet-wrap{padding:20px;margin-left:15px;margin-right:15px}.wallet-balance .amount{font-size:28px}}.wallet-message{padding:15px;border-radius:8px;margin-bottom:20px;text-align:center}.wallet-success{background-color:#f0fff4;color:#2f855a;border:1px solid #c6f6d5}.wallet-error{background-color:#fff5f5;color:#c53030;border:1px solid #fed7d7}.wallet-wrap{animation:fadeIn .5s ease-out;animation-delay:3s}