graph TB
subgraph Client Layer
AD[Admin Dashboard: React + TanStack]
FD[Affiliate Dashboard: React + TanStack]
end
subgraph API Layer
BE[Backend API Express + Node.js]
end
subgraph Data Layer
DB[(PostgreSQL: Affiliate System)]
SYNC[Data Sync Service]
LDB[(Labayh MYSQL Database)]
end
AD -->|Admin API Calls| BE
FD -->|Affiliate API Calls| BE
BE -->|Query/Mutate| DB
BE -->|Scheduled Sync| SYNC
SYNC -->|Fetch Payment Data| LDB
SYNC -->|Update| DB
classDef primary fill:#f0d6ff,stroke:#7C0097,stroke-width:2px
classDef secondary fill:#e6eeff,stroke:#486DF6,stroke-width:2px
classDef tertiary fill:#d6ffeb,stroke:#00973d,stroke-width:2px,stroke-dasharray: 5 5
classDef database fill:#d6ffeb,stroke:#00973d,stroke-width:2px,stroke-dasharray: 5 5
class AD,FD primary
class BE secondary
class SYNC tertiary
class DB,LDB database