.wallet-page{max-width:700px;margin:0 auto;padding-bottom:100px}.wallet-page .page-header{margin-bottom:24px}.wallet-page .page-header h1{font-size:28px;font-weight:700;color:#fff;margin:0 0 4px}.wallet-page .page-header p{font-size:14px;color:#666;margin:0}.wallet-page .loading-state{padding:60px 20px;text-align:center}.wallet-page .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#22c55e;border-radius:50%;margin:0 auto 16px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wallet-page .loading-state p{color:#666}.wallet-page .earnings-card{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:20px;padding:24px;margin-bottom:24px}.wallet-page .earnings-label{font-size:14px;color:#fffc;margin-bottom:4px}.wallet-page .earnings-amount{font-size:36px;font-weight:700;color:#fff;margin-bottom:20px}.wallet-page .earnings-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.2)}.wallet-page .stat-item{display:flex;flex-direction:column;gap:4px}.wallet-page .stat-item .stat-label{font-size:12px;color:#ffffffb3}.wallet-page .stat-item .stat-value{font-size:16px;font-weight:600;color:#fff}.wallet-page .stat-item .stat-value.pending{color:#fef08a}.wallet-page .section-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 16px}.wallet-page .view-report-link{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:12px;color:#3b82f6;font-size:14px;font-weight:500;text-decoration:none;margin-bottom:20px;transition:all .2s}.wallet-page .view-report-link:hover{background:#3b82f633}.wallet-page .view-report-link svg:last-child{margin-left:auto}.wallet-page .chart-section{margin-bottom:24px}.wallet-page .chart-container{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px}.wallet-page .chart-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;height:120px;margin-bottom:16px}.wallet-page .chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.wallet-page .chart-bar{width:100%;background:#333;border-radius:6px 6px 0 0;transition:all .3s;min-height:4px}.wallet-page .chart-bar.current{background:linear-gradient(to top,#22c55e,#4ade80)}.wallet-page .chart-label{font-size:11px;color:#888;margin-top:8px}.wallet-page .chart-legend{display:flex;justify-content:space-around;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.wallet-page .legend-item{text-align:center}.wallet-page .legend-item .month{font-size:11px;color:#666}.wallet-page .legend-item .amount{font-size:13px;font-weight:600;color:#fff}.wallet-page .summary-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.wallet-page .summary-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px;text-align:center}.wallet-page .summary-card.success .summary-value{color:#22c55e}.wallet-page .summary-card.warning .summary-value{color:#f59e0b}.wallet-page .summary-value{font-size:24px;font-weight:700;margin-bottom:4px}.wallet-page .summary-label{font-size:13px;color:#888}.wallet-page .withdraw-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:#fff;color:#000;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:16px}.wallet-page .withdraw-btn:hover{background:#e5e5e5;transform:translateY(-1px)}.wallet-page .pending-notice{display:flex;align-items:center;gap:14px;padding:16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:14px;margin-bottom:24px}.wallet-page .notice-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f59e0b33;border-radius:50%;color:#f59e0b}.wallet-page .notice-content{flex:1}.wallet-page .notice-title{font-size:14px;font-weight:600;color:#fff}.wallet-page .notice-amount{font-size:16px;font-weight:700;color:#f59e0b}.wallet-page .transactions-section{margin-top:24px}.wallet-page .transactions-list{display:flex;flex-direction:column;gap:10px}.wallet-page .transaction-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px}.wallet-page .transaction-info{flex:1}.wallet-page .transaction-desc{font-size:14px;font-weight:500;color:#fff;margin-bottom:2px}.wallet-page .transaction-date{font-size:12px;color:#666}.wallet-page .transaction-amount{text-align:right}.wallet-page .transaction-amount .amount{font-size:15px;font-weight:600}.wallet-page .transaction-amount .amount.paid{color:#22c55e}.wallet-page .transaction-amount .amount.pending{color:#f59e0b}.wallet-page .transaction-amount .status{font-size:11px}.wallet-page .transaction-amount .status.paid{color:#22c55e}.wallet-page .transaction-amount .status.pending{color:#f59e0b}.wallet-page .empty-transactions{text-align:center;padding:40px 20px;color:#666}.wallet-page .empty-transactions svg{width:48px;height:48px;margin:0 auto 12px;opacity:.5}.wallet-page .sheet-overlay{position:fixed;inset:0;background:#0009;z-index:100}.wallet-page .withdrawal-sheet{position:fixed;bottom:0;left:0;right:0;background:#111;border-radius:20px 20px 0 0;z-index:101;transform:translateY(100%);transition:transform .3s ease}.wallet-page .withdrawal-sheet.open{transform:translateY(0)}.wallet-page .sheet-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0}.wallet-page .sheet-header h3{font-size:18px;font-weight:600;color:#fff;margin:0}.wallet-page .sheet-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;color:#888;cursor:pointer}.wallet-page .sheet-content{padding:24px 20px 40px}.wallet-page .available-balance{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:12px;margin-bottom:20px}.wallet-page .balance-label{font-size:14px;color:#888}.wallet-page .balance-value{font-size:20px;font-weight:700;color:#22c55e}.wallet-page .amount-input-group{margin-bottom:20px}.wallet-page .amount-input-group label{display:block;font-size:14px;color:#888;margin-bottom:8px}.wallet-page .amount-input-wrapper{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.wallet-page .amount-input-wrapper .currency{padding:14px 16px;font-size:18px;font-weight:600;color:#888;background:#ffffff08}.wallet-page .amount-input-wrapper input{flex:1;padding:14px 16px;background:transparent;border:none;color:#fff;font-size:18px;font-weight:600;outline:none}.wallet-page .amount-input-wrapper input::-moz-placeholder{color:#555}.wallet-page .amount-input-wrapper input::placeholder{color:#555}.wallet-page .bank-info{margin-bottom:24px}.wallet-page .bank-info label{display:block;font-size:14px;color:#888;margin-bottom:8px}.wallet-page .bank-display{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#888;font-size:14px}.wallet-page .bank-display .bank-icon{font-size:24px}.wallet-page .submit-withdraw-btn{width:100%;padding:16px;background:#22c55e;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.wallet-page .submit-withdraw-btn:hover{background:#16a34a}.wallet-page .submit-withdraw-btn:disabled{background:#333;color:#666;cursor:not-allowed}.wallet-page .payment-method-group{margin-bottom:20px}.wallet-page .payment-method-group label{display:block;font-size:14px;color:#888;margin-bottom:8px}.wallet-page .payment-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.wallet-page .payment-method-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#888;font-size:14px;cursor:pointer;transition:all .2s}.wallet-page .payment-method-btn:hover{border-color:#ffffff4d}.wallet-page .payment-method-btn.active{border-color:#22c55e;background:#22c55e1a;color:#fff}.wallet-page .payment-method-btn .method-icon{font-size:24px}.wallet-page .form-group{margin-bottom:16px}.wallet-page .form-group label{display:block;font-size:14px;color:#888;margin-bottom:8px}.wallet-page .form-group input,.wallet-page .form-group select{width:100%;padding:14px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:16px;outline:none;transition:border-color .2s}.wallet-page .form-group input:focus,.wallet-page .form-group select:focus{border-color:#22c55e}.wallet-page .form-group input::-moz-placeholder{color:#555}.wallet-page .form-group input::placeholder{color:#555}.wallet-page .form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.wallet-page .promptpay-fields,.wallet-page .bank-fields{margin-bottom:20px}