# QUICK CSS FIX - 2 Minutes

## Problem
Agent referral page shows no CSS (plain text, no styling)

## Root Cause
Vite CSS assets not built on live server

## FASTEST FIX

### On Live Server (SSH Terminal)

```bash
# Go to project directory
cd /home/dextragr/public_html/will

# Install Node.js dependencies
npm install

# Build CSS/JS assets
npm run build

# That's it!
```

**Time**: ~1-2 minutes (depending on npm install speed)

### Then Test
Open: `https://will.dextragroups.com/agent/register?ref=SOMEREF`

Should see:
- ✅ Red background gradient
- ✅ White form with styling
- ✅ Proper spacing and layout
- ✅ Styled buttons and inputs

---

## If npm Not Available

Contact your hosting provider to:
1. Install Node.js and npm
2. Or run the commands above for you

---

## What Happens Behind The Scenes

```
npm install
  ↓ Downloads Tailwind CSS, Laravel Vite Plugin, etc.
  
npm run build
  ↓ Compiles resources/sass/app.scss
  ↓ Compiles resources/js/app.js
  ↓ Creates: public/build/manifest.json + assets
  ↓ Laravel automatically loads these compiled files
  
Page loads with CSS!
```

---

## Verify It Worked

```bash
# Check if build directory exists
ls -la public/build/

# Should show files like:
# - manifest.json
# - assets/app-XXXXX.css
# - assets/app-XXXXX.js
```

Done! ✅