Complete financial overview with charts, payout history, and one-tap withdrawal request.
Full blue gradient #0B96D0→#00ACE4 with decorative circles. Growth badge uses rgba(0,0,0,.2) overlay for contrast on the gradient.
Pure CSS bar chart. Bars use #2C2C2E default, peak day highlighted with blue gradient. Heights are percentage-based for responsive scaling.
Outgoing amounts shown in #DC3545 red with prefix dash. Status "✓ Sent" in #00C87A green. Bank icon uses #2C2C2E pill container.
Three-chip selector: This Week / This Month / All Time. Selected chip uses gradient fill. Data refreshes based on period selection via API.
Bottom CTA triggers withdrawal flow. Minimum payout threshold enforced. Real-time available balance shown separately from pending.
Platform takes 25% commission. Net earnings after commission are displayed everywhere — the professional always sees what they actually keep, never the gross service price.
Balance card shows 47 Jobs and Avg 7.29 DT/job as meta chips on the gradient. These give at-a-glance performance KPIs without navigating away.
Month-over-month comparison shown as a percentage badge. Green when positive, red when below previous month. Helps professionals track business momentum.