#app[data-view="performance"] .page-heading,#app[data-view="performance"] .page-summary,#app[data-view="performance"] #controls,#app[data-view="performance"] main>.view-notes{display:none}
#performance-panel{color:#222c40}.perf-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px}.perf-heading h1{font-size:28px;letter-spacing:-.7px;margin:4px 0}.perf-controls{display:flex;gap:12px;flex-wrap:wrap}.perf-controls label{display:grid;gap:5px;font-size:12px;font-weight:650;color:#66728a}.perf-controls select{padding:10px 32px 10px 12px;border:1px solid #dcdfea;background:white;border-radius:9px;color:#303a50;font:inherit;font-size:14px;min-height:42px}.perf-source-note{border-left:3px solid #9785c4;padding:12px 16px;background:#f0edf8;color:#56516c;font-size:13px;line-height:1.55;border-radius:0 8px 8px 0;margin-bottom:16px}.perf-period{display:flex;gap:14px;align-items:center;margin:16px 0 10px}.perf-period span{font-size:12px;color:#717d92}.perf-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.perf-kpi{background:white;border:1px solid #dfe3ef;border-top:3px solid #9586c2;border-radius:12px;padding:17px 18px;display:flex;flex-direction:column;gap:9px;min-width:0}.perf-kpi>span{font-size:13px;color:#67738a;font-weight:600}.perf-kpi strong{font-size:30px;letter-spacing:-.6px;font-variant-numeric:tabular-nums;color:#6850a2}.perf-kpi small{font-size:11px;line-height:1.4;color:#7b8497}.perf-kpi.charged{border-top-color:#4992c1}.perf-kpi.charged strong{color:#286f9d}.perf-kpi.collected{border-top-color:#4d9c83}.perf-kpi.collected strong{color:#25785e}.perf-kpi.score{background:#2c2e48;border-color:#2c2e48}.perf-kpi.score>span,.perf-kpi.score small{color:#d0cce3}.perf-kpi.score strong{color:white}.perf-chart-card,.perf-score-card{background:white;border:1px solid #dfe3ed;border-radius:16px;padding:22px;margin-bottom:18px}.perf-chart-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.perf-chart-heading h2,.perf-score-title h2{font-size:17px;letter-spacing:-.2px;margin:0}.perf-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#647188}.perf-legend span{display:flex;align-items:center;gap:7px}.perf-legend i{width:19px;height:3px;border-radius:4px;background:#7860b0}.perf-legend .charged{background:#3484b4}.perf-legend .collected{background:#2c9976}.perf-load{display:flex;align-items:center;gap:15px;justify-content:space-between;min-height:36px;margin:12px 0;color:#768299;font-size:12px}.perf-load progress{width:150px;height:4px;accent-color:#8170b4}.perf-load button{font-size:12px;padding:7px 12px}.perf-chart{width:100%;display:block;min-width:630px}.perf-chart-scroll{overflow-x:auto}.perf-grid{stroke:#edf0f6;stroke-width:1}.perf-axis{font-size:11px;fill:#778197}.perf-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.perf-potential{stroke:#7860b0}.perf-charged{stroke:#3484b4}.perf-collected{stroke:#2c9976}.perf-dot{stroke-width:2;fill:white}.perf-area{opacity:.12}.perf-potential-gap{fill:#9475c9}.perf-collection-gap{fill:#48a390}.perf-selection{stroke:transparent;stroke-dasharray:4 4;stroke-width:1}.perf-selection.selected{stroke:#aa9acc}.perf-chart [data-perf-point]{cursor:pointer;outline:none}.perf-chart [data-perf-point]:focus-visible .perf-selection,.perf-chart [data-perf-point]:hover .perf-selection{stroke:#4f426f;stroke-width:2}.perf-gaps{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #edf0f5;padding-top:16px}.perf-gaps>div{display:grid;grid-template-columns:1fr auto;gap:6px}.perf-gaps span{font-size:13px;color:#58677f}.perf-gaps strong{font-size:19px;color:#4b4665;font-variant-numeric:tabular-nums}.perf-gaps small{grid-column:1/-1;color:#818ba0;font-size:11px}.perf-caption{font-size:11px;color:#7b869a;line-height:1.5;margin:15px 0 0}.perf-score-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.perf-score-title p{font-size:12px;color:#748197;margin:5px 0 0}.perf-score-title>strong{font-size:20px;color:#7a699f}.perf-score-parts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.perf-score-label{display:flex;justify-content:space-between;gap:12px;font-size:12px}.perf-score-label>span{color:#786996}.perf-score-track{height:5px;background:#f0edf7;border-radius:8px;margin:12px 0;overflow:hidden}.perf-score-track i{display:block;height:100%;background:#9e8ec5;border-radius:8px}.perf-score-parts small{font-size:11px;color:#7b8499;display:block;min-height:30px;line-height:1.5}.perf-score-points{display:block;font-size:11px;font-weight:600;color:#6e647f;margin-top:7px}.perf-details{background:#fff;border:1px solid #e1e5ed;border-radius:12px;padding:16px 20px;margin:12px 0}.perf-details summary{cursor:pointer;font-weight:600;font-size:13px;color:#5b5275}.perf-details p{font-size:12px;color:#707c93;line-height:1.65}.perf-table-scroll{overflow:auto;margin-top:12px}.perf-table-scroll table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums}.perf-table-scroll th,.perf-table-scroll td{padding:12px;text-align:right;border-bottom:1px solid #eef0f6}.perf-table-scroll th:first-child,.perf-table-scroll td:first-child{text-align:left}.perf-table-scroll th{background:#f5f4fa;color:#6f7290}
@media(max-width:1000px){.perf-heading{align-items:flex-start;flex-direction:column}.perf-kpi strong{font-size:25px}.perf-score-parts{grid-template-columns:1fr 1fr}}@media(max-width:650px){.perf-kpis{grid-template-columns:1fr 1fr;gap:10px}.perf-kpi{padding:12px}.perf-kpi>span{font-size:12px}.perf-kpi strong{font-size:23px}.perf-controls{gap:8px;width:100%}.perf-controls label{flex:1}.perf-controls select{width:100%;min-width:0;padding-right:20px}.perf-chart-card,.perf-score-card{padding:15px}.perf-gaps{grid-template-columns:1fr;gap:14px}.perf-period{align-items:flex-start;flex-direction:column;gap:4px}.perf-score-title>strong{font-size:16px}.perf-legend{gap:10px;font-size:11px}}

