.profile-dialog .profile-action-bar #myTrainerAnalytics{background:#fff!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1px #cbd2cb}
html:has(#trainerAnalyticsDialog[open]){overflow:hidden;scrollbar-gutter:stable}
body:has(#trainerAnalyticsDialog[open]){overflow:hidden}
.trainer-analytics-dialog{box-sizing:border-box;width:min(1100px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;padding:0;border:1px solid #dce1dc;border-radius:10px;background:#f7f8f7;color:#201f21;scrollbar-width:thin;scrollbar-color:#b7c0b8 #f7f8f7;scroll-padding-top:110px}
.trainer-analytics-dialog::backdrop{background:#201f219c;backdrop-filter:blur(3px)}
.trainer-analytics-dialog *{box-sizing:border-box}
.analytics-header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;border-bottom:1px solid #e0e4e0;background:#fff}
.analytics-header>div>span{color:#777;font-size:11px}
.analytics-header h2{margin:6px 0 0;font-size:25px;line-height:1.4}
.analytics-header .dialog-close{flex:none;color:#333;border-color:#d9dfd9;background:#fff}
.analytics-body{padding:24px 28px 28px}
.analytics-period{display:flex;align-items:center;justify-content:space-between;gap:24px}
.analytics-period>div{display:grid;gap:7px;min-width:230px}
.analytics-period label,.analytics-filters label{font-size:11px;color:#626762}
.analytics-period>p{margin:0;font-size:11px;line-height:1.9;text-align:right;color:#747974}
.trainer-analytics-dialog :is(select,input){width:100%;min-height:43px;border:1px solid #d6dcd6;border-radius:4px;background:#fff;color:#201f21;padding:10px 12px;font:inherit;font-size:12px}
.trainer-analytics-dialog :is(button,input,select,summary,[tabindex]):focus-visible{outline:2px solid #29974b;outline-offset:3px}
.analytics-source-note{margin:16px 0 22px;font-size:11px;color:#777;line-height:1.8}
.analytics-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}
.analytics-metric{min-width:0;padding:20px;border:1px solid #e0e4e0;border-radius:5px;background:#fff}
.analytics-metric h3{margin:0 0 14px;font-size:11px;font-weight:500;line-height:1.8;color:#646964}
.analytics-metric>strong{display:block;font-size:30px;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums}
.analytics-metric p{margin:8px 0 0;font-size:11px;line-height:1.7;color:#777}
.analytics-metric>small{display:block;margin-top:7px;color:#858a85;font-size:10px;line-height:1.7}
.analytics-change{display:inline-block;margin-top:10px;color:#747974;font-size:10px;line-height:1.8;font-variant-numeric:tabular-nums}
.analytics-change.is-up{color:#258744}
.analytics-change.is-down{color:#9f4949}
.analytics-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.analytics-panel{min-width:0;margin-bottom:20px;padding:24px;border:1px solid #e0e4e0;border-radius:5px;background:#fff}
.analytics-panel h3{margin:0 0 22px;font-size:15px;line-height:1.7}
.analytics-breakdown{margin-bottom:18px}
.analytics-breakdown>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;line-height:1.8}
.analytics-breakdown strong{font-size:14px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.analytics-breakdown small{color:#747974;font-size:11px;font-weight:400}
.analytics-bar{height:6px;margin-top:9px;overflow:hidden;background:#edf0ed;border-radius:4px}
.analytics-bar>span{display:block;height:100%;background:#3db45d;border-radius:4px}
.analytics-breakdown:nth-of-type(even) .analytics-bar>span{background:#737d73}
.analytics-definition{margin:20px 0 0;font-size:10px;line-height:1.9;color:#858a85}
.analytics-money{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:16px;border-top:1px solid #edf0ed}
.analytics-money>div{display:grid;gap:6px}
.analytics-money span{font-size:10px;color:#747974}
.analytics-money strong{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}
.analytics-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.analytics-section-heading h3{margin-bottom:5px}
.analytics-section-heading p{margin:0;color:#858a85;font-size:10px;line-height:1.9}
.analytics-section-heading>.analytics-change{margin:0;text-align:right}
#analyticsRowCount{font-size:10px;color:#858a85;white-space:nowrap}
.analytics-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:20px 0}
.analytics-filters label{display:grid;gap:8px}
.analytics-table-scroll{overflow:auto;overscroll-behavior-x:contain;overscroll-behavior-y:auto}
.trainer-analytics-dialog table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px;line-height:1.8}
.trainer-analytics-dialog thead th{padding:12px 10px;background:#f7f8f7;color:#747974;font-weight:500;text-align:left}
.trainer-analytics-dialog tbody :is(td,th){padding:15px 10px;border-bottom:1px solid #edf0ed;text-align:left;font-weight:400}
.trainer-analytics-dialog tbody th{font-weight:500}
.trainer-analytics-dialog tbody td:nth-child(4),.trainer-analytics-dialog tbody td:nth-child(5){font-variant-numeric:tabular-nums}
.analytics-payment-status{display:inline-block;padding:4px 8px;border-radius:3px;font-size:10px;background:#f0f2f0;color:#666}
.analytics-payment-status.paid{background:#eef7ef;color:#258744}
.analytics-empty{padding:24px!important;color:#858a85;text-align:center!important}
@media(max-width:950px){.analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-two-columns{grid-template-columns:1fr;gap:0}}
@media(max-width:760px){.profile-dialog .has-trainer-analytics{flex-wrap:wrap}.profile-dialog .has-trainer-analytics>button,.profile-dialog .has-trainer-analytics #shareProfile{flex-basis:calc(50% - 6px)}}
@media(max-width:560px){
  .trainer-analytics-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}
  .analytics-header{padding:17px 18px}
  .analytics-header h2{font-size:21px}
  .analytics-body{padding:20px 16px}
  .analytics-period{align-items:stretch;flex-direction:column;gap:12px}
  .analytics-period>p{text-align:left}
  .analytics-metrics{gap:9px}
  .analytics-metric{padding:15px 12px}
  .analytics-metric>strong{font-size:26px}
  .analytics-panel{padding:20px 16px}
  .analytics-panel h3{font-size:13px}
  .analytics-section-heading{flex-wrap:wrap;gap:10px}
  .analytics-filters{grid-template-columns:1fr 1fr}
  .analytics-filters>label:first-child{grid-column:1/-1}
  .profile-dialog .has-trainer-analytics>button,.profile-dialog .has-trainer-analytics #shareProfile{flex-basis:calc(50% - 4px)}
}