.wallet-page{max-width:1530px;margin:0 auto;padding:2rem}.wallet-container{display:flex;flex-direction:column;gap:1.5rem}.wallet-section{background:var(--bg-surface);padding:1.5rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border);transition:all .3s ease}.wallet-section:hover{box-shadow:var(--shadow-xl)}.wallet-section-title{margin:0 0 1rem;color:var(--text);font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.balance-item{display:flex;flex-direction:column;gap:.25rem}.balance-label{color:var(--text-muted);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.balance-value{color:var(--text);font-size:1.75rem;font-weight:700}.balance-value.negative{color:#dc2626}.debt-banner{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-radius:var(--radius-md)}.debt-banner-title{margin:0 0 .5rem;color:#dc2626;font-size:1rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.debt-banner-text{margin:0;color:#7f1d1d;font-size:.875rem;line-height:1.5}.transactions-table-wrapper{overflow-x:auto}.wallet-load-more{padding:.6rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text);font-weight:700;cursor:pointer}.wallet-load-more-wrap,.wallet-refresh-wrap{margin-top:12px}.tx-item-ref{display:inline-flex;gap:8px;align-items:baseline;flex-wrap:wrap}.tx-item-ref-item{font-weight:700}.tx-item-ref-order{color:var(--text-muted)}.tx-item-details{display:flex;flex-direction:column;gap:.25rem}.tx-item-title{font-weight:600;color:var(--text);font-size:.9375rem;line-height:1.4}.tx-item-subtitle{margin-top:.15rem;color:var(--text-muted);font-size:.875rem;line-height:1.35}.tx-item-deleted{font-style:italic;color:var(--text-muted);font-size:.875rem}.wallet-load-more:disabled{opacity:.6;cursor:not-allowed}.transactions-table{width:100%;border-collapse:collapse}.transactions-table thead{background:var(--bg)}.transactions-table th{text-align:left;padding:.75rem 1rem;color:var(--text-muted);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border)}.transactions-table tbody tr{border-bottom:1px solid var(--border);transition:background .2s ease}.transactions-table tbody tr:hover{background:var(--bg)}.transactions-table td{padding:.875rem 1rem;color:var(--text);font-size:.9375rem}.transaction-type{font-weight:600;text-transform:capitalize}.transaction-status{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.transaction-status.pending{background:#fef3c7;color:#92400e}.transaction-status.completed{background:#d1fae5;color:#065f46}.transaction-status.failed{background:#fee2e2;color:#991b1b}.transaction-amount{font-weight:700;font-variant-numeric:tabular-nums}.transaction-amount.positive{color:#059669}.transaction-amount.negative{color:#dc2626}.empty-state,.loading-state{text-align:center;padding:3rem 1rem;color:var(--text-muted);font-size:.9375rem}.error-state{padding:2rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-radius:var(--radius-md);text-align:center}.error-state-title{margin:0 0 .5rem;color:#dc2626;font-size:1.125rem;font-weight:700}.error-state-message{margin:0;color:#7f1d1d;font-size:.9375rem}.wallet-recharge{display:grid;grid-template-columns:1fr;gap:1rem}.wallet-recharge-form{display:flex;flex-direction:column;gap:.5rem}.wallet-recharge-label{color:var(--text-muted);font-size:.875rem;font-weight:600}.wallet-recharge-input,.wallet-recharge-textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem .9rem;background:var(--bg);color:var(--text)}.wallet-recharge-textarea{min-height:96px;resize:vertical;font-family:inherit}.wallet-recharge-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.25rem}.wallet-recharge-button,.wallet-recharge-secondary{padding:.65rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);color:var(--text);font-weight:700;cursor:pointer}.wallet-recharge-button:disabled,.wallet-recharge-secondary:disabled{opacity:.6;cursor:not-allowed}.wallet-recharge-error{color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem .9rem}.wallet-recharge-result{display:flex;flex-direction:column;gap:.75rem;border-top:1px solid var(--border);padding-top:1rem}.wallet-recharge-meta{display:grid;gap:.25rem;color:var(--text)}.wallet-recharge-qr{max-width:280px;width:100%;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface)}.wallet-recharge-copy{display:flex;flex-direction:column;gap:.5rem}.wallet-recharge-hint{color:var(--text-muted);font-size:.875rem;line-height:1.4}.wallet-modal-backdrop{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--bg);opacity:.95}.wallet-modal{width:min(720px,100%);max-height:calc(100vh - 2rem);overflow:auto;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:1rem}.wallet-modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.wallet-modal-title{font-weight:800;color:var(--text)}.wallet-modal-close{padding:.55rem .9rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);color:var(--text);font-weight:700;cursor:pointer}.wallet-modal-body{padding-top:.75rem;display:flex;flex-direction:column;gap:.75rem}@media(max-width:768px){.wallet-page,.wallet-section{padding:1rem}.balance-grid{grid-template-columns:1fr}.balance-value{font-size:1.5rem}.transactions-table{font-size:.875rem}.transactions-table th,.transactions-table td{padding:.5rem .75rem}}