.loan-content,.repayment-content{margin-top:1rem}.loan-records{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#333;background-color:#f5f5f5;min-height:100vh}.tab-header{display:-webkit-flex;display:flex;background-color:#fff;padding:.75rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:10;border-bottom:1px solid #f0f0f0}.tab-item{-webkit-flex:1;flex:1;text-align:center;font-size:1rem;font-weight:500;padding:.3125rem 0;position:relative}.tab-item.active{color:red;font-weight:700}.tab-item.active:after{content:"";position:absolute;bottom:-.8125rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:1.875rem;height:2px;background-color:red}.year-display{padding:.75rem .9375rem;color:#666;font-size:1rem;font-weight:400;border-bottom:1px solid #f5f5f5;background-color:#fff}.merchant-card{background-color:#fff;border-radius:8px;margin:0 1rem .9375rem;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.03)}.merchant-header{-webkit-justify-content:space-between;justify-content:space-between;padding:.75rem .9375rem;background-color:#fff;border-bottom:1px solid #f5f5f5}.merchant-header,.merchant-logo{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.merchant-logo{font-size:.875rem;font-weight:500;color:#333}.merchant-logo img{width:1.5rem;height:1.5rem;margin-right:.5rem;border-radius:50%}.merchant-toggle{width:1.5rem;height:1.5rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.arrow-down{display:inline-block;width:.625rem;height:.625rem;border-right:1px solid #999;border-bottom:1px solid #999;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.loan-item{padding:.75rem;border-bottom:10px solid #f5f5f5}.loan-item:last-child{border-bottom:none}.loan-status-action{border-bottom:1px solid #f1f2f4}.loan-status,.loan-status-action{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.loan-status{margin-bottom:.5rem}.loan-amount{font-size:.875rem;font-weight:500;color:#23252b}.loan-tag{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;color:#fa2c19;margin-left:.5rem}.loan-tag.overdue{background-color:rgba(252,55,55,.1)}.loan-tag.completed,.loan-tag.using{border-radius:4px;font-size:.75rem;font-weight:400}.loan-tag.using{background:rgba(18,179,93,.1);color:#12b35d}.loan-tag.completed{background:rgba(134,141,159,.1);color:#868d9f}.loan-action{-webkit-justify-content:flex-end;justify-content:flex-end;margin-bottom:.6875rem;margin-top:.25rem}.loan-action,.repay-btn{display:-webkit-flex;display:flex}.repay-btn{background-color:#fff;border:0 solid #fc3737;color:#fc3737;font-size:.875rem;-webkit-align-items:center;align-items:center}.arrow-right{display:inline-block;width:.375rem;height:.375rem;border-top:1px solid #fc3737;border-right:1px solid #fc3737;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-left:.3125rem}.loan-details{background-color:#fff;padding:.5rem 0 .75rem;border-radius:8px;margin-bottom:.9375rem;border-bottom:1px solid #f1f2f4}.detail-row{-webkit-flex-direction:column;flex-direction:column;margin-bottom:.625rem}.detail-label-value,.detail-row{display:-webkit-flex;display:flex}.detail-label-value{width:100%;margin-bottom:.5rem}.detail-row:last-child{margin-bottom:0}.detail-label{color:#868d9f;font-size:.75rem;max-width:3.75rem;margin-right:.25rem}.detail-value{color:#23252b;font-size:.75rem;-webkit-flex:1;flex:1;font-weight:400}.installment-details{margin-bottom:0;position:relative}.installment-timeline{position:relative;padding:0}.installment-item{display:-webkit-flex;display:flex;position:relative;-webkit-align-items:flex-start;align-items:flex-start}.installment-left{width:5.625rem;text-align:left;padding-right:.625rem}.timeline-container{width:1.25rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;position:relative}.timeline-dot{z-index:2;position:relative}.timeline-dot,.timeline-dot.completed:before{width:.25rem;height:.25rem;border-radius:50%;top:50%}.timeline-dot.completed:before{background-color:#babec7}.timeline-dot.completed:before,.timeline-dot.overdue:before,.timeline-dot.pending:before{content:"";position:absolute;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.timeline-dot.overdue:before,.timeline-dot.pending:before{width:.25rem;height:.25rem;border-radius:50%;background-color:#fc3737;top:50%}.timeline-line{position:absolute;top:.625rem;width:1px;height:2rem;background-color:#e5e6eb;z-index:1}.installment-right{-webkit-flex:1;flex:1;padding-left:.625rem;height:2.5rem}.installment-period{font-size:.75rem;font-weight:400;color:#525765;margin-bottom:.3125rem}.installment-period.overdue{color:#fc3737}.installment-date{font-size:.625rem;font-weight:400;color:#868d9f}.installment-status{font-size:.75rem;font-weight:400;color:#525765;margin-bottom:.3125rem;text-align:left}.installment-status.overdue,.installment-status.pending{color:#fc3737;font-weight:500}.installment-amount{text-align:left;font-size:.625rem;font-weight:400;color:#868d9f}.installment-footer,.loan-footer{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.installment-footer .arrow-down,.loan-footer .arrow-down{-webkit-transform:rotate(225deg);transform:rotate(225deg);position:relative;top:18%;left:10%;width:.4375rem;height:.4375rem}.installment-footer .arrow-top,.loan-footer .arrow-top{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:-18%}.collapse-btn,.plan-btn{background-color:transparent;border:none;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:.75rem;font-weight:400;color:#868d9f}.arrow-up-icon{width:.75rem;height:.75rem;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M6 3L10 7H2L6 3Z" fill="%23666"/></svg>');background-repeat:no-repeat;background-position:50%}.arrow-up,.arrow-up-icon{display:inline-block;margin-left:.3125rem}.arrow-up{width:.5rem;height:.5rem;border-left:1px solid #666;border-top:1px solid #666;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.repayment-content{padding:0 1rem}.repayment-item{background-color:#fff;border-radius:0 0 4px 4px;margin-bottom:.9375rem;box-shadow:0 2px .5rem rgba(0,0,0,.04);overflow:hidden;border-radius:8px}.repayment-header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:.5rem .75rem}.repayment-date{color:#868d9f;font-weight:400}.repayment-amount,.repayment-date{font-size:.875rem;line-height:1.5rem}.repayment-amount{font-weight:500;color:#23252b}.repayment-divider{height:.5px;background-color:#f1f2f4;width:100%}.repayment-details{padding:1rem 1.25rem}.repayment-detail-row{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-bottom:.5rem}.repayment-detail-row:last-child{margin-bottom:0}.repayment-detail-item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-bottom:.5rem}.repayment-detail-label{color:#868d9f;font-size:.75rem;margin-right:.25rem}.repayment-detail-value{color:#23252b;font-size:.75rem}.empty{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:calc(100vh - 15rem)}.empty .title{margin-top:1.5rem;font-size:1rem;color:#23252b}.empty .img{background:url(../img/emptyData.093b602d.png) no-repeat;background-size:100% 100%;width:9rem;height:9rem}body[data-v-dc8d853c]{-webkit-overflow-scrolling:touch}input[data-v-dc8d853c]{-webkit-appearance:none}input[data-v-dc8d853c]:focus{outline:none}.clear[data-v-dc8d853c]:after{content:" ";display:table;clear:both}.flex[data-v-dc8d853c]{display:-webkit-flex;display:flex}.flex-direction_column[data-v-dc8d853c]{-webkit-flex-direction:column;flex-direction:column}.justify-content_center[data-v-dc8d853c]{-webkit-justify-content:center;justify-content:center}.justify-content_end[data-v-dc8d853c]{-webkit-justify-content:flex-end;justify-content:flex-end}.justify-content_between[data-v-dc8d853c]{-webkit-justify-content:space-between;justify-content:space-between}.align-items_start[data-v-dc8d853c]{-webkit-align-items:flex-start;align-items:flex-start}.align-items_end[data-v-dc8d853c]{-webkit-align-items:flex-end;align-items:flex-end}.align-items_center[data-v-dc8d853c]{-webkit-align-items:center;align-items:center}.align-items_baseline[data-v-dc8d853c]{-webkit-align-items:baseline;align-items:baseline}.flex_wrap[data-v-dc8d853c]{-webkit-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}.flex_1[data-v-dc8d853c]{width:0;-webkit-flex:1;flex:1}