#analytics-dashboard{max-width:1500px;margin:0 auto}#analytics-dashboard h2{margin:0;font-size:16px}#analytics-dashboard .page-heading{align-items:center;margin-bottom:22px}.analytics-toolbar{display:flex;align-items:center;gap:24px;padding:15px 20px;margin-bottom:24px}.analytics-platforms{display:flex;gap:4px;border-radius:10px;padding:4px;background:rgba(180,160,205,.08)}.analytics-platform{padding:9px 24px;border:0;border-radius:7px;background:transparent;color:var(--muted,#aaa);font:inherit;cursor:pointer}.analytics-platform.selected{background:#373737;color:#eaeaea}.analytics-account{display:flex;align-items:center;gap:12px;flex:1;flex-wrap:wrap;min-width:0}.analytics-account strong{overflow:hidden;text-overflow:ellipsis;max-width:260px;white-space:nowrap}.analytics-account small,.analytics-section-heading small{color:var(--muted,#aaa);font-size:12px}.analytics-sync-state{font-size:12px;border:1px solid rgba(177,152,208,.2);border-radius:5px;padding:3px 7px;color:var(--muted,#aaa)}.analytics-alert{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid #72533c;background:#31251f;color:#e9c7aa;padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:13px}.analytics-alert .button{margin-left:auto}.analytics-body{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;margin-bottom:24px}.analytics-main{min-width:0}.analytics-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.analytics-section-heading>div:first-child{display:flex;align-items:center;gap:12px}.analytics-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.analytics-metric{padding:21px 22px;min-height:120px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.analytics-metric>span,.analytics-fans span{font-size:13px;color:var(--muted,#aaa)}.analytics-metric strong{font-size:30px;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:#dadada}.analytics-fans{padding:24px;align-self:start}.analytics-fans>div{display:flex;flex-direction:column;gap:14px;margin-top:32px}.analytics-fans strong{font-size:30px;font-variant-numeric:tabular-nums;font-weight:600;overflow-wrap:anywhere}.analytics-trends,.analytics-works{padding:24px;margin-bottom:24px}.analytics-chart-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.analytics-chart-controls>div{display:flex;gap:6px}.analytics-chart-controls select{background:#222222;color:inherit;border:1px solid rgba(177,152,208,.25);border-radius:7px;padding:8px 12px}.analytics-chart-controls .selected{background:#373737;border-color:#a4a4a4}.analytics-chart-empty{min-height:220px;display:grid;place-items:center;color:var(--muted,#aaa);font-size:13px}.analytics-chart{margin:0}.analytics-chart svg{display:block;width:100%;max-height:270px}.chart-grid{stroke:rgba(177,152,208,.25)}.chart-line{fill:none;stroke:#bebebe;stroke-width:2.5}.chart-point{fill:#c8c8c8}.analytics-chart figcaption{display:flex;justify-content:space-between;color:var(--muted,#aaa);font-size:12px}.analytics-table-scroll{overflow-x:auto}.analytics-works table,.analytics-trend-table table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.analytics-works th,.analytics-works td,.analytics-trend-table th,.analytics-trend-table td{padding:15px 14px;border-bottom:1px solid rgba(177,152,208,.12)}.analytics-works th,.analytics-trend-table th{color:var(--muted,#aaa);font-weight:400;white-space:nowrap}.analytics-works td:first-child{min-width:220px;max-width:480px;overflow-wrap:anywhere}.analytics-works a{color:inherit}.analytics-works td:not(:first-child){font-variant-numeric:tabular-nums}.analytics-works-empty{text-align:center;color:var(--muted,#aaa);height:130px}.analytics-trend-table{margin-top:16px;font-size:12px;color:var(--muted,#aaa)}.analytics-trend-table summary{cursor:pointer}.analytics-platform:focus-visible,.analytics-trend-table summary:focus-visible{outline:2px solid #bebebe;outline-offset:3px}@media(min-width:1500px){.analytics-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.analytics-body{grid-template-columns:minmax(0,1fr) 210px}.analytics-metric{padding:18px}.analytics-toolbar{gap:14px}.analytics-platform{padding:9px 15px}}@media(max-width:760px){.analytics-body{grid-template-columns:1fr}.analytics-fans{display:grid;grid-template-columns:1fr 1fr;gap:20px}.analytics-fans h2{grid-column:1/-1}.analytics-fans>div{margin-top:0}.analytics-toolbar{flex-wrap:wrap}.analytics-account{order:3;flex-basis:100%}.analytics-toolbar>a{margin-left:auto}.analytics-trends .analytics-section-heading{align-items:start;flex-direction:column}.analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-metric strong{font-size:26px}.analytics-trends,.analytics-works{padding:18px}.analytics-account strong{max-width:180px}}

.analytics-production{padding:24px;margin-bottom:24px}.analytics-production-values{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-bottom:18px}.analytics-production-values>div{display:flex;flex-direction:column;gap:8px}.analytics-production-values span,.analytics-production small{font-size:12px;color:#aaa}.analytics-production-values strong{font-size:26px}.analytics-production label{font-size:13px;display:flex;align-items:center;gap:8px}@media(max-width:1100px){.analytics-production-values{grid-template-columns:repeat(3,minmax(0,1fr))}}

.analytics-account{min-width:0}.analytics-account select{max-width:min(100%,360px);min-width:0;background:#202020;color:#eee;border:1px solid #555;border-radius:6px;padding:8px}

.analytics-definition,.analytics-metric small{font-size:12px;line-height:1.65;color:var(--muted,#aaa);overflow-wrap:anywhere}.analytics-works .analytics-table-scroll{max-height:520px;overflow:auto}.analytics-works td small{display:block;margin-top:6px;color:var(--muted,#aaa);font-size:12px}.analytics-pages{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap;margin-top:18px;font-size:12px}.analytics-section-heading{flex-wrap:wrap}.analytics-section-heading>div:first-child{flex-wrap:wrap;min-width:0}.analytics-metric{gap:12px}.analytics-trend-table{overflow-x:auto}.analytics-chart-controls{min-width:0}