@import url('/static/account.css');

[hidden]{display:none!important}
.analytics-main{max-width:1280px}
.analytics-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:22px}
.analytics-heading h1{font-size:clamp(30px,4vw,43px);margin:10px 0}
.analytics-heading .eyebrow{margin:0}
.analytics-heading .muted{margin:0}
.analytics-filters{flex:0 0 auto}
.analytics-filters>label{display:block;font-size:13px;font-weight:650;margin-bottom:7px}
.analytics-filters select{width:auto;min-width:165px}
.analytics-filters button{min-height:46px}
.analytics-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:18px 0 24px}
.analytics-metric{border:1px solid var(--line);border-top:3px solid #008fca;border-radius:12px;padding:18px;background:#fff;min-width:0}
.analytics-metric dt{font-size:13px;line-height:1.5;color:var(--muted);min-height:40px}
.analytics-metric dd{margin:10px 0 0;font-size:clamp(24px,3vw,34px);line-height:1.2;font-weight:750;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.analytics-metric dl{margin:0}
.analytics-engagement{margin:28px 0 32px;padding-top:20px;border-top:1px solid var(--line)}
.analytics-engagement h2{margin:0 0 10px}
.analytics-engagement .analytics-metric{border-top-color:#9450a0}
.analytics-engagement .analytics-metric dd{font-size:clamp(22px,2.4vw,29px)}
.analytics-engagement .section-note{line-height:1.65}
.analytics-stages{margin:28px 0 32px;padding-top:20px;border-top:1px solid var(--line)}
.analytics-stages h2{margin:0 0 10px}
.analytics-stages .section-note{line-height:1.65}
.analytics-stages .analytics-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.analytics-stages .analytics-metric{border-top-color:#26744b}
.analytics-stages .analytics-metric dd{font-size:clamp(22px,2.4vw,29px)}
#stage-zero-results{max-width:680px}
.analytics-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.analytics-charts .community-card{padding:24px 18px;overflow:hidden}
.chart-legend{display:flex;flex-wrap:wrap;gap:8px 18px;min-height:42px;font-size:12px;color:var(--muted)}
.chart-legend span{display:inline-flex;align-items:center;gap:6px}
.chart-legend i{width:14px;height:4px;border-radius:2px;display:inline-block}
.analytics-chart svg{display:block;width:100%;height:auto;overflow:visible}
.analytics-chart text{font:12px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;fill:var(--muted)}
.analytics-rankings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}
.analytics-rankings .community-card{margin:0;padding:23px 20px}
.analytics-rankings h2{font-size:20px}
.ranking-list{list-style:none;display:grid;gap:14px;margin:0;padding:0}
.ranking-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:5px 12px;font-size:13px}
.ranking-row .ranking-label{overflow-wrap:anywhere;line-height:1.5}
.ranking-row strong{font-variant-numeric:tabular-nums;line-height:1.5}
.ranking-track{grid-column:1/-1;background:#edf3f7;height:5px;border-radius:4px;overflow:hidden}
.ranking-fill{height:100%;display:block;background:#008fca;border-radius:4px}
.analytics-empty{border-style:dashed;background:#f8fcff}
.analytics-empty p{margin-bottom:0;color:var(--muted)}
.analytics-daily summary{font-size:17px;font-weight:650;cursor:pointer;min-height:28px}
.analytics-table-wrap{max-width:100%;overflow:auto;margin-top:18px}
.analytics-daily table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.analytics-daily caption{text-align:left;margin-bottom:12px;color:var(--muted)}
.analytics-daily th,.analytics-daily td{padding:12px 10px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}
.analytics-daily th:first-child,.analytics-daily td:first-child{text-align:left}
.analytics-daily thead th{font-size:12px;color:var(--muted);background:#f6f9fc}
.analytics-method{background:#eaf4fa;box-shadow:none}
.analytics-method h2{font-size:18px;margin-bottom:10px}
.analytics-method p{font-size:13px;margin:8px 0;color:#415e74}
#message.error{border-color:#b75532;background:#fff2eb;color:#7d3425}
@media(max-width:1000px){.analytics-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-rankings{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.analytics-heading{display:block}.analytics-filters{margin-top:20px}.analytics-filters .actions{display:grid;grid-template-columns:minmax(0,1fr) auto}.analytics-filters select{width:100%;min-width:0}.analytics-chart text{font-size:18px}.analytics-charts,.analytics-rankings{grid-template-columns:minmax(0,1fr);gap:16px}.analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analytics-metric{padding:15px}.analytics-metric dt{min-height:40px}.analytics-charts .community-card{margin-bottom:0}.analytics-charts{margin-bottom:20px}.community-header nav{font-size:13px}.analytics-main{padding-inline:14px}.analytics-rankings .community-card{padding:20px 16px}}
@media(max-width:700px){.analytics-stages .analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}