<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Unforgiven Marketplace - Test Panel</title>
    <style>
        body { font-family: sans-serif; background: #f4f7f6; color: #333; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }
        .card { background: white; padding: 2rem; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1); text-align: center; max-width: 500px; width: 100%; }
        h1 { color: #2c3e50; margin-bottom: 0.5rem; }
        p { color: #7f8c8d; margin-bottom: 2rem; }
        .status-list { text-align: left; background: #f9f9f9; padding: 1rem; border-radius: 8px; border: 1px solid #eee; }
        .status-item { display: flex; justify-content: space-between; margin-bottom: 10px; font-weight: bold; }
        .tag { padding: 2px 8px; border-radius: 4px; font-size: 0.8rem; background: #27ae60; color: white; }
    </style>
</head>
<body>

    <div class="card">
        <h1>Unforgiven.ir</h1>
        <p>VPS Deployment Test - Status: <b>Online</b></p>
        
        <div class="status-list">
            <div class="status-item">
                <span>Laravel Backend (API)</span>
                <span class="tag">Ready to Clone</span>
            </div>
            <div class="status-item">
                <span>React Admin Panel</span>
                <span class="tag">Path Verified</span>
            </div>
            <div class="status-item">
                <span>Next.js B2C Site</span>
                <span class="tag">Port 3000 Pending</span>
            </div>
        </div>

        <p style="margin-top: 20px; font-size: 0.9rem;">
            If you see this, your IP is correctly pointing to <b>unforgiven.ir/public_html</b>
        </p>
    </div>

</body>
</html>