.perf-loading-banner{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;margin:16px 0;background:#f0f5fc;border:1px solid #cedff0;border-radius:12px;color:#304e70}.perf-loading-copy{flex:1;min-width:0}.perf-loading-copy>strong{font-size:16px}.perf-loading-copy p{font-size:13px;line-height:1.5;margin:5px 0 12px}.perf-loading-copy>small{display:block;font-size:11px;color:#647b94;margin-top:9px}.perf-loading-progress{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;font-variant-numeric:tabular-nums}.perf-loading-progress progress{width:220px;max-width:100%;height:7px;accent-color:#5988b6;border:0;border-radius:10px;overflow:hidden;background:#dce7f3}.perf-loading-progress progress::-webkit-progress-bar{background:#dce7f3;border-radius:10px}.perf-loading-progress progress::-webkit-progress-value{background:#5988b6;border-radius:10px}.perf-loading-progress progress::-moz-progress-bar{background:#5988b6;border-radius:10px}.perf-loading-spinner{flex-shrink:0;width:20px;height:20px;border:2px solid #c9dbea;border-top-color:#527ea9;border-radius:50%;animation:perf-spin 1s linear infinite;margin-top:1px}.perf-kpi strong .perf-loading-value{font-size:22px;letter-spacing:-.2px}.perf-load-error{background:#fff8e9;border:1px solid #efdaad;border-radius:9px;padding:12px;color:#856320}.perf-load-error button{flex-shrink:0}.perf-load-error strong{display:block;margin-bottom:3px}@keyframes perf-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.perf-loading-spinner{animation:none}}@media(max-width:650px){.perf-loading-banner{padding:14px}.perf-kpi strong .perf-loading-value{font-size:20px}.perf-load-error{align-items:flex-start;flex-direction:column}}

.perf-zero-note{margin:0 0 18px;padding:12px 16px;background:#fff8e9;border:1px solid #efdaad;border-radius:9px;color:#856320;font-size:12px}.perf-zero-note summary{cursor:pointer;font-weight:600}.perf-zero-note p{line-height:1.5}.perf-zero-note ul{padding-left:18px;line-height:1.8}

.perf-cycle-label{display:grid;gap:5px;font-size:12px;font-weight:650;color:#66728a}.perf-cycle-label strong{display:flex;align-items:center;padding:10px 12px;min-height:42px;box-sizing:border-box;font-size:14px;color:#5d4d87;background:#f0edf8;border-radius:9px}
.billing-subtitle{font-size:13px;color:#748197;margin:7px 0 0}.billing-potential{stroke:#7860b0}.billing-actual{stroke:#3484b4}.billing-gap strong{color:#5b5778}.billing-owed{border-top-color:#c3944f}.billing-owed strong{color:#986a23}.billing-health{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:18px 24px;margin:0 0 22px;background:#efedf6;border-radius:12px}.billing-health>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#6c6680}.billing-health strong{font-size:20px;color:#51446d}.billing-balances .perf-caption{margin-bottom:18px}.billing-date{font-size:12px;color:#748197}.billing-balance-totals{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.billing-aging{display:grid;gap:16px;padding:10px 0 18px}.billing-aging-row{display:grid;grid-template-columns:100px 1fr 100px;gap:16px;align-items:center;font-size:13px;color:#69758a}.billing-aging-row>strong{text-align:right;color:#333d52;font-variant-numeric:tabular-nums}.billing-aging-track{height:16px;background:#f6f3ed;border-radius:5px;overflow:hidden}.billing-aging-track i{display:block;height:100%;border-radius:5px}.billing-breakdown{display:flex;gap:18px;flex-wrap:wrap;border-top:1px solid #edf0f5;padding:16px 0 0;color:#778197;font-size:12px}.billing-breakdown strong{color:#485368;margin-left:5px}.perf-chart [data-billing-point]{cursor:pointer;outline:none}.perf-chart [data-billing-point]:focus-visible .perf-selection,.perf-chart [data-billing-point]:hover .perf-selection{stroke:#4f426f;stroke-width:2}@media(max-width:850px){.billing-health{grid-template-columns:1fr}.billing-kpis{grid-template-columns:1fr 1fr}}@media(max-width:500px){.billing-balance-totals{grid-template-columns:1fr}.billing-aging-row{grid-template-columns:78px 1fr 78px;gap:8px;font-size:12px}}

.billing-potential-breakdown{background:#faf9fd;border:1px solid #e4dff0;border-radius:12px;padding:15px 18px;margin:0 0 18px}.billing-potential-heading{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin-bottom:14px}.billing-potential-heading>strong{font-size:13px;color:#57447f}.billing-potential-heading>span{font-size:11px;color:#798297}.billing-potential-parts{display:flex;gap:24px;flex-wrap:wrap}.billing-potential-parts>div{flex:1;min-width:170px;display:grid;gap:5px}.billing-potential-parts span{font-size:12px;color:#67738a}.billing-potential-parts strong{font-size:20px;color:#57447f;font-variant-numeric:tabular-nums}.billing-potential-parts small{font-size:11px;color:#798297}.billing-potential-breakdown details{border-top:1px solid #e4dff0;margin-top:14px;padding-top:12px;font-size:12px;color:#57447f}.billing-potential-breakdown summary{cursor:pointer;font-weight:600}.billing-potential-breakdown ul{list-style:none;padding:0;margin:12px 0 0;max-height:260px;overflow:auto}.billing-potential-breakdown li{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #eeeaf4;color:#67738a}.billing-potential-breakdown li strong{white-space:nowrap;color:#57447f;font-variant-numeric:tabular-nums}