.pcore-billing-tracker{--bill-bg:#fff;--bill-text:#20324b;--bill-muted:#596b82;--bill-line:#dce3ef;--bill-blue:#3168d7;--bill-purple:#8754cd;--bill-teal:#087f86;--bill-orange:#b7641c;background:var(--bill-bg);color:var(--bill-text);border:1px solid var(--bill-line);border-radius:8px;overflow:hidden;margin:0 0 24px;font-size:14px;line-height:1.6}
.pcore-billing-tracker *{box-sizing:border-box;letter-spacing:0}
.pcore-billing-tracker [hidden]{display:none!important}
.pcore-billing-tracker .pcore-billing-tracker-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid var(--bill-line);background:linear-gradient(110deg,#3168d711,#8754cd10)}
.pcore-billing-tracker-heading>div:first-child{display:flex;align-items:center;gap:14px;min-width:0}
.pcore-billing-tracker-heading>div:first-child>span{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:8px;font-size:23px;background:linear-gradient(135deg,#3168d7,#8754cd);color:#fff}
.pcore-billing-tracker small{font-size:11px;color:var(--bill-muted)}
.pcore-billing-tracker h2{font-size:22px;line-height:1.35;margin:3px 0 0;color:var(--bill-text)!important}
.pcore-billing-tracker-heading>div:last-child{text-align:right;padding-left:24px;border-left:1px solid var(--bill-line)}
.pcore-billing-tracker-heading>div:last-child>strong{display:block;color:var(--bill-purple);font-size:25px;line-height:1.3}
.pcore-billing-tracker .pcore-billing-item{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px 24px;padding:22px 24px;border-top:1px solid var(--bill-line);scroll-margin-top:100px}
.pcore-billing-tracker .pcore-billing-item:first-of-type{border-top:0}
.pcore-billing-item>header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0}
.pcore-billing-service-title{display:flex;align-items:center;gap:12px;min-width:0}
.pcore-billing-service-title>span{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:8px;background:#8754cd14;color:var(--bill-purple);font-size:24px}
.pcore-billing-tracker [data-service=zoom] .pcore-billing-service-title>span{background:#3168d714;color:var(--bill-blue)}
.pcore-billing-tracker [data-service=lms] .pcore-billing-service-title>span{background:#087f8614;color:var(--bill-teal)}
.pcore-billing-tracker .pcore-billing-item h3{font-size:22px;line-height:1.35;color:var(--bill-text)!important;margin:2px 0 0;overflow-wrap:anywhere}
.pcore-billing-status-stack{text-align:right}
.pcore-billing-tracker .pcore-payment-status-button{padding:7px 12px;min-height:36px;font-size:11px;font-weight:700;border:1px solid #d5a957;border-radius:5px;color:#89601c;background:#fff6df;cursor:pointer}
.pcore-billing-tracker .is-green .pcore-payment-status-button{background:#e0f6eb;border-color:#72c59d;color:#087548}
.pcore-billing-tracker .is-red .pcore-payment-status-button{background:#fde6eb;border-color:#e995a6;color:#b12643}
.pcore-billing-tracker .pcore-grace-count{display:block;font-size:24px;line-height:1.35;font-weight:800;color:#c62540;margin-top:7px}
.pcore-billing-tracker .pcore-teacher-payment-steps{grid-column:1;grid-row:2;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;padding:0 20px 0 0!important;margin:0!important;max-width:none!important;list-style:none!important;border-right:1px solid var(--bill-line)}
.pcore-billing-tracker .pcore-teacher-payment-steps>li{--step-color:var(--bill-blue);position:relative;display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;min-height:38px;padding:4px 0!important;text-align:left!important;font-size:12px;border:0;border-radius:0;background:none;min-width:0}
.pcore-billing-tracker .pcore-teacher-payment-steps>li:nth-child(2){--step-color:var(--bill-purple)}
.pcore-billing-tracker .pcore-teacher-payment-steps>li:nth-child(3){--step-color:var(--bill-orange)}
.pcore-billing-tracker .pcore-teacher-payment-steps>li:nth-child(4){--step-color:var(--bill-teal)}
.pcore-billing-tracker .pcore-teacher-payment-steps>li:before{display:none!important}
.pcore-billing-tracker .pcore-teacher-payment-steps>li:not(:last-child):after{content:"";position:absolute;top:29px;bottom:-9px;left:12px;width:1px;background:var(--bill-line)}
.pcore-billing-tracker .pcore-teacher-payment-steps>li>span{position:relative;z-index:1;display:grid!important;place-items:center!important;flex:0 0 26px!important;width:26px!important;height:26px!important;border-radius:50%;font-size:12px!important;margin:0!important;color:var(--bill-muted);background:var(--bill-bg);border:1px solid var(--bill-line)}
.pcore-billing-tracker .pcore-teacher-payment-steps>li.is-complete>span{background:color-mix(in srgb,var(--step-color) 12%,var(--bill-bg));color:var(--step-color);border-color:color-mix(in srgb,var(--step-color) 35%,var(--bill-line))}
.pcore-billing-tracker .pcore-teacher-payment-steps>li.is-current>span{background:var(--step-color);color:#fff;border-color:var(--step-color)}
.pcore-billing-tracker .pcore-teacher-payment-steps b{font-size:12px!important;line-height:1.4!important;font-weight:600!important;color:var(--bill-text)!important;overflow-wrap:normal!important}
.pcore-billing-tracker .pcore-billing-facts{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:12px 0;border:0;align-self:center}
.pcore-billing-facts>div{min-width:0;padding:0 14px 0 0;border-right:1px solid var(--bill-line)}
.pcore-billing-facts>div:last-child{border:0;padding-right:0}
.pcore-billing-facts dt{display:flex;align-items:center;gap:7px;color:var(--bill-muted);font-size:11px;font-weight:600;line-height:1.5}
.pcore-billing-facts dt>span{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:6px;font-size:16px;background:#087f8612;color:var(--bill-teal)}
.pcore-billing-facts>div:nth-child(2) dt>span{background:#8754cd14;color:var(--bill-purple)}
.pcore-billing-facts>div:nth-child(3) dt>span{background:#b7641c14;color:var(--bill-orange)}
.pcore-billing-facts dd{font-size:16px;line-height:1.5;font-weight:600;margin:10px 0 0;color:var(--bill-text);overflow-wrap:anywhere}
.pcore-billing-item>p,.pcore-billing-item>dl.pcore-billing-request,.pcore-billing-item>[data-teacher-status-details]{grid-column:1/-1;margin:0;font-size:13px;line-height:1.6}
.pcore-billing-item>p{color:var(--bill-text)!important}
.pcore-billing-tracker .pcore-billing-item-actions{grid-column:2;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;padding-top:14px;border-top:1px solid var(--bill-line)}
.pcore-billing-item-actions form{margin:0}
.pcore-billing-item-actions button,.pcore-billing-item-actions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 13px;border:1px solid var(--bill-line);border-radius:6px;color:var(--bill-text);background:transparent;font-size:12px;font-weight:600;line-height:1.5;text-decoration:none;cursor:pointer}
.pcore-billing-item-actions .pcore-bank-button{background:linear-gradient(110deg,#3168d7,#8754cd);color:#fff;border-color:transparent}
.pcore-billing-item-actions .is-danger{color:#b12643;border-color:#e995a6}
.pcore-billing-tracker button:focus-visible,.pcore-billing-tracker a:focus-visible{outline:2px solid var(--bill-blue);outline-offset:3px}
.pcore-billing-tracker .pcore-billing-alert-text,.pcore-billing-tracker .pcore-billing-pending-note,.pcore-billing-tracker .pcore-billing-hold-note{padding:12px 14px;border-radius:5px;border-left:3px solid #c62540;background:#c625400d}
.pcore-billing-tracker .pcore-billing-alert-text{color:#b12643!important}
.pcore-billing-tracker .pcore-billing-pending-note{border-left-color:#b7641c;background:#b7641c0d}
.pcore-billing-tracker .pcore-billing-hold-note{border-left-color:#8993a2;background:#8993a211}
.pcore-billing-request{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:14px 0;border-block:1px solid var(--bill-line)}
.pcore-billing-request dt{font-size:11px;color:var(--bill-muted)}.pcore-billing-request dd{margin:4px 0 0;font-size:13px;font-weight:600;overflow-wrap:anywhere}
.pcore-billing-tracker .is-grace{background:#fff6f7;border-left:3px solid #d84c69}
.pcore-billing-tracker .is-hold{background:#f4f5f7;border-left:3px solid #929aa8}
.pcore-billing-tracker .is-hold .pcore-payment-status-button{background:#e6e9ee;color:#536177;border-color:#a8b1bf}
.pcore-billing-tracker footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 16px;padding:16px 24px;background:linear-gradient(110deg,#087f860c,#3168d710,#8754cd10);border-top:1px solid var(--bill-line)}
.pcore-billing-tracker footer>span{font-size:14px;font-weight:600}.pcore-billing-tracker footer>span>span{color:var(--bill-blue);margin-right:6px}
.pcore-billing-tracker footer strong{font-size:22px;color:var(--bill-purple)}.pcore-billing-tracker footer small{grid-column:1/-1}
.pcore-billing-tracker .pcore-teacher-payment-steps{grid-row:2}
.pcore-billing-tracker .pcore-billing-facts{align-self:start}
.pcore-billing-tracker .pcore-billing-item-actions{grid-row:3;align-self:end}
:is(html[data-pcore-theme=dark],html[data-tutor-theme=dark],body.tutor-theme-dark,body.pcore-theme-dark) .pcore-billing-tracker{--bill-bg:#202631;--bill-text:#eef2fb;--bill-muted:#b3bfd2;--bill-line:#3b475a;--bill-blue:#8fb9ff;--bill-purple:#c1a1ff;--bill-teal:#65d4c5;--bill-orange:#efb477}
:is(html[data-pcore-theme=dark],html[data-tutor-theme=dark],body.tutor-theme-dark,body.pcore-theme-dark) .pcore-billing-tracker .is-green .pcore-payment-status-button{background:#153e32;color:#7ae7b9;border-color:#377b62}
:is(html[data-pcore-theme=dark],html[data-tutor-theme=dark],body.tutor-theme-dark,body.pcore-theme-dark) .pcore-billing-tracker .is-red .pcore-payment-status-button{background:#4a2833;color:#ffa6b9}
:is(html[data-pcore-theme=dark],html[data-tutor-theme=dark],body.tutor-theme-dark,body.pcore-theme-dark) .pcore-billing-tracker .pcore-grace-count{color:#ffa6b9}
:is(html[data-pcore-theme=dark],html[data-tutor-theme=dark],body.tutor-theme-dark,body.pcore-theme-dark) .pcore-billing-tracker .pcore-billing-alert-text{color:#ffa6b9!important}
:is(html[data-pcore-theme=dark],html[data-tutor-theme=dark],body.tutor-theme-dark,body.pcore-theme-dark) .pcore-billing-tracker .is-grace{background:#31252d}
:is(html[data-pcore-theme=dark],html[data-tutor-theme=dark],body.tutor-theme-dark,body.pcore-theme-dark) .pcore-billing-tracker .is-hold{background:#262930}
:is(html[data-pcore-theme=dark],html[data-tutor-theme=dark],body.tutor-theme-dark,body.pcore-theme-dark) .pcore-billing-item-actions .is-danger{color:#ffa6b9}
@media(max-width:1000px){.pcore-billing-tracker .pcore-billing-item{grid-template-columns:180px minmax(0,1fr);gap:16px}.pcore-billing-tracker .pcore-billing-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.pcore-billing-facts>div{border:0}.pcore-billing-facts>div:last-child{grid-column:1/-1}}
@media(max-width:620px){
.pcore-billing-tracker .pcore-billing-tracker-heading{padding:16px;flex-wrap:wrap;gap:14px}
.pcore-billing-tracker-heading>div:last-child{border:0;border-top:1px solid var(--bill-line);padding:12px 0 0;width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px}
.pcore-billing-tracker-heading>div:last-child>strong{font-size:22px}.pcore-billing-tracker h2{font-size:20px}
.pcore-billing-tracker .pcore-billing-item{grid-template-columns:minmax(0,1fr);padding:16px;gap:16px}
.pcore-billing-item>header{flex-wrap:wrap;gap:10px}.pcore-billing-status-stack{text-align:left}.pcore-billing-tracker .pcore-billing-item h3{font-size:20px}
.pcore-billing-tracker .pcore-teacher-payment-steps{grid-column:1;grid-row:auto;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px 12px!important;border:0;border-block:1px solid var(--bill-line);padding:10px 0!important}
.pcore-billing-tracker .pcore-teacher-payment-steps>li:after{display:none!important}
.pcore-billing-tracker .pcore-billing-facts{grid-column:1;grid-row:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0}
.pcore-billing-facts>div:first-child{grid-column:1/-1}.pcore-billing-facts>div:last-child{grid-column:auto}
.pcore-billing-facts dd{font-size:14px;margin-top:7px}.pcore-billing-facts dt{font-size:10px}
.pcore-billing-tracker .pcore-billing-item-actions{grid-column:1;grid-row:auto;display:grid;grid-template-columns:minmax(0,1fr)}.pcore-billing-item-actions a,.pcore-billing-item-actions button,.pcore-billing-item-actions form{width:100%}
.pcore-billing-request{grid-template-columns:repeat(2,minmax(0,1fr))}
.pcore-billing-tracker footer{padding:16px;gap:8px}.pcore-billing-tracker footer strong{font-size:18px}
}
@media(max-width:380px){.pcore-billing-tracker footer{grid-template-columns:minmax(0,1fr)}.pcore-billing-tracker .pcore-teacher-payment-steps b{font-size:11px!important}.pcore-billing-tracker .pcore-grace-count{font-size:21px}}
.pcore-billing-tracker .pcore-next-billing-items{grid-column:1/-1;list-style:none;margin:8px 0 0;padding:12px 0 0;border-top:1px solid var(--bill-line);width:100%}
.pcore-next-billing-items li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:6px 0;font-size:13px;line-height:1.5}
.pcore-next-billing-items li span{min-width:0;overflow-wrap:anywhere}.pcore-next-billing-items li b{font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}