<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>All Set! - <?= APP_NAME ?></title>
    <link rel="stylesheet" href="<?= APP_URL ?>/assets/css/app.css">
    <style>
        body { display: flex; align-items: center; justify-content: center; min-height: 100vh; background: var(--bg-base); padding: 40px 20px;}
        .onboarding-card {
            width: 100%; max-width: 500px;
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: var(--radius-xl);
            padding: 50px 40px;
            box-shadow: var(--shadow-lg);
            text-align: center;
        }
        .success-icon {
            width: 80px; height: 80px;
            background: rgba(16,185,129,0.15);
            color: var(--success);
            border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            margin: 0 auto 24px;
        }
        .success-icon svg { width: 40px; height: 40px; }
    </style>
</head>
<body>

    <div class="onboarding-card">
        <div class="success-icon">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg>
        </div>
        <h1 class="page-header" style="justify-content: center; margin-bottom: 15px;"><h2>You're all set!</h2></h1>
        <p class="text-muted mb-6">Your TellerPro workspace is ready. Let's start managing your inventory and processing sales.</p>
        
        <a href="<?= APP_URL ?>/dashboard" class="btn btn-primary btn-lg w-full" style="justify-content:center;">
            Go to Dashboard
        </a>
    </div>

</body>
</html>
