.wallet-page{color:#1e3a5f;background-color:#f8fafc;min-height:100vh;padding:3rem 1.5rem;font-family:Inter,-apple-system,sans-serif}.wallet-container{max-width:1000px;margin:0 auto}.wallet-header{text-align:center;margin-bottom:3rem}.wallet-header h1{background:linear-gradient(135deg,#1e3a5f 0%,#2d5a8c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.wallet-header p{color:#64748b;font-size:1.125rem}.wallet-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3.5rem;display:grid}@media (min-width:768px){.wallet-grid{grid-template-columns:repeat(3,1fr)}.wallet-card.main-balance{grid-column:span 3}.wallet-grid{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"main main main""later later loan"}}.wallet-card{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;padding:2rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.wallet-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.wallet-card.main-balance{color:#fff;text-align:center;background:linear-gradient(135deg,#1e3a5f 0%,#2d5a8c 100%);border:none;flex-direction:column;align-items:center;padding:3rem 2rem;display:flex}.card-label{text-transform:uppercase;letter-spacing:.1em;opacity:.8;margin-bottom:1rem;font-size:.875rem}.balance-amount{margin-bottom:2rem;font-size:3.5rem;font-weight:800}.card-actions{gap:1rem;display:flex}.btn-topup{color:#1e3a5f;background:#fff;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 2rem;font-weight:700;transition:all .2s;display:flex}.btn-topup:hover{background:#f1f5f9;transform:scale(1.05)}.btn-withdraw{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:9999px;padding:.75rem 2rem;font-weight:600;transition:background .2s}.btn-withdraw:hover{background:#fff3}.sudah-card .card-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.sudah-logo{color:#fff;background:#1e3a5f;border-radius:.75rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.5rem;font-weight:900;display:flex}.sudah-card h3{flex:1;margin:0;font-size:1.25rem;font-weight:700}.badge-active{color:#166534;background:#dcfce7;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.limit-info{flex-direction:column;gap:.75rem;display:flex}.limit-row{justify-content:space-between;font-size:.875rem;display:flex}.limit-row span:last-child{font-weight:700}.progress-bar{background:#f1f5f9;border-radius:9999px;height:.5rem;margin:.5rem 0;overflow:hidden}.progress-fill{background:#1e3a5f;border-radius:9999px;height:100%}.paylater .progress-fill,.loan .progress-fill{background:#1e3a5f}.limit-total{color:#64748b;margin:0;font-size:.75rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0f172a99;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:1.5rem;width:100%;max-width:400px;padding:2.5rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) slideUp;box-shadow:0 25px 50px -12px #00000040}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{margin-bottom:1.5rem;font-size:1.5rem;font-weight:800}.topup-input{text-align:center;border:2px solid #e2e8f0;border-radius:1rem;width:100%;margin-top:.5rem;padding:1rem;font-size:1.5rem;font-weight:700}.topup-input:focus{border-color:#1e3a5f;outline:none}.modal-actions{grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;display:grid}.btn-cancel{color:#64748b;background:#f1f5f9;border-radius:.75rem;padding:.75rem;font-weight:600}.btn-confirm{color:#fff;background:#1e3a5f;border-radius:.75rem;padding:.75rem;font-weight:600}.transaction-section{margin-top:4rem}.transaction-section h3{margin-bottom:1.5rem;font-size:1.5rem;font-weight:800}.transaction-list{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;overflow:hidden}.transaction-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.25rem 2rem;transition:background .2s;display:flex}.transaction-item:last-child{border-bottom:none}.transaction-item:hover{background:#f8fafc}.t-info{align-items:center;gap:1.25rem;display:flex}.t-icon{border-radius:9999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;font-weight:700;display:flex}.t-icon.credit{color:#166534;background:#dcfce7}.t-icon.debit{color:#991b1b;background:#fee2e2}.t-desc{margin:0;font-size:1rem;font-weight:700}.t-date{color:#64748b;margin:0;font-size:.875rem}.t-amount{font-size:1.125rem;font-weight:800}.t-amount.credit{color:#166534}.t-amount.debit{color:#1e3a5f}