.metrikRecurring{display:flex;flex-direction:column;gap:16px}.metrikRecurring__header{padding:12px 14px;border-radius:12px;border:1px solid var(--outline-variant);display:flex;background:var(--surface-container-lowest, var(--surface));flex-direction:column;gap:10px}.metrikRecurring__headerRow{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.metrikRecurring__exportBtn{margin-left:auto}.metrikRecurring__dates{display:flex;align-items:center;gap:8px}.metrikRecurring__dateInput{max-width:148px;padding:5px 8px;font-size:13px}.metrikRecurring__dateSep{color:var(--secondary);font-size:13px}.metrikRecurring__quick{display:flex;flex-wrap:wrap;gap:6px}.metrikRecurring__quickBtn{padding:5px 10px;border-radius:8px;border:1px solid var(--outline-variant);background:transparent;color:var(--on-surface);font-size:12px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.metrikRecurring__quickBtn:hover{background:var(--surface-container-highest)}.metrikRecurring__quickBtn--active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-weight:600}.metrikRecurring__headerError{font-size:12px;color:var(--error)}.metrikRecurring__headerLoading{font-size:12px;color:var(--secondary)}.metrikRecurring__kpiStrip{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding-top:4px;border-top:1px solid var(--outline-variant)}.metrikRecurring__kpiItem{display:flex;align-items:baseline;gap:6px}.metrikRecurring__kpiNum{font-size:20px;font-weight:800;line-height:1}.metrikRecurring__kpiLbl{font-size:11px;color:var(--secondary);text-transform:uppercase;letter-spacing:.02em}.metrikRecurring__kpiItem--yes .metrikRecurring__kpiNum{color:#bf360c}.metrikRecurring__kpiItem--no .metrikRecurring__kpiNum{color:#1b5e20}.metrikRecurring__kpiItem--share .metrikRecurring__kpiNum{color:var(--primary);font-size:18px}.metrikRecurring__kpiMeta{display:flex;gap:10px;font-size:11px;color:var(--secondary);margin-left:auto}.metrikRecurring__bar{height:6px;border-radius:999px;background:var(--outline-variant);overflow:hidden;display:flex;flex:1 1 120px;min-width:80px;max-width:200px}.metrikRecurring__bar--inline{margin-left:4px}.metrikRecurring__barYes{background:#e65100}.metrikRecurring__barNo{background:#2e7d32}.metrikRecurring__barNa{background:var(--secondary)}.metrikRecurring__clubs{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.metrikRecurring__clubCard{padding:10px 12px;border-radius:10px;border:1px solid var(--outline-variant);background:var(--surface-container-lowest, var(--surface))}.metrikRecurring__clubTitle{font-weight:700;font-size:13px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metrikRecurring__clubStats{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--secondary)}.metrikRecurring__filterRow{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.metrikRecurring__loadMore{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.metrikRecurring__loadMoreHint{font-size:12px;color:var(--secondary)}.metrikRecurring__loadMoreHint--done{margin-top:12px;text-align:center}.metrikRecurring__badge{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.metrikRecurring__badge--compact{min-width:0;padding:2px 8px;font-size:11px}.metrikRecurring__badge--yes{background:color-mix(in srgb,#e65100 18%,transparent);color:#bf360c}.metrikRecurring__badge--no{background:color-mix(in srgb,#2e7d32 18%,transparent);color:#1b5e20}.metrikRecurring__badge--na{background:color-mix(in srgb,var(--secondary) 18%,transparent);color:var(--secondary)}@media(max-width:720px){.metrikRecurring__kpiMeta{margin-left:0;width:100%}.metrikRecurring__bar{max-width:none;width:100%}}