.empty{text-align:center;margin-top:56px;width:100%;display:inline-block}.empty .empty-image{display:flex;justify-content:center}.empty h4.title{font-family:Futura;font-size:20px;color:#ee4d2d;letter-spacing:0;text-align:center;line-height:16px;margin-top:31px}.empty .empty-desc{display:inline-block;font-family:Roboto-Regular;font-size:14px;color:#333;letter-spacing:0;line-height:20px;text-align:left;margin:auto}.aff-table{border:1px solid #e8e8e8;border-radius:4px}.aff-table .border-right-none{border-right:none!important}.aff-table.no-pagination{border-bottom:none}.aff-table .ant-pagination{text-align:center}.aff-table .ant-table-column-title{font-size:14px;color:#666;letter-spacing:0}.aff-table .ant-table-bordered table{border:none!important}.aff-table .ant-table-bordered .ant-table-footer{border-left:none!important;border-right:none!important;border-bottom:none!important}.aff-table .ant-pagination-item,.aff-table .ant-pagination-item-link{border-color:transparent!important}.aff-table .ant-table-tbody>tr>td,.aff-table .ant-table-thead>tr>th{padding:10px 16px!important;line-height:20px}.aff-table .ant-table .ant-table-selection-column{padding-right:0!important}.aff-table .ant-table-footer{padding:24px 0;background:#fff}.aff-table.border-table table{border-radius:4px!important}.aff-table.border-table .ant-table-placeholder{border-bottom:none}.aff-table .ant-table-placeholder{border-left:none!important;border-right:none!important}.aff-table .ellipse{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;word-break:break-all}.table-header{font-size:14px;line-height:16px;height:30px;color:#333;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.table-header .left,.table-header .right{flex:1;display:flex;align-items:center;width:auto}.income-breakdown-container{flex-grow:1}.income-breakdown-container .income-breakdown-header{display:flex;margin-bottom:16px;justify-content:space-between;font-size:18px;line-height:20px;font-weight:500}.income-breakdown-container .income-breakdown-content{display:flex}.income-breakdown-container .income-breakdown-content .channel-container{padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px}.income-breakdown-container .income-breakdown-content .channel-title{margin-left:8px}.income-breakdown-container .income-breakdown-content .channel-header{display:flex;align-items:center;font-weight:400;color:rgba(0,0,0,.45)}.income-breakdown-container .income-breakdown-content .channel-amount{font-size:16px;line-height:24px;font-weight:500;color:rgba(0,0,0,.85)}.income-breakdown-container .income-breakdown-content.vertical{gap:24px}.income-breakdown-container .income-breakdown-content.vertical .channel-container{width:181px;padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px}.income-breakdown-container .income-breakdown-content.vertical .channel-header{height:22px;margin-bottom:8px;font-size:14px;line-height:22px}.income-breakdown-container .income-breakdown-content.horizontal{gap:24px}.income-breakdown-container .income-breakdown-content.horizontal .channel-container{display:flex;width:407px;align-items:center;justify-content:space-between;padding:16px;border:1px solid #d9d9d9;border-radius:4px}.income-breakdown-container .income-breakdown-content.horizontal .channel-header{height:24px;font-size:16px;line-height:24px}.income-breakdown-container .income-breakdown-content.no-border{gap:81.5px;justify-content:space-between}.income-breakdown-container .income-breakdown-content.no-border .channel-container{width:185px;flex-grow:1;padding:0;border:none}.income-breakdown-container .income-breakdown-content.no-border .channel-header{height:21px;margin-bottom:12px;font-size:14px;line-height:21px}.income-breakdown-container .income-breakdown-content.no-border .channel-amount{font-size:28px;line-height:32px;font-weight:400}.income-breakdown-container .income-breakdown-content.no-border .channel-amount-symbol{font-size:18px;line-height:23px}.income-breakdown-container .income-breakdown-view-more-text{font-size:14px;line-height:18px;font-weight:400;color:#2673dd;cursor:pointer}.income-breakdown-detail-modal .ant-modal-content{padding:0;width:400px;height:600px}.income-breakdown-detail-modal .ant-modal-close{top:4px;right:10px}.income-breakdown-detail-modal .ant-modal-header{padding-block:24px;border-bottom:none;font-size:20px;line-height:22px}.income-breakdown-detail-modal .ant-modal-title{font-size:20px}.income-breakdown-detail-modal .ant-modal-body{height:530px;padding:0 24px;overflow:auto;scrollbar-color:rgba(51,51,51,.5) transparent;overflow-y:overlay}.income-breakdown-detail-modal .ant-modal-body::-webkit-scrollbar{width:6px}.income-breakdown-detail-modal .ant-modal-body::-webkit-scrollbar-thumb{border-radius:3px;background:rgba(51,51,51,.5)}.income-breakdown-detail-modal .pie-chart-container{width:100%;height:180px;margin-bottom:24px}.income-breakdown-detail-modal .commission-container{display:flex;gap:8px;margin-bottom:16px}.income-breakdown-detail-modal .commission-detail{width:324px}.income-breakdown-detail-modal .commission-item{display:flex;justify-content:space-between;gap:24px;font-size:14px;line-height:22px}.income-breakdown-detail-modal .commission-item.title{font-weight:500;color:rgba(0,0,0,.85)}.income-breakdown-detail-modal .commission-item.top-level{margin-top:12px;font-weight:400;color:rgba(0,0,0,.65)}.income-breakdown-detail-modal .commission-item.top-level .amount{color:rgba(0,0,0,.85)}.income-breakdown-detail-modal .commission-item .amount{white-space:nowrap}.income-breakdown-detail-modal .commission-item.second-level{padding-bottom:12px;font-size:12px;line-height:14px;color:rgba(0,0,0,.45)}.income-breakdown-detail-modal .commission-block{margin-top:8px;padding:12px 16px 0;border-radius:2px;background-color:#fafafa}.income-breakdown-detail-modal .commission-block .operate-button{padding-bottom:8px;font-size:12px;line-height:20px;color:#2673dd;cursor:pointer}.process-module-wrapper .income-breakdown-container .income-breakdown-content .channel-header{color:rgba(0,0,0,.87)}.overview-card-container{display:flex;justify-content:space-between;gap:24px;margin-bottom:16px;padding:24px;border:1px solid #e5e5e5;border-radius:4px}.overview-card-container .my-income-container{flex-grow:1;border-right:1px solid #f0f0f0}.overview-card-container .my-income-title{font-size:18px;line-height:20px;font-weight:500;margin-bottom:16px}.overview-card-container .my-income-text{margin-bottom:16px;font-size:14px;line-height:21px;font-weight:400;color:rgba(0,0,0,.45)}.overview-card-container .my-income-amount{font-size:36px;line-height:32px;font-weight:500;color:rgba(0,0,0,.85)}.overview-card-container .my-income-amount-symbol{font-size:20px;line-height:23px}.overview-card-container.only-my-income .my-income-container{text-align:center;border:none}.overview-card-container.only-my-income .my-income-title{text-align:start}.upload-modal h4{font-weight:600;font-size:20px;color:#333}.upload-modal .ant-upload-picture-card-wrapper{display:flex;justify-content:center;margin-top:24px}.upload-modal .ant-upload{width:367px!important;height:248px!important;display:inline-block!important}.upload-modal .upload-btn,.upload-modal .upload-icon,.upload-modal .upload-tips{margin-top:16px}.upload-modal .upload-tips .upload-text{color:rgba(0,0,0,.85);font-size:16px}.upload-modal .upload-tips .upload-hint{margin-top:8px;display:inline-block;font-size:12px;color:#999;letter-spacing:0;line-height:19px}.payment-container .payment-panel{padding:24px;margin:16px 0 0}.payment-container .operation-bar{margin-bottom:24px}.payment-container .operation-date{float:left}.payment-container .operation-export{float:right}.payment-container .operation-export .ant-btn{font-weight:500}.payment-container table tr td{border-right:1px solid #e8e8e8}.payment-container .border-right-none{border-right:none}.payment-container .payment-table-wrapper .ant-table-tbody>tr.ant-table-row-hover>td,.payment-container .payment-table-wrapper .ant-table-tbody>tr:hover>td{background:#fff!important}.payment-container .payment-table-wrapper table span{text-overflow:clip!important}.payment-container .payment-table-wrapper table td{padding:9px 16px}.payment-container .payment-table-wrapper .invalid{color:#999}.payment-container .payment-table-wrapper .ant-tag{width:auto;font-weight:600}.payment-container .payment-table-wrapper .invoice-operation-group .close{width:16px;margin-left:4px;vertical-align:top;cursor:pointer;visibility:hidden}.payment-container .payment-table-wrapper .invoice-operation-group:hover .close{visibility:visible}.payment-container .card-list{margin-top:16px;display:flex;justify-content:space-between}.payment-container .card-list.hide{display:none}.payment-container .card{display:inline-block;height:178px;flex:1;margin-right:16px;background-image:url(https://deo.shopeemobile.com/shopee/shopee-affiliate-live-tw/static/img/background.973ccd8e.svg),linear-gradient(90deg,#ee4d2d,#f76639);background-position:100% 100%;background-repeat:no-repeat;border-radius:4px;position:relative}.payment-container .card:last-child{margin-right:0}.payment-container .card-title{font-family:Roboto-Medium;font-size:16px;color:#fff;letter-spacing:0;margin-left:24px;margin-top:12px;font-weight:500}.payment-container .card-icon{float:right;margin-right:24px}.payment-container .card-content{position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;text-align:center;height:32px}.payment-container .card-time{font-family:Roboto-Regular;font-size:12px;color:#fff;letter-spacing:0;position:absolute;right:24px;bottom:24px}.payment-container .card-bg{position:absolute;right:-16px;top:56px}.payment-container .card-paid{position:absolute;right:18px;top:54px}.payment-container .card-radio-group{position:absolute;top:40px;left:24px}.payment-container .card-radio-group .ant-radio-button-wrapper{height:20px;padding:0 7px;line-height:19px;background:#f76639;color:#fff;border:0;margin-left:-1px}.payment-container .card-radio-group .ant-radio-button-wrapper:not(:first-child):before{width:0}.payment-container .card-radio-group .ant-radio-button-wrapper:first-child:after{border-radius:4px 0 0 4px}.payment-container .card-radio-group .ant-radio-button-wrapper:last-child:after{border-radius:0 4px 4px 0}.payment-container .card-radio-group .ant-radio-button-wrapper:after{content:" ";-webkit-transform:scale(.5);transform:scale(.5);position:absolute;border:1px solid #fff;top:-50%;right:-50%;bottom:-50%;left:-50%}.payment-container .card-radio-group .ant-radio-button-wrapper-checked{color:#f76639;background:#fff;font-weight:500}.payment-container .card .symbol{font-family:Roboto-Medium;font-weight:500;font-size:20px;color:#fff;margin-right:4px}.payment-container .card .price{font-family:Roboto-Bold;font-weight:700;font-size:40px;color:#fff;letter-spacing:0;line-height:32px}.payment-container .payment-complete-time-column{min-width:200px}.payment-upload-tips{font-size:12px;color:#999;letter-spacing:0;line-height:19px;text-align:left;padding-left:0;width:255px;margin:16px auto}.payment-upload-tips span{position:relative;left:-4px}.panel.records-panel .header{margin-bottom:24px}.monthly-settlement-billing-panel .header,.payment-panel .header{display:flex;align-items:center;margin-bottom:16px}.monthly-settlement-billing-panel .header .explanation-link,.payment-panel .header .explanation-link{margin-left:8px}.settlement-billing-footer{position:relative;padding:24px 0 36px}.settlement-billing-footer .view-historical-bills-button{position:absolute;right:0;display:flex;align-items:center;font-family:Roboto;font-weight:400;font-size:14px;line-height:16px;color:#2673dd;cursor:pointer}.monthly-settlement-billing-monthly-cap{width:100%;display:flex;background-color:#fff;margin:16px 0;padding:24px;font-weight:400;font-size:14px;line-height:16px;color:#666;box-shadow:0 1px 4px rgba(0,0,0,.12);border-radius:2px}.monthly-settlement-billing-monthly-cap .monthly-cap-item{width:269px;display:flex}.monthly-settlement-billing-monthly-cap .monthly-cap-item .month{width:121px;margin-right:8px}.monthly-settlement-billing-monthly-cap .monthly-cap-item .price,.monthly-settlement-billing-monthly-cap .monthly-cap-item .symbol{color:#333}.shopee-date-range .ant-calendar .ant-calendar-date-panel{margin-right:unset;margin-left:100px}.shopee-date-range .ant-calendar-ranges{width:652px}.shopee-date-range .ant-calendar-footer{position:absolute;left:0;top:0;width:100px;padding:0;height:100%;border-right:1px solid #e2e2e2;border-top:unset}.shopee-date-range .ant-calendar-range-quick-selector{margin-top:20px}.shopee-date-range .ant-calendar-range-quick-selector .ant-tag{border:none;background:none;color:#000;width:100%;padding:0;margin:0;line-height:38px;text-align:center}.shopee-date-range .ant-calendar-range-quick-selector .ant-tag::selection{color:"#EE4C2D"}.shopee-date-range .ant-calendar-range-quick-selector .ant-tag:hover{background-color:#f5f5f5}.payment-range-picker-wrapper{margin-left:auto;width:256px}.payment-range-picker-wrapper .ant-calendar-range-picker-input{width:90px}.affiliate-common-status-tag-wrapper .ant-tag{font-weight:500;line-height:18px;font-family:Roboto-Medium}.affiliate-common-status-tag-wrapper .ant-tag.grey{background-color:#efefef;color:#7a7a7a}.affiliate-common-status-tag-wrapper .ant-tag.red{background-color:#ffe9e8;color:#ff4742}.affiliate-common-status-tag-wrapper .ant-tag.green{background-color:#ebf9ef;color:#5c7}.affiliate-common-status-tag-wrapper .ant-tag.orange{background-color:#ffeee0;color:#ff831d}.affiliate-common-status-tag-wrapper .ant-tag.yellow{background-color:#fff6e0;color:#eda500}