@media screen and (max-width:1366px){.dashboard-title[data-v-32db6d70]{font-size:13px;font-weight:500;border-radius:6px 6px 0 0}.dashboard-title.active[data-v-32db6d70]{font-weight:600;border-bottom-color:#00a2cf;color:#00a2cf}}@media screen and (min-width:1367px){.dashboard-title[data-v-32db6d70]{font-size:13px;font-weight:500;border-radius:6px 6px 0 0}.dashboard-title.active[data-v-32db6d70]{font-weight:600;border-bottom-color:#00a2cf;color:#00a2cf}}@media screen and (max-width:1024px){.dashboard-title[data-v-32db6d70]{-moz-column-gap:4px;column-gap:4px}}.container-view[data-v-32db6d70]{height:100%;width:100%;display:flex;flex-direction:column}.content-view[data-v-32db6d70]{flex:1;overflow:auto}.flex-between[data-v-32db6d70]{display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-bottom:1px solid var(--ms-color-border);height:40px;padding:0 12px 0 16px}.dashboard-title[data-v-32db6d70]{display:flex;align-items:center;-moz-column-gap:4px;column-gap:4px;cursor:pointer;line-height:20px;height:40px;padding:0 12px;color:var(--ms-color-text-primary);border-bottom:2px solid transparent;transition:color .15s,background-color .15s}.title-form+.title-form[data-v-32db6d70]{border-left:none}.toolbar-right[data-v-32db6d70]{display:flex;align-items:center;flex-shrink:0}@keyframes feature-bounce-data-v-32db6d70{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mi-suggest-new-feature[data-v-32db6d70]{animation:feature-bounce-data-v-32db6d70 1s ease-in-out infinite;cursor:pointer;position:relative}.txt-instruction[data-v-32db6d70]{color:#00a2cf;line-height:28px}@media screen and (max-width:1366px){.header-viewer[data-v-2888b477]{display:flex}.header-viewer .title-header[data-v-2888b477]{font-size:16px;font-weight:600;color:#050505}.content-viewer[data-v-2888b477]{padding:16px 24px;border-top:1px solid #ced1d6}.footer-viewer[data-v-2888b477]{display:flex;justify-content:flex-end;flex:1;height:32px;padding:0 24px}.footer-viewer .btn-cancel[data-v-2888b477],.footer-viewer .btn-submit[data-v-2888b477]{width:120px}.title-row[data-v-2888b477]{width:50px;margin-left:16px;line-height:36px}.h-textarea[data-v-2888b477]{height:70px}}@media screen and (min-width:1367px){.header-viewer[data-v-2888b477]{display:flex}.header-viewer .title-header[data-v-2888b477]{font-size:20px;font-weight:600;color:#050505}.content-viewer[data-v-2888b477]{padding:16px 24px;border-top:1px solid #ced1d6}.footer-viewer[data-v-2888b477]{display:flex;justify-content:flex-end;flex:1;height:32px;padding:0 24px}.footer-viewer .btn-cancel[data-v-2888b477],.footer-viewer .btn-submit[data-v-2888b477]{width:120px}.title-row[data-v-2888b477]{width:50px;margin-left:16px;line-height:36px}.h-textarea[data-v-2888b477]{height:70px}}@media screen and (min-width:1367px){.content-header[data-v-5b95dd94]{margin:16px 16px 0 16px;min-height:40px;display:flex;align-items:center;justify-content:space-between}.content-header .title[data-v-5b95dd94]{font-weight:500;font-size:24px}.header-warning[data-v-5b95dd94]{position:relative;padding:0 16px;margin:0 16px;margin-top:10px;height:75px;background-color:rgba(255,182,94,.2);border-radius:6px;border:2px solid #ffb65e;box-shadow:inset 0 0 6px rgba(0,0,0,.16);align-items:center;line-height:20px}.header-warning .text-header-title[data-v-5b95dd94]{font-weight:600;font-size:17px}.header-warning .text-header-title1[data-v-5b95dd94]{font-size:13px}.header-warning .text-warning-resource[data-v-5b95dd94]{margin-left:20px;font-size:16px}.header-warning .text-order-detail[data-v-5b95dd94]{font-size:16px;color:#007aff;cursor:pointer}.header-warning .text-order-detail[data-v-5b95dd94]:hover{text-decoration:underline}.header-warning .ms-btn-confirm[data-v-5b95dd94]{position:absolute;right:25px;top:19px;max-width:170px!important;min-width:170px!important;height:36px!important}.header-warning .ms-btn-confirm[data-v-5b95dd94] .ms-button-item{color:var(#10141b);box-shadow:none!important;background:var(--color-primary);border-radius:6px;font-weight:600;color:#fff}.header-warning .ms-btn-confirm[data-v-5b95dd94] .ms-button-item:hover{background:#1dcddb!important}.header-warning-red[data-v-5b95dd94]{border:2px solid red!important;background-color:#ffe9e9!important}.content-body[data-v-5b95dd94]{border-radius:8px;margin-bottom:16px;color:#10141b}.content-body .flex1[data-v-5b95dd94]{flex:1}.content-body .invoice-total-box[data-v-5b95dd94]{background:#fff;border-radius:12px;box-shadow:0 0 12px 0 rgba(0,0,0,.10196078431372549);padding:20px}.content-body .invoice-total-box .invoice-card-title[data-v-5b95dd94]{font-weight:600;font-size:16px;line-height:22px}.content-body .invoice-total-box .invoice-number[data-v-5b95dd94]{display:flex;align-items:center;gap:4px;line-height:36px}.content-body .invoice-total-box .invoice-number-value[data-v-5b95dd94]{font-weight:700;font-size:24px}.content-body .invoice-total-box .invoice-number-label[data-v-5b95dd94]{color:#6b707a}.content-body .invoice-total-box .total-amount[data-v-5b95dd94]{line-height:20px}.content-body .invoice-total-box .invoice-icon[data-v-5b95dd94]{border-radius:8px}.content-body .invoice-total-box .refresh-icon[data-v-5b95dd94]{margin-top:13px}.content-body .invoice-total-box .line-invoice[data-v-5b95dd94]{border-radius:10px;height:10px}.content-body .invoice-total-box .line-invoice.line-total[data-v-5b95dd94]{background:linear-gradient(210deg,#1b9cff,rgba(120,199,255,.780392))}.content-body .invoice-total-box .line-invoice.line-success[data-v-5b95dd94]{background:linear-gradient(210deg,#1ccc33,rgba(28,204,51,.411765))}.content-body .invoice-total-box .line-invoice.line-fail[data-v-5b95dd94]{background:linear-gradient(210deg,#ff6263,rgba(255,98,99,.470588))}.content-body .invoice-total-box .line-invoice.line-uncheck[data-v-5b95dd94]{background-color:#747474}.content-body .isUp[data-v-5b95dd94]{color:#12b76a}.content-body .isDown[data-v-5b95dd94]{color:#ff6263}.content-body .chart-other .last-time-get-data[data-v-5b95dd94],.content-body .invoice-total-box .last-time-get-data[data-v-5b95dd94],.content-body .line-chart-invoice .last-time-get-data[data-v-5b95dd94]{color:#7e7e7e;margin-top:-4px;text-align:right;font-size:11px}.content-body .chart-other[data-v-5b95dd94],.content-body .item-connectInvoice[data-v-5b95dd94],.content-body .item-resource[data-v-5b95dd94],.content-body .line-chart-invoice[data-v-5b95dd94]{background:#fff;padding:20px;border-radius:12px;box-shadow:0 0 12px 0 rgba(0,0,0,.10196078431372549)}.content-body .resource-header[data-v-5b95dd94]{display:flex;justify-content:space-between;align-items:center}.content-body .resource-actions[data-v-5b95dd94]{display:flex;align-items:center}.content-body .resource-stats[data-v-5b95dd94]{display:flex;justify-content:space-between;margin-top:16px}.content-body .resource-stats .stat-item[data-v-5b95dd94]{border-right:none;text-align:left}.content-body .resource-stats .stat-item[data-v-5b95dd94]:first-child{padding-left:0}.content-body .resource-stats .stat-item[data-v-5b95dd94]:last-child{padding-right:0}.content-body .resource-stats .stat-item .stat-label[data-v-5b95dd94]{color:#fff;margin-bottom:4px;font-size:14px;line-height:20px;font-weight:500}.content-body .resource-stats .stat-item .stat-value[data-v-5b95dd94]{font-size:20px;line-height:28px;color:#fff;font-weight:700}.content-body .connect-title[data-v-5b95dd94]{color:var(--color-neutral-1000);display:flex;align-items:center;flex-wrap:wrap;font-size:20px;font-weight:600;height:40px;line-height:28px}.content-body .connect-highlight[data-v-5b95dd94]{font-weight:700;font-size:32px;margin:0 4px;line-height:40px;background:linear-gradient(97.76deg,#1482ff 8.87%,#cf11ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-flex;align-items:center;padding-top:4px}.content-body .content-right[data-v-5b95dd94]{background:#fff;padding:0 15px 10px 15px;border-radius:12px;box-shadow:0 0 12px 0 rgba(0,0,0,.10196078431372549)}.content-body .title[data-v-5b95dd94]{font-size:16px;font-weight:600;line-height:22px;color:#10141b}.content-body .lst-item-chartDoughnut[data-v-5b95dd94]{overflow:hidden}.content-body .item-chartDoughnut[data-v-5b95dd94]{padding-bottom:20px;border-bottom:1px solid #ced1d6}.content-body .item-chartDoughnut .color-item[data-v-5b95dd94]{border-radius:50%;padding:8px}.content-body .item-chartDoughnut .text-item[data-v-5b95dd94]{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:490px}.content-body .item-chartDoughnut[data-v-5b95dd94]:last-of-type{border-bottom:0}.content-body .chart-barLine[data-v-5b95dd94]{width:100%;overflow:hidden}.content-body .line-summary[data-v-5b95dd94]{display:flex;justify-content:space-between;margin:16px 0}.content-body .line-summary .summary-item[data-v-5b95dd94]{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.content-body .line-summary .summary-item .summary-label[data-v-5b95dd94]{color:#1f1f1f;line-height:20px;margin-bottom:4px}.content-body .line-summary .summary-item .summary-value[data-v-5b95dd94]{font-weight:700;font-size:20px;line-height:28px}.content-body .line-summary .summary-item .summary-unit[data-v-5b95dd94]{color:#6b707a;margin-top:-2px;line-height:20px}.content-body .line-summary .summary-item .summary-invoice[data-v-5b95dd94]{color:#00a2cf}.content-body .line-summary .summary-item .summary-before-vat[data-v-5b95dd94]{color:#111}.content-body .line-summary .summary-item .summary-total[data-v-5b95dd94],.content-body .line-summary .summary-item .summary-vat[data-v-5b95dd94]{color:#f8872a}.content-body .chart-other[data-v-5b95dd94],.content-body .line-chart-invoice[data-v-5b95dd94]{overflow:hidden}.content-body .chart-other .title[data-v-5b95dd94],.content-body .line-chart-invoice .title[data-v-5b95dd94]{flex:1}.content-body .chart-other .refresh-icon[data-v-5b95dd94],.content-body .line-chart-invoice .refresh-icon[data-v-5b95dd94]{margin-top:13px}.content-body .chart-other[data-v-5b95dd94]{display:flex;flex-direction:column}.content-body .chart-other .chart-other-header[data-v-5b95dd94]{flex:none}.content-body .chart-other .chart-other-body[data-v-5b95dd94]{flex:1}.content-body .line-chart-invoice[data-v-5b95dd94]{display:flex;flex-direction:column}.content-body .line-chart-invoice .chart-barLine[data-v-5b95dd94]{flex:1;min-height:178px}.content-body .line-chart-invoice.has-data .chart-barLine[data-v-5b95dd94]{flex:none;height:290px;min-height:0}.content-body .colorDoughnut1[data-v-5b95dd94]{background-color:#ff9f40}.content-body .colorDoughnut2[data-v-5b95dd94]{background-color:#e74343}.content-body .colorDoughnut3[data-v-5b95dd94]{background-color:#36a2eb}.content-body .colorDoughnut4[data-v-5b95dd94]{background-color:#9e77ed}.content-body .colorDoughnut5[data-v-5b95dd94]{background-color:#c9cbcf}.content-body .item-resource[data-v-5b95dd94]{width:60%;color:#fff!important;background:linear-gradient(90deg,#0d89c0,#06b1c7 53.86%,#46d8ae)}.content-body .item-resource.current-package[data-v-5b95dd94]{padding:20px;background:linear-gradient(90deg,#0d89c0,#06b1c7 53.86%,#46d8ae)}.content-body .item-resource .title[data-v-5b95dd94]{color:#fff}.content-body .item-resource .btn-buy-more[data-v-5b95dd94]{display:flex;align-items:flex-end;height:32px;min-width:80px;width:auto}.content-body .item-resource .invoice-resource[data-v-5b95dd94]{border-right:none}.content-body .item-connectInvoice[data-v-5b95dd94]{width:40%;border:1px solid transparent;border-radius:12px;background:linear-gradient(97.76deg,#cee5ff 8.87%,#f8dcff),linear-gradient(97.76deg,#88d6ff 8.87%,#f499ff);background-origin:border-box;background-clip:padding-box,border-box}.content-body .item-connectInvoice .title[data-v-5b95dd94]{color:var(#10141b)}.content-body .item-connectInvoice .sub-title[data-v-5b95dd94]{color:#10141b;font-size:13px;line-height:20px}.content-body .btn-connect[data-v-5b95dd94]{min-width:80px;width:auto;height:32px}.content-body .chart-Doughnut[data-v-5b95dd94]{position:relative;z-index:1}.content-body .chart-Doughnut .totalAmountChart[data-v-5b95dd94]{position:absolute;top:41%;z-index:5;text-align:center;width:calc(100% - 65px);left:16%;pointer-events:none}.content-body .chart-Doughnut .chart-info[data-v-5b95dd94]{z-index:10;position:relative}.line-summary .summary-item .summary-invoice[data-v-5b95dd94]{color:#00a2cf}.line-summary .summary-item .summary-before-vat[data-v-5b95dd94]{color:#111}.line-summary .summary-item .summary-total[data-v-5b95dd94],.line-summary .summary-item .summary-vat[data-v-5b95dd94]{color:#f8872a}}@media screen and (min-width:1367px) and (min-width:1367px){.content-body[data-v-5b95dd94]{font-size:13px}.invoice-number-resource[data-v-5b95dd94]{font-size:28px;font-weight:600}}@media screen and (min-width:1367px) and (max-width:1366px){.invoice-number-resource[data-v-5b95dd94]{font-size:24px;font-weight:600}.content-body[data-v-5b95dd94]{font-size:13px}.content-body .invoice-total-width[data-v-5b95dd94]{min-width:0}.content-body .chart-other[data-v-5b95dd94],.content-body .line-chart-invoice[data-v-5b95dd94]{overflow:hidden}.content-body .item-connectInvoice .sub-title[data-v-5b95dd94]{margin-bottom:8px!important;line-height:16px!important}}@media screen and (min-width:1367px) and (min-width:992px) and (max-width:1025px){.content-body[data-v-5b95dd94]{font-size:11px}.content-body .invoice-total-width[data-v-5b95dd94]{min-width:auto}.content-body .invoice-number[data-v-5b95dd94]{font-size:24px}.content-body .invoice-card-title[data-v-5b95dd94]{font-size:18px;font-weight:600}.content-body .invoice-total[data-v-5b95dd94]{overflow:auto}.content-body .invoice-number-label[data-v-5b95dd94]{font-size:13px}.content-body .stat-item .stat-label[data-v-5b95dd94]{font-size:11px!important;line-height:13px}.content-body .stat-item .stat-value[data-v-5b95dd94]{font-size:13px!important;line-height:15px}.content-body .resource-header .title[data-v-5b95dd94]{font-size:13px!important;line-height:13px!important}.content-body .connect-title[data-v-5b95dd94]{font-size:13px!important;height:24px!important}.content-body .connect-highlight[data-v-5b95dd94]{font-size:15px!important;padding-top:0!important;line-height:25px!important}.content-body .chart-other[data-v-5b95dd94],.content-body .line-chart-invoice[data-v-5b95dd94]{overflow:hidden}.content-body .item-connectInvoice .sub-title[data-v-5b95dd94]{margin-bottom:16px!important}}@media screen and (max-width:1366px){.content-header[data-v-5b95dd94]{margin:16px 16px 0 16px;min-height:40px;display:flex;align-items:center;justify-content:space-between}.content-header .title[data-v-5b95dd94]{font-weight:500;font-size:20px}.header-warning[data-v-5b95dd94]{position:relative;padding:0 16px;margin:0 16px;margin-top:10px;height:75px;background-color:rgba(255,182,94,.2);border-radius:6px;border:2px solid #ffb65e;box-shadow:inset 0 0 6px rgba(0,0,0,.16);align-items:center;line-height:20px}.header-warning .text-header-title[data-v-5b95dd94]{font-weight:600;font-size:15px}.header-warning .text-header-title1[data-v-5b95dd94]{font-size:12px}.header-warning .text-warning-resource[data-v-5b95dd94]{margin-left:20px;font-size:14px}.header-warning .text-order-detail[data-v-5b95dd94]{font-size:14px;color:#007aff;cursor:pointer}.header-warning .text-order-detail[data-v-5b95dd94]:hover{text-decoration:underline}.header-warning .ms-btn-confirm[data-v-5b95dd94]{position:absolute;right:25px;top:19px;max-width:170px!important;min-width:170px!important;height:36px!important}.header-warning .ms-btn-confirm[data-v-5b95dd94] .ms-button-item{color:var(#10141b);box-shadow:none!important;background:var(--color-primary);border-radius:6px;font-weight:600;color:#fff}.header-warning .ms-btn-confirm[data-v-5b95dd94] .ms-button-item:hover{background:#1dcddb!important}.header-warning-red[data-v-5b95dd94]{border:2px solid red!important;background-color:#ffe9e9!important}.content-body[data-v-5b95dd94]{border-radius:8px;margin-bottom:16px;color:#10141b}.content-body .flex1[data-v-5b95dd94]{flex:1}.content-body .invoice-total-box[data-v-5b95dd94]{background:#fff;border-radius:12px;box-shadow:0 0 12px 0 rgba(0,0,0,.10196078431372549);padding:20px}.content-body .invoice-total-box .invoice-card-title[data-v-5b95dd94]{font-weight:600;font-size:14px;line-height:22px}.content-body .invoice-total-box .invoice-number[data-v-5b95dd94]{display:flex;align-items:center;gap:4px;line-height:36px}.content-body .invoice-total-box .invoice-number-value[data-v-5b95dd94]{font-weight:700;font-size:20px}.content-body .invoice-total-box .invoice-number-label[data-v-5b95dd94]{color:#6b707a}.content-body .invoice-total-box .total-amount[data-v-5b95dd94]{line-height:20px}.content-body .invoice-total-box .invoice-icon[data-v-5b95dd94]{border-radius:8px}.content-body .invoice-total-box .refresh-icon[data-v-5b95dd94]{margin-top:13px}.content-body .invoice-total-box .line-invoice[data-v-5b95dd94]{border-radius:10px;height:10px}.content-body .invoice-total-box .line-invoice.line-total[data-v-5b95dd94]{background:linear-gradient(210deg,#1b9cff,rgba(120,199,255,.780392))}.content-body .invoice-total-box .line-invoice.line-success[data-v-5b95dd94]{background:linear-gradient(210deg,#1ccc33,rgba(28,204,51,.411765))}.content-body .invoice-total-box .line-invoice.line-fail[data-v-5b95dd94]{background:linear-gradient(210deg,#ff6263,rgba(255,98,99,.470588))}.content-body .invoice-total-box .line-invoice.line-uncheck[data-v-5b95dd94]{background-color:#747474}.content-body .isUp[data-v-5b95dd94]{color:#12b76a}.content-body .isDown[data-v-5b95dd94]{color:#ff6263}.content-body .chart-other .last-time-get-data[data-v-5b95dd94],.content-body .invoice-total-box .last-time-get-data[data-v-5b95dd94],.content-body .line-chart-invoice .last-time-get-data[data-v-5b95dd94]{color:#7e7e7e;margin-top:-4px;text-align:right;font-size:11px}.content-body .chart-other[data-v-5b95dd94],.content-body .item-connectInvoice[data-v-5b95dd94],.content-body .item-resource[data-v-5b95dd94],.content-body .line-chart-invoice[data-v-5b95dd94]{background:#fff;padding:20px;border-radius:12px;box-shadow:0 0 12px 0 rgba(0,0,0,.10196078431372549)}.content-body .resource-header[data-v-5b95dd94]{display:flex;justify-content:space-between;align-items:center}.content-body .resource-actions[data-v-5b95dd94]{display:flex;align-items:center}.content-body .resource-stats[data-v-5b95dd94]{display:flex;justify-content:space-between;margin-top:16px}.content-body .resource-stats .stat-item[data-v-5b95dd94]{border-right:none;text-align:left}.content-body .resource-stats .stat-item[data-v-5b95dd94]:first-child{padding-left:0}.content-body .resource-stats .stat-item[data-v-5b95dd94]:last-child{padding-right:0}.content-body .resource-stats .stat-item .stat-label[data-v-5b95dd94]{color:#fff;margin-bottom:4px;font-size:14px;line-height:20px;font-weight:500}.content-body .resource-stats .stat-item .stat-value[data-v-5b95dd94]{font-size:20px;line-height:28px;color:#fff;font-weight:700}.content-body .connect-title[data-v-5b95dd94]{color:var(--color-neutral-1000);display:flex;align-items:center;flex-wrap:wrap;font-size:20px;font-weight:600;height:40px;line-height:28px}.content-body .connect-highlight[data-v-5b95dd94]{font-weight:700;font-size:32px;margin:0 4px;line-height:40px;background:linear-gradient(97.76deg,#1482ff 8.87%,#cf11ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-flex;align-items:center;padding-top:4px}.content-body .content-right[data-v-5b95dd94]{background:#fff;padding:0 15px 10px 15px;border-radius:12px;box-shadow:0 0 12px 0 rgba(0,0,0,.10196078431372549)}.content-body .title[data-v-5b95dd94]{font-size:16px;font-weight:600;line-height:22px;color:#10141b}.content-body .lst-item-chartDoughnut[data-v-5b95dd94]{overflow:hidden}.content-body .item-chartDoughnut[data-v-5b95dd94]{padding-bottom:20px;border-bottom:1px solid #ced1d6}.content-body .item-chartDoughnut .color-item[data-v-5b95dd94]{border-radius:50%;padding:8px}.content-body .item-chartDoughnut .text-item[data-v-5b95dd94]{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:490px}.content-body .item-chartDoughnut[data-v-5b95dd94]:last-of-type{border-bottom:0}.content-body .chart-barLine[data-v-5b95dd94]{width:100%;overflow:hidden}.content-body .line-summary[data-v-5b95dd94]{display:flex;justify-content:space-between;margin:16px 0}.content-body .line-summary .summary-item[data-v-5b95dd94]{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.content-body .line-summary .summary-item .summary-label[data-v-5b95dd94]{color:#1f1f1f;line-height:20px;margin-bottom:4px}.content-body .line-summary .summary-item .summary-value[data-v-5b95dd94]{font-weight:700;font-size:20px;line-height:28px}.content-body .line-summary .summary-item .summary-unit[data-v-5b95dd94]{color:#6b707a;margin-top:-2px;line-height:20px}.content-body .line-summary .summary-item .summary-invoice[data-v-5b95dd94]{color:#00a2cf}.content-body .line-summary .summary-item .summary-before-vat[data-v-5b95dd94]{color:#111}.content-body .line-summary .summary-item .summary-total[data-v-5b95dd94],.content-body .line-summary .summary-item .summary-vat[data-v-5b95dd94]{color:#f8872a}.content-body .chart-other[data-v-5b95dd94],.content-body .line-chart-invoice[data-v-5b95dd94]{overflow:hidden}.content-body .chart-other .title[data-v-5b95dd94],.content-body .line-chart-invoice .title[data-v-5b95dd94]{flex:1}.content-body .chart-other .refresh-icon[data-v-5b95dd94],.content-body .line-chart-invoice .refresh-icon[data-v-5b95dd94]{margin-top:13px}.content-body .chart-other[data-v-5b95dd94]{display:flex;flex-direction:column}.content-body .chart-other .chart-other-header[data-v-5b95dd94]{flex:none}.content-body .chart-other .chart-other-body[data-v-5b95dd94]{flex:1}.content-body .line-chart-invoice[data-v-5b95dd94]{display:flex;flex-direction:column}.content-body .line-chart-invoice .chart-barLine[data-v-5b95dd94]{flex:1;min-height:178px}.content-body .line-chart-invoice.has-data .chart-barLine[data-v-5b95dd94]{flex:none;height:290px;min-height:0}.content-body .colorDoughnut1[data-v-5b95dd94]{background-color:#ff9f40}.content-body .colorDoughnut2[data-v-5b95dd94]{background-color:#e74343}.content-body .colorDoughnut3[data-v-5b95dd94]{background-color:#36a2eb}.content-body .colorDoughnut4[data-v-5b95dd94]{background-color:#9e77ed}.content-body .colorDoughnut5[data-v-5b95dd94]{background-color:#c9cbcf}.content-body .item-resource[data-v-5b95dd94]{width:60%;color:#fff!important;background:linear-gradient(90deg,#0d89c0,#06b1c7 53.86%,#46d8ae)}.content-body .item-resource.current-package[data-v-5b95dd94]{padding:20px;background:linear-gradient(90deg,#0d89c0,#06b1c7 53.86%,#46d8ae)}.content-body .item-resource .title[data-v-5b95dd94]{color:#fff}.content-body .item-resource .btn-buy-more[data-v-5b95dd94]{display:flex;align-items:flex-end;height:32px;min-width:80px;width:auto}.content-body .item-resource .invoice-resource[data-v-5b95dd94]{border-right:none}.content-body .item-connectInvoice[data-v-5b95dd94]{width:40%;border:1px solid transparent;border-radius:12px;background:linear-gradient(97.76deg,#cee5ff 8.87%,#f8dcff),linear-gradient(97.76deg,#88d6ff 8.87%,#f499ff);background-origin:border-box;background-clip:padding-box,border-box}.content-body .item-connectInvoice .title[data-v-5b95dd94]{color:var(#10141b)}.content-body .item-connectInvoice .sub-title[data-v-5b95dd94]{color:#10141b;font-size:13px;line-height:20px}.content-body .btn-connect[data-v-5b95dd94]{min-width:80px;width:auto;height:32px}.content-body .chart-Doughnut[data-v-5b95dd94]{position:relative;z-index:1}.content-body .chart-Doughnut .totalAmountChart[data-v-5b95dd94]{position:absolute;top:41%;z-index:5;text-align:center;width:calc(100% - 65px);left:16%;pointer-events:none}.content-body .chart-Doughnut .chart-info[data-v-5b95dd94]{z-index:10;position:relative}.line-summary .summary-item .summary-invoice[data-v-5b95dd94]{color:#00a2cf}.line-summary .summary-item .summary-before-vat[data-v-5b95dd94]{color:#111}.line-summary .summary-item .summary-total[data-v-5b95dd94],.line-summary .summary-item .summary-vat[data-v-5b95dd94]{color:#f8872a}}@media screen and (max-width:1366px) and (min-width:1367px){.content-body[data-v-5b95dd94]{font-size:13px}.invoice-number-resource[data-v-5b95dd94]{font-size:28px;font-weight:600}}@media screen and (max-width:1366px) and (max-width:1366px){.invoice-number-resource[data-v-5b95dd94]{font-size:24px;font-weight:600}.content-body[data-v-5b95dd94]{font-size:13px}.content-body .invoice-total-width[data-v-5b95dd94]{min-width:0}.content-body .chart-other[data-v-5b95dd94],.content-body .line-chart-invoice[data-v-5b95dd94]{overflow:hidden}.content-body .item-connectInvoice .sub-title[data-v-5b95dd94]{margin-bottom:8px!important;line-height:16px!important}}@media screen and (max-width:1366px) and (min-width:992px) and (max-width:1025px){.content-body[data-v-5b95dd94]{font-size:11px}.content-body .invoice-total-width[data-v-5b95dd94]{min-width:auto}.content-body .invoice-number[data-v-5b95dd94]{font-size:24px}.content-body .invoice-card-title[data-v-5b95dd94]{font-size:18px;font-weight:600}.content-body .invoice-total[data-v-5b95dd94]{overflow:auto}.content-body .invoice-number-label[data-v-5b95dd94]{font-size:13px}.content-body .stat-item .stat-label[data-v-5b95dd94]{font-size:11px!important;line-height:13px}.content-body .stat-item .stat-value[data-v-5b95dd94]{font-size:13px!important;line-height:15px}.content-body .resource-header .title[data-v-5b95dd94]{font-size:13px!important;line-height:13px!important}.content-body .connect-title[data-v-5b95dd94]{font-size:13px!important;height:24px!important}.content-body .connect-highlight[data-v-5b95dd94]{font-size:15px!important;padding-top:0!important;line-height:25px!important}.content-body .chart-other[data-v-5b95dd94],.content-body .line-chart-invoice[data-v-5b95dd94]{overflow:hidden}.content-body .item-connectInvoice .sub-title[data-v-5b95dd94]{margin-bottom:16px!important}}@media screen and (min-width:992px) and (max-width:1025px){.content-header[data-v-5b95dd94]{margin:16px 16px 0 16px;min-height:40px;display:flex;align-items:center;justify-content:space-between}.content-header .title[data-v-5b95dd94]{font-weight:500;font-size:20px}.header-warning[data-v-5b95dd94]{position:relative;padding:0 16px;margin:0 16px;margin-top:10px;height:75px;background-color:rgba(255,182,94,.2);border-radius:6px;border:2px solid #ffb65e;box-shadow:inset 0 0 6px rgba(0,0,0,.16);align-items:center;line-height:20px}.header-warning .text-header-title[data-v-5b95dd94]{font-weight:600;font-size:15px}.header-warning .text-header-title1[data-v-5b95dd94]{font-size:12px}.header-warning .text-warning-resource[data-v-5b95dd94]{margin-left:20px;font-size:14px}.header-warning .text-order-detail[data-v-5b95dd94]{font-size:14px;color:#007aff;cursor:pointer}.header-warning .text-order-detail[data-v-5b95dd94]:hover{text-decoration:underline}.header-warning .ms-btn-confirm[data-v-5b95dd94]{position:absolute;right:25px;top:19px;max-width:170px!important;min-width:170px!important;height:36px!important}.header-warning .ms-btn-confirm[data-v-5b95dd94] .ms-button-item{color:var(#10141b);box-shadow:none!important;background:var(--color-primary);border-radius:6px;font-weight:600;color:#fff}.header-warning .ms-btn-confirm[data-v-5b95dd94] .ms-button-item:hover{background:#1dcddb!important}.header-warning-red[data-v-5b95dd94]{border:2px solid red!important;background-color:#ffe9e9!important}.content-body[data-v-5b95dd94]{border-radius:8px;margin-bottom:16px;color:#10141b}.content-body .flex1[data-v-5b95dd94]{flex:1}.content-body .invoice-total-box[data-v-5b95dd94]{background:#fff;border-radius:12px;box-shadow:0 0 12px 0 rgba(0,0,0,.10196078431372549);padding:20px}.content-body .invoice-total-box .invoice-card-title[data-v-5b95dd94]{font-weight:600;font-size:14px;line-height:22px}.content-body .invoice-total-box .invoice-number[data-v-5b95dd94]{display:flex;align-items:center;gap:4px;line-height:36px}.content-body .invoice-total-box .invoice-number-value[data-v-5b95dd94]{font-weight:700;font-size:20px}.content-body .invoice-total-box .invoice-number-label[data-v-5b95dd94]{color:#6b707a}.content-body .invoice-total-box .total-amount[data-v-5b95dd94]{line-height:20px}.content-body .invoice-total-box .invoice-icon[data-v-5b95dd94]{border-radius:8px}.content-body .invoice-total-box .refresh-icon[data-v-5b95dd94]{margin-top:13px}.content-body .invoice-total-box .line-invoice[data-v-5b95dd94]{border-radius:10px;height:10px}.content-body .invoice-total-box .line-invoice.line-total[data-v-5b95dd94]{background:linear-gradient(210deg,#1b9cff,rgba(120,199,255,.780392))}.content-body .invoice-total-box .line-invoice.line-success[data-v-5b95dd94]{background:linear-gradient(210deg,#1ccc33,rgba(28,204,51,.411765))}.content-body .invoice-total-box .line-invoice.line-fail[data-v-5b95dd94]{background:linear-gradient(210deg,#ff6263,rgba(255,98,99,.470588))}.content-body .invoice-total-box .line-invoice.line-uncheck[data-v-5b95dd94]{background-color:#747474}.content-body .isUp[data-v-5b95dd94]{color:#12b76a}.content-body .isDown[data-v-5b95dd94]{color:#ff6263}.content-body .chart-other .last-time-get-data[data-v-5b95dd94],.content-body .invoice-total-box .last-time-get-data[data-v-5b95dd94],.content-body .line-chart-invoice .last-time-get-data[data-v-5b95dd94]{color:#7e7e7e;margin-top:-4px;text-align:right;font-size:11px}.content-body .chart-other[data-v-5b95dd94],.content-body .item-connectInvoice[data-v-5b95dd94],.content-body .item-resource[data-v-5b95dd94],.content-body .line-chart-invoice[data-v-5b95dd94]{background:#fff;padding:20px;border-radius:12px;box-shadow:0 0 12px 0 rgba(0,0,0,.10196078431372549)}.content-body .resource-header[data-v-5b95dd94]{display:flex;justify-content:space-between;align-items:center}.content-body .resource-actions[data-v-5b95dd94]{display:flex;align-items:center}.content-body .resource-stats[data-v-5b95dd94]{display:flex;justify-content:space-between;margin-top:16px}.content-body .resource-stats .stat-item[data-v-5b95dd94]{border-right:none;text-align:left}.content-body .resource-stats .stat-item[data-v-5b95dd94]:first-child{padding-left:0}.content-body .resource-stats .stat-item[data-v-5b95dd94]:last-child{padding-right:0}.content-body .resource-stats .stat-item .stat-label[data-v-5b95dd94]{color:#fff;margin-bottom:4px;font-size:14px;line-height:20px;font-weight:500}.content-body .resource-stats .stat-item .stat-value[data-v-5b95dd94]{font-size:20px;line-height:28px;color:#fff;font-weight:700}.content-body .connect-title[data-v-5b95dd94]{color:var(--color-neutral-1000);display:flex;align-items:center;flex-wrap:wrap;font-size:20px;font-weight:600;height:40px;line-height:28px}.content-body .connect-highlight[data-v-5b95dd94]{font-weight:700;font-size:32px;margin:0 4px;line-height:40px;background:linear-gradient(97.76deg,#1482ff 8.87%,#cf11ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-flex;align-items:center;padding-top:4px}.content-body .content-right[data-v-5b95dd94]{background:#fff;padding:0 15px 10px 15px;border-radius:12px;box-shadow:0 0 12px 0 rgba(0,0,0,.10196078431372549)}.content-body .title[data-v-5b95dd94]{font-size:16px;font-weight:600;line-height:22px;color:#10141b}.content-body .lst-item-chartDoughnut[data-v-5b95dd94]{overflow:hidden}.content-body .item-chartDoughnut[data-v-5b95dd94]{padding-bottom:20px;border-bottom:1px solid #ced1d6}.content-body .item-chartDoughnut .color-item[data-v-5b95dd94]{border-radius:50%;padding:8px}.content-body .item-chartDoughnut .text-item[data-v-5b95dd94]{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:490px}.content-body .item-chartDoughnut[data-v-5b95dd94]:last-of-type{border-bottom:0}.content-body .chart-barLine[data-v-5b95dd94]{width:100%;overflow:hidden}.content-body .line-summary[data-v-5b95dd94]{display:flex;justify-content:space-between;margin:16px 0}.content-body .line-summary .summary-item[data-v-5b95dd94]{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.content-body .line-summary .summary-item .summary-label[data-v-5b95dd94]{color:#1f1f1f;line-height:20px;margin-bottom:4px}.content-body .line-summary .summary-item .summary-value[data-v-5b95dd94]{font-weight:700;font-size:20px;line-height:28px}.content-body .line-summary .summary-item .summary-unit[data-v-5b95dd94]{color:#6b707a;margin-top:-2px;line-height:20px}.content-body .line-summary .summary-item .summary-invoice[data-v-5b95dd94]{color:#00a2cf}.content-body .line-summary .summary-item .summary-before-vat[data-v-5b95dd94]{color:#111}.content-body .line-summary .summary-item .summary-total[data-v-5b95dd94],.content-body .line-summary .summary-item .summary-vat[data-v-5b95dd94]{color:#f8872a}.content-body .chart-other[data-v-5b95dd94],.content-body .line-chart-invoice[data-v-5b95dd94]{overflow:hidden}.content-body .chart-other .title[data-v-5b95dd94],.content-body .line-chart-invoice .title[data-v-5b95dd94]{flex:1}.content-body .chart-other .refresh-icon[data-v-5b95dd94],.content-body .line-chart-invoice .refresh-icon[data-v-5b95dd94]{margin-top:13px}.content-body .chart-other[data-v-5b95dd94]{display:flex;flex-direction:column}.content-body .chart-other .chart-other-header[data-v-5b95dd94]{flex:none}.content-body .chart-other .chart-other-body[data-v-5b95dd94]{flex:1}.content-body .line-chart-invoice[data-v-5b95dd94]{display:flex;flex-direction:column}.content-body .line-chart-invoice .chart-barLine[data-v-5b95dd94]{flex:1;min-height:178px}.content-body .line-chart-invoice.has-data .chart-barLine[data-v-5b95dd94]{flex:none;height:290px;min-height:0}.content-body .colorDoughnut1[data-v-5b95dd94]{background-color:#ff9f40}.content-body .colorDoughnut2[data-v-5b95dd94]{background-color:#e74343}.content-body .colorDoughnut3[data-v-5b95dd94]{background-color:#36a2eb}.content-body .colorDoughnut4[data-v-5b95dd94]{background-color:#9e77ed}.content-body .colorDoughnut5[data-v-5b95dd94]{background-color:#c9cbcf}.content-body .item-resource[data-v-5b95dd94]{width:60%;color:#fff!important;background:linear-gradient(90deg,#0d89c0,#06b1c7 53.86%,#46d8ae)}.content-body .item-resource.current-package[data-v-5b95dd94]{padding:20px;background:linear-gradient(90deg,#0d89c0,#06b1c7 53.86%,#46d8ae)}.content-body .item-resource .title[data-v-5b95dd94]{color:#fff}.content-body .item-resource .btn-buy-more[data-v-5b95dd94]{display:flex;align-items:flex-end;height:32px;min-width:80px;width:auto}.content-body .item-resource .invoice-resource[data-v-5b95dd94]{border-right:none}.content-body .item-connectInvoice[data-v-5b95dd94]{width:40%;border:1px solid transparent;border-radius:12px;background:linear-gradient(97.76deg,#cee5ff 8.87%,#f8dcff),linear-gradient(97.76deg,#88d6ff 8.87%,#f499ff);background-origin:border-box;background-clip:padding-box,border-box}.content-body .item-connectInvoice .title[data-v-5b95dd94]{color:var(#10141b)}.content-body .item-connectInvoice .sub-title[data-v-5b95dd94]{color:#10141b;font-size:13px;line-height:20px}.content-body .btn-connect[data-v-5b95dd94]{min-width:80px;width:auto;height:32px}.content-body .chart-Doughnut[data-v-5b95dd94]{position:relative;z-index:1}.content-body .chart-Doughnut .totalAmountChart[data-v-5b95dd94]{position:absolute;top:41%;z-index:5;text-align:center;width:calc(100% - 65px);left:16%;pointer-events:none}.content-body .chart-Doughnut .chart-info[data-v-5b95dd94]{z-index:10;position:relative}.line-summary .summary-item .summary-invoice[data-v-5b95dd94]{color:#00a2cf}.line-summary .summary-item .summary-before-vat[data-v-5b95dd94]{color:#111}.line-summary .summary-item .summary-total[data-v-5b95dd94],.line-summary .summary-item .summary-vat[data-v-5b95dd94]{color:#f8872a}}@media screen and (min-width:992px) and (max-width:1025px) and (min-width:1367px){.content-body[data-v-5b95dd94]{font-size:13px}.invoice-number-resource[data-v-5b95dd94]{font-size:28px;font-weight:600}}@media screen and (min-width:992px) and (max-width:1025px) and (max-width:1366px){.invoice-number-resource[data-v-5b95dd94]{font-size:24px;font-weight:600}.content-body[data-v-5b95dd94]{font-size:13px}.content-body .invoice-total-width[data-v-5b95dd94]{min-width:0}.content-body .chart-other[data-v-5b95dd94],.content-body .line-chart-invoice[data-v-5b95dd94]{overflow:hidden}.content-body .item-connectInvoice .sub-title[data-v-5b95dd94]{margin-bottom:8px!important;line-height:16px!important}}@media screen and (min-width:992px) and (max-width:1025px) and (min-width:992px) and (max-width:1025px){.content-body[data-v-5b95dd94]{font-size:11px}.content-body .invoice-total-width[data-v-5b95dd94]{min-width:auto}.content-body .invoice-number[data-v-5b95dd94]{font-size:24px}.content-body .invoice-card-title[data-v-5b95dd94]{font-size:18px;font-weight:600}.content-body .invoice-total[data-v-5b95dd94]{overflow:auto}.content-body .invoice-number-label[data-v-5b95dd94]{font-size:13px}.content-body .stat-item .stat-label[data-v-5b95dd94]{font-size:11px!important;line-height:13px}.content-body .stat-item .stat-value[data-v-5b95dd94]{font-size:13px!important;line-height:15px}.content-body .resource-header .title[data-v-5b95dd94]{font-size:13px!important;line-height:13px!important}.content-body .connect-title[data-v-5b95dd94]{font-size:13px!important;height:24px!important}.content-body .connect-highlight[data-v-5b95dd94]{font-size:15px!important;padding-top:0!important;line-height:25px!important}.content-body .chart-other[data-v-5b95dd94],.content-body .line-chart-invoice[data-v-5b95dd94]{overflow:hidden}.content-body .item-connectInvoice .sub-title[data-v-5b95dd94]{margin-bottom:16px!important}}.dashboard-charts-row[data-v-5b95dd94]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-charts-row .chart-other[data-v-5b95dd94],.dashboard-charts-row .line-chart-invoice[data-v-5b95dd94]{min-width:0;overflow:hidden}.dashboard-header[data-v-5b95dd94]{display:flex;justify-content:space-between;align-items:center;padding:0 0 12px 0}.dashboard-header .header-left[data-v-5b95dd94]{display:flex;align-items:center;gap:4px;font-size:var(--font-size-body-new)}.dashboard-header .header-left .currency-label[data-v-5b95dd94]{color:var(--ms-color-text-secondary)}.dashboard-header .header-left .currency-value[data-v-5b95dd94]{font-weight:var(--font-weight-bold);color:var(--ms-color-text-primary)}.dashboard-header .header-right[data-v-5b95dd94]{display:flex;align-items:center;height:32px;gap:8px}.dashboard-header .last-time-get-data[data-v-5b95dd94]{font-size:var(--font-size-body-new);color:var(--ms-color-grey-text-secondary);line-height:20px}[data-v-5b95dd94] .combo-search .input{color:var(--ms-color-text-primary)!important;font-size:var(--font-size-body-new)}.content-view-dashborad[data-v-5b95dd94]{width:100%;padding:12px 20px 20px 20px}.select-currency[data-v-5b95dd94]{width:102px}