| 1 |
- [data-v-1fb7a11b]:root{--primary-color: #ea002a;--success-color: #4CD964;--warning-color: #F0AD4E;--error-color: #DD524D;--main-bg: #fff;--card-bg: #222;--action-bg: #fff;--main-yellow: #ea002a;--lable: #454745;--main-yellow-dark: rgb(15 120 71);--white: #000;--gray: #aaa;--border: #868685;--black: #fff;--black1: #343434;--font-size-10: 10px;--font-size-12: 12px;--font-size-13: 13px;--font-size-14: 14px;--font-size-15: 15px;--font-size-16: 16px;--font-size-18: 18px;--font-size-20: 20px;--font-size-22: 22px;--font-size-24: 24px;--font-size-26: 26px;--font-size-28: 28px;--font-size-32: 32px;--font-size-36: 36px;--font-size-40: 40px}.records-list[data-v-1fb7a11b]{display:flex;flex-direction:column;gap:.375rem;padding:.5rem}.record-card[data-v-1fb7a11b]{background-color:#fff;border-radius:.375rem;border:1px solid #e5e7eb;overflow:hidden;transition:box-shadow .3s;padding:.5rem;position:relative}.record-card[data-v-1fb7a11b]:active{box-shadow:0 4px 12px rgba(0,0,0,.08)}.record-main[data-v-1fb7a11b]{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:.5rem}.record-left[data-v-1fb7a11b]{display:flex;align-items:flex-start;gap:.375rem;min-width:0}.type-icon[data-v-1fb7a11b]{width:1.25rem;height:1.25rem;border-radius:.3125rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.deduction-icon[data-v-1fb7a11b]{background-color:#fef2f2}.icons[data-v-1fb7a11b]{width:.625rem;height:.625rem}.record-info[data-v-1fb7a11b]{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1875rem}.info-header[data-v-1fb7a11b]{display:flex;align-items:center;gap:.125rem;flex-wrap:wrap}.record-type[data-v-1fb7a11b]{font-size:.46875rem;color:#111827}.status-badge[data-v-1fb7a11b]{display:flex;align-items:center;gap:.125rem;padding:.09375rem .25rem .09375rem .09375rem;border-radius:.375rem;position:absolute;top:.03125rem;right:.03125rem}.status-success[data-v-1fb7a11b]{background-color:#f0fdf4}.status-wait_process[data-v-1fb7a11b]{background-color:#fefce8}.status-fail[data-v-1fb7a11b]{background-color:#fef2f2}.status-text[data-v-1fb7a11b]{font-size:.34375rem}.status-text-success[data-v-1fb7a11b]{color:#22c55e}.status-text-wait_process[data-v-1fb7a11b]{color:#eab308}.status-text-fail[data-v-1fb7a11b]{color:#ef4444}.record-detail[data-v-1fb7a11b]{font-size:.40625rem;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-right[data-v-1fb7a11b]{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:.125rem;margin-left:.375rem;flex-shrink:0}.record-right .row[data-v-1fb7a11b]{width:100%;display:flex;align-items:center;justify-content:space-around}.record-right .l[data-v-1fb7a11b]{flex:1}.record-right .r[data-v-1fb7a11b]{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem;margin-left:.375rem;flex-shrink:0}.amount-deduction[data-v-1fb7a11b]{font-size:.5625rem;color:#ef4444}.fee-text[data-v-1fb7a11b]{font-size:.34375rem;color:#9ca3af}.record-footer[data-v-1fb7a11b]{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px solid #f3f4f6}.footer-time[data-v-1fb7a11b]{font-size:.34375rem;color:#9ca3af}.footer-actions[data-v-1fb7a11b]{display:flex;align-items:center;gap:.0625rem}.footer-detail[data-v-1fb7a11b]{font-size:.34375rem;color:#2563eb}[data-v-5a6b7bf1]:root{--primary-color: #ea002a;--success-color: #4CD964;--warning-color: #F0AD4E;--error-color: #DD524D;--main-bg: #fff;--card-bg: #222;--action-bg: #fff;--main-yellow: #ea002a;--lable: #454745;--main-yellow-dark: rgb(15 120 71);--white: #000;--gray: #aaa;--border: #868685;--black: #fff;--black1: #343434;--font-size-10: 10px;--font-size-12: 12px;--font-size-13: 13px;--font-size-14: 14px;--font-size-15: 15px;--font-size-16: 16px;--font-size-18: 18px;--font-size-20: 20px;--font-size-22: 22px;--font-size-24: 24px;--font-size-26: 26px;--font-size-28: 28px;--font-size-32: 32px;--font-size-36: 36px;--font-size-40: 40px}.page-wrapper[data-v-5a6b7bf1]{padding:0;border:0}.wallet-header[data-v-5a6b7bf1]{background:linear-gradient(135deg,#2563eb,#60a5fa)}.header[data-v-5a6b7bf1]{background:linear-gradient(135deg,#2563eb,#60a5fa);padding:.5rem .5rem .625rem}.header-content[data-v-5a6b7bf1]{display:flex;flex-direction:column;gap:.5rem}.header-title[data-v-5a6b7bf1]{display:flex;align-items:center;gap:.25rem}.title-text[data-v-5a6b7bf1]{color:#fff;font-size:.625rem}.stats-container[data-v-5a6b7bf1]{display:flex;gap:.375rem}.stat-card[data-v-5a6b7bf1]{flex:1;background-color:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(.3125rem);backdrop-filter:blur(.3125rem);border-radius:.375rem;padding:.375rem}.stat-header[data-v-5a6b7bf1]{display:flex;align-items:center;gap:.1875rem;margin-bottom:.25rem}.icons[data-v-5a6b7bf1]{width:.625rem;height:.625rem}.stat-label[data-v-5a6b7bf1]{font-size:.375rem;color:rgba(255,255,255,.9)}.stat-value[data-v-5a6b7bf1]{font-size:.625rem;color:#fff;display:block;margin-bottom:.125rem}.stat-count[data-v-5a6b7bf1]{font-size:.34375rem;color:rgba(255,255,255,.8)}.tabs-container[data-v-5a6b7bf1]{background-color:#fff;display:flex;border-bottom:1px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.tab-item[data-v-5a6b7bf1]{flex:1;display:flex;align-items:center;justify-content:center;gap:.1875rem;padding:.5rem;position:relative;transition:all .3s}.tab-text[data-v-5a6b7bf1]{font-size:.46875rem;color:#9ca3af;transition:color .3s}.tab-text-active[data-v-5a6b7bf1]{color:#2563eb}.tab-indicator[data-v-5a6b7bf1]{position:absolute;bottom:0;left:0;right:0;height:.09375rem;background-color:#2563eb;border-radius:.09375rem .09375rem 0 0}.content[data-v-5a6b7bf1]{padding:0}.filters-container[data-v-5a6b7bf1]{display:flex;align-items:center;gap:.25rem;padding:.375rem .5rem;background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10;overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-item[data-v-5a6b7bf1]{display:flex;align-items:center;gap:.125rem;flex-shrink:0;min-width:0}.filter-label[data-v-5a6b7bf1]{font-size:.375rem;color:#6b7280;white-space:nowrap;flex-shrink:0}.filter-picker[data-v-5a6b7bf1]{background-color:#fff;border:1px solid #e5e7eb;border-radius:.25rem;padding:.1875rem .25rem;display:flex;align-items:center;min-width:1.875rem;max-width:3.75rem;flex-shrink:1}.picker-value[data-v-5a6b7bf1]{display:flex;align-items:center;gap:.125rem;width:100%;min-width:0}.picker-text[data-v-5a6b7bf1]{flex:1;min-width:0;font-size:.375rem;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-icon[data-v-5a6b7bf1]{flex-shrink:0;width:.4375rem;height:.4375rem}.reset-btn[data-v-5a6b7bf1]{background-color:#fff;border:1px solid #e5e7eb;border-radius:.25rem;padding:.1875rem .3125rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:1.125rem}
|
