PodcastItLater: Add Stripe billing and mobile responsiveness

- Implemented complete Stripe integration (Billing.py)
  - Checkout sessions for subscription upgrades - Billing portal for
  subscription management - Webhook handling for subscription events
  - Usage tracking with tier-based limits (free: 10, personal: 50,
  pro: unlimited)

- Added billing page UI (BillingPage component)
  - Current plan display with usage stats - Pricing cards for all
  tiers with upgrade buttons - Manage subscription button for paid
  users - Success/error messaging

- Database migrations for billing
  - Added plan_tier, stripe_customer_id, stripe_subscription_id - Added
  subscription_status, period dates, cancel_at_period_end - Created
  stripe_events table for webhook idempotency - Added get_usage()
  method for usage tracking

- Made UI mobile-friendly and responsive
  - Added viewport meta tags to all pages - Replaced pages.HtmlPage
  with raw html.html for meta tag control - Responsive button layouts
  with flexbox wrapping - Responsive pricing cards (1 col mobile,
  2 col tablet, 3 col desktop) - Touch-friendly forms and buttons
  (44px minimum) - Responsive padding and containers - Admin tables
  with horizontal scroll

- Added Stripe testing guide (STRIPE_TESTING.md)

- Fixed CSS bug in pricing cards (cardh-100 text rendering) - Updated
tasks: completed t-144e7lF, t-1pIV0ZF, t-1s8ADC0

Amp-Thread-ID:
https://ampcode.com/threads/T-42fd5fb3-3dc5-4cbc-a9a3-78db9e13187e
Co-authored-by: Amp <amp@ampcode.com>

0 files changed, 0 insertions, 0 deletions