:root{--bill-ink:#18231d;--bill-muted:#6f7b73;--bill-line:#dce4de;--bill-green:#267245;--bill-bg:#f4f7f5}
.pj-billing-page{min-height:82vh;padding:142px 0 120px;background:linear-gradient(180deg,#edf3ef 0,#f8faf8 260px,#fff 100%);color:var(--bill-ink)}
.pj-billing-page a{text-decoration:none}.pj-billing-head,.pj-billing-invoice-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.pj-billing-head>div:first-child>span,.pj-billing-invoice-head>div:first-child>span,.pj-billing-card-head>div>span{display:block;margin-bottom:8px;color:var(--bill-green);font-size:.76rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.pj-billing-head h1,.pj-billing-invoice-head h1{margin:0;font-size:clamp(2.2rem,4vw,3.7rem);font-weight:900;letter-spacing:-.055em;line-height:1}.pj-billing-head p,.pj-billing-invoice-head p{max-width:760px;margin:11px 0 0;color:var(--bill-muted);line-height:1.7}.pj-billing-role{display:flex;align-items:center;gap:11px;min-width:245px;padding:14px 16px;border:1px solid var(--bill-line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(31,61,40,.06)}.pj-billing-role>i{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;background:#e5f2e9;color:var(--bill-green);font-size:1.25rem}.pj-billing-role>span{display:grid;font-weight:900}.pj-billing-role small{color:var(--bill-muted);font-size:.72rem;font-weight:600}
.pj-billing-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.pj-billing-stats>div{display:grid;grid-template-columns:50px minmax(0,1fr);gap:4px 13px;align-items:center;padding:19px;border:1px solid var(--bill-line);border-radius:21px;background:#fff;box-shadow:0 10px 30px rgba(31,61,40,.05)}.pj-billing-stats i{display:grid;grid-row:1/4;width:48px;height:48px;place-items:center;border-radius:15px;background:#e7f2e9;color:var(--bill-green);font-size:1.25rem}.pj-billing-stats span{color:var(--bill-muted);font-size:.75rem;font-weight:850;text-transform:uppercase}.pj-billing-stats strong{font-size:1.35rem;line-height:1.1}.pj-billing-stats small{color:var(--bill-muted)}
.pj-billing-card{margin-bottom:24px;padding:23px;border:1px solid var(--bill-line);border-radius:23px;background:#fff;box-shadow:0 12px 38px rgba(31,61,40,.055)}.pj-billing-card-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.pj-billing-card-head h2{margin:0;font-size:1.28rem;font-weight:900}.pj-billing-card-head>small{max-width:420px;color:var(--bill-muted);text-align:right}.pj-billing-period-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.pj-billing-period-form label{display:grid;gap:6px}.pj-billing-period-form label>span{font-size:.78rem;font-weight:850}.pj-billing-preview{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center;margin-top:15px;padding:15px;border-radius:17px;background:#f3f7f4}.pj-billing-preview>div:not(.pj-billing-readonly){display:grid}.pj-billing-preview span{color:var(--bill-muted);font-size:.76rem;font-weight:800}.pj-billing-preview strong{font-size:1.15rem}.pj-billing-readonly{display:flex;align-items:center;gap:7px;padding:10px 13px;border-radius:12px;background:#e7ece9;color:#56635a;font-size:.8rem;font-weight:850}.pj-billing-table{margin:0;font-size:.84rem}.pj-billing-table th{padding-top:12px;padding-bottom:12px;color:#6e7c73;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.pj-billing-table td{vertical-align:middle}.pj-billing-table small{color:var(--bill-muted)}
.pj-billing-status,.pj-billing-item-status{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border-radius:999px;font-size:.67rem;font-weight:900;white-space:nowrap}.pj-billing-status.status-unpaid{background:#fff0c5;color:#755800}.pj-billing-status.status-waiting_validation{background:#e4efff;color:#285c91}.pj-billing-status.status-paid{background:#dff3e5;color:#246c3c}.pj-billing-item-status.item-unbilled{background:#f0e9ff;color:#63429b}.pj-billing-item-status.item-invoiced{background:#fff0c5;color:#755800}.pj-billing-item-status.item-paid{background:#dff3e5;color:#246c3c}
.pj-billing-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:24px;color:#46544b;font-size:.88rem;font-weight:850}.pj-billing-invoice-head>div:last-child{display:grid;justify-items:end;gap:10px}.pj-billing-invoice-head>div:last-child>strong{font-size:1.65rem}.pj-billing-source-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.pj-billing-source-summary>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px;border-radius:15px;background:#f3f7f4}.pj-billing-source-summary span{display:grid;font-size:.82rem;font-weight:850}.pj-billing-source-summary small{color:var(--bill-muted);font-size:.69rem;font-weight:600}.pj-billing-payment-card{position:sticky;top:112px}.pj-billing-bank-list{display:grid;gap:8px;margin-bottom:15px}.pj-billing-bank-list>span{font-size:.74rem;font-weight:900;text-transform:uppercase}.pj-billing-bank-list>div{display:grid;padding:11px 12px;border:1px solid var(--bill-line);border-radius:13px;background:#fafcfa}.pj-billing-bank-list small{color:var(--bill-muted)}.pj-billing-proof{display:flex;align-items:center;gap:11px;margin:12px 0;padding:14px;border:1px solid #b6d7c0;border-radius:16px;background:#eff8f1;color:var(--bill-ink)}.pj-billing-proof>i:first-child{font-size:1.45rem;color:var(--bill-green)}.pj-billing-proof>span{display:grid;flex:1}.pj-billing-proof small{color:var(--bill-muted);font-size:.72rem}.pj-billing-no-proof{display:flex;align-items:center;gap:10px;margin:12px 0;padding:14px;border-radius:15px;background:#f4f5f4;color:var(--bill-muted)}.pj-billing-no-proof i{font-size:1.35rem}.pj-billing-upload-form{display:grid;gap:10px;margin-top:15px}.pj-billing-upload-form label{display:grid;gap:7px;font-size:.82rem;font-weight:850}.pj-billing-upload-form input{width:100%;padding:10px;border:1px dashed #b9c7bd;border-radius:12px;background:#fafcfa;font-size:.78rem}.pj-billing-upload-form small{color:var(--bill-muted);font-size:.7rem;line-height:1.5}.pj-billing-paid-box{display:flex;align-items:center;gap:12px;margin-top:16px;padding:16px;border-radius:17px;background:#dff3e5;color:#246c3c}.pj-billing-paid-box>i{font-size:1.8rem}.pj-billing-paid-box>span{display:grid}.pj-billing-paid-box small{color:#4d7d5c;font-size:.72rem}
@media(max-width:991.98px){.pj-billing-head,.pj-billing-invoice-head{align-items:flex-start}.pj-billing-stats{grid-template-columns:1fr}.pj-billing-source-summary{grid-template-columns:1fr}.pj-billing-payment-card{position:static}}
@media(max-width:767.98px){.pj-billing-page{padding:104px 0 105px}.pj-billing-head,.pj-billing-invoice-head{display:grid}.pj-billing-role{min-width:0}.pj-billing-invoice-head>div:last-child{justify-items:start}.pj-billing-period-form{grid-template-columns:1fr}.pj-billing-preview{grid-template-columns:1fr}.pj-billing-preview form .btn{width:100%}.pj-billing-card{padding:16px;border-radius:18px}.pj-billing-card-head{display:grid;align-items:start}.pj-billing-card-head>small{text-align:left}.pj-billing-stats strong{font-size:1.18rem}}

/* Dynamic billing settings */
.pj-billing-setting-form{display:flex;flex-direction:column;gap:18px}
.pj-billing-setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pj-billing-setting-item{display:flex;flex-direction:column;gap:7px;padding:18px;border:1px solid rgba(31,41,55,.12);border-radius:20px;background:linear-gradient(145deg,#fff,#f7faf8)}
.pj-billing-setting-item>span{font-weight:800;color:#1d2a25}
.pj-billing-setting-item>small{min-height:38px;color:#66736e;line-height:1.5}
.pj-billing-setting-item>em{font-size:.76rem;font-style:normal;color:#7d8884}
.pj-billing-setting-item .input-group-text{font-weight:800;background:#edf5f0;border-color:#dbe7df}
.pj-billing-setting-item .form-control{font-size:1.05rem;font-weight:800;border-color:#dbe7df}
@media(max-width:767.98px){.pj-billing-setting-grid{grid-template-columns:1fr}.pj-billing-setting-item>small{min-height:0}}