FRD Link
https://docs.google.com/document/d/1B2FP_sS96tjbl-wZKrIzRSfOzxAie5oEO8A11txFooE/edit?tab=t.1fxkj0u91i2n#heading=h.acz654widq8c

Figma Link
https://www.figma.com/design/ej0kxwP45mDKmZCZfAJ5O8/Pixally?node-id=32364-21127&t=ggr1H3F3XW6HE1m8-0

User Flows
FRD5 – Date filter flow (preset and custom range), KPI card display flow, trend chart display, Referral Activity table flow including milestone reward row expansion

Functional Logic
FRD5 – Date filter presets (This Month default, Last Month, This Quarter, Custom Range) and validation (end > start); KPI card calculations (Conversion Rate = Successful / Total × 100%; Rewards Paid = sum of Paid milestones; Pending Rewards = sum of not-yet-paid milestones); Trend chart always shows full 12 months of current year regardless of filter; Referral Activity table columns (Referrer, Referred, Date Referred, Status, Payment Status, Reward); Yearly plan: 1 row $100 at 90 days; Monthly plan: 3 rows at 90d/$15, 6m/$25, 12m/$60; Status (Pending/Successful); milestone Payment Status auto-updates on date reached

Acceptance Criteria
FRD5 – Default date filter is 'This Month' on page load; all 6 KPI cards show correct values for selected period; Conversion Rate calculated correctly; Rewards Paid and Pending Rewards show correct dollar amounts; trend chart always shows Jan–Dec of current year; Referral Activity table has correct columns; Yearly referral shows single $100 row at 90 days; Monthly referral shows 3 separate reward rows; each milestone Payment Status updates to Paid when milestone date reached; Status shows Pending for new referrals and Successful when referred user converts to paid; table sortable by Date Referred; searchable by referrer name

Edge Cases
FRD5 – Custom range end date before start date → inline error; no referrals in selected period → empty state 'No referral activity found for this period'; reward row shows 'Pending' when milestone not yet reached; trend chart not filtered by date picker

Test Cases
TC-REF-001, TC-REF-002, TC-REF-003, TC-REF-004, TC-REF-005, TC-REF-006, TC-REF-007, TC-REF-008, TC-REF-009, TC-REF-010, TC-REF-011, TC-REF-012, TC-REF-013, TC-REF-014, TC-REF-015, TC-REF-016, TC-REF-017, TC-REF-018, TC-REF-019, TC-REF-020, TC-REF-021, TC-REF-022, TC-REF-023, TC-REF-024, TC-REF-025