[data-aff-overview][hidden], [data-aff-analytics][hidden], [data-analytics-loaded][hidden], [data-analytics-range][hidden] { display:none!important; }
[data-active-view="analytics"] .aff-hero { display:none; }
.analytics-method summary { cursor:pointer; min-height:44px; padding:10px 0; font-weight:800; }
.analytics-panel .hint { font-size:14px; }
[data-aff-overview] { display:grid; gap:24px; min-width:0; }
.analytics-tabs { display:flex; flex-wrap:wrap; gap:10px; position:relative; background:#fffaf1; padding:10px 0; z-index:2; }
.analytics-tabs [aria-pressed="true"] { background:#173e35; color:#fff; border-color:#173e35; }
.analytics-panel { min-width:0; overflow-wrap:anywhere; }
.analytics-panel > p { max-width:80ch; }
.analytics-filter { display:flex; align-items:end; flex-wrap:wrap; gap:16px; margin:24px 0; }
.analytics-filter label,.analytics-source { display:grid; gap:7px; min-width:0; font-weight:800; }
.analytics-filter select,.analytics-filter input,.analytics-source select { width:100%; max-width:100%; min-width:0; min-height:46px; padding:10px; background:white; border:1px solid #becdc4; border-radius:10px; font:inherit; color:#173e35; }
.analytics-filter [data-analytics-range] { display:flex; flex-wrap:wrap; gap:12px; }
.analytics-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:24px 0; }
.analytics-cards article,.analytics-paid,.analytics-notice { padding:18px; background:#f1f5ed; border:1px solid #d5e0d3; border-radius:14px; }
.analytics-cards h3 { margin:0 0 10px; font-size:16px; }
.analytics-cards strong,.analytics-paid > strong { font-size:32px; color:#173e35; }
.analytics-paid { margin-bottom:24px; }
.analytics-table-wrap { overflow-x:auto; max-width:100%; margin:16px 0 24px; }
.analytics-table-wrap table { width:100%; min-width:650px; border-collapse:collapse; }
.analytics-table-wrap th,.analytics-table-wrap td { text-align:left; padding:14px 12px; border-bottom:1px solid #d5e0d3; }
.analytics-table-wrap thead { background:#f1f5ed; }
@media(max-width:800px) { .analytics-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:480px) { .analytics-cards { grid-template-columns:minmax(0,1fr); } .analytics-filter > *, .analytics-filter [data-analytics-range] > * { width:100%; } .analytics-tabs .button { flex:1; } }