.payment-records[data-v-1622c0a0]{height:100%;min-height:calc(100vh - 120px);background-color:#0d1116;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.payment-records .module-header[data-v-1622c0a0]{padding:16px 20px;border-bottom:1px solid #1e3139;-ms-flex-negative:0;flex-shrink:0}.payment-records .module-header .header-title[data-v-1622c0a0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin-bottom:16px}.payment-records .module-header .header-title .title-icon[data-v-1622c0a0]{width:24px;height:24px;color:#72e528}.payment-records .module-header .header-title h3[data-v-1622c0a0]{font-weight:600;color:#fff;margin:0;font-size:18px}.payment-records .module-header .filter-section .filter-row[data-v-1622c0a0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px}.payment-records .module-header .filter-section .filter-row .filter-item[data-v-1622c0a0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.payment-records .module-header .filter-section .filter-row .filter-item .filter-icon[data-v-1622c0a0]{width:16px;height:16px;color:#72e528}.payment-records .btn-search[data-v-1622c0a0]{background:linear-gradient(135deg,#72e528,#5cb720);border:none;color:#0d1116;font-weight:500;-webkit-transition:all .3s ease;transition:all .3s ease}.payment-records .btn-search[data-v-1622c0a0]:hover{background:linear-gradient(135deg,#7ff035,#6bc82a);-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 12px rgba(114,229,40,.3);box-shadow:0 4px 12px rgba(114,229,40,.3)}.payment-records .btn-search .btn-icon[data-v-1622c0a0]{width:14px;height:14px;margin-right:4px}.payment-records .payment-tabs[data-v-1622c0a0]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.payment-records .payment-tabs[data-v-1622c0a0] .el-tabs__header{margin:0;background-color:#0d1116;border-bottom:1px solid #1e3139;padding:0 20px}.payment-records .payment-tabs[data-v-1622c0a0] .el-tabs__nav{background-color:transparent;border:none}.payment-records .payment-tabs[data-v-1622c0a0] .el-tabs__item{height:44px;line-height:44px;color:#bfc1c8;background-color:transparent;border:none;padding:0 24px;font-size:14px;-webkit-transition:all .3s ease;transition:all .3s ease}.payment-records .payment-tabs[data-v-1622c0a0] .el-tabs__item.is-active{color:#72e528;background-color:rgba(114,229,40,.1);border-bottom:2px solid #72e528}.payment-records .payment-tabs[data-v-1622c0a0] .el-tabs__item:hover{color:#72e528}.payment-records .payment-tabs[data-v-1622c0a0] .el-tabs__active-bar{background-color:#72e528;height:2px}.payment-records .payment-tabs[data-v-1622c0a0] .el-tabs__content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;padding:0}.payment-records .payment-tabs .tab-content[data-v-1622c0a0]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:16px 20px}.payment-records .pagination-container[data-v-1622c0a0]{-ms-flex-negative:0;flex-shrink:0;margin-bottom:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.payment-records .pagination-container[data-v-1622c0a0] .el-pagination{color:#bfc1c8}.payment-records .pagination-container[data-v-1622c0a0] .el-pagination .btn-next,.payment-records .pagination-container[data-v-1622c0a0] .el-pagination .btn-prev{background-color:#1e3139;color:#bfc1c8;border:1px solid #1e3139}.payment-records .pagination-container[data-v-1622c0a0] .el-pagination .btn-next:hover,.payment-records .pagination-container[data-v-1622c0a0] .el-pagination .btn-prev:hover{color:#72e528;border-color:#72e528}.payment-records .pagination-container[data-v-1622c0a0] .el-pagination .btn-next:disabled,.payment-records .pagination-container[data-v-1622c0a0] .el-pagination .btn-prev:disabled{background-color:#151b21;color:#5a6268}.payment-records .pagination-container[data-v-1622c0a0] .el-pagination .el-pager li{background-color:#1e3139;color:#bfc1c8;border:1px solid #1e3139;-webkit-transition:all .3s ease;transition:all .3s ease}.payment-records .pagination-container[data-v-1622c0a0] .el-pagination .el-pager li.active{background:linear-gradient(135deg,#72e528,#5cb720);color:#0d1116;border-color:#72e528;font-weight:500}.payment-records .pagination-container[data-v-1622c0a0] .el-pagination .el-pager li:hover:not(.active){color:#72e528;border-color:#72e528}.payment-records .pagination-container[data-v-1622c0a0] .el-pagination .el-pagination__jump,.payment-records .pagination-container[data-v-1622c0a0] .el-pagination .el-pagination__total{color:#bfc1c8}.payment-records .pagination-container[data-v-1622c0a0] .el-pagination .el-input__inner{background-color:#1e3139;border-color:#1e3139;color:#bfc1c8}.payment-records .pagination-container[data-v-1622c0a0] .el-pagination .el-input__inner:focus{border-color:#72e528}.payment-records .table-container[data-v-1622c0a0]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;border-radius:8px;border:1px solid #1e3139;background-color:#0d1116;min-height:0}.payment-records .table-container[data-v-1622c0a0] .el-table{background-color:#0d1116;color:#bfc1c8;border:none}.payment-records .table-container[data-v-1622c0a0] .el-table:before{background-color:transparent}.payment-records .table-container[data-v-1622c0a0] .el-table .el-table__body-wrapper{overflow-y:auto!important}.payment-records .table-container[data-v-1622c0a0] .el-table th{background-color:#151b21;color:#fff;border-bottom:1px solid #1e3139;font-weight:500;padding:12px 0}.payment-records .table-container[data-v-1622c0a0] .el-table td{background-color:#0d1116;color:#bfc1c8;border-bottom:1px solid #1e3139;padding:10px 0}.payment-records .table-container[data-v-1622c0a0] .el-table .el-table__row{-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.payment-records .table-container[data-v-1622c0a0] .el-table .el-table__row:hover>td{background-color:#151b21!important}.payment-records .table-container[data-v-1622c0a0] .el-table .el-table__empty-block{background-color:#0d1116}.payment-records .table-container[data-v-1622c0a0] .el-table .el-table__empty-text{color:#5a6268}.payment-records .table-container[data-v-1622c0a0] .el-table .el-table__body-wrapper::-webkit-scrollbar{width:4px;height:4px}.payment-records .table-container[data-v-1622c0a0] .el-table .el-table__body-wrapper::-webkit-scrollbar-thumb{background:#1e3139;border-radius:2px}.payment-records .table-container[data-v-1622c0a0] .el-table .el-table__body-wrapper::-webkit-scrollbar-track{background:transparent}.payment-records .table-container[data-v-1622c0a0] .el-table .el-table__body-wrapper{scrollbar-width:thin;scrollbar-color:#1e3139 transparent}.payment-records .cell-with-icon[data-v-1622c0a0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.payment-records .cell-with-icon .cell-icon[data-v-1622c0a0]{width:14px;height:14px;color:#72e528;-ms-flex-negative:0;flex-shrink:0}.payment-records .amount[data-v-1622c0a0]{font-weight:600;color:#72e528}.payment-records .amount.consumption[data-v-1622c0a0]{color:#f56c6c}.payment-records .btn-refund[data-v-1622c0a0]{color:#e6a23c;font-weight:500;-webkit-transition:all .3s ease;transition:all .3s ease}.payment-records .btn-refund[data-v-1622c0a0]:hover{color:#f5b04d;-webkit-transform:scale(1.05);transform:scale(1.05)}.payment-records .btn-refund .btn-icon-small[data-v-1622c0a0]{width:12px;height:12px;margin-right:4px}.payment-records .status-tag[data-v-1622c0a0]{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.payment-records .status-tag.active[data-v-1622c0a0]{color:#72e528;background-color:rgba(114,229,40,.15)}.payment-records .status-tag.inactive[data-v-1622c0a0]{color:#f56c6c;background-color:rgba(245,108,108,.15)}.payment-records[data-v-1622c0a0] .el-tag{border:none}.payment-records[data-v-1622c0a0] .el-tag.el-tag--success{background-color:rgba(114,229,40,.15);color:#72e528}.payment-records[data-v-1622c0a0] .el-tag.el-tag--warning{background-color:rgba(230,162,60,.15);color:#e6a23c}.payment-records[data-v-1622c0a0] .el-tag.el-tag--info{background-color:rgba(144,147,153,.15);color:#909399}.payment-records[data-v-1622c0a0] .el-date-editor .el-input__inner,.payment-records[data-v-1622c0a0] .el-select .el-input__inner{background-color:#151b21;border-color:#1e3139;color:#bfc1c8}.payment-records[data-v-1622c0a0] .el-date-editor .el-input__inner::-webkit-input-placeholder,.payment-records[data-v-1622c0a0] .el-select .el-input__inner::-webkit-input-placeholder{color:#5a6268}.payment-records[data-v-1622c0a0] .el-date-editor .el-input__inner::-moz-placeholder,.payment-records[data-v-1622c0a0] .el-select .el-input__inner::-moz-placeholder{color:#5a6268}.payment-records[data-v-1622c0a0] .el-date-editor .el-input__inner:-ms-input-placeholder,.payment-records[data-v-1622c0a0] .el-select .el-input__inner:-ms-input-placeholder{color:#5a6268}.payment-records[data-v-1622c0a0] .el-date-editor .el-input__inner::-ms-input-placeholder,.payment-records[data-v-1622c0a0] .el-select .el-input__inner::-ms-input-placeholder{color:#5a6268}.payment-records[data-v-1622c0a0] .el-date-editor .el-input__inner::placeholder,.payment-records[data-v-1622c0a0] .el-select .el-input__inner::placeholder{color:#5a6268}.payment-records[data-v-1622c0a0] .el-date-editor .el-input__inner:focus,.payment-records[data-v-1622c0a0] .el-date-editor .el-input__inner:hover,.payment-records[data-v-1622c0a0] .el-select .el-input__inner:focus,.payment-records[data-v-1622c0a0] .el-select .el-input__inner:hover{border-color:#72e528}.payment-records[data-v-1622c0a0] .el-date-editor .el-input__prefix,.payment-records[data-v-1622c0a0] .el-select .el-input__prefix{color:#72e528}.payment-records[data-v-1622c0a0] .el-select-dropdown{background-color:#151b21;border-color:#1e3139}.payment-records[data-v-1622c0a0] .el-select-dropdown .el-select-dropdown__item{color:#bfc1c8}.payment-records[data-v-1622c0a0] .el-select-dropdown .el-select-dropdown__item.selected,.payment-records[data-v-1622c0a0] .el-select-dropdown .el-select-dropdown__item:hover{background-color:rgba(114,229,40,.1);color:#72e528}.payment-records[data-v-1622c0a0] .el-picker-panel{background-color:#151b21;border-color:#1e3139}.payment-records[data-v-1622c0a0] .el-picker-panel .el-date-picker__header,.payment-records[data-v-1622c0a0] .el-picker-panel .el-date-table td span,.payment-records[data-v-1622c0a0] .el-picker-panel .el-date-table th,.payment-records[data-v-1622c0a0] .el-picker-panel .el-picker-panel__content{color:#bfc1c8}.payment-records[data-v-1622c0a0] .el-picker-panel .el-date-table td.current:not(.disabled) span{background-color:#72e528;color:#0d1116}.payment-records[data-v-1622c0a0] .el-picker-panel .el-date-table td.today span{color:#72e528}