System Fault Detected

+ The neural link experienced an unexpected interruption. This could be due to a connection timeout or an internal API failure. +

+ + + + +

+ {error.message} +

+}); + +export default async function AntiNukePage({ params }: { params: { guildId: string } }) { + const config = await api.getAntiNuke(params.guildId); + + if (!config) return null; + + return ( +

+ + Anti-Nuke Protection +

Protect your server from malicious mass-deletion, mass-banning, and other destructive actions.

+ + +

+ ); +} diff --git a/dashboard/app/dashboard/guild/[guildId]/automod/page.tsx b/dashboard/app/dashboard/guild/[guildId]/automod/page.tsx new file mode 100644 index 0000000..9a63229 --- /dev/null +++ b/dashboard/app/dashboard/guild/[guildId]/automod/page.tsx @@ -0,0 +1,46 @@ +/** + * ╔══════════════════════════════════════════════════════════════════╗ + * ║ ║ + * ║ ░█▀▀░█▀█░█▀▄░█▀▀░█░█ ░█▀▄░█▀▀░█░█░█▀▀ ║ + * ║ ░█░░░█░█░█░█░█▀▀░▄▀▄ ░█░█░█▀▀░▀▄▀░▀▀█ ║ + * ║ ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀ ░▀▀░░▀▀▀░░▀░░▀▀▀ ║ + * ║ ║ + * ║ © 2026 CodeX Devs — All Rights Reserved ║ + * ║ ║ + * ║ discord ── https://discord.gg/codexdev ║ + * ║ youtube ── https://youtube.com/@CodeXDevs ║ + * ║ github ── https://github.com/RayExo ║ + * ║ ║ + * ╚══════════════════════════════════════════════════════════════════╝ + */ + +import React from "react"; +import { ShieldCheck } from "lucide-react"; +import dynamic from "next/dynamic"; +import { api } from "@/lib/api"; + +const AutomodForm = dynamic(() => import("@/components/dashboard/automod-form").then(mod => mod.AutomodForm), { + loading: () =>

+}); + +export default async function AutomodPage({ params }: { params: { guildId: string } }) { + const config = await api.getAutomod(params.guildId); + + if (!config) return null; + + return ( +

+ + Auto Moderation +

Protect your community with automated filter systems.

+ + +

+ ); +} diff --git a/dashboard/app/dashboard/guild/[guildId]/autoreact/page.tsx b/dashboard/app/dashboard/guild/[guildId]/autoreact/page.tsx new file mode 100644 index 0000000..2705ce5 --- /dev/null +++ b/dashboard/app/dashboard/guild/[guildId]/autoreact/page.tsx @@ -0,0 +1,182 @@ +/** + * ╔══════════════════════════════════════════════════════════════════╗ + * ║ ║ + * ║ ░█▀▀░█▀█░█▀▄░█▀▀░█░█ ░█▀▄░█▀▀░█░█░█▀▀ ║ + * ║ ░█░░░█░█░█░█░█▀▀░▄▀▄ ░█░█░█▀▀░▀▄▀░▀▀█ ║ + * ║ ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀ ░▀▀░░▀▀▀░░▀░░▀▀▀ ║ + * ║ ║ + * ║ © 2026 CodeX Devs — All Rights Reserved ║ + * ║ ║ + * ║ discord ── https://discord.gg/codexdev ║ + * ║ youtube ── https://youtube.com/@CodeXDevs ║ + * ║ github ── https://github.com/RayExo ║ + * ║ ║ + * ╚══════════════════════════════════════════════════════════════════╝ + */ + +"use client"; + +import React, { useState, useEffect } from "react"; +import { Zap, Save, RefreshCcw, Plus, Trash2, Smile, Info } from "lucide-react"; +import { toast } from "sonner"; +import { api } from "@/lib/api"; +import { Button } from "@/components/ui/button"; +import { Input } from "@/components/ui/input"; +import { cn } from "@/lib/utils"; + +export default function AutoReactPage({ params }: { params: { guildId: string } }) { + const [loading, setLoading] = useState(true); + const [saving, setSaving] = useState(false); + const [config, setConfig] = useState({ triggers: [] }); + + const fetchData = async () => { + try { + setLoading(true); + const configData = await api.getAutoReact(params.guildId); + setConfig(configData); + } catch (error) { + console.error("Failed to fetch auto react data:", error); + toast.error("Failed to load auto react configuration"); + } finally { + setLoading(false); + } + }; + + useEffect(() => { fetchData(); }, [params.guildId]); + + const handleSave = async () => { + setSaving(true); + const promise = api.updateAutoReact(params.guildId, { triggers: config.triggers }); + toast.promise(promise, { + loading: 'Saving auto react configuration...', + success: 'Auto react settings saved!', + error: 'Failed to save auto react config', + }); + try { await promise; } catch {} finally { setSaving(false); } + }; + + const addTrigger = () => { + if (config.triggers.length >= 10) { + toast.error("Maximum 10 triggers allowed"); + return; + } + setConfig({ ...config, triggers: [...config.triggers, { trigger: "", emojis: "" }] }); + }; + + const removeTrigger = (index: number) => { + const newTriggers = [...config.triggers]; + newTriggers.splice(index, 1); + setConfig({ ...config, triggers: newTriggers }); + }; + + const updateTrigger = (index: number, field: string, value: string) => { + const newTriggers = [...config.triggers]; + newTriggers[index] = { ...newTriggers[index], [field]: value }; + setConfig({ ...config, triggers: newTriggers }); + }; + + if (loading) { + return ( +

+ +

+ ); + } + + return ( +

+ + Auto React +

Automatically react with emojis when specific trigger words are sent.

+ +

+ + {config.triggers.length === 0 ? ( +

+ +

No triggers configured

Start by adding your first auto-reaction trigger.

+ +

+ ) : ( + <> + {config.triggers.map((item: any, index: number) => ( +

+ +

Trigger #{index + 1}

+ +

+ Trigger Word (single word) + updateTrigger(index, "trigger", e.target.value)} + className="bg-slate-900/50 border-slate-800 h-12" + /> +

+ Emojis (space separated) + updateTrigger(index, "emojis", e.target.value)} + className="bg-slate-900/50 border-slate-800 h-12" + /> +

+ ))} + + + + )} +

+ + {/* Sidebar */} +

+ +

How It Works

• Triggers are single words that the bot watches for.
• When a message contains a trigger, the bot reacts with the configured emojis.
• Up to 10 emojis per trigger, and 10 triggers max per guild.
• Custom emojis must be from this server.

+ ); +} diff --git a/dashboard/app/dashboard/guild/[guildId]/autorole/page.tsx b/dashboard/app/dashboard/guild/[guildId]/autorole/page.tsx new file mode 100644 index 0000000..39d291d --- /dev/null +++ b/dashboard/app/dashboard/guild/[guildId]/autorole/page.tsx @@ -0,0 +1,54 @@ +/** + * ╔══════════════════════════════════════════════════════════════════╗ + * ║ ║ + * ║ ░█▀▀░█▀█░█▀▄░█▀▀░█░█ ░█▀▄░█▀▀░█░█░█▀▀ ║ + * ║ ░█░░░█░█░█░█░█▀▀░▄▀▄ ░█░█░█▀▀░▀▄▀░▀▀█ ║ + * ║ ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀ ░▀▀░░▀▀▀░░▀░░▀▀▀ ║ + * ║ ║ + * ║ © 2026 CodeX Devs — All Rights Reserved ║ + * ║ ║ + * ║ discord ── https://discord.gg/codexdev ║ + * ║ youtube ── https://youtube.com/@CodeXDevs ║ + * ║ github ── https://github.com/RayExo ║ + * ║ ║ + * ╚══════════════════════════════════════════════════════════════════╝ + */ + +import React from "react"; +import { UserPlus } from "lucide-react"; +import dynamic from "next/dynamic"; +import { api } from "@/lib/api"; + +export const revalidate = 0; // Never cache this page + + +const AutoRoleForm = dynamic(() => import("@/components/dashboard/autorole-form").then(mod => mod.AutoRoleForm), { + loading: () =>

+}); + +export default async function AutoRolePage({ params }: { params: { guildId: string } }) { + const [config, roles] = await Promise.all([ + api.getAutoRole(params.guildId), + api.getRoles(params.guildId) + ]); + + return ( +

+ + Auto Role +

Automatically assign roles to new members and bots.

+ + +

+ ); +} diff --git a/dashboard/app/dashboard/guild/[guildId]/customroles/page.tsx b/dashboard/app/dashboard/guild/[guildId]/customroles/page.tsx new file mode 100644 index 0000000..49f057f --- /dev/null +++ b/dashboard/app/dashboard/guild/[guildId]/customroles/page.tsx @@ -0,0 +1,49 @@ +/** + * ╔══════════════════════════════════════════════════════════════════╗ + * ║ ║ + * ║ ░█▀▀░█▀█░█▀▄░█▀▀░█░█ ░█▀▄░█▀▀░█░█░█▀▀ ║ + * ║ ░█░░░█░█░█░█░█▀▀░▄▀▄ ░█░█░█▀▀░▀▄▀░▀▀█ ║ + * ║ ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀ ░▀▀░░▀▀▀░░▀░░▀▀▀ ║ + * ║ ║ + * ║ © 2026 CodeX Devs — All Rights Reserved ║ + * ║ ║ + * ║ discord ── https://discord.gg/codexdev ║ + * ║ youtube ── https://youtube.com/@CodeXDevs ║ + * ║ github ── https://github.com/RayExo ║ + * ║ ║ + * ╚══════════════════════════════════════════════════════════════════╝ + */ + +import React from "react"; +import { Ghost } from "lucide-react"; +import dynamic from "next/dynamic"; +import { api } from "@/lib/api"; + +const CustomRolesForm = dynamic(() => import("@/components/dashboard/customroles-form").then(mod => mod.CustomRolesForm), { + loading: () =>

+}); + +export default async function CustomRolesPage({ params }: { params: { guildId: string } }) { + const [config, roles] = await Promise.all([ + api.getCustomRoles(params.guildId), + api.getRoles(params.guildId), + ]); + + if (!config) return null; + + return ( +

+ + Custom Roles +

Configure predefined roles that can be easily assigned using commands.

+ + +

+ ); +} diff --git a/dashboard/app/dashboard/guild/[guildId]/invcrole/page.tsx b/dashboard/app/dashboard/guild/[guildId]/invcrole/page.tsx new file mode 100644 index 0000000..257383b --- /dev/null +++ b/dashboard/app/dashboard/guild/[guildId]/invcrole/page.tsx @@ -0,0 +1,194 @@ +/** + * ╔══════════════════════════════════════════════════════════════════╗ + * ║ ║ + * ║ ░█▀▀░█▀█░█▀▄░█▀▀░█░█ ░█▀▄░█▀▀░█░█░█▀▀ ║ + * ║ ░█░░░█░█░█░█░█▀▀░▄▀▄ ░█░█░█▀▀░▀▄▀░▀▀█ ║ + * ║ ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀ ░▀▀░░▀▀▀░░▀░░▀▀▀ ║ + * ║ ║ + * ║ © 2026 CodeX Devs — All Rights Reserved ║ + * ║ ║ + * ║ discord ── https://discord.gg/codexdev ║ + * ║ youtube ── https://youtube.com/@CodeXDevs ║ + * ║ github ── https://github.com/RayExo ║ + * ║ ║ + * ╚══════════════════════════════════════════════════════════════════╝ + */ + +"use client"; + +import React, { useState, useEffect } from "react"; +import { Volume2, Save, RefreshCcw, ShieldCheck, Info, Power } from "lucide-react"; +import { toast } from "sonner"; +import { api } from "@/lib/api"; +import { Button } from "@/components/ui/button"; +import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"; +import { Switch } from "@/components/ui/switch"; +import { cn } from "@/lib/utils"; + +export default function InvcRolePage({ params }: { params: { guildId: string } }) { + const [loading, setLoading] = useState(true); + const [saving, setSaving] = useState(false); + const [roles, setRoles] = useState([]); + const [config, setConfig] = useState({ role_id: null, enabled: false }); + + const fetchData = async () => { + try { + setLoading(true); + const [configData, rolesData] = await Promise.all([ + api.getInvcRole(params.guildId), + api.getRoles(params.guildId), + ]); + setConfig(configData); + setRoles(rolesData); + } catch (error) { + console.error("Failed to fetch InvcRole data:", error); + toast.error("Failed to load Voice Role configuration"); + } finally { + setLoading(false); + } + }; + + useEffect(() => { fetchData(); }, [params.guildId]); + + const handleSave = async () => { + setSaving(true); + const promise = api.updateInvcRole(params.guildId, { + role_id: config.role_id, + enabled: config.enabled + }); + toast.promise(promise, { + loading: 'Saving Voice Role configuration...', + success: 'Voice Role settings saved!', + error: 'Failed to save Voice Role config', + }); + try { await promise; } catch {} finally { setSaving(false); } + }; + + const filteredRoles = roles.filter(r => r.name !== "@everyone"); + + if (loading) { + return ( +

+ +

+ ); + } + + const formatColor = (decimal: number) => { + if (!decimal || decimal === 0) return "#94a3b8"; + return `#${decimal.toString(16).padStart(6, '0')}`; + }; + + return ( +

+ + Voice Role +

Automatically assign a role when members join a voice channel.

+ +

+ + {/* Status & Toggle */} +

+ +

Voice Role System

{config.enabled ? "The system is active and monitoring channels." : "The system is currently disabled."}

+ + {config.enabled ? 'Live' : 'Off'} + +

+ setConfig({ ...config, enabled: checked })} + className="data-[state=checked]:bg-emerald-500" + /> +

+ + {/* Role Selector */} +

+ +

Voice State Role

Choose the role to be assigned automatically to voice participants.

+ +

+ + +

+ + {/* Sidebar */} +

+ +

How It Works

+ 01 + Role is added when a user joins any voice channel. +
+ 02 + Role is removed when they disconnect from all channels. +
+ 03 + Make sure the bot role is higher than the selected role. +

+ ); +} diff --git a/dashboard/app/dashboard/guild/[guildId]/invites/page.tsx b/dashboard/app/dashboard/guild/[guildId]/invites/page.tsx new file mode 100644 index 0000000..00d6a08 --- /dev/null +++ b/dashboard/app/dashboard/guild/[guildId]/invites/page.tsx @@ -0,0 +1,167 @@ +/** + * ╔══════════════════════════════════════════════════════════════════╗ + * ║ ║ + * ║ ░█▀▀░█▀█░█▀▄░█▀▀░█░█ ░█▀▄░█▀▀░█░█░█▀▀ ║ + * ║ ░█░░░█░█░█░█░█▀▀░▄▀▄ ░█░█░█▀▀░▀▄▀░▀▀█ ║ + * ║ ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀ ░▀▀░░▀▀▀░░▀░░▀▀▀ ║ + * ║ ║ + * ║ © 2026 CodeX Devs — All Rights Reserved ║ + * ║ ║ + * ║ discord ── https://discord.gg/codexdev ║ + * ║ youtube ── https://youtube.com/@CodeXDevs ║ + * ║ github ── https://github.com/RayExo ║ + * ║ ║ + * ╚══════════════════════════════════════════════════════════════════╝ + */ + +"use client"; + +import React, { useState, useEffect } from "react"; +import { TrendingUp, RefreshCcw, Medal, User, LogOut, UserMinus, UserPlus, Info } from "lucide-react"; +import { toast } from "sonner"; +import { api } from "@/lib/api"; +import { cn } from "@/lib/utils"; + +export default function InvitesPage({ params }: { params: { guildId: string } }) { + const [loading, setLoading] = useState(true); + const [data, setData] = useState([]); + + const fetchLeaderboard = async () => { + try { + setLoading(true); + const res = await api.getInvites(params.guildId); + setData(res.data || []); + } catch (error) { + console.error("Failed to fetch invites leaderboard:", error); + toast.error("Failed to load invites leaderboard"); + setData([]); + } finally { + setLoading(false); + } + }; + + useEffect(() => { fetchLeaderboard(); }, [params.guildId]); + + if (loading) { + return ( +

+ +

+ ); + } + + return ( +

+ + Invite Leaderboard +

Top inviters in the server based on tracked join events.

+ +

+ + {/* Stats Cards */} +

Total

+ {data.reduce((acc, curr) => acc + (curr.total || 0), 0)} +

Left

+ {data.reduce((acc, curr) => acc + (curr.left || 0), 0)} +

Fake

+ {data.reduce((acc, curr) => acc + (curr.fake || 0), 0)} +

Top

+ {data.length > 0 ? data[0].total : 0} +

+ + {/* Leaderboard */} +

+ Rankings +

+ + {data.length === 0 ? ( +

+ +

No invite data found yet.

+ ) : ( + data.map((row, index) => ( +

+ {index === 0 ? "🥇" : index === 1 ? "🥈" : index === 2 ? "🥉" : #{index + 1}} +

+ +

+ {row.user_id} +

Total

{row.total}

Real

{row.total - row.left - row.fake - row.rejoin}

Left

{row.left}

Fake

{row.fake}

Rejoin

{row.rejoin}

+ )) + )} +

+ + {/* Sidebar */} +

+ +

About Tracking

• Invite tracking is automatic for all members.
• "Real" = Total minus Left, Fake, and Rejoins.
• Use ,invitelogging #channel to enable live logs.
• Admins can manually adjust invite counts.

+ ); +} diff --git a/dashboard/app/dashboard/guild/[guildId]/j2c/page.tsx b/dashboard/app/dashboard/guild/[guildId]/j2c/page.tsx new file mode 100644 index 0000000..6a0c958 --- /dev/null +++ b/dashboard/app/dashboard/guild/[guildId]/j2c/page.tsx @@ -0,0 +1,52 @@ +/** + * ╔══════════════════════════════════════════════════════════════════╗ + * ║ ║ + * ║ ░█▀▀░█▀█░█▀▄░█▀▀░█░█ ░█▀▄░█▀▀░█░█░█▀▀ ║ + * ║ ░█░░░█░█░█░█░█▀▀░▄▀▄ ░█░█░█▀▀░▀▄▀░▀▀█ ║ + * ║ ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀ ░▀▀░░▀▀▀░░▀░░▀▀▀ ║ + * ║ ║ + * ║ © 2026 CodeX Devs — All Rights Reserved ║ + * ║ ║ + * ║ discord ── https://discord.gg/codexdev ║ + * ║ youtube ── https://youtube.com/@CodeXDevs ║ + * ║ github ── https://github.com/RayExo ║ + * ║ ║ + * ╚══════════════════════════════════════════════════════════════════╝ + */ + +import React from "react"; +import { Mic } from "lucide-react"; +import dynamic from "next/dynamic"; +import { api } from "@/lib/api"; + +export const revalidate = 0; // Never cache this page + + +const J2CForm = dynamic(() => import("@/components/dashboard/j2c-form").then(mod => mod.J2CForm), { + loading: () =>

+}); + +export default async function J2CPage({ params }: { params: { guildId: string } }) { + const [config, channels] = await Promise.all([ + api.getJ2C(params.guildId), + api.getChannels(params.guildId), + ]); + + if (!config) return null; + + return ( +

+ + Join to Create +

Set up temporary voice channels that are created automatically when a member joins a specific channel.

+ + +

+ ); +} diff --git a/dashboard/app/dashboard/guild/[guildId]/joindm/page.tsx b/dashboard/app/dashboard/guild/[guildId]/joindm/page.tsx new file mode 100644 index 0000000..e7f84b2 --- /dev/null +++ b/dashboard/app/dashboard/guild/[guildId]/joindm/page.tsx @@ -0,0 +1,128 @@ +/** + * ╔══════════════════════════════════════════════════════════════════╗ + * ║ ║ + * ║ ░█▀▀░█▀█░█▀▄░█▀▀░█░█ ░█▀▄░█▀▀░█░█░█▀▀ ║ + * ║ ░█░░░█░█░█░█░█▀▀░▄▀▄ ░█░█░█▀▀░▀▄▀░▀▀█ ║ + * ║ ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀ ░▀▀░░▀▀▀░░▀░░▀▀▀ ║ + * ║ ║ + * ║ © 2026 CodeX Devs — All Rights Reserved ║ + * ║ ║ + * ║ discord ── https://discord.gg/codexdev ║ + * ║ youtube ── https://youtube.com/@CodeXDevs ║ + * ║ github ── https://github.com/RayExo ║ + * ║ ║ + * ╚══════════════════════════════════════════════════════════════════╝ + */ + +"use client"; + +import React, { useState, useEffect } from "react"; +import { MessageSquare, Save, RefreshCcw, Send } from "lucide-react"; +import { toast } from "sonner"; +import { api } from "@/lib/api"; +import { Button } from "@/components/ui/button"; +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"; +import { Textarea } from "@/components/ui/textarea"; +import { Label } from "@/components/ui/label"; + +export default function JoinDMPage({ params }: { params: { guildId: string } }) { + const [loading, setLoading] = useState(true); + const [saving, setSaving] = useState(false); + const [config, setConfig] = useState({ + message: "", + }); + + const fetchData = async () => { + try { + setLoading(true); + const configData = await api.getJoinDM(params.guildId); + setConfig(configData); + } catch (error) { + console.error("Failed to fetch JoinDM data:", error); + toast.error("Failed to load Join DM configuration"); + } finally { + setLoading(false); + } + }; + + useEffect(() => { + fetchData(); + }, [params.guildId]); + + const handleSave = async () => { + try { + setSaving(true); + await api.updateJoinDM(params.guildId, config); + toast.success("Join DM configuration saved successfully"); + } catch (error) { + console.error("Failed to save JoinDM config:", error); + toast.error("Failed to save Join DM configuration"); + } finally { + setSaving(false); + } + }; + + if (loading) { + return ( +

+ +

+ ); + } + + return ( +

Join DM

+ Send a private message to new members when they join your server. +

+ + + +

+ + Welcome Message +

+ + This message will be sent to the user's DMs. You can use text to welcome them. + + + +

+ Message Content +

setConfig({ ...config, message: e.target.value })}
+            />
+          </div>
+
+          <div className="flex justify-end pt-4">
+            <Button onClick={handleSave} disabled={saving} className="gap-2">
+              {saving ? <RefreshCcw className="w-4 h-4 animate-spin" /> : <Save className="w-4 h-4" />}
+              Save Message
+            </Button>
+          </div>
+        </CardContent>
+      </Card>
+
+      <Card className="border-blue-500/20 bg-blue-500/5">
+        <CardHeader>
+          <div className="flex items-center gap-2">
+            <Send className="w-5 h-5 text-blue-500" />
+            <CardTitle className="text-blue-500 text-base">Usage Note</CardTitle>
+          </div>
+        </CardHeader>
+        <CardContent>
+          <p className="text-sm text-muted-foreground">
+            The bot will automatically attach "Sent from [Server Name]" to the end of your message. 
+            Ensure your bot has permissions to DM members (usually by being in the same server and not being blocked).
+          </p>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}
diff --git a/dashboard/app/dashboard/guild/[guildId]/layout.tsx b/dashboard/app/dashboard/guild/[guildId]/layout.tsx
new file mode 100644
index 0000000..fba5d92
--- /dev/null
+++ b/dashboard/app/dashboard/guild/[guildId]/layout.tsx
@@ -0,0 +1,183 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import React from "react";
+import Image from "next/image";
+import Link from "next/link";
+import { 
+  Users, 
+  ShieldCheck, 
+  Ticket, 
+  BarChart4, 
+  FileText, 
+  Settings,
+  Hash,
+  Shield,
+  Layers,
+  ArrowLeft,
+  ShieldAlert
+} from "lucide-react";
+import { api } from "@/lib/api";
+import { cn } from "@/lib/utils";
+import { getServerSession } from "next-auth/next";
+import { authOptions } from "@/lib/auth";
+import { userCanManageGuild } from "@/lib/guild-auth";
+import { redirect } from "next/navigation";
+
+export const revalidate = 0; // Never cache any guild dashboard page
+
+import { Button } from "@/components/ui/button";
+import { GuildTabs } from "@/components/guild-tabs";
+
+interface GuildLayoutProps {
+  children: React.ReactNode;
+  params: { guildId: string };
+}
+
+export default async function GuildLayout({
+  children,
+  params,
+}: GuildLayoutProps) {
+  const guildId = params.guildId;
+  let guild;
+  let error = null;
+
+  const session = await getServerSession(authOptions);
+  if (!session?.accessToken) {
+    redirect("/");
+  }
+
+  const hasGuildAccess = await userCanManageGuild(session.accessToken, guildId);
+  if (!hasGuildAccess) {
+    return (
+      <div className="flex flex-col items-center justify-center min-h-[400px] border-2 border-dashed border-red-500/20 rounded-3xl bg-red-500/5 p-12 text-center">
+        <ShieldAlert className="h-16 w-16 text-red-500 mb-6 opacity-50" />
+        <h2 className="text-2xl font-bold text-white">Access Denied</h2>
+        <p className="text-slate-400 mt-2 max-w-md">
+          You do not have permission to manage this server.
+        </p>
+        <Link href="/dashboard/guilds" className="mt-8">
+          <Button variant="outline">Back to Servers</Button>
+        </Link>
+      </div>
+    );
+  }
+
+  try {
+    guild = await api.getGuildDetails(guildId);
+  } catch (err: any) {
+    console.error("Failed to fetch guild details:", err);
+    error = err.message || "Failed to load guild data.";
+  }
+
+  if (error || !guild) {
+    return (
+      <div className="flex flex-col items-center justify-center min-h-[400px] border-2 border-dashed border-red-500/20 rounded-3xl bg-red-500/5 p-12 text-center">
+        <ShieldAlert className="h-16 w-16 text-red-500 mb-6 opacity-50" />
+        <h2 className="text-2xl font-bold text-white">Access Denied</h2>
+        <p className="text-slate-400 mt-2 max-w-md">{error || "This guild does not exist or you do not have permission to manage it."}</p>
+        <Link href="/dashboard/guilds" className="mt-8">
+          <Button variant="outline">Back to Servers</Button>
+        </Link>
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-700">
+      {/* Breadcrumb / Back button */}
+      <Link href="/dashboard/guilds" className="inline-flex items-center gap-2 text-slate-500 hover:text-white transition-colors text-sm font-medium group">
+        <ArrowLeft className="h-4 w-4 group-hover:-translate-x-1 transition-transform" />
+        Back to all servers
+      </Link>
+
+      {/* Guild Header */}
+      <div className="bg-[#141B2D] border border-slate-800 rounded-3xl p-8 shadow-xl shadow-black/20">
+        <div className="flex flex-col lg:flex-row lg:items-center gap-8">
+          <div className="relative">
+            {guild.icon ? (
+              <Image 
+                src={guild.icon} 
+                alt={guild.name}
+                width={120}
+                height={120}
+                className="rounded-3xl border-4 border-slate-800 shadow-2xl"
+              />
+            ) : (
+              <div className="h-[120px] w-[120px] bg-primary rounded-3xl flex items-center justify-center text-4xl font-bold text-white shadow-2xl border-4 border-slate-800">
+                {guild.name.charAt(0)}
+              </div>
+            )}
+            <div className="absolute -bottom-2 -right-2 bg-emerald-500 text-white p-2 rounded-xl shadow-lg border-2 border-[#141B2D]" title="Active">
+              <div className="h-3 w-3 rounded-full bg-white animate-pulse" />
+            </div>
+          </div>
+
+          <div className="flex-1 space-y-4">
+            <div>
+              <div className="flex items-center gap-3">
+                <h1 className="text-4xl font-black text-white tracking-tight">{guild.name}</h1>
+                <span className="px-3 py-1 bg-slate-800 rounded-lg text-[10px] uppercase font-black text-slate-500 tracking-tighter border border-white/5">
+                  ID: {guildId}
+                </span>
+              </div>
+              <p className="text-slate-400 mt-1 italic opacity-80">Server Owner Dashboard</p>
+            </div>
+
+            <div className="flex flex-wrap gap-4">
+              {[
+                { label: "Members", value: guild.member_count, icon: Users, color: "text-blue-400" },
+                { label: "Roles", value: guild.role_count, icon: Shield, color: "text-emerald-400" },
+                { label: "Channels", value: guild.channel_count, icon: Hash, color: "text-purple-400" },
+              ].map((item) => (
+                <div key={item.label} className="flex items-center gap-3 bg-slate-800/50 px-5 py-3 rounded-2xl border border-white/5 shadow-inner">
+                  <div className={cn("p-2 rounded-lg bg-slate-900/50", item.color)}>
+                    <item.icon className="h-5 w-5" />
+                  </div>
+                  <div>
+                    <p className="text-[10px] uppercase font-bold text-slate-500 tracking-wider leading-none mb-1">{item.label}</p>
+                    <p className="text-xl font-bold text-white leading-none">{item.value.toLocaleString()}</p>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+
+          <div className="flex flex-col sm:flex-row lg:flex-col gap-3">
+            <Link href={`/dashboard/guild/${guildId}`} className="w-full">
+             <Button className="w-full">
+               Refresh 
+             </Button>
+            </Link>
+             <Link href={`/dashboard/guild/${guildId}/settings`} className="w-full">
+              <Button variant="secondary" className="w-full">
+                Server Settings
+              </Button>
+             </Link>
+          </div>
+        </div>
+      </div>
+
+      {/* Modern Tab Navigation */}
+      <GuildTabs guildId={guildId} />
+
+      {/* Tab Content */}
+      <div className="min-h-[400px]">
+        {children}
+      </div>
+    </div>
+  );
+}
diff --git a/dashboard/app/dashboard/guild/[guildId]/leveling/leaderboard/page.tsx b/dashboard/app/dashboard/guild/[guildId]/leveling/leaderboard/page.tsx
new file mode 100644
index 0000000..1c6cb81
--- /dev/null
+++ b/dashboard/app/dashboard/guild/[guildId]/leveling/leaderboard/page.tsx
@@ -0,0 +1,206 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client";
+
+import React, { useState, useEffect } from "react";
+import { 
+  Trophy, 
+  User, 
+  Zap, 
+  RefreshCcw, 
+  ChevronLeft,
+  ChevronRight,
+  TrendingUp,
+  Medal,
+  Crown,
+  Search
+} from "lucide-react";
+import { api } from "@/lib/api";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
+import { LeaderboardEntry } from "@/types/api";
+
+export default function LeaderboardPage({ params }: { params: { guildId: string } }) {
+  const [leaderboard, setLeaderboard] = useState<LeaderboardEntry[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [search, setSearch] = useState("");
+
+  useEffect(() => {
+    async function fetchLeaderboard() {
+      try {
+        const data = await api.getLeaderboard(params.guildId);
+        setLeaderboard(data);
+      } catch (err) {
+        console.error("Failed to fetch leaderboard:", err);
+      } finally {
+        setLoading(false);
+      }
+    }
+    fetchLeaderboard();
+  }, [params.guildId]);
+
+  const filteredData = leaderboard.filter(entry => 
+    entry.name.toLowerCase().includes(search.toLowerCase()) || 
+    entry.user_id.toString().includes(search)
+  );
+
+  if (loading) {
+    return (
+      <div className="flex flex-col items-center justify-center h-96 space-y-4">
+        <RefreshCcw className="h-10 w-10 text-primary animate-spin" />
+        <p className="text-slate-400 animate-pulse font-medium tracking-tight">Syncing global rankings...</p>
+      </div>
+    );
+  }
+
+  return (
+    <div className="max-w-6xl mx-auto space-y-8 animate-in fade-in slide-in-from-bottom-2 duration-500 pb-20">
+      <div className="flex flex-col md:flex-row md:items-end justify-between gap-6">
+        <div>
+          <h2 className="text-3xl font-black text-white flex items-center gap-3 tracking-tight">
+            <Trophy className="h-8 w-8 text-amber-500 drop-shadow-[0_0_10px_rgba(245,158,11,0.5)]" />
+            Social Leaderboard
+          </h2>
+          <p className="text-slate-400 mt-1 font-medium italic">Top contributors by experience and activity.</p>
+        </div>
+        
+        <div className="relative w-full md:w-80 group">
+           <Search className="absolute left-4 top-1/2 -translate-y-1/2 h-4 w-4 text-slate-500 group-focus-within:text-primary transition-colors" />
+           <Input 
+              placeholder="Search members..." 
+              value={search}
+              onChange={(e) => setSearch(e.target.value)}
+              className="pl-12 bg-slate-900/50 border-slate-800 rounded-2xl h-12 focus:ring-primary/20 transition-all"
+           />
+        </div>
+      </div>
+
+      {/* Top 3 Podium */}
+      <div className="grid grid-cols-1 md:grid-cols-3 gap-6 pt-4">
+         {leaderboard.slice(0, 3).map((user, i) => (
+            <div key={user.user_id} className={cn(
+               "relative p-8 rounded-[40px] border flex flex-col items-center text-center overflow-hidden transition-all hover:scale-[1.02]",
+               i === 0 ? "bg-gradient-to-b from-amber-500/20 to-transparent border-amber-500/30 md:-translate-y-4 order-1 md:order-2" : 
+               i === 1 ? "bg-gradient-to-b from-slate-300/10 to-transparent border-slate-500/20 order-2 md:order-1" : 
+               "bg-gradient-to-b from-amber-800/20 to-transparent border-amber-900/20 order-3"
+            )}>
+               <div className="absolute top-0 right-0 p-4">
+                   {i === 0 ? <Crown className="h-8 w-8 text-amber-500 fill-amber-500/20" /> : 
+                    i === 1 ? <Medal className="h-8 w-8 text-slate-300 fill-slate-300/20" /> : 
+                    <Medal className="h-8 w-8 text-amber-800 fill-amber-800/10" />}
+               </div>
+               
+               <div className="h-20 w-20 rounded-full bg-slate-800 border-4 border-slate-700 mb-4 flex items-center justify-center relative shadow-2xl">
+                  <User className="h-10 w-10 text-slate-500" />
+                  <div className={cn(
+                    "absolute -bottom-1 -right-1 h-8 w-8 rounded-full border-4 border-[#141B2D] flex items-center justify-center text-[10px] font-black",
+                    i === 0 ? "bg-amber-500 text-black" : i === 1 ? "bg-slate-300 text-black" : "bg-amber-800 text-white"
+                  )}>
+                    #{i + 1}
+                  </div>
+               </div>
+               
+               <h3 className="text-xl font-black text-white truncate max-w-full">{user.name}</h3>
+               <p className="text-sm font-bold text-slate-500 flex items-center gap-1 mt-1">
+                 LEVEL {user.level}
+               </p>
+               
+               <div className="mt-6 flex items-center gap-2 px-4 py-2 bg-black/20 rounded-2xl border border-white/5">
+                  <Zap className="h-3 w-3 text-primary" />
+                  <span className="text-sm font-black text-slate-200">{user.xp.toLocaleString()} XP</span>
+               </div>
+            </div>
+         ))}
+      </div>
+
+      {/* Main Leaderboard Table */}
+      <div className="bg-[#141B2D] border border-slate-800 rounded-[40px] overflow-hidden shadow-2xl">
+        <div className="overflow-x-auto">
+          <table className="w-full text-left">
+            <thead>
+              <tr className="border-b border-slate-800 bg-slate-900/30">
+                <th className="px-8 py-6 text-[10px] font-black uppercase text-slate-500 tracking-[0.2em]">Rank</th>
+                <th className="px-8 py-6 text-[10px] font-black uppercase text-slate-500 tracking-[0.2em]">User</th>
+                <th className="px-8 py-6 text-[10px] font-black uppercase text-slate-500 tracking-[0.2em]">Level</th>
+                <th className="px-8 py-6 text-[10px] font-black uppercase text-slate-500 tracking-[0.2em] text-right">Total XP</th>
+              </tr>
+            </thead>
+            <tbody className="divide-y divide-slate-800/50">
+              {filteredData.slice(3).map((entry, i) => (
+                <tr key={entry.user_id} className="group hover:bg-white/[0.02] transition-colors">
+                  <td className="px-8 py-6">
+                    <span className="text-sm font-black text-slate-500 group-hover:text-white transition-colors">
+                       #{i + 4}
+                    </span>
+                  </td>
+                  <td className="px-8 py-6">
+                    <div className="flex items-center gap-4">
+                       <div className="h-10 w-10 rounded-xl bg-slate-800/50 border border-slate-700/50 flex items-center justify-center">
+                          <User className="h-5 w-5 text-slate-600" />
+                       </div>
+                       <div className="flex flex-col">
+                          <span className="text-sm font-bold text-slate-200 group-hover:text-white transition-colors">{entry.name}</span>
+                          <span className="text-[10px] text-slate-600 font-mono tracking-tighter">{entry.user_id}</span>
+                       </div>
+                    </div>
+                  </td>
+                  <td className="px-8 py-6">
+                    <div className="flex items-center gap-2">
+                       <div className="px-3 py-1 bg-primary/10 rounded-lg border border-primary/20">
+                          <span className="text-xs font-black text-primary italic">LVL {entry.level}</span>
+                       </div>
+                    </div>
+                  </td>
+                  <td className="px-8 py-6 text-right">
+                    <div className="flex items-center justify-end gap-2">
+                       <TrendingUp className="h-3 w-3 text-emerald-500 opacity-50" />
+                       <span className="text-sm font-black text-slate-200 tabular-nums">{entry.xp.toLocaleString()}</span>
+                    </div>
+                  </td>
+                </tr>
+              ))}
+              
+              {filteredData.length === 3 && (
+                <tr>
+                   <td colSpan={4} className="px-8 py-20 text-center">
+                      <p className="text-slate-500 italic font-medium">No additional members ranked yet...</p>
+                   </td>
+                </tr>
+              )}
+            </tbody>
+          </table>
+        </div>
+        
+        {/* Pagination Overlay (Simulation) */}
+        <div className="p-6 border-t border-slate-800 bg-slate-900/20 flex items-center justify-between">
+           <p className="text-xs text-slate-500 font-medium">
+             Showing <span className="text-white">{filteredData.length}</span> active competitors
+           </p>
+           <div className="flex items-center gap-2">
+              <Button size="icon" variant="outline" className="h-8 w-8 rounded-lg border-slate-800" disabled>
+                 <ChevronLeft className="h-4 w-4" />
+              </Button>
+              <Button size="icon" variant="outline" className="h-8 w-8 rounded-lg border-slate-800" disabled>
+                 <ChevronRight className="h-4 w-4" />
+              </Button>
+           </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/dashboard/app/dashboard/guild/[guildId]/leveling/page.tsx b/dashboard/app/dashboard/guild/[guildId]/leveling/page.tsx
new file mode 100644
index 0000000..4388237
--- /dev/null
+++ b/dashboard/app/dashboard/guild/[guildId]/leveling/page.tsx
@@ -0,0 +1,42 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import React from "react";
+import { BarChart4 } from "lucide-react";
+import { api } from "@/lib/api";
+import { LevelingForm } from "@/components/dashboard/leveling-form";
+
+export default async function LevelingPage({ params }: { params: { guildId: string } }) {
+  const config = await api.getLeveling(params.guildId);
+
+  if (!config) return null;
+
+  return (
+    <div className="max-w-5xl mx-auto space-y-8 animate-in fade-in slide-in-from-bottom-2 duration-500">
+      <div className="flex flex-col md:flex-row md:items-center justify-between gap-6">
+        <div>
+          <h2 className="text-2xl font-bold text-white flex items-center gap-2">
+            <BarChart4 className="h-6 w-6 text-primary" />
+            Leveling System
+          </h2>
+          <p className="text-slate-400 mt-1">Reward active members with XP and rank progressions.</p>
+        </div>
+      </div>
+
+      <LevelingForm initialConfig={config} guildId={params.guildId} />
+    </div>
+  );
+}
diff --git a/dashboard/app/dashboard/guild/[guildId]/loading.tsx b/dashboard/app/dashboard/guild/[guildId]/loading.tsx
new file mode 100644
index 0000000..7ec1c8d
--- /dev/null
+++ b/dashboard/app/dashboard/guild/[guildId]/loading.tsx
@@ -0,0 +1,42 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import React from "react";
+
+export default function GuildLoading() {
+  return (
+    <div className="space-y-8 animate-in fade-in duration-500">
+      <div className="flex flex-col md:flex-row md:items-center justify-between gap-6">
+        <div className="space-y-2">
+          <div className="h-8 w-64 bg-slate-800 rounded-lg animate-pulse" />
+          <div className="h-4 w-96 bg-slate-800/50 rounded-lg animate-pulse" />
+        </div>
+      </div>
+
+      <div className="grid grid-cols-1 lg:grid-cols-4 gap-8">
+        <div className="lg:col-span-3 space-y-4">
+           {[1, 2, 3, 4].map((i) => (
+              <div key={i} className="h-32 w-full bg-[#141B2D] border border-slate-800 rounded-[40px] animate-pulse" />
+           ))}
+        </div>
+        <div className="space-y-6">
+           <div className="h-64 w-full bg-[#141B2D] border border-slate-800 rounded-[40px] animate-pulse" />
+           <div className="h-48 w-full bg-[#141B2D] border border-slate-800 rounded-[40px] animate-pulse" />
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/dashboard/app/dashboard/guild/[guildId]/logging/page.tsx b/dashboard/app/dashboard/guild/[guildId]/logging/page.tsx
new file mode 100644
index 0000000..82f4c8c
--- /dev/null
+++ b/dashboard/app/dashboard/guild/[guildId]/logging/page.tsx
@@ -0,0 +1,63 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import React from "react";
+import { 
+  BellRing,
+  ChevronRight
+} from "lucide-react";
+import dynamic from "next/dynamic";
+import { api } from "@/lib/api";
+import { Button } from "@/components/ui/button";
+
+const LoggingForm = dynamic(() => import("@/components/dashboard/logging-form").then(mod => mod.LoggingForm), {
+  loading: () => <div className="h-96 w-full animate-pulse bg-slate-800/20 rounded-[40px]" />
+});
+
+export default async function LoggingPage({ params }: { params: { guildId: string } }) {
+  const [loggingData, channelsData] = await Promise.all([
+    api.getLogging(params.guildId),
+    api.getChannels(params.guildId)
+  ]);
+
+  if (!loggingData) return null;
+
+  return (
+    <div className="max-w-6xl mx-auto space-y-8 animate-in fade-in slide-in-from-bottom-2 duration-500 pb-20">
+      <div className="flex flex-col md:flex-row md:items-center justify-between gap-6">
+        <div>
+          <h2 className="text-2xl font-black text-white flex items-center gap-2 tracking-tight">
+            <BellRing className="h-6 w-6 text-primary" />
+            Audit Logging
+          </h2>
+          <p className="text-slate-400 mt-1 font-medium italic">Configure events and dispatch routes for your server.</p>
+        </div>
+        <div className="flex items-center gap-4">
+           <Button variant="outline" className="gap-2 border-slate-800 bg-slate-900/50 rounded-2xl">
+             Audit History
+             <ChevronRight className="h-4 w-4" />
+           </Button>
+        </div>
+      </div>
+
+      <LoggingForm 
+        initialConfig={loggingData} 
+        channels={channelsData} 
+        guildId={params.guildId} 
+      />
+    </div>
+  );
+}
diff --git a/dashboard/app/dashboard/guild/[guildId]/page.tsx b/dashboard/app/dashboard/guild/[guildId]/page.tsx
new file mode 100644
index 0000000..de423d3
--- /dev/null
+++ b/dashboard/app/dashboard/guild/[guildId]/page.tsx
@@ -0,0 +1,152 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import React from "react";
+import { 
+  Plus, 
+  Settings2, 
+  Terminal, 
+  Database,
+  Search,
+  Zap,
+  ShieldCheck,
+  Ticket,
+  BarChart4,
+  FileText,
+  Activity
+} from "lucide-react";
+
+export default function GuildOverviewPage({ params }: { params: { guildId: string } }) {
+  const modules = [
+    { title: "Auto Moderation", desc: "Anti-spam, bad words, and links protection.", icon: ShieldCheck, status: "Active" },
+    { title: "Ticket System", desc: "Helpdesk for user support and inquiries.", icon: Ticket, status: "Configured" },
+    { title: "Leveling", desc: "Gamify your community with XP and ranks.", icon: BarChart4, status: "Active" },
+    { title: "Event Logging", desc: "Detailed audit logs for every server event.", icon: FileText, status: "Active" },
+  ];
+
+  return (
+    <div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
+      {/* Quick Config Column */}
+      <div className="space-y-8">
+        <section>
+          <div className="flex items-center gap-2 mb-6">
+            <h2 className="text-xl font-bold text-white tracking-tight">Active Modules</h2>
+            <div className="h-[2px] flex-1 bg-slate-800" />
+            <Plus className="h-4 w-4 text-slate-600 cursor-pointer hover:text-white transition-colors" />
+          </div>
+          
+          <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
+            {modules.map((mod) => (
+              <div key={mod.title} className="bg-[#141B2D] border border-slate-800 p-5 rounded-2xl group hover:border-slate-600 transition-all shadow-sm">
+                <div className="flex items-start justify-between mb-4">
+                  <div className="h-10 w-10 bg-slate-800 rounded-xl flex items-center justify-center text-primary group-hover:scale-110 transition-transform">
+                    <mod.icon className="h-5 w-5" />
+                  </div>
+                  <span className="text-[10px] font-black uppercase text-emerald-500 bg-emerald-500/10 px-2 py-0.5 rounded-full border border-emerald-500/20">
+                    {mod.status}
+                  </span>
+                </div>
+                <h3 className="font-bold text-white mb-1">{mod.title}</h3>
+                <p className="text-xs text-slate-500 leading-relaxed">{mod.desc}</p>
+              </div>
+            ))}
+          </div>
+        </section>
+
+        <section>
+          <div className="flex items-center gap-2 mb-6">
+            <h2 className="text-xl font-bold text-white tracking-tight">System Console</h2>
+            <div className="h-[2px] flex-1 bg-slate-800" />
+          </div>
+          <div className="bg-slate-900 border border-slate-800 rounded-2xl p-4 font-mono text-xs overflow-hidden shadow-2xl">
+            <div className="flex items-center gap-2 mb-3 border-b border-slate-800 pb-2">
+              <Terminal className="h-4 w-4 text-primary" />
+              <span className="text-slate-400">guild_event_stream_{params.guildId}</span>
+            </div>
+            <div className="space-y-1.5 opacity-80">
+              <p className="text-slate-500">[{new Date().toLocaleTimeString()}] <span className="text-emerald-500">INIT</span> Dashboard connected to WebSocket pool...</p>
+              <p className="text-slate-500">[{new Date().toLocaleTimeString()}] <span className="text-primary">INFO</span> Fetching guild_config from primary database...</p>
+              <p className="text-slate-500">[{new Date().toLocaleTimeString()}] <span className="text-emerald-500">DONE</span> Cache synchronized successfully.</p>
+              <p className="text-slate-400 animate-pulse">_</p>
+            </div>
+          </div>
+        </section>
+      </div>
+
+      {/* Integration Status Column */}
+      <div className="space-y-8">
+        <section className="bg-gradient-to-br from-primary/10 to-transparent border border-primary/20 rounded-3xl p-8 relative overflow-hidden group">
+          <div className="absolute top-0 right-0 p-8 opacity-10 group-hover:scale-125 transition-transform">
+            <Database className="h-48 w-48 text-white" />
+          </div>
+          <h2 className="text-2xl font-black text-white mb-2 italic tracking-tighter">Database Status</h2>
+          <p className="text-slate-400 text-sm mb-8 max-w-[280px]">All guild data is encrypted and replicated across our high-performance edge network.</p>
+          
+          <div className="space-y-4 relative z-10">
+            {[
+              { label: 'Uptime', value: '99.98%', icon: Zap },
+              { label: 'Sync Delay', value: '12ms', icon: Activity },
+              { label: 'Region', value: 'Global Edges', icon: GlobalizationIcon }
+            ].map((stat) => (stat.icon && 
+              <div key={stat.label} className="flex items-center justify-between p-4 bg-black/20 backdrop-blur-md rounded-2xl border border-white/5">
+                <div className="flex items-center gap-3">
+                  <div className="h-8 w-8 bg-black/40 rounded-lg flex items-center justify-center text-primary">
+                    <stat.icon className="h-4 w-4" />
+                  </div>
+                  <span className="text-sm font-medium text-slate-300">{stat.label}</span>
+                </div>
+                <span className="text-sm font-bold text-white tracking-widest">{stat.value}</span>
+              </div>
+            ))}
+          </div>
+        </section>
+
+        <section className="bg-[#141B2D] border border-slate-800 rounded-3xl p-8">
+           <h2 className="text-xl font-bold text-white mb-6">Security Context</h2>
+           <div className="flex items-center gap-6">
+              <div className="h-20 w-20 rounded-full border-4 border-emerald-500/20 flex items-center justify-center relative shadow-[0_0_20px_rgba(16,185,129,0.1)]">
+                <div className="h-16 w-16 rounded-full border-4 border-emerald-500 flex items-center justify-center text-emerald-500 font-black text-xl italic">
+                  100%
+                </div>
+              </div>
+              <div>
+                <h3 className="text-lg font-bold text-white">Trust Factor</h3>
+                <p className="text-slate-400 text-sm">Bot is fully authenticated with administrator privileges.</p>
+              </div>
+           </div>
+        </section>
+      </div>
+    </div>
+  );
+}
+
+function GlobalizationIcon({ className }: { className?: string }) {
+  return (
+    <svg 
+      className={className} 
+      viewBox="0 0 24 24" 
+      fill="none" 
+      stroke="currentColor" 
+      strokeWidth="2" 
+      strokeLinecap="round" 
+      strokeLinejoin="round"
+    >
+      <circle cx="12" cy="12" r="10" />
+      <line x1="2" y1="12" x2="22" y2="12" />
+      <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" />
+    </svg>
+  );
+}
diff --git a/dashboard/app/dashboard/guild/[guildId]/reactionroles/page.tsx b/dashboard/app/dashboard/guild/[guildId]/reactionroles/page.tsx
new file mode 100644
index 0000000..60f9890
--- /dev/null
+++ b/dashboard/app/dashboard/guild/[guildId]/reactionroles/page.tsx
@@ -0,0 +1,276 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client";
+
+import React, { useState, useEffect } from "react";
+import { MousePointer2, RefreshCcw, Plus, Trash2, BellRing, Info, Save } from "lucide-react";
+import { toast } from "sonner";
+import { api } from "@/lib/api";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
+import { Switch } from "@/components/ui/switch";
+import { cn } from "@/lib/utils";
+
+export default function ReactionRolesPage({ params }: { params: { guildId: string } }) {
+  const [loading, setLoading] = useState(true);
+  const [loadingAction, setLoadingAction] = useState(false);
+  const [config, setConfig] = useState<any>({ dm_enabled: true, roles: [] });
+  const [roles, setRoles] = useState<any[]>([]);
+  const [newRR, setNewRR] = useState({ message_id: "", emoji: "", role_id: "" });
+
+  const fetchData = async () => {
+    try {
+      setLoading(true);
+      const [configData, rolesData] = await Promise.all([
+        api.getRR(params.guildId),
+        api.getRoles(params.guildId),
+      ]);
+      setConfig(configData);
+      setRoles(rolesData);
+    } catch (error) {
+      console.error("Failed to load RR:", error);
+      toast.error("Failed to load reaction roles configuration");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => { fetchData(); }, [params.guildId]);
+
+  const filteredRoles = roles.filter(r => r.name !== "@everyone");
+
+  const toggleDM = async (val: boolean) => {
+    try {
+      await api.updateRR(params.guildId, { dm_enabled: val });
+      setConfig({ ...config, dm_enabled: val });
+      toast.success(`DM notifications ${val ? "enabled" : "disabled"}`);
+    } catch {
+      toast.error("Failed to update DM setting");
+    }
+  };
+
+  const handleAdd = async () => {
+    if (!newRR.message_id || !newRR.emoji || !newRR.role_id) {
+      toast.error("Please fill in all fields");
+      return;
+    }
+    setLoadingAction(true);
+    try {
+      await api.updateRR(params.guildId, {
+        add_role: { message_id: newRR.message_id, emoji: newRR.emoji, role_id: newRR.role_id },
+      });
+      setConfig({
+        ...config,
+        roles: [...config.roles, { message_id: newRR.message_id, emoji: newRR.emoji, role_id: newRR.role_id }]
+      });
+      toast.success("Reaction role added");
+      setNewRR({ message_id: "", emoji: "", role_id: "" });
+    } catch {
+      toast.error("Failed to add reaction role");
+    } finally {
+      setLoadingAction(false);
+    }
+  };
+
+  const handleDelete = async (messageId: string, emoji: string) => {
+    setLoadingAction(true);
+    try {
+      await api.updateRR(params.guildId, {
+        remove_role_message_id: messageId,
+        remove_role_emoji: emoji,
+      });
+      setConfig({
+        ...config,
+        roles: config.roles.filter((r: any) => !(String(r.message_id) === String(messageId) && r.emoji === emoji))
+      });
+      toast.success("Reaction role removed");
+    } catch {
+      toast.error("Failed to remove reaction role");
+    } finally {
+      setLoadingAction(false);
+    }
+  };
+
+  const formatColor = (decimal: number) => {
+    if (!decimal || decimal === 0) return "#94a3b8";
+    return `#${decimal.toString(16).padStart(6, '0')}`;
+  };
+
+  if (loading) {
+    return (
+      <div className="flex items-center justify-center min-h-[400px]">
+        <RefreshCcw className="w-8 h-8 animate-spin text-primary" />
+      </div>
+    );
+  }
+
+  return (
+    <div className="max-w-6xl mx-auto space-y-8 animate-in fade-in slide-in-from-bottom-2 duration-500">
+      <div className="flex flex-col md:flex-row md:items-center justify-between gap-6">
+        <div>
+          <h2 className="text-2xl font-bold text-white flex items-center gap-2">
+            <MousePointer2 className="h-6 w-6 text-primary" />
+            Reaction Roles
+          </h2>
+          <p className="text-slate-400 mt-1">Allow members to self-assign roles by reacting to a message.</p>
+        </div>
+      </div>
+
+      <div className="grid grid-cols-1 lg:grid-cols-4 gap-8">
+        <div className="lg:col-span-3 space-y-6">
+          <div className="bg-[#141B2D] border border-slate-800 rounded-3xl overflow-hidden shadow-xl p-8 space-y-8">
+            
+            {/* DM Toggle */}
+            <div className="flex items-center justify-between p-6 bg-slate-900/40 rounded-2xl border border-slate-800">
+              <div className="flex items-center gap-4">
+                <div className="p-3 bg-primary/20 text-primary rounded-xl"><BellRing className="w-5 h-5" /></div>
+                <div>
+                  <h3 className="text-lg font-black text-white">DM Notifications</h3>
+                  <p className="text-sm text-slate-400 mt-1">Send a DM when a user gets/loses a role.</p>
+                </div>
+              </div>
+              <Switch
+                checked={config.dm_enabled}
+                onCheckedChange={toggleDM}
+                className="scale-125"
+              />
+            </div>
+
+            {/* Add New */}
+            <div className="pt-6 border-t border-slate-800 space-y-4">
+              <div className="flex items-center gap-3">
+                <div className="p-2.5 rounded-xl bg-primary/10 text-primary"><Plus className="h-5 w-5" /></div>
+                <h4 className="font-bold text-white text-base">Create New Reaction Role</h4>
+              </div>
+
+              <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+                <div className="space-y-2">
+                  <label className="text-xs font-bold text-slate-400">Message ID</label>
+                  <Input
+                    placeholder="e.g. 1234567890"
+                    value={newRR.message_id}
+                    onChange={(e) => setNewRR({ ...newRR, message_id: e.target.value })}
+                    className="bg-slate-900/50 border-slate-800 h-12"
+                  />
+                </div>
+                <div className="space-y-2">
+                  <label className="text-xs font-bold text-slate-400">Emoji</label>
+                  <Input
+                    placeholder="e.g. ✅ or custom emoji"
+                    value={newRR.emoji}
+                    onChange={(e) => setNewRR({ ...newRR, emoji: e.target.value })}
+                    className="bg-slate-900/50 border-slate-800 h-12"
+                  />
+                </div>
+                <div className="space-y-2">
+                  <label className="text-xs font-bold text-slate-400">Role to Assign</label>
+                  <Select
+                    value={newRR.role_id || ""}
+                    onValueChange={(val) => setNewRR({ ...newRR, role_id: val })}
+                  >
+                    <SelectTrigger className="w-full h-12 bg-slate-900/50 border-slate-800">
+                      <SelectValue placeholder="Select a role..." />
+                    </SelectTrigger>
+                    <SelectContent className="bg-slate-900 border-slate-800 max-h-[250px]">
+                      {filteredRoles.map((role) => (
+                        <SelectItem key={role.id} value={role.id} className="focus:bg-slate-800">
+                          <div className="flex items-center gap-2">
+                            <div className="w-2 h-2 rounded-full" style={{ backgroundColor: formatColor(role.color) }} />
+                            {role.name}
+                          </div>
+                        </SelectItem>
+                      ))}
+                    </SelectContent>
+                  </Select>
+                </div>
+              </div>
+
+              <Button onClick={handleAdd} disabled={loadingAction} className="w-full gap-2" variant="secondary">
+                {loadingAction ? <RefreshCcw className="h-4 w-4 animate-spin" /> : <Plus className="h-4 w-4" />}
+                Add to Active Listeners
+              </Button>
+            </div>
+
+            {/* Active roles */}
+            <div className="pt-6 border-t border-slate-800 space-y-3">
+              <h4 className="text-sm font-bold text-white flex items-center gap-2">
+                <MousePointer2 className="h-5 w-5 text-primary" /> Active Reaction Roles
+              </h4>
+
+              {config.roles.length === 0 ? (
+                <div className="text-center p-8 bg-slate-900/20 rounded-2xl border border-dashed border-slate-700">
+                  <p className="text-sm text-slate-500 italic">No reaction roles configured.</p>
+                </div>
+              ) : (
+                config.roles.map((rr: any, idx: number) => {
+                  const roleName = filteredRoles.find(r => String(r.id) === String(rr.role_id))?.name || "Unknown Role";
+                  return (
+                    <div key={idx} className="flex items-center justify-between p-4 bg-slate-900/40 rounded-xl border border-slate-800">
+                      <div className="flex items-center gap-6">
+                        <div className="flex flex-col">
+                          <span className="text-[10px] uppercase font-bold text-slate-500">Message ID</span>
+                          <span className="text-sm font-mono text-slate-300">{rr.message_id}</span>
+                        </div>
+                        <div className="flex flex-col items-center">
+                          <span className="text-[10px] uppercase font-bold text-slate-500">Emoji</span>
+                          <span className="text-lg">{rr.emoji}</span>
+                        </div>
+                        <div className="flex flex-col">
+                          <span className="text-[10px] uppercase font-bold text-slate-500">Role</span>
+                          <span className="text-sm font-medium text-primary">{roleName}</span>
+                        </div>
+                      </div>
+                      <Button
+                        variant="ghost"
+                        size="sm"
+                        onClick={() => handleDelete(String(rr.message_id), rr.emoji)}
+                        disabled={loadingAction}
+                        className="text-red-400 hover:text-red-300 hover:bg-red-400/10 h-8 w-8 p-0"
+                      >
+                        <Trash2 className="h-4 w-4" />
+                      </Button>
+                    </div>
+                  );
+                })
+              )}
+            </div>
+          </div>
+        </div>
+
+        {/* Sidebar */}
+        <div className="space-y-6">
+          <div className="bg-gradient-to-br from-primary/10 to-transparent border border-primary/20 rounded-3xl p-6 relative overflow-hidden group">
+            <div className="absolute -right-4 -top-4 opacity-[0.03] group-hover:scale-110 transition-transform">
+              <MousePointer2 className="h-32 w-32 text-primary" />
+            </div>
+            <div className="flex items-center gap-2 mb-4">
+              <Info className="h-4 w-4 text-primary" />
+              <h3 className="text-sm font-bold text-white">Usage Guide</h3>
+            </div>
+            <ul className="text-xs text-slate-500 space-y-2">
+              <li>• The bot must have access to the message you specify.</li>
+              <li>• The bot role must be above the role being assigned.</li>
+              <li>• The bot auto-reacts to the message once added.</li>
+              <li>• Users react to get the role, un-react to remove it.</li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/dashboard/app/dashboard/guild/[guildId]/settings/page.tsx b/dashboard/app/dashboard/guild/[guildId]/settings/page.tsx
new file mode 100644
index 0000000..8f3723e
--- /dev/null
+++ b/dashboard/app/dashboard/guild/[guildId]/settings/page.tsx
@@ -0,0 +1,38 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import React from "react";
+import { Settings2 } from "lucide-react";
+import { api } from "@/lib/api";
+import { SettingsForm } from "@/components/dashboard/settings-form";
+
+export default async function GuildSettingsPage({ params }: { params: { guildId: string } }) {
+  const config = await api.getPrefix(params.guildId);
+
+  return (
+    <div className="max-w-4xl mx-auto space-y-8 animate-in fade-in slide-in-from-bottom-2 duration-500">
+      <div>
+        <h2 className="text-2xl font-bold text-white flex items-center gap-2">
+          <Settings2 className="h-6 w-6 text-primary" />
+          General Settings
+        </h2>
+        <p className="text-slate-400 mt-1">Manage core bot configuration for this server.</p>
+      </div>
+
+      <SettingsForm initialPrefix={config.prefix} guildId={params.guildId} />
+    </div>
+  );
+}
diff --git a/dashboard/app/dashboard/guild/[guildId]/tickets/page.tsx b/dashboard/app/dashboard/guild/[guildId]/tickets/page.tsx
new file mode 100644
index 0000000..cb83534
--- /dev/null
+++ b/dashboard/app/dashboard/guild/[guildId]/tickets/page.tsx
@@ -0,0 +1,57 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import React from "react";
+import { Ticket, ExternalLink } from "lucide-react";
+import dynamic from "next/dynamic";
+import { api } from "@/lib/api";
+import { Button } from "@/components/ui/button";
+
+const TicketsForm = dynamic(() => import("@/components/dashboard/tickets-form").then(mod => mod.TicketsForm), {
+  loading: () => <div className="h-96 w-full animate-pulse bg-slate-800/20 rounded-3xl" />
+});
+
+export default async function TicketsPage({ params }: { params: { guildId: string } }) {
+  const config = await api.getTickets(params.guildId);
+
+  if (!config) return null;
+
+  return (
+    <div className="max-w-6xl mx-auto space-y-8 animate-in fade-in slide-in-from-bottom-2 duration-500 pb-20">
+      <div className="flex flex-col md:flex-row md:items-center justify-between gap-6">
+        <div>
+          <h2 className="text-2xl font-bold text-white flex items-center gap-2">
+            <Ticket className="h-6 w-6 text-primary" />
+            Ticket System
+          </h2>
+          <p className="text-slate-400 mt-1">Manage private support channels and inquiry categories.</p>
+        </div>
+        <div className="flex items-center gap-4">
+          <div className="bg-emerald-500/10 border border-emerald-500/20 px-4 py-2 rounded-2xl flex items-center gap-2">
+            <div className="h-2 w-2 rounded-full bg-emerald-500 animate-pulse" />
+            <span className="text-xs font-bold text-emerald-500 uppercase">Live System</span>
+          </div>
+          {/* <Button variant="outline" className="gap-2">
+            <ExternalLink className="h-4 w-4" />
+            Preview Panel
+          </Button> */}
+        </div>
+      </div>
+
+      <TicketsForm initialConfig={config} guildId={params.guildId} />
+    </div>
+  );
+}
diff --git a/dashboard/app/dashboard/guild/[guildId]/tracking/page.tsx b/dashboard/app/dashboard/guild/[guildId]/tracking/page.tsx
new file mode 100644
index 0000000..dd69294
--- /dev/null
+++ b/dashboard/app/dashboard/guild/[guildId]/tracking/page.tsx
@@ -0,0 +1,136 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client";
+
+import React, { useState, useEffect } from "react";
+import { Search, Save, RefreshCcw, Bell } from "lucide-react";
+import { toast } from "sonner";
+import { api } from "@/lib/api";
+import { Button } from "@/components/ui/button";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
+import { Switch } from "@/components/ui/switch";
+import { Label } from "@/components/ui/label";
+
+export default function TrackingPage({ params }: { params: { guildId: string } }) {
+  const [loading, setLoading] = useState(true);
+  const [saving, setSaving] = useState(false);
+  const [channels, setChannels] = useState<any[]>([]);
+  const [config, setConfig] = useState<any>({
+    channel_id: null,
+  });
+
+  const fetchData = async () => {
+    try {
+      setLoading(true);
+      const [configData, channelsData] = await Promise.all([
+        api.getTracking(params.guildId),
+        api.getChannels(params.guildId),
+      ]);
+      setConfig(configData);
+      setChannels(channelsData);
+    } catch (error) {
+      console.error("Failed to fetch tracking data:", error);
+      toast.error("Failed to load tracking configuration");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    fetchData();
+  }, [params.guildId]);
+
+  const handleSave = async () => {
+    try {
+      setSaving(true);
+      await api.updateTracking(params.guildId, config);
+      toast.success("Tracking configuration saved successfully");
+    } catch (error) {
+      console.error("Failed to save tracking config:", error);
+      toast.error("Failed to save tracking configuration");
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  if (loading) {
+    return (
+      <div className="flex items-center justify-center min-h-[400px]">
+        <RefreshCcw className="w-8 h-8 animate-spin text-primary" />
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h2 className="text-3xl font-bold tracking-tight">Invite Tracking</h2>
+        <p className="text-muted-foreground">
+          Configure where the bot logs invite information when a member joins.
+        </p>
+      </div>
+
+      <Card className="border-primary/20 bg-background/50 backdrop-blur-xl">
+        <CardHeader>
+          <div className="flex items-center gap-2">
+            <Search className="w-5 h-5 text-primary" />
+            <CardTitle>Logging Configuration</CardTitle>
+          </div>
+          <CardDescription>
+            Choose a channel to receive notifications about member invites and join sources.
+          </CardDescription>
+        </CardHeader>
+        <CardContent className="space-y-6">
+          <div className="space-y-2">
+            <Label>Log Channel</Label>
+            <Select
+              value={config.channel_id?.toString() || "none"}
+              onValueChange={(val) => setConfig({ ...config, channel_id: val === "none" ? null : parseInt(val) })}
+              options={[
+                { value: "none", label: "Disabled" },
+                ...channels.map((chan) => ({ value: chan.id.toString(), label: `#${chan.name}` }))
+              ]}
+            />
+          </div>
+
+          <div className="flex justify-end pt-4">
+            <Button onClick={handleSave} disabled={saving} className="gap-2">
+              {saving ? <RefreshCcw className="w-4 h-4 animate-spin" /> : <Save className="w-4 h-4" />}
+              Save Changes
+            </Button>
+          </div>
+        </CardContent>
+      </Card>
+
+      <Card className="border-yellow-500/20 bg-yellow-500/5">
+        <CardHeader>
+          <div className="flex items-center gap-2">
+            <Bell className="w-5 h-5 text-yellow-500" />
+            <CardTitle className="text-yellow-500">Information</CardTitle>
+          </div>
+        </CardHeader>
+        <CardContent>
+          <p className="text-sm text-muted-foreground">
+            The invite tracking module monitors all join events and attempts to identify which invite link was used.
+            This information is then logged to your chosen channel.
+          </p>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}
diff --git a/dashboard/app/dashboard/guild/[guildId]/vanityroles/page.tsx b/dashboard/app/dashboard/guild/[guildId]/vanityroles/page.tsx
new file mode 100644
index 0000000..a45888b
--- /dev/null
+++ b/dashboard/app/dashboard/guild/[guildId]/vanityroles/page.tsx
@@ -0,0 +1,239 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client";
+
+import React, { useState, useEffect } from "react";
+import { Link2, RefreshCcw, Plus, Trash2, Info, Save } from "lucide-react";
+import { toast } from "sonner";
+import { api } from "@/lib/api";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
+import { cn } from "@/lib/utils";
+
+export default function VanityRolesPage({ params }: { params: { guildId: string } }) {
+  const [loading, setLoading] = useState(true);
+  const [saving, setSaving] = useState(false);
+  const [roles, setRoles] = useState<any[]>([]);
+  const [channels, setChannels] = useState<any[]>([]);
+  const [setups, setSetups] = useState<any[]>([]);
+  const [newSetup, setNewSetup] = useState({ vanity: "", role_id: "", log_channel_id: "" });
+
+  const fetchData = async () => {
+    try {
+      setLoading(true);
+      const [setupsData, rolesData, channelsData] = await Promise.all([
+        api.getVanityRoles(params.guildId),
+        api.getRoles(params.guildId),
+        api.getChannels(params.guildId),
+      ]);
+      setSetups(setupsData);
+      setRoles(rolesData);
+      setChannels(channelsData);
+    } catch (error) {
+      console.error("Failed to fetch vanity roles data:", error);
+      toast.error("Failed to load vanity roles configuration");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => { fetchData(); }, [params.guildId]);
+
+  const textChannels = channels.filter(c => c.type === "0" || c.type === 0);
+  const filteredRoles = roles.filter(r => r.name !== "@everyone");
+
+  const handleAdd = async () => {
+    if (!newSetup.vanity || !newSetup.role_id || !newSetup.log_channel_id) {
+      toast.error("Please fill in all fields");
+      return;
+    }
+    setSaving(true);
+    try {
+      await api.addVanityRole(params.guildId, {
+        vanity: newSetup.vanity,
+        role_id: newSetup.role_id,
+        log_channel_id: newSetup.log_channel_id,
+      });
+      toast.success("Vanity role setup added!");
+      setNewSetup({ vanity: "", role_id: "", log_channel_id: "" });
+      fetchData();
+    } catch (error) {
+      toast.error("Failed to add vanity role setup");
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const handleDelete = async (vanity: string) => {
+    try {
+      await api.deleteVanityRole(params.guildId, vanity);
+      toast.success("Vanity role setup deleted");
+      fetchData();
+    } catch (error) {
+      toast.error("Failed to delete vanity role setup");
+    }
+  };
+
+  const formatColor = (decimal: number) => {
+    if (!decimal || decimal === 0) return "#94a3b8";
+    return `#${decimal.toString(16).padStart(6, '0')}`;
+  };
+
+  if (loading) {
+    return (
+      <div className="flex items-center justify-center min-h-[400px]">
+        <RefreshCcw className="w-8 h-8 animate-spin text-primary" />
+      </div>
+    );
+  }
+
+  return (
+    <div className="max-w-6xl mx-auto space-y-8 animate-in fade-in slide-in-from-bottom-2 duration-500">
+      <div className="flex flex-col md:flex-row md:items-center justify-between gap-6">
+        <div>
+          <h2 className="text-2xl font-bold text-white flex items-center gap-2">
+            <Link2 className="h-6 w-6 text-primary" />
+            Vanity Roles
+          </h2>
+          <p className="text-slate-400 mt-1">Give special roles to members with your vanity/invite link in their status.</p>
+        </div>
+      </div>
+
+      <div className="grid grid-cols-1 lg:grid-cols-4 gap-8">
+        <div className="lg:col-span-3 space-y-6">
+          <div className="bg-[#141B2D] border border-slate-800 rounded-3xl overflow-hidden shadow-xl p-8 space-y-8">
+            
+            {/* Add New Setup */}
+            <div className="space-y-4">
+              <div className="flex items-center gap-3">
+                <div className="p-2.5 rounded-xl bg-primary/10 text-primary"><Plus className="h-5 w-5" /></div>
+                <h4 className="font-bold text-white text-base">Add New Vanity Setup</h4>
+              </div>
+
+              <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+                <div className="space-y-2">
+                  <label className="text-xs font-bold text-slate-400">Vanity Text / URL</label>
+                  <Input
+                    placeholder="e.g. .gg/my-server"
+                    value={newSetup.vanity}
+                    onChange={(e) => setNewSetup({ ...newSetup, vanity: e.target.value })}
+                    className="bg-slate-900/50 border-slate-800 h-12"
+                  />
+                </div>
+                <div className="space-y-2">
+                  <label className="text-xs font-bold text-slate-400">Role to Give</label>
+                  <Select value={newSetup.role_id} onValueChange={(val) => setNewSetup({ ...newSetup, role_id: val })}>
+                    <SelectTrigger className="w-full h-12 bg-slate-900/50 border-slate-800">
+                      <SelectValue placeholder="Select a role..." />
+                    </SelectTrigger>
+                    <SelectContent className="bg-slate-900 border-slate-800 max-h-[300px]">
+                      {filteredRoles.map((r) => (
+                        <SelectItem key={r.id} value={r.id} className="focus:bg-slate-800">
+                          <div className="flex items-center gap-2">
+                            <div className="w-2 h-2 rounded-full" style={{ backgroundColor: formatColor(r.color) }} />
+                            {r.name}
+                          </div>
+                        </SelectItem>
+                      ))}
+                    </SelectContent>
+                  </Select>
+                </div>
+                <div className="space-y-2">
+                  <label className="text-xs font-bold text-slate-400">Log Channel</label>
+                  <Select value={newSetup.log_channel_id} onValueChange={(val) => setNewSetup({ ...newSetup, log_channel_id: val })}>
+                    <SelectTrigger className="w-full h-12 bg-slate-900/50 border-slate-800">
+                      <SelectValue placeholder="Select a channel..." />
+                    </SelectTrigger>
+                    <SelectContent className="bg-slate-900 border-slate-800 max-h-[300px]">
+                      {textChannels.map((c) => (
+                        <SelectItem key={c.id} value={c.id} className="focus:bg-slate-800">#{c.name}</SelectItem>
+                      ))}
+                    </SelectContent>
+                  </Select>
+                </div>
+              </div>
+
+              <Button onClick={handleAdd} disabled={saving} className="w-full gap-2" variant="secondary">
+                {saving ? <RefreshCcw className="h-4 w-4 animate-spin" /> : <Plus className="h-4 w-4" />}
+                Add Vanity Setup
+              </Button>
+            </div>
+
+            {/* Active Setups */}
+            <div className="pt-6 border-t border-slate-800 space-y-4">
+              <h4 className="text-sm font-bold text-white flex items-center gap-2">
+                <Link2 className="h-5 w-5 text-primary" /> Active Setups
+              </h4>
+              {setups.length === 0 ? (
+                <div className="text-center p-8 bg-slate-900/20 rounded-2xl border border-dashed border-slate-700">
+                  <Link2 className="w-10 h-10 text-slate-600 mx-auto mb-3" />
+                  <p className="text-sm text-slate-500">No vanity role setups configured yet.</p>
+                </div>
+              ) : (
+                setups.map((setup, index) => {
+                  const role = filteredRoles.find(r => r.id === String(setup.role_id));
+                  const channel = channels.find(c => c.id === String(setup.log_channel_id));
+                  return (
+                    <div key={index} className="flex items-center justify-between p-4 bg-slate-900/40 rounded-xl border border-slate-800 animate-in zoom-in-95 duration-200">
+                      <div className="flex items-center gap-8">
+                        <div className="flex flex-col">
+                          <span className="text-[10px] uppercase font-bold text-slate-500">Vanity Text</span>
+                          <span className="font-medium text-primary">{setup.vanity}</span>
+                        </div>
+                        <div className="flex flex-col">
+                          <span className="text-[10px] uppercase font-bold text-slate-500">Role</span>
+                          <span className="font-medium text-slate-200">{role?.name || "Unknown"}</span>
+                        </div>
+                        <div className="flex flex-col">
+                          <span className="text-[10px] uppercase font-bold text-slate-500">Log Channel</span>
+                          <span className="font-medium text-slate-200">#{channel?.name || "Unknown"}</span>
+                        </div>
+                      </div>
+                      <Button variant="ghost" size="sm" onClick={() => handleDelete(setup.vanity)} className="text-red-400 hover:text-red-300 hover:bg-red-400/10 h-8 w-8 p-0">
+                        <Trash2 className="w-4 h-4" />
+                      </Button>
+                    </div>
+                  );
+                })
+              )}
+            </div>
+          </div>
+        </div>
+
+        {/* Sidebar */}
+        <div className="space-y-6">
+          <div className="bg-gradient-to-br from-primary/10 to-transparent border border-primary/20 rounded-3xl p-6 relative overflow-hidden group">
+            <div className="absolute -right-4 -top-4 opacity-[0.03] group-hover:scale-110 transition-transform">
+              <Link2 className="h-32 w-32 text-primary" />
+            </div>
+            <div className="flex items-center gap-2 mb-4">
+              <Info className="h-4 w-4 text-primary" />
+              <h3 className="text-sm font-bold text-white">How It Works</h3>
+            </div>
+            <ul className="text-xs text-slate-500 space-y-2">
+              <li>• The bot monitors member custom statuses.</li>
+              <li>• If a member adds the vanity text, the role is auto-assigned.</li>
+              <li>• Removing the text will remove the role.</li>
+              <li>• Logs are sent to the configured channel.</li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/dashboard/app/dashboard/guild/[guildId]/verification/page.tsx b/dashboard/app/dashboard/guild/[guildId]/verification/page.tsx
new file mode 100644
index 0000000..5e22899
--- /dev/null
+++ b/dashboard/app/dashboard/guild/[guildId]/verification/page.tsx
@@ -0,0 +1,264 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client";
+
+import React, { useState, useEffect } from "react";
+import { Shield, Save, RefreshCcw, Power, Fingerprint, Bell, Hash, UserCheck, Info } from "lucide-react";
+import { toast } from "sonner";
+import { api } from "@/lib/api";
+import { Button } from "@/components/ui/button";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
+import { Switch } from "@/components/ui/switch";
+import { cn } from "@/lib/utils";
+
+export default function VerificationPage({ params }: { params: { guildId: string } }) {
+  const [loading, setLoading] = useState(true);
+  const [saving, setSaving] = useState(false);
+  const [channels, setChannels] = useState<any[]>([]);
+  const [roles, setRoles] = useState<any[]>([]);
+  const [config, setConfig] = useState<any>({
+    verification_channel_id: null,
+    verified_role_id: null,
+    log_channel_id: null,
+    verification_method: "both",
+    enabled: true,
+  });
+
+  const fetchData = async () => {
+    try {
+      setLoading(true);
+      const [configData, channelsData, rolesData] = await Promise.all([
+        api.getVerification(params.guildId),
+        api.getChannels(params.guildId),
+        api.getRoles(params.guildId),
+      ]);
+      setConfig(configData);
+      setChannels(channelsData);
+      setRoles(rolesData);
+    } catch (error) {
+      console.error("Failed to fetch verification data:", error);
+      toast.error("Failed to load verification configuration");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => { fetchData(); }, [params.guildId]);
+
+  const handleSave = async () => {
+    setSaving(true);
+    const promise = api.updateVerification(params.guildId, {
+      verification_channel_id: config.verification_channel_id,
+      verified_role_id: config.verified_role_id,
+      log_channel_id: config.log_channel_id,
+      verification_method: config.verification_method,
+      enabled: config.enabled,
+    });
+    toast.promise(promise, {
+      loading: 'Saving verification configuration...',
+      success: 'Verification settings saved!',
+      error: 'Failed to save verification config',
+    });
+    try { await promise; } catch {} finally { setSaving(false); }
+  };
+
+  const textChannels = channels.filter(c => c.type === "0" || c.type === 0);
+  const filteredRoles = roles.filter(r => r.name !== "@everyone");
+
+  if (loading) {
+    return (
+      <div className="flex items-center justify-center min-h-[400px]">
+        <RefreshCcw className="w-8 h-8 animate-spin text-primary" />
+      </div>
+    );
+  }
+
+  return (
+    <div className="max-w-6xl mx-auto space-y-8 animate-in fade-in slide-in-from-bottom-2 duration-500">
+      <div className="flex flex-col md:flex-row md:items-center justify-between gap-6">
+        <div>
+          <h2 className="text-2xl font-bold text-white flex items-center gap-2">
+            <Shield className="h-6 w-6 text-primary" />
+            Verification
+          </h2>
+          <p className="text-slate-400 mt-1">Set up a gatekeeper system to verify new members.</p>
+        </div>
+      </div>
+
+      <div className="grid grid-cols-1 lg:grid-cols-4 gap-8">
+        <div className="lg:col-span-3 space-y-6">
+          <div className="bg-[#141B2D] border border-slate-800 rounded-3xl overflow-hidden shadow-xl p-8 space-y-8">
+            
+            {/* Enable/Disable Toggle */}
+            <div className="flex items-center justify-between p-6 bg-slate-900/40 rounded-2xl border border-slate-800">
+              <div className="flex items-center gap-4">
+                <div className={cn("p-3 rounded-xl transition-colors", config.enabled ? "bg-emerald-500/20 text-emerald-500" : "bg-red-500/20 text-red-500")}>
+                  <Power className="w-5 h-5" />
+                </div>
+                <div>
+                  <h3 className="text-lg font-black text-white">System Status</h3>
+                  <p className="text-sm text-slate-400 mt-1">Enable or disable the verification module.</p>
+                </div>
+              </div>
+              <div className="flex items-center gap-4">
+                <div className="px-4 py-2 rounded-full bg-slate-900 border border-slate-800 flex items-center gap-2">
+                  <div className={cn("w-2 h-2 rounded-full", config.enabled ? 'bg-emerald-500 animate-pulse' : 'bg-red-500')} />
+                  <span className="text-xs font-bold uppercase text-slate-300">
+                    {config.enabled ? 'Active' : 'Inactive'}
+                  </span>
+                </div>
+                <Switch 
+                  checked={config.enabled} 
+                  onCheckedChange={(val) => setConfig({ ...config, enabled: val })}
+                  className="scale-125 data-[state=checked]:bg-emerald-500"
+                />
+              </div>
+            </div>
+
+            {/* Selectors Grid */}
+            <div className={cn("grid grid-cols-1 md:grid-cols-2 gap-6 transition-all duration-300", !config.enabled && "opacity-50 pointer-events-none")}>
+              {/* Verification Channel */}
+              <div className="p-6 bg-slate-900/40 border border-slate-800 rounded-2xl space-y-4">
+                <div className="flex items-center gap-3">
+                  <div className="p-3 bg-primary/20 text-primary rounded-xl"><Hash className="w-5 h-5" /></div>
+                  <div>
+                    <h4 className="font-bold text-white">Verification Channel</h4>
+                    <p className="text-xs text-slate-400 mt-1">Channel where verification happens</p>
+                  </div>
+                </div>
+                <Select
+                  value={config.verification_channel_id || "none"}
+                  onValueChange={(val) => setConfig({ ...config, verification_channel_id: val === "none" ? null : val })}
+                >
+                  <SelectTrigger className="w-full h-12 bg-slate-900 border-slate-800 font-medium">
+                    <SelectValue placeholder="Select a channel..." />
+                  </SelectTrigger>
+                  <SelectContent className="bg-slate-900 border-slate-800 max-h-[300px]">
+                    <SelectItem value="none" className="text-slate-400 focus:bg-slate-800">Not Set</SelectItem>
+                    {textChannels.map((c) => (
+                      <SelectItem key={c.id} value={c.id} className="focus:bg-slate-800">#{c.name}</SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+              </div>
+
+              {/* Verified Role */}
+              <div className="p-6 bg-slate-900/40 border border-slate-800 rounded-2xl space-y-4">
+                <div className="flex items-center gap-3">
+                  <div className="p-3 bg-emerald-500/20 text-emerald-500 rounded-xl"><UserCheck className="w-5 h-5" /></div>
+                  <div>
+                    <h4 className="font-bold text-white">Verified Role</h4>
+                    <p className="text-xs text-slate-400 mt-1">Role given after verification</p>
+                  </div>
+                </div>
+                <Select
+                  value={config.verified_role_id || "none"}
+                  onValueChange={(val) => setConfig({ ...config, verified_role_id: val === "none" ? null : val })}
+                >
+                  <SelectTrigger className="w-full h-12 bg-slate-900 border-slate-800 font-medium">
+                    <SelectValue placeholder="Select a role..." />
+                  </SelectTrigger>
+                  <SelectContent className="bg-slate-900 border-slate-800 max-h-[300px]">
+                    <SelectItem value="none" className="text-slate-400 focus:bg-slate-800">Not Set</SelectItem>
+                    {filteredRoles.map((r) => (
+                      <SelectItem key={r.id} value={r.id} className="focus:bg-slate-800">{r.name}</SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+              </div>
+
+              {/* Verification Method */}
+              <div className="p-6 bg-slate-900/40 border border-slate-800 rounded-2xl space-y-4">
+                <div className="flex items-center gap-3">
+                  <div className="p-3 bg-purple-500/20 text-purple-500 rounded-xl"><Fingerprint className="w-5 h-5" /></div>
+                  <div>
+                    <h4 className="font-bold text-white">Verification Method</h4>
+                    <p className="text-xs text-slate-400 mt-1">How users verify themselves</p>
+                  </div>
+                </div>
+                <Select
+                  value={config.verification_method || "both"}
+                  onValueChange={(val) => setConfig({ ...config, verification_method: val })}
+                >
+                  <SelectTrigger className="w-full h-12 bg-slate-900 border-slate-800 font-medium">
+                    <SelectValue placeholder="Select method..." />
+                  </SelectTrigger>
+                  <SelectContent className="bg-slate-900 border-slate-800">
+                    <SelectItem value="button" className="focus:bg-slate-800">Button Click</SelectItem>
+                    <SelectItem value="captcha" className="focus:bg-slate-800">CAPTCHA Image</SelectItem>
+                    <SelectItem value="both" className="focus:bg-slate-800">Both (Combined)</SelectItem>
+                  </SelectContent>
+                </Select>
+              </div>
+
+              {/* Log Channel */}
+              <div className="p-6 bg-slate-900/40 border border-slate-800 rounded-2xl space-y-4">
+                <div className="flex items-center gap-3">
+                  <div className="p-3 bg-blue-500/20 text-blue-500 rounded-xl"><Bell className="w-5 h-5" /></div>
+                  <div>
+                    <h4 className="font-bold text-white">Log Channel</h4>
+                    <p className="text-xs text-slate-400 mt-1">Where verification logs are sent</p>
+                  </div>
+                </div>
+                <Select
+                  value={config.log_channel_id || "none"}
+                  onValueChange={(val) => setConfig({ ...config, log_channel_id: val === "none" ? null : val })}
+                >
+                  <SelectTrigger className="w-full h-12 bg-slate-900 border-slate-800 font-medium">
+                    <SelectValue placeholder="Select a channel..." />
+                  </SelectTrigger>
+                  <SelectContent className="bg-slate-900 border-slate-800 max-h-[300px]">
+                    <SelectItem value="none" className="text-slate-400 focus:bg-slate-800">Disabled</SelectItem>
+                    {textChannels.map((c) => (
+                      <SelectItem key={c.id} value={c.id} className="focus:bg-slate-800">#{c.name}</SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+              </div>
+            </div>
+
+            <Button onClick={handleSave} disabled={saving} className="w-full h-14 text-base font-bold gap-2">
+              {saving ? <RefreshCcw className="h-5 w-5 animate-spin" /> : <Save className="h-5 w-5" />}
+              Save Configuration
+            </Button>
+          </div>
+        </div>
+
+        {/* Sidebar */}
+        <div className="space-y-6">
+          <div className="bg-gradient-to-br from-primary/10 to-transparent border border-primary/20 rounded-3xl p-6 relative overflow-hidden group">
+            <div className="absolute -right-4 -top-4 opacity-[0.03] group-hover:scale-110 transition-transform">
+              <Shield className="h-32 w-32 text-primary" />
+            </div>
+            <div className="flex items-center gap-2 mb-4">
+              <Info className="h-4 w-4 text-primary" />
+              <h3 className="text-sm font-bold text-white">Important</h3>
+            </div>
+            <p className="text-xs text-slate-400 leading-relaxed mb-4">
+              Ensure @everyone does NOT have "Send Messages" in non-verification channels.
+            </p>
+            <ul className="text-xs text-slate-500 space-y-2">
+              <li>• Assign the Verified Role only to members who pass.</li>
+              <li>• The bot role must be above the Verified Role.</li>
+              <li>• CAPTCHA provides stronger anti-bot protection.</li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/dashboard/app/dashboard/guild/[guildId]/welcome/page.tsx b/dashboard/app/dashboard/guild/[guildId]/welcome/page.tsx
new file mode 100644
index 0000000..408843e
--- /dev/null
+++ b/dashboard/app/dashboard/guild/[guildId]/welcome/page.tsx
@@ -0,0 +1,49 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import React from "react";
+import { SmilePlus } from "lucide-react";
+import dynamic from "next/dynamic";
+import { api } from "@/lib/api";
+
+const WelcomeForm = dynamic(() => import("@/components/dashboard/welcome-form").then(mod => mod.WelcomeForm), {
+  loading: () => <div className="h-96 w-full animate-pulse bg-slate-800/20 rounded-3xl" />
+});
+
+export default async function WelcomePage({ params }: { params: { guildId: string } }) {
+  const [welcomeData, channelsData] = await Promise.all([
+    api.getWelcome(params.guildId),
+    api.getChannels(params.guildId)
+  ]);
+
+  if (!welcomeData) return null;
+
+  return (
+    <div className="max-w-6xl mx-auto space-y-8 animate-in fade-in slide-in-from-bottom-2 duration-500">
+      <div className="flex flex-col md:flex-row md:items-center justify-between gap-6">
+        <div>
+          <h2 className="text-2xl font-bold text-white flex items-center gap-2">
+            <SmilePlus className="h-6 w-6 text-primary" />
+            Welcomer
+          </h2>
+          <p className="text-slate-400 mt-1">Greet new members to your server.</p>
+        </div>
+      </div>
+
+      <WelcomeForm initialConfig={welcomeData} channels={channelsData} guildId={params.guildId} />
+    </div>
+  );
+}
diff --git a/dashboard/app/dashboard/guilds/page.tsx b/dashboard/app/dashboard/guilds/page.tsx
new file mode 100644
index 0000000..d9882bc
--- /dev/null
+++ b/dashboard/app/dashboard/guilds/page.tsx
@@ -0,0 +1,205 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import React from "react";
+import Image from "next/image";
+import Link from "next/link";
+import { Users, ShieldCheck, ChevronRight, Hash } from "lucide-react";
+import { api } from "@/lib/api";
+import { Button } from "@/components/ui/button";
+
+import { GuildSummary } from "@/types/api";
+import { getServerSession } from "next-auth/next";
+import { authOptions } from "@/lib/auth";
+import { redirect } from "next/navigation";
+
+export const dynamic = "force-dynamic";
+export const revalidate = 0;
+
+export default async function GuildsPage() {
+  const session = await getServerSession(authOptions);
+  
+  if (!session || !session.accessToken) {
+    redirect("/");
+  }
+
+  let botGuilds: GuildSummary[] = [];
+  let userGuilds: any[] = [];
+  let userDiscordError: string | null = null;
+  let botError: string | null = null;
+
+  try {
+    botGuilds = await api.listGuilds();
+  } catch (err: any) {
+    console.error("Failed to fetch bot guilds:", err);
+    botError = err.message || "Failed to load bot servers.";
+  }
+
+  try {
+    const res = await fetch("https://discord.com/api/users/@me/guilds", {
+      headers: {
+        Authorization: `Bearer ${session.accessToken}`,
+      },
+      next: { revalidate: 300 } // Cache for 5 mins
+    });
+    
+    if (res.ok) {
+      userGuilds = await res.json();
+    } else {
+      userDiscordError = "Failed to fetch your Discord servers.";
+    }
+  } catch (err) {
+    console.error("Discord API Error:", err);
+    userDiscordError = "Error connecting to Discord.";
+  }
+
+  // Filter out guilds that the user is an admin of (permission flag 0x8 or MANAGE_GUILD 0x20)
+  // Manage Server is 0x20, Admin is 0x8
+  const MANAGE_GUILD = BigInt(0x20);
+  const ADMINISTRATOR = BigInt(0x8);
+  const adminUserGuilds = userGuilds.filter(g => {
+    try {
+      const perms = BigInt(g.permissions);
+      return (perms & ADMINISTRATOR) === ADMINISTRATOR || 
+             (perms & MANAGE_GUILD) === MANAGE_GUILD || 
+             g.owner === true;
+    } catch {
+      return g.owner === true;
+    }
+  });
+
+  const adminGuildIds = new Set(adminUserGuilds.map(g => String(g.id)));
+  
+  // The intersecting guilds we can manage
+  const guilds = botGuilds.filter(g => adminGuildIds.has(String(g.id)));
+  const error = botError || userDiscordError;
+
+
+  return (
+    <div className="space-y-8">
+      <div className="flex justify-between items-end">
+        <div>
+          <h1 className="text-3xl font-bold text-white">Your Servers</h1>
+          <p className="text-slate-400 mt-2">
+            Select a server to manage its unique configuration and modules.
+          </p>
+        </div>
+        <div className="text-sm font-medium px-4 py-2 bg-slate-800 rounded-xl border border-slate-700 text-slate-300">
+          Showing <span className="text-white">{guilds.length}</span> active guilds
+        </div>
+      </div>
+
+      {error ? (
+        <div className="bg-red-500/10 border border-red-500/20 p-8 rounded-2xl text-center">
+          <ShieldCheck className="h-12 w-12 text-red-500 mx-auto mb-4 opacity-50" />
+          <h3 className="text-white font-bold text-lg">Connection Error</h3>
+          <p className="text-slate-400 mt-2">{error}</p>
+          <Button variant="outline" className="mt-6">Retry Connection</Button>
+        </div>
+      ) : guilds.length === 0 ? (
+        <div className="bg-slate-800/30 border border-slate-800 border-dashed p-16 rounded-3xl text-center">
+          <div className="h-16 w-16 bg-slate-800 rounded-full flex items-center justify-center mx-auto mb-6">
+            <Users className="h-8 w-8 text-slate-600" />
+          </div>
+          <h3 className="text-white font-bold text-xl">No Servers Found</h3>
+          <p className="text-slate-400 mt-2 max-w-sm mx-auto">
+            The bot hasn't joined any servers yet, or you don't have permission.
+          </p>
+          <div className="mt-8 bg-slate-900/50 p-4 rounded-xl text-left font-mono text-sm text-slate-300 max-w-2xl mx-auto overflow-auto max-h-48 whitespace-pre">
+            <p className="font-bold text-red-400 mb-2">Diagnostic Data:</p>
+            <p>1. Bot's Cache Total Servers: {botGuilds.length}</p>
+            <p>2. Your Discord Profile Total Servers: {userGuilds.length}</p>
+            <p>3. Your Discord Profile Admin/Manage Servers: {adminUserGuilds.length}</p>
+            {botGuilds.length > 0 && adminUserGuilds.length > 0 && (
+               <div className="mt-4 pt-4 border-t border-white/10">
+                 <p className="text-emerald-400 mb-1">Bot First Server ID: {botGuilds[0].id} (Type: {typeof botGuilds[0].id})</p>
+                 <p className="text-blue-400">Your First Admin Server ID: {adminUserGuilds[0].id} (Type: {typeof adminUserGuilds[0].id})</p>
+               </div>
+            )}
+            <hr className="my-2 border-white/10" />
+            <p>Intersection Mappings found: {guilds.length}</p>
+            {userDiscordError && <p className="text-red-400">User Error: {userDiscordError}</p>}
+            {botError && <p className="text-red-400">Bot Error: {botError}</p>}
+          </div>
+          <Button className="mt-8">Invite to Discord</Button>
+        </div>
+      ) : (
+        <div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
+          {guilds.map((guild) => (
+            <div 
+              key={guild.id} 
+              className="bg-[#141B2D] border border-slate-800 rounded-3xl group hover:border-primary/50 hover:bg-[#202c3f] transition-all duration-300 overflow-hidden shadow-sm hover:shadow-primary/5 shadow-black/20"
+            >
+              <div className="p-6">
+                <div className="flex items-start justify-between mb-6">
+                  <div className="relative">
+                    {guild.icon_url ? (
+                      <Image 
+                        src={guild.icon_url} 
+                        alt={guild.name}
+                        width={64}
+                        height={64}
+                        className="rounded-2xl border-2 border-slate-800 shadow-xl group-hover:scale-105 transition-transform"
+                      />
+                    ) : (
+                      <div className="h-16 w-16 bg-primary/20 rounded-2xl flex items-center justify-center border-2 border-slate-800 text-primary font-bold text-2xl shadow-xl group-hover:scale-105 transition-transform">
+                        {guild.name.charAt(0)}
+                      </div>
+                    )}
+                    <div className="absolute -bottom-1 -right-1 h-4 w-4 rounded-full bg-emerald-500 border-2 border-[#141B2D]" title="Bot Online" />
+                  </div>
+                  
+                  <div className="flex flex-col items-end text-right">
+                    <span className="text-[10px] uppercase font-bold text-slate-500 tracking-widest mb-1">Guild ID</span>
+                    <span className="text-xs font-mono text-slate-400 bg-black/20 px-2 py-1 rounded-lg border border-white/5 truncate max-w-[120px]">
+                      {guild.id}
+                    </span>
+                  </div>
+                </div>
+
+                <div>
+                  <h3 className="text-xl font-bold text-white truncate group-hover:text-primary transition-colors">
+                    {guild.name}
+                  </h3>
+                  <div className="flex items-center gap-4 mt-4 text-slate-400">
+                    <div className="flex items-center gap-1.5 bg-slate-800/50 px-3 py-1.5 rounded-xl border border-white/5">
+                      <Users className="h-4 w-4 text-slate-500" />
+                      <span className="text-sm font-semibold text-slate-300">{guild.member_count.toLocaleString()}</span>
+                    </div>
+                    <div className="flex items-center gap-1.5 bg-slate-800/50 px-3 py-1.5 rounded-xl border border-white/5">
+                      <Hash className="h-4 w-4 text-slate-500" />
+                      <span className="text-sm font-semibold text-slate-300">Active</span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <div className="px-6 py-4 bg-slate-800/20 border-t border-slate-800/80 group-hover:bg-primary/5 transition-colors">
+                <Button className="w-full justify-between group/btn py-6" variant="secondary" asChild>
+                  <Link href={`/dashboard/guild/${guild.id}`}>
+                    <span>Manage Server</span>
+                    <ChevronRight className="h-4 w-4 group-hover/btn:translate-x-1 transition-transform" />
+                  </Link>
+                </Button>
+              </div>
+
+            </div>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/dashboard/app/dashboard/layout.tsx b/dashboard/app/dashboard/layout.tsx
new file mode 100644
index 0000000..a488b6d
--- /dev/null
+++ b/dashboard/app/dashboard/layout.tsx
@@ -0,0 +1,462 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client";
+
+import React, { useState, useEffect, useRef } from "react";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import {
+  LayoutDashboard, Server, ShieldCheck, Ticket, BarChart4, FileText, Settings,
+  Menu, X, Bell, User, Search, ChevronRight, Star, Sparkles, LogOut,
+  LifeBuoy, ChevronDown, Bot, Shield
+} from "lucide-react";
+import { useSession, signIn, signOut } from "next-auth/react";
+import { cn, isAdmin } from "@/lib/utils";
+import { api } from "@/lib/api";
+import { AdminConfig } from "@/types/api";
+
+export default function DashboardLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const [isSidebarOpen, setIsSidebarOpen] = useState(false);
+  const [isProfileOpen, setIsProfileOpen] = useState(false);
+  const pathname = usePathname();
+  const { data: session, status } = useSession();
+  const [isNotificationsOpen, setIsNotificationsOpen] = useState(false);
+  const [globalNotification, setGlobalNotification] = useState<string | null>(null);
+  
+  const bellRef = useRef<HTMLDivElement>(null);
+  const profileRef = useRef<HTMLDivElement>(null);
+
+  // Close dropdowns on click outside
+  useEffect(() => {
+    const handleClickOutside = (event: MouseEvent) => {
+      const target = event.target as Node;
+      if (bellRef.current && !bellRef.current.contains(target)) {
+        setIsNotificationsOpen(false);
+      }
+      if (profileRef.current && !profileRef.current.contains(target)) {
+        setIsProfileOpen(false);
+      }
+    };
+
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+
+  // Auto-close sidebar on mobile when navigating
+  React.useEffect(() => {
+    setIsSidebarOpen(false);
+    setIsProfileOpen(false);
+  }, [pathname]);
+
+  React.useEffect(() => {
+    if (status === "unauthenticated") {
+      signIn("discord");
+    }
+    
+    // Fetch global notification
+    const fetchNotification = async () => {
+      try {
+        const config = await api.getAdminConfig();
+        setGlobalNotification(config.global_notification);
+      } catch (err) {
+        console.error("Failed to fetch notifications:", err);
+      }
+    };
+    fetchNotification();
+  }, [status]);
+
+  if (status === "loading" || status === "unauthenticated") {
+    return (
+      <div className="min-h-screen bg-[#0f172a] flex items-center justify-center">
+        <div className="animate-pulse flex flex-col items-center gap-4">
+          <div className="h-12 w-12 rounded-xl bg-primary flex items-center justify-center shadow-lg shadow-primary/20">
+            <span className="font-black text-white italic text-xl">{process.env.NEXT_PUBLIC_BRAND_NAME_WORD || "ZX"}</span>
+          </div>
+          <p className="text-slate-400 font-bold tracking-widest uppercase text-xs">
+            Authenticating...
+          </p>
+        </div>
+      </div>
+    );
+  }
+
+  const match = pathname.match(/\/dashboard\/guild\/([^\/]+)/);
+  const currentGuildId = match ? match[1] : null;
+
+  // Base sidebar items – will be filtered if we are inside a guild
+  const allSidebarItems = currentGuildId
+    ? [
+        { name: "Overview", href: `/dashboard/guild/${currentGuildId}`, icon: LayoutDashboard },
+        {
+          name: "Security",
+          items: [
+            { name: "Anti-Nuke", href: `/dashboard/guild/${currentGuildId}/antinuke`, icon: ShieldCheck },
+            { name: "Automod", href: `/dashboard/guild/${currentGuildId}/automod`, icon: ShieldCheck },
+            { name: "Verification", href: `/dashboard/guild/${currentGuildId}/verification`, icon: User },
+          ],
+        },
+        {
+          name: "Engagement",
+          items: [
+            { name: "Welcome", href: `/dashboard/guild/${currentGuildId}/welcome`, icon: Bell },
+            { name: "Leveling", href: `/dashboard/guild/${currentGuildId}/leveling`, icon: BarChart4 },
+            { name: "Vanity Roles", href: `/dashboard/guild/${currentGuildId}/vanityroles`, icon: Star },
+            { name: "Auto Role", href: `/dashboard/guild/${currentGuildId}/autorole`, icon: Search },
+            { name: "Auto React", href: `/dashboard/guild/${currentGuildId}/autoreact`, icon: Settings },
+            { name: "Reaction Roles", href: `/dashboard/guild/${currentGuildId}/reactionroles`, icon: Search },
+            { name: "Join DM", href: `/dashboard/guild/${currentGuildId}/joindm`, icon: User },
+            { name: "Invites", href: `/dashboard/guild/${currentGuildId}/invites`, icon: Search },
+            { name: "Tracking", href: `/dashboard/guild/${currentGuildId}/tracking`, icon: BarChart4 },
+          ],
+        },
+        {
+          name: "Utility",
+          items: [
+            { name: "Tickets", href: `/dashboard/guild/${currentGuildId}/tickets`, icon: Ticket },
+            { name: "Join to Create", href: `/dashboard/guild/${currentGuildId}/j2c`, icon: Menu },
+            { name: "Custom Roles", href: `/dashboard/guild/${currentGuildId}/customroles`, icon: ShieldCheck },
+            { name: "Voice Role", href: `/dashboard/guild/${currentGuildId}/invcrole`, icon: Settings },
+          ],
+        },
+        { name: "Settings", href: `/dashboard/guild/${currentGuildId}/settings`, icon: Settings },
+        { name: "Back to Servers", href: "/dashboard/guilds", icon: Server },
+      ]
+    : [
+        { name: "Dashboard", href: "/dashboard", icon: LayoutDashboard },
+        { name: "Servers", href: "/dashboard/guilds", icon: Server },
+        ...(isAdmin(session?.user?.id) 
+            ? [{ name: "Admin Panel", href: "/dashboard/admin", icon: Shield }] 
+            : []),
+      ];
+
+  // Separate the "Back to Servers" item when inside a guild
+  let mainSidebarItems = allSidebarItems;
+  let backLinkItem: any = null;
+
+  if (currentGuildId) {
+    mainSidebarItems = allSidebarItems.filter(
+      (item) => !(item.name === "Back to Servers")
+    );
+    backLinkItem = allSidebarItems.find((item) => item.name === "Back to Servers");
+  }
+
+  const BackLinkIcon = backLinkItem?.icon || Server;
+
+  return (
+    <div className="min-h-screen bg-[#020617] text-slate-200">
+      {/* Liquid Background Elements */}
+      <div className="fixed inset-0 overflow-hidden pointer-events-none z-0">
+        <div className="absolute top-[-10%] right-[-10%] w-[40%] h-[40%] bg-red-500/5 blur-[120px] rounded-full animate-pulse" />
+        <div className="absolute bottom-[10%] left-[-5%] w-[30%] h-[30%] bg-indigo-500/5 blur-[100px] rounded-full animate-pulse [animation-delay:2s]" />
+      </div>
+
+      {/* Mobile Sidebar Overlay */}
+      {isSidebarOpen && (
+        <div
+          className="fixed inset-0 z-40 bg-black/60 backdrop-blur-sm lg:hidden"
+          onClick={() => setIsSidebarOpen(false)}
+        />
+      )}
+
+      {/* Sidebar - now using flex column */}
+      <aside
+        className={cn(
+          "fixed left-4 top-4 bottom-4 z-50 w-64 transform transition-all duration-500 ease-in-out lg:translate-x-0 glass border border-white/10 rounded-[2.5rem] shadow-2xl shadow-black/40 overflow-hidden flex flex-col",
+          isSidebarOpen ? "translate-x-0" : "-translate-x-[110%]"
+        )}
+      >
+        {/* Header */}
+        <div className="flex h-16 items-center px-6 mt-4 flex-shrink-0">
+          <div className="flex items-center gap-3 group">
+            <div className="h-9 w-9 rounded-xl bg-gradient-to-br from-red-500 to-red-800 flex items-center justify-center shadow-lg shadow-red-500/20 group-hover:scale-110 transition-transform border border-white/10">
+              <Bot className="h-5 w-5 text-white" />
+            </div>
+            <div className="flex flex-col">
+              <h1 className="text-lg font-bold tracking-tight text-white font-outfit leading-none">
+                {process.env.NEXT_PUBLIC_BRAND_NAME || "ZyroX"}
+              </h1>
+              <span className="text-[9px] font-black uppercase tracking-[0.2em] text-red-500/80 mt-1">
+                Dashboard
+              </span>
+            </div>
+          </div>
+          <button
+            className="ml-auto p-2 lg:hidden text-slate-400 hover:text-white"
+            onClick={() => setIsSidebarOpen(false)}
+          >
+            <X className="h-5 w-5" />
+          </button>
+        </div>
+
+        {/* Scrollable Navigation */}
+        <nav className="mt-8 px-4 space-y-6 overflow-y-auto flex-1 no-scrollbar relative z-10 pb-3">
+          {mainSidebarItems.map((item: any) => {
+            if (item.items) {
+              return (
+                <div key={item.name} className="space-y-2">
+                  <p className="px-4 text-[10px] font-black uppercase tracking-[0.3em] text-slate-600 mb-3">
+                    {item.name}
+                  </p>
+                  <div className="space-y-1">
+                    {item.items.map((subItem: any) => {
+                      const isActive = pathname === subItem.href;
+                      return (
+                        <Link
+                          key={subItem.name}
+                          href={subItem.href}
+                          className={cn(
+                            "flex items-center gap-3 px-4 py-2.5 rounded-xl transition-all duration-300 group text-[13px] font-bold",
+                            isActive
+                              ? "bg-red-500/10 text-red-500 border border-red-500/20 shadow-[0_0_20px_rgba(239,68,68,0.1)]"
+                              : "text-slate-400 hover:bg-white/[0.03] hover:text-slate-200"
+                          )}
+                        >
+                          <subItem.icon
+                            className={cn(
+                              "h-4 w-4 transition-all duration-300",
+                              isActive
+                                ? "text-red-500 scale-110"
+                                : "text-slate-600 group-hover:text-slate-400"
+                            )}
+                          />
+                          {subItem.name}
+                          {isActive && (
+                            <div className="ml-auto w-1.5 h-1.5 rounded-full bg-red-500 animate-pulse shadow-[0_0_10px_rgba(239,68,68,0.5)]" />
+                          )}
+                        </Link>
+                      );
+                    })}
+                  </div>
+                </div>
+              );
+            }
+
+            const isActive = pathname === item.href;
+            return (
+              <Link
+                key={item.name}
+                href={item.href}
+                className={cn(
+                  "flex items-center gap-4 px-4 py-3 rounded-2xl transition-all duration-300 group text-[14px] font-bold",
+                  isActive
+                    ? "bg-red-500/10 text-red-500 border border-red-500/20 shadow-[0_0_20px_rgba(239,68,68,0.1)]"
+                    : "text-slate-400 hover:bg-white/[0.03] hover:text-slate-200"
+                )}
+              >
+                <item.icon
+                  className={cn(
+                    "h-5 w-5 transition-all duration-300",
+                    isActive ? "text-red-500 scale-110" : "text-slate-600 group-hover:text-slate-400"
+                  )}
+                />
+                {item.name}
+                {isActive ? (
+                  <ChevronRight className="ml-auto h-4 w-4 text-red-500" />
+                ) : (
+                  <ChevronRight className="ml-auto h-4 w-4 opacity-0 group-hover:opacity-30 transition-opacity" />
+                )}
+              </Link>
+            );
+          })}
+        </nav>
+
+        {/* Fixed "Back to Servers" link (only shown inside a guild) */}
+        {backLinkItem && (
+          <div className="px-4 py-2 flex-shrink-0">
+            <div className="h-px bg-white/5 w-3/4 mx-auto rounded-full mb-2" />
+            <Link
+              href={backLinkItem.href || "/dashboard/guilds"}
+              className={cn(
+                "flex items-center gap-4 px-4 py-3 rounded-2xl transition-all duration-300 group text-[14px] font-bold",
+                pathname === backLinkItem.href
+                  ? "bg-red-500/10 text-red-500 border border-red-500/20 shadow-[0_0_20px_rgba(239,68,68,0.1)]"
+                  : "text-slate-400 hover:bg-white/[0.03] hover:text-slate-200"
+              )}
+            >
+              <BackLinkIcon
+                className={cn(
+                  "h-5 w-5 transition-all duration-300",
+                  pathname === backLinkItem.href
+                    ? "text-red-500 scale-110"
+                    : "text-slate-600 group-hover:text-slate-400"
+                )}
+              />
+              {backLinkItem.name}
+              {pathname === backLinkItem.href ? (
+                <ChevronRight className="ml-auto h-4 w-4 text-red-500" />
+              ) : (
+                <ChevronRight className="ml-auto h-4 w-4 opacity-0 group-hover:opacity-30 transition-opacity" />
+              )}
+            </Link>
+          </div>
+        )}
+
+        {/* User Profile - now a normal flex child, no absolute positioning */}
+        <div className="flex-shrink-0 p-4 border-t border-white/5 glass-red bg-red-500/[0.02]">
+          <div className="flex items-center gap-3 p-2 bg-white/[0.02] rounded-2xl border border-white/[0.05]">
+            <div className="h-10 w-10 rounded-full bg-red-500/10 flex items-center justify-center ring-1 ring-white/10 overflow-hidden border border-red-500/20">
+              {session?.user?.image ? (
+                <img
+                  src={session.user.image}
+                  alt="User Avatar"
+                  className="h-full w-full object-cover opacity-80"
+                />
+              ) : (
+                <User className="h-6 w-6 text-red-500/50" />
+              )}
+            </div>
+            <div className="overflow-hidden">
+              <p className="text-sm font-bold text-white truncate font-outfit">
+                {session?.user?.name || "Administrator"}
+              </p>
+              <p className="text-[10px] font-black uppercase text-red-500/60 truncate tracking-widest">
+                User
+              </p>
+            </div>
+          </div>
+        </div>
+      </aside>
+
+      {/* Main Content Area (unchanged) */}
+      <div className="lg:pl-72 flex flex-col min-h-screen relative z-10">
+        {/* Top Navbar (unchanged) */}
+        <header className="h-20 sticky top-4 z-30 mx-4 lg:mx-10 flex items-center justify-between border border-white/10 glass bg-white/[0.01] backdrop-blur-3xl px-8 rounded-[2rem] shadow-xl shadow-black/20 mb-6 mt-4">
+          <button
+            className="p-2 lg:hidden text-slate-400 hover:bg-white/5 rounded-xl transition-colors"
+            onClick={() => setIsSidebarOpen(true)}
+          >
+            <Menu className="h-6 w-6" />
+          </button>
+
+          <div className="hidden md:flex items-center w-96 max-w-full relative group">
+            <Search className="absolute left-4 h-4 w-4 text-slate-500 group-focus-within:text-red-500 transition-colors" />
+            <input
+              type="text"
+              placeholder="Query neural network..."
+              className="w-full bg-white/[0.03] border border-white/5 rounded-2xl py-2.5 pl-12 pr-4 text-xs font-bold text-slate-300 focus:outline-none focus:ring-1 focus:ring-red-500/30 focus:bg-white/[0.05] transition-all placeholder:text-slate-600"
+            />
+          </div>
+
+          <div className="flex items-center gap-6">
+            <div className="relative" ref={bellRef}>
+              <button 
+                onClick={() => setIsNotificationsOpen(!isNotificationsOpen)}
+                className="relative p-2.5 text-slate-400 hover:bg-white/5 hover:text-white rounded-xl transition-all group"
+              >
+                <Bell className="h-5 w-5" />
+                {globalNotification && (
+                  <span className="absolute top-2 right-2 h-2 w-2 rounded-full bg-red-500 border-2 border-[#020617] shadow-[0_0_10px_rgba(239,68,68,0.5)]"></span>
+                )}
+              </button>
+
+              {isNotificationsOpen && (
+                <div className="absolute right-0 mt-3 w-80 bg-[#0a0f1e]/90 backdrop-blur-3xl border border-white/5 rounded-[24px] shadow-[0_20px_50px_rgba(0,0,0,0.5)] p-4 z-20 animate-in fade-in zoom-in-95 duration-300 origin-top-right">
+                    <div className="flex items-center justify-between mb-4 border-b border-white/5 pb-2">
+                      <p className="text-[10px] font-black text-slate-500 uppercase tracking-[0.2em]">Broadcast Metrics</p>
+                      <button 
+                        onClick={() => setGlobalNotification(null)}
+                        className="text-[10px] font-bold text-red-500/60 hover:text-red-500 transition-colors uppercase"
+                      >
+                        Clear
+                      </button>
+                    </div>
+                    
+                    {globalNotification ? (
+                      <div className="bg-red-500/5 border border-red-500/10 rounded-2xl p-4">
+                        <div className="flex items-center gap-2 mb-2">
+                          <Sparkles className="h-3 w-3 text-red-500" />
+                          <span className="text-[10px] font-black uppercase text-red-500 tracking-widest">System Broadcast</span>
+                        </div>
+                        <p className="text-xs font-medium text-slate-300 leading-relaxed">
+                          {globalNotification}
+                        </p>
+                      </div>
+                    ) : (
+                      <div className="py-8 flex flex-col items-center justify-center text-center">
+                        <div className="h-10 w-10 rounded-full bg-slate-800 flex items-center justify-center mb-3">
+                          <Bell className="h-5 w-5 text-slate-600" />
+                        </div>
+                        <p className="text-xs font-bold text-slate-500">No active broadcasts</p>
+                        <p className="text-[10px] font-medium text-slate-600 mt-1 uppercase tracking-widest">Everything is operating normally</p>
+                      </div>
+                    )}
+                  </div>
+              )}
+            </div>
+            <div className="h-8 w-[1px] bg-white/5 hidden sm:block"></div>
+
+            {/* Profile Dropdown (unchanged) */}
+            <div className="relative" ref={profileRef}>
+              <button
+                onClick={() => setIsProfileOpen(!isProfileOpen)}
+                className="flex items-center gap-3.5 p-1.5 rounded-2xl hover:bg-white/5 transition-all group border border-transparent hover:border-white/10"
+              >
+                <div className="h-9 w-9 rounded-full bg-red-500/10 flex items-center justify-center overflow-hidden border border-red-500/20 ring-2 ring-transparent group-hover:ring-red-500/30 transition-all">
+                  {session?.user?.image ? (
+                    <img src={session.user.image} alt="User Avatar" className="h-full w-full object-cover opacity-80" />
+                  ) : (
+                    <User className="h-5 w-5 text-red-500/50" />
+                  )}
+                </div>
+                <div className="hidden sm:flex flex-col items-start leading-none gap-1">
+                  <span className="text-xs font-bold text-slate-200 group-hover:text-white transition-colors">
+                    {session?.user?.name?.split(' ')[0] || "Admin"}
+                  </span>
+                  <span className="text-[9px] font-black uppercase text-red-500/60 tracking-widest">Active</span>
+                </div>
+                <ChevronDown
+                  className={cn("h-4 w-4 text-slate-600 transition-transform hidden sm:block", isProfileOpen && "rotate-180")}
+                />
+              </button>
+
+              {isProfileOpen && (
+                <div className="absolute right-0 mt-3 w-56 bg-[#0a0f1e]/90 backdrop-blur-3xl border border-white/5 rounded-[24px] shadow-[0_20px_50px_rgba(0,0,0,0.5)] p-2 z-20 animate-in fade-in zoom-in-95 duration-300 origin-top-right">
+                    <div className="px-4 py-3 border-b border-white/5 mb-2">
+                      <p className="text-[9px] font-black text-slate-500 uppercase tracking-[0.2em] mb-1">Authenticated As</p>
+                      <p className="text-sm font-bold text-white truncate">{session?.user?.name || "Administrator"}</p>
+                    </div>
+
+                    <button className="w-full flex items-center gap-3 px-4 py-3 rounded-xl text-xs font-bold text-slate-400 hover:bg-white/5 hover:text-white transition-all group/item">
+                      <LifeBuoy className="h-4 w-4 text-slate-600 group-hover/item:text-red-500 transition-colors" />
+                      Support Matrix
+                    </button>
+
+                    <button
+                      onClick={() => signOut({ callbackUrl: '/' })}
+                      className="w-full flex items-center gap-3 px-4 py-3 rounded-xl text-xs font-black uppercase tracking-widest text-red-500/80 hover:bg-red-500/10 hover:text-red-500 transition-all group/item"
+                    >
+                      <LogOut className="h-4 w-4" />
+                      Deauthorize
+                    </button>
+                  </div>
+              )}
+            </div>
+          </div>
+        </header>
+
+        {/* Content Area */}
+        <main className="flex-1 p-6 lg:p-10 animate-in fade-in duration-700 relative z-10">
+          <div className="max-w-[1600px] mx-auto">{children}</div>
+        </main>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/dashboard/app/dashboard/loading.tsx b/dashboard/app/dashboard/loading.tsx
new file mode 100644
index 0000000..eca15f8
--- /dev/null
+++ b/dashboard/app/dashboard/loading.tsx
@@ -0,0 +1,33 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import React from "react";
+import { RefreshCcw } from "lucide-react";
+
+export default function DashboardLoading() {
+  return (
+    <div className="flex flex-col items-center justify-center min-h-[60vh] space-y-4 animate-in fade-in duration-500">
+      <div className="relative">
+        <div className="h-16 w-16 border-4 border-slate-800 rounded-full" />
+        <RefreshCcw className="h-16 w-16 text-primary animate-spin absolute top-0 left-0" />
+      </div>
+      <div className="space-y-2 text-center">
+        <h3 className="text-white font-bold text-lg">Initializing System</h3>
+        <p className="text-slate-500 text-sm animate-pulse">Fetching parameters from edge cortex...</p>
+      </div>
+    </div>
+  );
+}
diff --git a/dashboard/app/dashboard/page.tsx b/dashboard/app/dashboard/page.tsx
new file mode 100644
index 0000000..a89cfea
--- /dev/null
+++ b/dashboard/app/dashboard/page.tsx
@@ -0,0 +1,163 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import React from "react";
+import { 
+  Users, 
+  MessageSquare, 
+  Zap, 
+  Activity,
+  Server as ServerIcon,
+  ShieldAlert,
+  Settings,
+  LifeBuoy,
+  FileText
+} from "lucide-react";
+import { api } from "@/lib/api";
+
+export default async function DashboardPage() {
+  let botInfo;
+  let error = null;
+
+  try {
+    botInfo = await api.getBotInfo();
+  } catch (err: any) {
+    console.error("Failed to fetch bot info:", err);
+    error = err.message || "Failed to connect to the bot API.";
+    // Fallback data for UI structure if API fails
+    botInfo = {
+      name: "ZyroX Bot",
+      guilds: 0,
+      users: 0,
+      commands: 0,
+      latency: "0ms"
+    };
+  }
+
+  const stats = [
+    { name: "Total Guilds", value: botInfo.guilds.toLocaleString(), icon: ServerIcon },
+    { name: "Total Users", value: botInfo.users.toLocaleString(), icon: Users },
+    { name: "System Uptime", value: "99.9%", icon: Activity },
+    { name: "API Latency", value: botInfo.latency, icon: Activity },
+  ];
+
+  return (
+    <div className="space-y-10 animate-in fade-in slide-in-from-bottom-4 duration-700">
+      <div className="flex flex-col md:flex-row md:items-end justify-between gap-6 px-2">
+        <div>
+          <h1 className="text-4xl md:text-5xl font-bold text-white font-outfit tracking-tight">System <span className="text-red-500 italic">Core.</span></h1>
+          <p className="text-slate-400 mt-3 font-medium flex items-center gap-2">
+            Status and live metrics for <span className="text-red-500 font-bold px-2 py-0.5 rounded-lg bg-red-500/10 border border-red-500/20">{botInfo.name}</span>
+          </p>
+        </div>
+        
+        {error && (
+          <div className="flex items-center gap-2 px-5 py-2.5 glass-red rounded-2xl text-red-500 text-xs font-bold uppercase tracking-widest animate-pulse">
+            <ShieldAlert className="h-4 w-4" />
+            <span>{error}</span>
+          </div>
+        )}
+      </div>
+
+      {/* Stats Grid */}
+      <div className="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4">
+        {stats.map((stat) => (
+          <div key={stat.name} className="group glass border-white/5 p-7 rounded-[32px] relative overflow-hidden hover:border-red-500/30 transition-all duration-500 shadow-2xl">
+              {/* Animated Glow Overlay */}
+              <div className="absolute inset-0 bg-gradient-to-br from-red-500/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500" />
+              
+             <div className="flex items-center justify-between relative z-10">
+                <div>
+                  <p className="text-[10px] font-black text-slate-500 uppercase tracking-[0.2em] mb-2">{stat.name}</p>
+                  <p className="text-3xl font-bold text-white font-outfit tracking-tight">{stat.value}</p>
+                </div>
+                <div className="p-4 bg-red-500/10 rounded-2xl border border-red-500/20 group-hover:scale-110 group-hover:bg-red-500/20 transition-all duration-500">
+                  <stat.icon className="h-6 w-6 text-red-500" />
+                </div>
+             </div>
+             
+             <div className="absolute bottom-0 left-12 right-12 h-[1px] bg-red-500/50 blur-[1px] opacity-0 group-hover:opacity-100 transition-opacity duration-500" />
+          </div>
+        ))}
+      </div>
+
+      {/* Featured Modules & Support */}
+      <div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
+        <div className="lg:col-span-2 glass border-white/5 rounded-[40px] p-10 relative group overflow-hidden shadow-2xl">
+          <div className="absolute inset-0 bg-gradient-to-br from-red-500/[0.03] to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-700" />
+          
+          <div className="flex items-center justify-between mb-8 relative z-10">
+            <h2 className="text-2xl font-bold text-white font-outfit tracking-tight">Quick Actions</h2>
+            <div className="flex items-center gap-2 px-3 py-1 rounded-full bg-red-500/10 border border-red-500/20">
+               <Zap className="h-3 w-3 text-red-500" />
+               <span className="text-[10px] font-black text-red-500 uppercase tracking-widest">Efficiency</span>
+            </div>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4 relative z-10">
+            {[
+              { title: "Manage Servers", desc: "View and configure your Discord guilds.", icon: ServerIcon, href: "/dashboard/guilds" },
+              { title: "Global Settings", desc: "Adjust your personal dashboard preferences.", icon: Settings, href: "/dashboard" },
+              { title: "Support Matrix", desc: "Get help from our neural support team.", icon: LifeBuoy, href: "#" },
+              { title: "Documentation", desc: "Learn how to master the ZyroX engine.", icon: FileText, href: "#" },
+            ].map((item) => (
+              <a key={item.title} href={item.href} className="flex items-center gap-5 p-4 rounded-2xl bg-white/[0.02] border border-white/[0.03] group/item hover:bg-white/[0.05] hover:border-red-500/20 transition-all">
+                <div className="h-12 w-12 rounded-2xl bg-red-500/5 border border-red-500/10 flex items-center justify-center group-hover/item:bg-red-500/10 transition-colors">
+                   <item.icon className="h-5 w-5 text-red-500/60 group-hover/item:text-red-500 transition-colors" />
+                </div>
+                <div>
+                  <h4 className="text-sm font-bold text-white group-hover/item:text-red-500 transition-colors">{item.title}</h4>
+                  <p className="text-[10px] text-slate-500 font-medium uppercase tracking-wider">{item.desc}</p>
+                </div>
+              </a>
+            ))}
+          </div>
+        </div>
+
+        <div className="glass border-white/5 rounded-[40px] p-10 flex flex-col justify-between relative group shadow-2xl overflow-hidden">
+          <div className="absolute inset-0 bg-gradient-to-bl from-red-500/[0.05] to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-700" />
+          
+          <div className="relative z-10">
+            <h2 className="text-2xl font-bold text-white mb-3 font-outfit">Module Status</h2>
+            <p className="text-slate-500 text-sm mb-10 font-medium">Global operational health of ZyroX core.</p>
+            
+            <div className="space-y-4">
+              {[
+                { name: 'Neural Gateway', status: 'Optimal' },
+                { name: 'Database Cluster', status: 'Synchronized' },
+                { name: 'Edge Shards', status: 'Operational' }
+              ].map((service) => (
+                <div key={service.name} className="flex items-center justify-between p-4 bg-white/[0.02] rounded-2xl border border-white/[0.05] hover:border-red-500/20 transition-colors">
+                  <span className="text-xs font-bold text-slate-300">{service.name}</span>
+                  <div className="flex items-center gap-3">
+                    <div className="h-1.5 w-1.5 rounded-full bg-emerald-500 shadow-[0_0_10px_rgba(16,185,129,0.5)]" />
+                    <span className="text-[9px] uppercase font-black text-emerald-500 tracking-widest">{service.status}</span>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+          
+          <button className="mt-12 w-full py-4 glass-red hover:bg-red-500/10 text-red-500 rounded-[20px] text-[11px] font-black uppercase tracking-[0.2em] transition-all border border-red-500/20 relative z-10">
+            System Diagnostics
+          </button>
+          {/* Abstract Design Element */}
+          <div className="absolute -bottom-10 -right-10 h-32 w-32 bg-red-500/10 blur-3xl rounded-full" />
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/dashboard/app/docs/page.tsx b/dashboard/app/docs/page.tsx
new file mode 100644
index 0000000..113db06
--- /dev/null
+++ b/dashboard/app/docs/page.tsx
@@ -0,0 +1,204 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client";
+
+import React, { useState } from "react";
+import Link from "next/link";
+import { 
+  Bot, 
+  ChevronLeft, 
+  Search, 
+  ShieldCheck, 
+  Zap, 
+  Activity, 
+  Layers, 
+  Sparkles,
+  Search as SearchIcon,
+  BookOpen,
+  Menu,
+  X
+} from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
+
+const DOCS_NAV = [
+  {
+    title: "Getting Started",
+    items: [
+      { name: "Introduction", description: "Learn about the Neural Core." },
+      { name: "Quick Start", description: "Deploy in 30 seconds." },
+      { name: "Architecture", description: "Deep dive into our engine." }
+    ]
+  },
+  {
+    title: "Security Modules",
+    items: [
+      { name: "Anti-Nuke", description: "Absolute lockdown protocols." },
+      { name: "Verification", description: "Captcha & Neural checks." },
+      { name: "Automod", description: "Context-aware AI filtering." }
+    ]
+  },
+  {
+    title: "Management",
+    items: [
+      { name: "Join to Create", description: "Dynamic voice channels." },
+      { name: "Leveling", description: "Cinematic rank generation." },
+      { name: "Tickets", description: "Enterprise helpdesk." }
+    ]
+  }
+];
+
+export default function DocsPage() {
+  const [isSidebarOpen, setIsSidebarOpen] = useState(false);
+  const [activeTab, setActiveTab] = useState("Introduction");
+
+  return (
+    <div className="min-h-screen bg-[#020617] text-slate-200 font-sans">
+      {/* Background Decor */}
+      <div className="fixed inset-0 overflow-hidden pointer-events-none z-0">
+        <div className="absolute top-[-10%] left-[-10%] w-[50%] h-[50%] bg-red-500/[0.02] blur-[150px] rounded-full" />
+      </div>
+
+      {/* Nav */}
+      <nav className="fixed top-0 w-full z-50 border-b border-white/[0.03] bg-[#020617]/80 backdrop-blur-3xl px-6 h-20 flex items-center justify-between">
+        <div className="flex items-center gap-8">
+          <Link href="/" className="flex items-center gap-4 group">
+            <div className="h-8 w-8 rounded-lg bg-red-600 flex items-center justify-center mr-3">
+              <Bot className="h-5 w-5 text-white" />
+            </div>
+            <span className="text-xl font-bold text-white font-outfit uppercase tracking-tighter hidden md:block">ZyroX Docs</span>
+          </Link>
+          
+          <div className="hidden lg:flex items-center w-80 relative group">
+            <SearchIcon className="absolute left-4 h-4 w-4 text-slate-500 group-focus-within:text-red-500 transition-colors" />
+            <input 
+              type="text" 
+              placeholder="Search documentation..."
+              className="w-full bg-white/[0.03] border border-white/5 rounded-2xl py-2.5 pl-12 pr-4 text-xs font-bold text-slate-300 focus:outline-none focus:ring-1 focus:ring-red-500/30 focus:bg-white/[0.05] transition-all"
+            />
+          </div>
+        </div>
+
+        <div className="flex items-center gap-4">
+           <button 
+             className="lg:hidden p-2 text-slate-400"
+             onClick={() => setIsSidebarOpen(!isSidebarOpen)}
+           >
+             {isSidebarOpen ? <X /> : <Menu />}
+           </button>
+           <Link href="/">
+            <Button variant="ghost" className="text-slate-400 hover:text-white gap-2 text-xs font-black uppercase tracking-widest">
+              Exit Docs
+            </Button>
+          </Link>
+        </div>
+      </nav>
+
+      <div className="max-w-7xl mx-auto flex pt-20">
+        {/* Sidebar */}
+        <aside className={cn(
+          "fixed inset-y-0 left-0 z-40 w-80 bg-[#020617] border-r border-white/5 pt-20 transition-transform lg:translate-x-0 lg:static lg:bg-transparent",
+          isSidebarOpen ? "translate-x-0" : "-translate-x-full"
+        )}>
+          <div className="h-full p-8 overflow-y-auto no-scrollbar">
+            {DOCS_NAV.map((section) => (
+              <div key={section.title} className="mb-10">
+                <h4 className="text-[10px] font-black uppercase tracking-[0.4em] text-slate-600 mb-6">{section.title}</h4>
+                <div className="space-y-1">
+                  {section.items.map((item) => (
+                    <button
+                      key={item.name}
+                      onClick={() => {
+                        setActiveTab(item.name);
+                        setIsSidebarOpen(false);
+                      }}
+                      className={cn(
+                        "w-full flex flex-col items-start gap-1 p-4 rounded-2xl transition-all text-left",
+                        activeTab === item.name 
+                          ? "bg-red-500/10 border border-red-500/20 shadow-[0_0_20px_rgba(239,68,68,0.05)]" 
+                          : "hover:bg-white/[0.02] border border-transparent"
+                      )}
+                    >
+                      <span className={cn("text-sm font-bold", activeTab === item.name ? "text-red-500" : "text-slate-300")}>{item.name}</span>
+                      <span className="text-[10px] text-slate-600 font-bold uppercase tracking-tight">{item.description}</span>
+                    </button>
+                  ))}
+                </div>
+              </div>
+            ))}
+          </div>
+        </aside>
+
+        {/* Content */}
+        <main className="flex-1 p-8 lg:p-16 relative z-10 max-w-4xl">
+           <div className="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-red-500/10 border border-red-500/20 text-red-500 text-[10px] font-black uppercase tracking-widest mb-8">
+            <BookOpen className="h-3 w-3" />
+            V2.4 Runtime Environment
+          </div>
+
+          <h1 className="text-6xl font-bold text-white font-outfit tracking-tighter uppercase mb-8 italic">
+            {activeTab}<span className="text-red-500 not-italic">.</span>
+          </h1>
+
+          <div className="prose prose-invert max-w-none">
+             <p className="text-lg text-slate-400 mb-12 leading-relaxed">
+               Welcome to the {activeTab} section of the ZyroX Engine documentation. Our engine is designed for communities that demand absolute performance and cinematic management tools.
+             </p>
+
+             <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+                <div className="p-8 rounded-[32px] glass border-white/5 space-y-4">
+                   <Zap className="h-6 w-6 text-red-500" />
+                   <h3 className="text-xl font-bold text-white font-outfit uppercase">Fast Dispatch</h3>
+                   <p className="text-sm text-slate-500 font-bold uppercase tracking-tight">Commands are dispatched via our global edge network in under 12ms.</p>
+                </div>
+                <div className="p-8 rounded-[32px] glass border-white/5 space-y-4">
+                   <ShieldCheck className="h-6 w-6 text-emerald-500" />
+                   <h3 className="text-xl font-bold text-white font-outfit uppercase">Secure Node</h3>
+                   <p className="text-sm text-slate-500 font-bold uppercase tracking-tight">Every module runs in a dedicated neural sandbox with AES-256 encryption.</p>
+                </div>
+             </div>
+
+             <div className="p-8 rounded-[40px] bg-red-500/[0.02] border border-red-500/10 relative overflow-hidden">
+                <div className="absolute top-0 right-0 p-8 opacity-10">
+                   <Layers className="h-32 w-32 text-red-500" />
+                </div>
+                <h2 className="text-2xl font-bold text-white font-outfit uppercase tracking-tight mb-4">Neural Architecture</h2>
+                  <h3 className="text-white font-bold">Protocol Overview</h3>
+                <p className="text-slate-500 font-bold leading-relaxed mb-8">
+                  The ZyroX Engine utilizes a decentralized event stream processing model. When a Discord event is received, it is instantly routed to the nearest edge cluster.
+                </p>
+                <div className="bg-black/40 p-6 rounded-2xl border border-white/5 font-mono text-sm text-red-500 mb-8">
+                  $ zyrox initialize --cluster-shard [neural_07] --mode enterprise
+                </div>
+             </div>
+          </div>
+
+          <div className="mt-20 pt-12 border-t border-white/5 flex items-center justify-between">
+             <div>
+                <p className="text-[10px] font-black uppercase text-slate-600 tracking-[0.4em] mb-2">Internal Ref</p>
+                <p className="text-sm font-bold text-slate-400">DOC-ID: CX_7749_B</p>
+             </div>
+             <div className="flex items-center gap-2">
+                <div className="h-2 w-2 rounded-full bg-red-500 animate-pulse" />
+                <span className="text-[10px] font-black uppercase text-red-500 tracking-[0.2em]">Live Stream Active</span>
+             </div>
+          </div>
+        </main>
+      </div>
+    </div>
+  );
+}
diff --git a/dashboard/app/globals.css b/dashboard/app/globals.css
new file mode 100644
index 0000000..8ed48db
--- /dev/null
+++ b/dashboard/app/globals.css
@@ -0,0 +1,77 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  --background: #020617;
+  --foreground: #f8fafc;
+  --primary: #ef4444;
+  --primary-glow: rgba(239, 68, 68, 0.15);
+  --glass-bg: rgba(15, 23, 42, 0.6);
+  --glass-border: rgba(255, 255, 255, 0.05);
+  --glass-red-border: rgba(239, 68, 68, 0.2);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background: #020617;
+    --foreground: #f8fafc;
+  }
+}
+
+body {
+  color: var(--foreground);
+  background: var(--background);
+  font-family: var(--font-inter), Arial, Helvetica, sans-serif;
+  overflow-x: hidden;
+}
+
+/* Custom Scrollbar Styles */
+::-webkit-scrollbar {
+  width: 10px;
+}
+
+::-webkit-scrollbar-track {
+  background: #020617;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #1e293b;
+  border-radius: 10px;
+  border: 2px solid #020617;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #ef4444; /* Primary Red */
+}
+
+/* Firefox */
+* {
+  scrollbar-width: thin;
+  scrollbar-color: #1e293b #020617;
+}
+
+@layer utilities {
+  .text-balance {
+    text-wrap: balance;
+  }
+  .no-scrollbar::-webkit-scrollbar {
+    display: none;
+  }
+  .no-scrollbar {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+  }
+  .glass {
+    @apply backdrop-blur-xl bg-white/[0.02] border border-white/[0.05];
+  }
+  .glass-red {
+    @apply backdrop-blur-xl bg-red-500/[0.02] border border-red-500/[0.1];
+  }
+  .liquid-glass {
+    background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
+    backdrop-filter: blur(20px);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
+  }
+}
diff --git a/dashboard/app/layout.tsx b/dashboard/app/layout.tsx
new file mode 100644
index 0000000..5f40af5
--- /dev/null
+++ b/dashboard/app/layout.tsx
@@ -0,0 +1,49 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import type { Metadata } from "next";
+import { Inter, Outfit } from "next/font/google";
+import "./globals.css";
+
+import { Toaster } from "@/components/ui/sonner";
+import { AuthProvider } from "@/components/auth-provider";
+
+const inter = Inter({ subsets: ["latin"], variable: "--font-inter" });
+const outfit = Outfit({ subsets: ["latin"], variable: "--font-outfit" });
+
+const brandName = process.env.NEXT_PUBLIC_BRAND_NAME || "Zyrox";
+
+export const metadata: Metadata = {
+  title: `${brandName} - Ultimate Discord Bot`,
+  description: "Advanced Discord community management and security.",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en" className={`${inter.variable} ${outfit.variable}`}>
+      <body className="font-sans antialiased text-slate-200">
+        <AuthProvider>
+          {children}
+          <Toaster />
+        </AuthProvider>
+      </body>
+    </html>
+  );
+}
diff --git a/dashboard/app/page.tsx b/dashboard/app/page.tsx
new file mode 100644
index 0000000..7a02906
--- /dev/null
+++ b/dashboard/app/page.tsx
@@ -0,0 +1,454 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client";
+
+import React from "react";
+import Link from "next/link";
+import { signIn } from "next-auth/react";
+import { 
+  ShieldCheck, 
+  Zap, 
+  BarChart4, 
+  MessageSquare, 
+  ChevronRight, 
+  LayoutDashboard,
+  LogIn,
+  Layers,
+  Sparkles,
+  Bot,
+  Activity,
+  History,
+  CheckCircle2,
+  ShieldAlert,
+  Globe,
+  Terminal,
+  Cpu,
+  Users2,
+  Lock,
+  Radio,
+  Gamepad2,
+  Music4,
+  User
+} from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
+
+export default function LandingPage() {
+  return (
+    <div className="min-h-screen bg-[#020617] text-slate-200 selection:bg-red-500/30 font-sans overflow-x-hidden">
+      {/* Dynamic Background */}
+      <div className="fixed inset-0 overflow-hidden pointer-events-none z-0">
+        <div className="absolute top-[-20%] left-[-10%] w-[70%] h-[70%] bg-red-500/[0.03] blur-[150px] rounded-full animate-pulse" />
+        <div className="absolute bottom-[-10%] right-[-10%] w-[60%] h-[60%] bg-red-600/[0.03] blur-[150px] rounded-full animate-pulse [animation-delay:2s]" />
+      </div>
+
+      {/* Navigation */}
+      <nav className="fixed top-0 w-full z-50 border-b border-white/[0.03] bg-[#020617]/80 backdrop-blur-3xl transition-all duration-500">
+        <div className="max-w-7xl mx-auto px-6 h-20 flex items-center justify-between">
+          <div className="flex items-center gap-4 group cursor-pointer">
+            <div className="h-11 w-11 rounded-2xl bg-gradient-to-br from-red-500 to-red-800 flex items-center justify-center shadow-lg shadow-red-500/25 border border-white/20 group-hover:scale-110 group-hover:rotate-6 transition-all duration-500">
+              <Bot className="h-6 w-6 text-white" />
+            </div>
+            <div className="flex flex-col">
+              <h1 className="text-lg font-bold tracking-tight text-white font-outfit leading-none">{process.env.NEXT_PUBLIC_BRAND_NAME || "ZyroX"}</h1>
+              <span className="text-[9px] font-black uppercase tracking-[0.2em] text-red-500/80 mt-1">Dashboard</span>
+            </div>
+          </div>
+
+          <div className="hidden lg:flex items-center gap-10 text-[11px] font-black uppercase tracking-widest text-slate-500">
+            <Link href="#features" className="hover:text-red-500 transition-colors">Features</Link>
+            <Link href="#architecture" className="hover:text-red-500 transition-colors">Architecture</Link>
+            <Link href="#modules" className="hover:text-red-500 transition-colors">Modules</Link>
+            <Link href="#network" className="hover:text-red-500 transition-colors">Network</Link>
+          </div>
+
+          <div className="flex items-center gap-4">
+            <Button 
+              onClick={() => signIn('discord', { callbackUrl: '/dashboard' })}
+              className="rounded-xl px-7 h-11 font-black uppercase tracking-widest text-[10px] gap-2.5 shadow-2xl shadow-red-500/20 hover:scale-[1.05] active:scale-95 transition-all bg-gradient-to-r from-red-500 to-red-700 border-none"
+            >
+              <LogIn className="h-3.5 w-3.5" />
+              Initialize Console
+            </Button>
+          </div>
+        </div>
+      </nav>
+
+      {/* Hero Section */}
+      <header className="relative z-10 pt-56 pb-32 px-6">
+        <div className="max-w-7xl mx-auto text-center">
+          <div className="inline-flex items-center gap-3 px-6 py-2.5 rounded-2xl bg-red-500/[0.03] border border-red-500/10 text-red-500 text-[10px] font-black uppercase tracking-[0.3em] mb-16 animate-in fade-in slide-in-from-bottom-8 duration-1000 backdrop-blur-md">
+            <span className="relative flex h-2 w-2">
+              <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-red-500 opacity-75"></span>
+              <span className="relative inline-flex rounded-full h-2 w-2 bg-red-600"></span>
+            </span>
+            Neural Core v2 Active • Global Shard 07
+          </div>
+          
+          <h1 className="text-6xl sm:text-8xl md:text-[10rem] font-bold text-white tracking-tighter leading-[0.8] mb-12 font-outfit animate-in fade-in slide-in-from-bottom-12 duration-1000 delay-100 uppercase">
+            Evolution <br />
+            <span className="bg-gradient-to-r from-red-500 via-red-400 to-orange-500 bg-clip-text text-transparent italic font-black">Moderated.</span>
+          </h1>
+
+          <p className="text-lg md:text-2xl text-slate-500 max-w-3xl mx-auto leading-relaxed mb-20 animate-in fade-in slide-in-from-bottom-12 duration-1000 delay-200 font-medium">
+            The hyper-performance Discord engine. 
+            Automated security, cinematic leveling, and precision tools for the world's most elite communities.
+          </p>
+
+          <div className="flex flex-col sm:flex-row items-center justify-center gap-6 animate-in fade-in slide-in-from-bottom-12 duration-1000 delay-300">
+            <Button 
+              onClick={() => signIn('discord', { callbackUrl: '/dashboard' })}
+              className="w-full sm:w-auto rounded-2xl px-14 py-9 text-lg font-black uppercase gap-4 group shadow-[0_0_50px_rgba(239,68,68,0.2)] bg-red-600 text-white hover:bg-red-500 border-none transition-all hover:scale-105"
+            >
+              <LayoutDashboard className="h-6 w-6 group-hover:rotate-12 transition-transform" />
+              Open Dashboard
+            </Button>
+            <Button variant="outline" className="w-full sm:w-auto rounded-2xl px-14 py-9 text-lg font-bold border-white/5 bg-white/[0.02] backdrop-blur-3xl hover:bg-white/[0.05] gap-3 text-white transition-all">
+              Add to Server
+              <ChevronRight className="h-5 w-5 opacity-40 group-hover:translate-x-1 transition-transform" />
+            </Button>
+          </div>
+        </div>
+
+        {/* Cinematic Dashboard Mockup */}
+        <div className="max-w-6xl mx-auto mt-40 relative group animate-in fade-in zoom-in-95 duration-1000 delay-500">
+           <div className="absolute -inset-4 bg-gradient-to-r from-red-500/20 to-transparent rounded-[60px] blur-3xl opacity-0 group-hover:opacity-100 transition-opacity duration-1000" />
+           <div className="relative bg-[#020617] border border-white/[0.05] rounded-[50px] overflow-hidden shadow-[0_30px_100px_rgba(0,0,0,0.8)]">
+              {/* Fake Window Controls */}
+              <div className="h-16 border-b border-white/[0.03] flex items-center justify-between px-10 bg-white/[0.01]">
+                <div className="flex items-center gap-3">
+                  <div className="h-3 w-3 rounded-full bg-red-500/40" />
+                  <div className="h-3 w-3 rounded-full bg-white/10" />
+                  <div className="h-3 w-3 rounded-full bg-white/5" />
+                </div>
+                <div className="px-6 py-2 rounded-2xl bg-white/[0.03] border border-white/[0.05] text-[10px] font-black text-slate-500 tracking-[0.2em] uppercase">
+                   sec.neural.core // active_node_01
+                </div>
+                <div className="w-12" />
+              </div>
+              {/* Content Placeholder with High Contrast */}
+              <div className="aspect-[16/10] p-16 flex flex-col gap-16 relative overflow-hidden bg-gradient-to-br from-[#020617] to-[#0a0f1e]">
+                <div className="flex items-center justify-between z-10 relative">
+                  <div className="space-y-6">
+                    <div className="h-12 w-64 bg-red-500/10 rounded-[20px] border border-red-500/20" />
+                    <div className="h-6 w-[500px] bg-white/[0.02] rounded-xl" />
+                  </div>
+                  <div className="h-20 w-20 rounded-[30px] bg-red-500/10 border border-red-500/20 flex items-center justify-center shadow-[0_0_30px_rgba(239,68,68,0.2)]">
+                    <Activity className="h-8 w-8 text-red-500 animate-pulse" />
+                  </div>
+                </div>
+                <div className="grid grid-cols-3 gap-10 z-10">
+                  {[1, 2, 3].map(i => (
+                    <div key={i} className="h-40 bg-white/[0.02] border border-white/[0.04] rounded-[40px] p-8 space-y-6 hover:border-red-500/20 transition-colors">
+                      <div className="h-10 w-10 rounded-2xl bg-red-500/10 border border-red-500/20" />
+                      <div className="h-4 w-2/3 bg-white/5 rounded-lg" />
+                      <div className="h-3 w-1/2 bg-white/[0.02] rounded-lg" />
+                    </div>
+                  ))}
+                </div>
+                {/* Visual Glow Layer */}
+                <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[90%] h-[90%] bg-red-500/[0.02] blur-[150px] pointer-events-none" />
+              </div>
+           </div>
+        </div>
+      </header>
+
+      {/* Grid Section */}
+      <section id="features" className="py-48 px-6 relative">
+        <div className="max-w-7xl mx-auto">
+          <div className="flex flex-col md:flex-row md:items-end justify-between mb-32 gap-12 px-4">
+            <div className="max-w-3xl">
+              <h2 className="text-6xl md:text-8xl font-bold text-white tracking-tighter font-outfit mb-8 uppercase italic leading-none">High-Scale <br /><span className="text-red-500 not-italic">Infrastructure.</span></h2>
+              <p className="text-2xl text-slate-500 font-medium leading-relaxed">Global redundancy delivers sub-millisecond dispatch times across 20+ edge regions. Zero lag, zero downtime.</p>
+            </div>
+            <div className="flex items-center gap-10 pb-4">
+               <div className="text-right">
+                 <p className="text-[10px] font-black uppercase text-slate-600 tracking-[0.3em] mb-3">Ping Latency</p>
+                 <p className="text-5xl font-black text-red-500 font-outfit">12ms</p>
+               </div>
+               <div className="h-16 w-[1px] bg-white/5" />
+               <div className="text-right">
+                 <p className="text-[10px] font-black uppercase text-slate-600 tracking-[0.3em] mb-3">Global Uptime</p>
+                 <p className="text-5xl font-black text-white font-outfit">99.9<span className="text-slate-700">9</span>%</p>
+               </div>
+            </div>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+            {[
+              { 
+                title: "Neuro-Security", 
+                desc: "Contextual AI analysis detects raids and token-logging attempts in real-time.", 
+                icon: ShieldCheck,
+                color: "bg-red-500/10 border-red-500/20 text-red-500"
+              },
+              { 
+                title: "Edge Dispatch", 
+                desc: "Distributed command execution ensuring your commands work everywhere, instantly.", 
+                icon: Zap,
+                color: "bg-orange-500/10 border-orange-500/20 text-orange-500"
+              },
+              { 
+                title: "Leveling Engine", 
+                desc: "Premium rendered rewards with 4K rank card generation and multi-role hierarchies.", 
+                icon: BarChart4,
+                color: "bg-red-600/10 border-red-600/20 text-red-600"
+              },
+              { 
+                title: "Threaded Support", 
+                desc: "High-volume ticket systems with enterprise encryption and lifetime transcripts.", 
+                icon: MessageSquare,
+                color: "bg-slate-500/10 border-slate-500/20 text-slate-400"
+              },
+              { 
+                title: "Real-time Flux", 
+                desc: "Watch server events live with zero-latency WebSocket data streaming.", 
+                icon: History,
+                color: "bg-red-800/10 border-red-800/20 text-red-700"
+              },
+              { 
+                title: "Cloud Integrity", 
+                desc: "Encrypted backups of all server configurations stored in off-site neural vaults.", 
+                icon: Layers,
+                color: "bg-white/10 border-white/20 text-white"
+              }
+            ].map((feature, i) => (
+              <div key={i} className="group glass border-white/5 p-12 rounded-[50px] hover:border-red-500/30 transition-all duration-700 relative overflow-hidden">
+                <div className="absolute top-0 right-0 p-12 opacity-0 group-hover:opacity-5 scale-50 group-hover:scale-110 transition-all duration-1000">
+                  <feature.icon className="h-64 w-64 text-white" />
+                </div>
+                <div className={cn("h-20 w-20 rounded-3xl flex items-center justify-center mb-10 border transition-all duration-700 group-hover:scale-110 group-hover:rotate-6 shadow-2xl shadow-black/40", feature.color)}>
+                  <feature.icon className="h-10 w-10 shadow-lg" />
+                </div>
+                <h3 className="text-3xl font-bold text-white mb-6 tracking-tight font-outfit relative z-10">{feature.title}</h3>
+                <p className="text-slate-500 leading-relaxed font-bold relative z-10 group-hover:text-slate-400 transition-colors uppercase text-[10px] tracking-[0.2em]">{feature.desc}</p>
+                <div className="mt-8 h-[2px] w-0 bg-red-500 group-hover:w-full transition-all duration-700" />
+              </div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* Architecture Section */}
+      <section id="architecture" className="py-48 px-6 bg-white/[0.01]">
+        <div className="max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-24 items-center">
+           <div className="space-y-12">
+              <div className="inline-flex px-4 py-1.5 rounded-full bg-red-500/10 border border-red-500/20 text-red-500 text-[10px] font-black uppercase tracking-[0.3em]">
+                 The Stack
+              </div>
+              <h2 className="text-6xl md:text-7xl font-bold text-white tracking-tighter font-outfit uppercase">Neural Core <br /><span className="text-slate-600 italic">Technology.</span></h2>
+              <p className="text-xl text-slate-500 leading-relaxed font-medium">
+                Our proprietary engine is built on a custom Rust-based microkernel that handles millions of events with a footprint smaller than a typical Discord bot.
+              </p>
+              <div className="grid grid-cols-1 sm:grid-cols-2 gap-8 pt-8">
+                 {[
+                   { icon: Terminal, title: "Custom DSL", desc: "Write advanced logic with our intuitive ZyroX scripting language." },
+                   { icon: Cpu, title: "FPGA Ready", desc: "Hardware-accelerated pattern matching for instant response." },
+                   { icon: Lock, title: "Zero Trust", desc: "Every command execution is sandboxed and cryptographically verified." },
+                   { icon: Radio, title: "Low Entropy", desc: "Optimized for minimal CPU jitter and maximum reliability." }
+                 ].map((item, i) => (
+                   <div key={i} className="space-y-4 p-6 rounded-[30px] border border-white/[0.03] hover:bg-white/[0.02] transition-colors">
+                      <item.icon className="h-6 w-6 text-red-500" />
+                      <h4 className="text-lg font-bold text-white font-outfit uppercase tracking-tight">{item.title}</h4>
+                      <p className="text-sm text-slate-600 font-bold leading-relaxed">{item.desc}</p>
+                   </div>
+                 ))}
+              </div>
+           </div>
+           <div className="relative aspect-square flex items-center justify-center group">
+              <div className="absolute inset-0 bg-red-500/5 blur-[120px] rounded-full animate-pulse" />
+              <div className="h-[80%] w-[80%] border-2 border-white/[0.05] rounded-full animate-[spin_60s_linear_infinite] flex items-center justify-center relative">
+                 <div className="absolute top-0 left-1/2 -translate-x-1/2 h-4 w-4 rounded-full bg-red-500 shadow-[0_0_20px_rgba(239,68,68,0.5)]" />
+                 <div className="h-[70%] w-[70%] border border-white/[0.05] rounded-full animate-[spin_40s_linear_infinite_reverse] flex items-center justify-center">
+                    <div className="absolute bottom-0 left-1/2 -translate-x-1/2 h-3 w-3 rounded-full bg-white/20 shadow-[0_0_20px_rgba(255,255,255,0.2)]" />
+                    <div className="h-[60%] w-[60%] border border-white/[0.05] rounded-full animate-[spin_20s_linear_infinite] flex items-center justify-center">
+                       <Bot className="h-20 w-20 text-red-500/40 group-hover:text-red-500 transition-all duration-700 group-hover:scale-125" />
+                    </div>
+                 </div>
+              </div>
+           </div>
+        </div>
+      </section>
+
+      {/* Modules Grid */}
+      <section id="modules" className="py-48 px-6">
+        <div className="max-w-7xl mx-auto">
+          <div className="text-center mb-32 space-y-6">
+             <h2 className="text-6xl md:text-8xl font-bold text-white tracking-tighter font-outfit uppercase">The Matrix <br /><span className="bg-gradient-to-r from-red-600 to-red-400 bg-clip-text text-transparent italic">Complete.</span></h2>
+             <p className="text-2xl text-slate-500 max-w-3xl mx-auto font-medium lowercase">Every module you need. Redefined for the modern era.</p>
+          </div>
+
+          <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
+            {[
+              { name: "Anti-Nuke", desc: "Absolute server lockdown.", icon: ShieldAlert },
+              { name: "Verification", desc: "Bot-free onboarding.", icon: CheckCircle2 },
+              { name: "Welcome", desc: "Cinematic entries.", icon: Sparkles },
+              { name: "Vanity Roles", desc: "Custom server identity.", icon: Gamepad2 },
+              { name: "Auto Role", desc: "Instant rank assignment.", icon: User },
+              { name: "Join to Create", desc: "Self-service voice channels.", icon: Music4 },
+              { name: "Tracking", desc: "Predictive user metrics.", icon: Activity },
+              { name: "Invites", desc: "Advanced growth tracking.", icon: Globe },
+              { name: "Custom Roles", desc: "User-defined permissions.", icon: Lock },
+              { name: "Reaction Roles", desc: "Interactive role menus.", icon: Layers },
+              { name: "Tickets", desc: "Support at lightspeed.", icon: MessageSquare },
+              { name: "Join DM", desc: "Personalized welcomes.", icon: MessageSquare }
+            ].map((mod, i) => (
+              <div key={i} className="group p-8 rounded-[40px] bg-white/[0.01] border border-white/[0.03] hover:bg-red-500/[0.02] hover:border-red-500/20 transition-all duration-500">
+                 <div className="h-14 w-14 rounded-2xl bg-white/[0.03] flex items-center justify-center mb-6 group-hover:bg-red-500/10 transition-colors">
+                    <mod.icon className="h-6 w-6 text-slate-600 group-hover:text-red-500 transition-colors" />
+                 </div>
+                 <h4 className="text-xl font-bold text-white font-outfit mb-2 tracking-tight">{mod.name}</h4>
+                 <p className="text-xs text-slate-600 font-bold uppercase tracking-widest">{mod.desc}</p>
+              </div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* Network / Global Section */}
+      <section id="network" className="py-48 px-6 bg-red-600/[0.01] relative overflow-hidden">
+        <div className="max-w-7xl mx-auto relative z-10">
+           <div className="flex flex-col lg:flex-row items-center gap-24">
+              <div className="flex-1 space-y-12">
+                 <h2 className="text-6xl md:text-8xl font-bold text-white tracking-tighter font-outfit uppercase">Global <br /><span className="text-red-500">Reach.</span></h2>
+                  <p className="text-2xl text-slate-500 leading-relaxed font-medium">
+                    Powering servers with over 12 million combined users. Our network spans every continent, bringing your community closer together.
+                  </p>
+                 <div className="space-y-8">
+                    {[
+                      { stat: "12M+", label: "Users Protected" },
+                      { stat: "24", label: "Edge Clusters" },
+                      { stat: "5.2K", label: "Verified Communities" }
+                    ].map((item, i) => (
+                      <div key={i} className="flex items-center gap-8">
+                         <div className="text-5xl font-black text-white font-outfit">{item.stat}</div>
+                         <div className="h-[1px] flex-1 bg-white/5" />
+                         <div className="text-[11px] font-black uppercase text-red-500 tracking-[0.3em]">{item.label}</div>
+                      </div>
+                    ))}
+                 </div>
+              </div>
+              <div className="flex-1 relative group">
+                 <div className="absolute inset-0 bg-red-500/10 blur-[150px] opacity-0 group-hover:opacity-100 transition-opacity duration-1000" />
+                 <div className="aspect-square bg-[#020617] border border-white/[0.05] rounded-[60px] p-12 relative overflow-hidden flex items-center justify-center">
+                    <Globe className="h-64 w-64 text-red-500/10 animate-pulse" />
+                    <div className="absolute inset-0 flex items-center justify-center">
+                       <div className="h-32 w-32 bg-red-500/20 blur-[60px] rounded-full" />
+                    </div>
+                    <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 space-y-12">
+                       <Bot className="h-20 w-20 text-red-500 shadow-[0_0_50px_rgba(239,68,68,0.5)] bg-[#020617] rounded-3xl p-4 border border-red-500/50" />
+                    </div>
+                 </div>
+              </div>
+           </div>
+        </div>
+      </section>
+
+      {/* FAQ Section */}
+      <section className="py-48 px-6">
+        <div className="max-w-4xl mx-auto">
+          <div className="text-center mb-24">
+             <h2 className="text-5xl md:text-6xl font-black text-white font-outfit tracking-tighter uppercase mb-6">Knowledge Base</h2>
+             <p className="text-slate-600 font-bold uppercase tracking-widest text-xs">Frequently Asked Questions</p>
+          </div>
+          <div className="space-y-6">
+            {[
+              { q: "Is the ZyroX Engine free to use?", a: "The core engine is 100% free for all communities. We offer premium clusters for ultra-high-scale enterprise servers." },
+              { q: "How secure is my server data?", a: "Every byte of configuration data is AES-256 encrypted at rest. We never store personal user data beyond Discord's standard requirements." },
+              { q: "Can I migrate from other bots?", a: "Yes, our Migration Matrix tool allows you to import leveling and configuration data from most popular bots in minutes." },
+              { q: "What is the 'Neural Core'?", a: "It's our advanced event-processing architecture that uses predictive analysis to moderate raids before they escalate." }
+            ].map((item, i) => (
+              <div key={i} className="p-10 rounded-[40px] border border-white/[0.03] hover:border-white/10 transition-all bg-white/[0.01] group">
+                 <h4 className="text-xl font-bold text-white mb-6 font-outfit uppercase tracking-tight flex items-center gap-4">
+                    <div className="h-2 w-2 rounded-full bg-red-500 opacity-20 group-hover:opacity-100 transition-all" />
+                    {item.q}
+                 </h4>
+                 <p className="text-slate-500 font-bold leading-relaxed">{item.a}</p>
+              </div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* CTA Section */}
+      <section className="py-48 px-6">
+        <div className="max-w-6xl mx-auto relative rounded-[80px] p-24 md:p-32 overflow-hidden bg-gradient-to-br from-red-600 to-red-900 text-center shadow-[0_40px_100px_rgba(0,0,0,0.6)]">
+           <div className="absolute inset-0 bg-[url('https://grainy-gradients.vercel.app/noise.svg')] opacity-20 mix-blend-overlay" />
+           <div className="relative z-10">
+              <h2 className="text-7xl md:text-[9rem] font-bold text-white tracking-tighter font-outfit mb-12 uppercase leading-[0.8] italic">Ready to <br />Evolve?</h2>
+              <p className="text-2xl text-white/70 max-w-3xl mx-auto mb-20 font-medium">Join 5,000+ communities scaling their automation with the ZyroX Engine. Setup takes less than 30 seconds.</p>
+              <div className="flex flex-col sm:flex-row items-center justify-center gap-8 tracking-widest uppercase text-xs font-black">
+                <Button 
+                  onClick={() => signIn('discord', { callbackUrl: '/dashboard' })}
+                  className="w-full sm:w-auto rounded-3xl px-16 py-10 bg-white text-black hover:bg-slate-100 border-none shadow-[0_20px_50px_rgba(0,0,0,0.4)] font-black text-lg transition-transform hover:scale-105 active:scale-95"
+                >
+                  Get Started Free
+                </Button>
+                <div className="flex items-center gap-3 text-white">
+                   <div className="h-3 w-3 rounded-full bg-white animate-pulse" />
+                   Neural Uplink: Stable
+                </div>
+              </div>
+           </div>
+        </div>
+      </section>
+
+      {/* Footer */}
+      <footer className="py-32 border-t border-white/[0.03] bg-[#020617] relative z-20">
+        <div className="max-w-7xl mx-auto px-6">
+          <div className="grid grid-cols-1 md:grid-cols-4 gap-20 mb-32">
+            <div className="col-span-1 md:col-span-2 space-y-12">
+              <div className="flex items-center gap-4 group">
+                <span className="text-3xl font-bold text-white font-outfit uppercase tracking-tighter">{process.env.NEXT_PUBLIC_BRAND_NAME || "ZyroX"} Engine</span>
+              </div>
+              <p className="text-slate-600 max-w-sm font-bold leading-relaxed uppercase text-xs tracking-widest">
+                The high-performance Discord engine for communities that demand excellence. Open-source, secure, and infinitely scalable.
+              </p>
+            </div>
+            <div className="space-y-8">
+               <h4 className="text-[10px] font-black uppercase tracking-[0.4em] text-white opacity-40">System</h4>
+               <ul className="space-y-5 text-[11px] font-black uppercase tracking-widest text-slate-500">
+                  <li><Link href="#" className="hover:text-red-500 transition-colors">GitHub Repository</Link></li>
+                  <li><Link href="/docs" className="hover:text-red-500 transition-colors">Documentation</Link></li>
+                  <li><Link href="#" className="hover:text-red-500 transition-colors">API References</Link></li>
+               </ul>
+            </div>
+            <div className="space-y-8">
+               <h4 className="text-[10px] font-black uppercase tracking-[0.4em] text-white opacity-40">Identity</h4>
+               <ul className="space-y-5 text-[11px] font-black uppercase tracking-widest text-slate-500">
+                  <li><Link href="/privacy" className="hover:text-red-500 transition-colors">Privacy Shield</Link></li>
+                  <li><Link href="/terms" className="hover:text-red-500 transition-colors">Terms of Service</Link></li>
+                  <li><Link href="#" className="hover:text-red-500 transition-colors">Discord Server</Link></li>
+               </ul>
+            </div>
+          </div>
+          <div className="pt-12 border-t border-white/5 flex flex-col md:flex-row items-center justify-between gap-6 opacity-40">
+            <p className="text-slate-700 text-[10px] font-black uppercase tracking-[0.4em]">
+              © 2026 {process.env.NEXT_PUBLIC_BRAND_NAME || "ZyroX"} Development // Advanced Neural Infrastructure.
+            </p>
+            <div className="flex items-center gap-8">
+               <div className="flex items-center gap-3 text-[10px] font-black text-red-500 uppercase tracking-[0.3em]">
+                  <div className="h-2 w-2 rounded-full bg-red-500 animate-pulse" />
+                  All Nodes Operational
+               </div>
+            </div>
+          </div>
+        </div>
+      </footer>
+    </div>
+  );
+}
diff --git a/dashboard/app/privacy/page.tsx b/dashboard/app/privacy/page.tsx
new file mode 100644
index 0000000..446694c
--- /dev/null
+++ b/dashboard/app/privacy/page.tsx
@@ -0,0 +1,105 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client";
+
+import React from "react";
+import Link from "next/link";
+import { Bot, ChevronLeft, ShieldCheck, Lock, Eye, FileText } from "lucide-react";
+import { Button } from "@/components/ui/button";
+
+export default function PrivacyPage() {
+  return (
+    <div className="min-h-screen bg-[#020617] text-slate-200 font-sans">
+      {/* Background Decor */}
+      <div className="fixed inset-0 overflow-hidden pointer-events-none z-0">
+        <div className="absolute top-[-10%] right-[-5%] w-[40%] h-[40%] bg-red-500/[0.03] blur-[120px] rounded-full" />
+      </div>
+
+      <nav className="fixed top-0 w-full z-50 border-b border-white/[0.03] bg-[#020617]/80 backdrop-blur-3xl px-6 h-20 flex items-center justify-between">
+        <Link href="/" className="flex items-center gap-4 group">
+          <div className="h-9 w-9 rounded-xl bg-red-600 flex items-center justify-center mr-4">
+            <Bot className="h-5 w-5 text-white" />
+          </div>
+          <span className="text-xl font-bold text-white font-outfit uppercase tracking-tighter">ZyroX Engine</span>
+        </Link>
+        <Link href="/">
+          <Button variant="ghost" className="text-slate-400 hover:text-white gap-2">
+            <ChevronLeft className="h-4 w-4" />
+            Back to Home
+          </Button>
+        </Link>
+      </nav>
+
+      <main className="relative z-10 pt-40 pb-32 px-6">
+        <div className="max-w-4xl mx-auto">
+          <div className="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-red-500/10 border border-red-500/20 text-red-500 text-[10px] font-black uppercase tracking-widest mb-8">
+            <ShieldCheck className="h-3 w-3" />
+            Privacy Shield v2.0
+          </div>
+          
+          <h1 className="text-5xl md:text-7xl font-bold text-white font-outfit tracking-tighter uppercase mb-12 italic">
+            Privacy <span className="text-red-500 not-italic">Policy.</span>
+          </h1>
+
+          <div className="glass border-white/5 rounded-[40px] p-10 md:p-16 space-y-12">
+            <section className="space-y-6">
+              <div className="flex items-center gap-4 text-white">
+                <div className="h-10 w-10 rounded-2xl bg-white/5 border border-white/10 flex items-center justify-center text-red-500">
+                   <Eye className="h-5 w-5" />
+                </div>
+                <h2 className="text-2xl font-bold font-outfit uppercase tracking-tight">Data Collection</h2>
+              </div>
+              <p className="text-slate-400 leading-relaxed font-medium">
+                The ZyroX Engine collects only the minimum necessary data to function within Discord. This includes your Discord User ID, Server (Guild) ID, and configuration settings provided during setup. We do not store message content unless explicitly configured for logging purposes by server administrators.
+              </p>
+            </section>
+
+            <section className="space-y-6">
+              <div className="flex items-center gap-4 text-white">
+                <div className="h-10 w-10 rounded-2xl bg-white/5 border border-white/10 flex items-center justify-center text-red-500">
+                   <Lock className="h-5 w-5" />
+                </div>
+                <h2 className="text-2xl font-bold font-outfit uppercase tracking-tight">Data Integrity</h2>
+              </div>
+              <p className="text-slate-400 leading-relaxed font-medium">
+                All configuration data is AES-256 encrypted at rest. Our neural vaults are distributed across global edge nodes, ensuring that your server settings are both secure and instantly available. We never sell or distribute your data to third parties.
+              </p>
+            </section>
+
+            <section className="space-y-6">
+              <div className="flex items-center gap-4 text-white">
+                <div className="h-10 w-10 rounded-2xl bg-white/5 border border-white/10 flex items-center justify-center text-red-500">
+                   <FileText className="h-5 w-5" />
+                </div>
+                <h2 className="text-2xl font-bold font-outfit uppercase tracking-tight">User Rights</h2>
+              </div>
+              <p className="text-slate-400 leading-relaxed font-medium">
+                You have the right to request a full dump of your data or immediate deletion of all configurations associated with your Discord account or guild. These requests can be initialized through our support matrix or directly within the dashboard settings.
+              </p>
+            </section>
+
+            <div className="pt-12 border-t border-white/5">
+              <p className="text-[10px] font-black uppercase text-slate-600 tracking-[0.4em]">
+                Last Modified: March 2026 // Neural Jurisdiction: Global Edge Network
+              </p>
+            </div>
+          </div>
+        </div>
+      </main>
+    </div>
+  );
+}
diff --git a/dashboard/app/terms/page.tsx b/dashboard/app/terms/page.tsx
new file mode 100644
index 0000000..e06b8e2
--- /dev/null
+++ b/dashboard/app/terms/page.tsx
@@ -0,0 +1,105 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client";
+
+import React from "react";
+import Link from "next/link";
+import { Bot, ChevronLeft, Scale, Terminal, ShieldAlert, Cpu } from "lucide-react";
+import { Button } from "@/components/ui/button";
+
+export default function TermsPage() {
+  return (
+    <div className="min-h-screen bg-[#020617] text-slate-200 font-sans">
+      {/* Background Decor */}
+      <div className="fixed inset-0 overflow-hidden pointer-events-none z-0">
+        <div className="absolute bottom-[-10%] left-[-5%] w-[40%] h-[40%] bg-red-600/[0.03] blur-[120px] rounded-full" />
+      </div>
+
+      <nav className="fixed top-0 w-full z-50 border-b border-white/[0.03] bg-[#020617]/80 backdrop-blur-3xl px-6 h-20 flex items-center justify-between">
+        <Link href="/" className="flex items-center gap-4 group">
+          <div className="h-10 w-10 rounded-xl bg-red-600 flex items-center justify-center group-hover:rotate-12 transition-transform">
+            <Bot className="h-5 w-5 text-white" />
+          </div>
+          <span className="text-xl font-bold text-white font-outfit uppercase tracking-tighter">{process.env.NEXT_PUBLIC_BRAND_NAME || "ZyroX"} Engine</span>
+        </Link>
+        <Link href="/">
+          <Button variant="ghost" className="text-slate-400 hover:text-white gap-2">
+            <ChevronLeft className="h-4 w-4" />
+            Back to Home
+          </Button>
+        </Link>
+      </nav>
+
+      <main className="relative z-10 pt-40 pb-32 px-6">
+        <div className="max-w-4xl mx-auto">
+          <div className="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-red-500/10 border border-red-500/20 text-red-500 text-[10px] font-black uppercase tracking-widest mb-8">
+            <Scale className="h-3 w-3" />
+            Neural Protocol v2.4
+          </div>
+          
+          <h1 className="text-5xl md:text-7xl font-bold text-white font-outfit tracking-tighter uppercase mb-12 italic text-right">
+            Terms of <span className="text-red-500 not-italic">Service.</span>
+          </h1>
+
+          <div className="glass border-white/5 rounded-[40px] p-10 md:p-16 space-y-12 bg-gradient-to-br from-white/[0.01] to-transparent">
+            <section className="space-y-6">
+              <div className="flex items-center gap-4 text-white">
+                <div className="h-10 w-10 rounded-2xl bg-white/5 border border-white/10 flex items-center justify-center text-red-500">
+                   <Terminal className="h-5 w-5" />
+                </div>
+                <h2 className="text-2xl font-bold font-outfit uppercase tracking-tight">Acceptance of Protocol</h2>
+              </div>
+              <p className="text-slate-400 leading-relaxed font-medium">
+                By integrating the {process.env.NEXT_PUBLIC_BRAND_NAME || "ZyroX"} Engine into your Discord server, you agree to abide by these terms. The engine is provided "as is," and while we strive for 100% uptime through our neural edge clusters, we are not liable for any data loss resulting from third-party API disruptions.
+              </p>
+            </section>
+
+            <section className="space-y-6">
+              <div className="flex items-center gap-4 text-white">
+                <div className="h-10 w-10 rounded-2xl bg-white/5 border border-white/10 flex items-center justify-center text-red-500">
+                   <ShieldAlert className="h-5 w-5" />
+                </div>
+                <h2 className="text-2xl font-bold font-outfit uppercase tracking-tight">Usage Constraints</h2>
+              </div>
+              <p className="text-slate-400 leading-relaxed font-medium">
+                You may not use the {process.env.NEXT_PUBLIC_BRAND_NAME || "ZyroX"} Engine for any illicit activities, including but not limited to: automated harassment, token logging, or raid coordination. Violation of these constraints will result in immediate neural deauthorization and blacklisting from the global cluster network.
+              </p>
+            </section>
+
+            <section className="space-y-6">
+              <div className="flex items-center gap-4 text-white">
+                <div className="h-10 w-10 rounded-2xl bg-white/5 border border-white/10 flex items-center justify-center text-red-500">
+                   <Cpu className="h-5 w-5" />
+                </div>
+                <h2 className="text-2xl font-bold font-outfit uppercase tracking-tight">API & Scaling</h2>
+              </div>
+              <p className="text-slate-400 leading-relaxed font-medium">
+                We reserve the right to throttle or limit API access for guilds that exceed disproportionate resource allocations. High-scale enterprise clusters are available for communities requiring dedicated neural shards.
+              </p>
+            </section>
+
+            <div className="pt-12 border-t border-white/5">
+              <p className="text-[10px] font-black uppercase text-slate-600 tracking-[0.4em]">
+                March 2026 // Distributed via {process.env.NEXT_PUBLIC_BRAND_NAME || "ZyroX"} Neural Cloud
+              </p>
+            </div>
+          </div>
+        </div>
+      </main>
+    </div>
+  );
+}
diff --git a/dashboard/components/auth-provider.tsx b/dashboard/components/auth-provider.tsx
new file mode 100644
index 0000000..46e73e1
--- /dev/null
+++ b/dashboard/components/auth-provider.tsx
@@ -0,0 +1,23 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client";
+
+import { SessionProvider } from "next-auth/react";
+
+export function AuthProvider({ children }: { children: React.ReactNode }) {
+  return <SessionProvider>{children}</SessionProvider>;
+}
diff --git a/dashboard/components/dashboard/admin-content.tsx b/dashboard/components/dashboard/admin-content.tsx
new file mode 100644
index 0000000..5cb0b21
--- /dev/null
+++ b/dashboard/components/dashboard/admin-content.tsx
@@ -0,0 +1,246 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client";
+
+import React, { useState, useEffect } from "react";
+import { 
+  Shield, Users, Server, Activity, Database, Cpu, Globe, Lock, Settings, RefreshCw
+} from "lucide-react";
+import { cn } from "@/lib/utils";
+import { api } from "@/lib/api";
+import { AdminStats, AdminConfig } from "@/types/api";
+import { toast } from "sonner";
+
+export function AdminContent() {
+  const [stats, setStats] = useState<AdminStats | null>(null);
+  const [config, setConfig] = useState<AdminConfig | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [refreshing, setRefreshing] = useState(false);
+  const [saving, setSaving] = useState(false);
+  const [notification, setNotification] = useState("");
+
+  const fetchData = async (isRefresh = false) => {
+    if (isRefresh) setRefreshing(true);
+    try {
+      const [statsData, configData] = await Promise.all([
+        api.getAdminStats(),
+        api.getAdminConfig()
+      ]);
+      setStats(statsData);
+      setConfig(configData);
+      setNotification(configData.global_notification || "");
+    } catch (err) {
+      console.error("Failed to fetch admin data:", err);
+      toast.error("Failed to load real-time data");
+    } finally {
+      setLoading(false);
+      setRefreshing(false);
+    }
+  };
+
+  useEffect(() => {
+    fetchData();
+    const interval = setInterval(() => fetchData(true), 30000); // Auto refresh every 30s
+    return () => clearInterval(interval);
+  }, []);
+
+  const handleToggleMaintenance = async () => {
+    if (!config) return;
+    setSaving(true);
+    try {
+      const newStatus = !config.maintenance_mode;
+      await api.updateAdminConfig({ maintenance_mode: newStatus });
+      setConfig({ ...config, maintenance_mode: newStatus });
+      toast.success(`Maintenance mode ${newStatus ? 'enabled' : 'disabled'}`);
+    } catch (err) {
+      toast.error("Failed to update maintenance mode");
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const handleBroadcast = async () => {
+    setSaving(true);
+    try {
+      await api.updateAdminConfig({ global_notification: notification });
+      if (config) setConfig({ ...config, global_notification: notification });
+      toast.success("Broadcast message updated");
+    } catch (err) {
+      toast.error("Failed to update broadcast message");
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  if (loading) {
+    return (
+      <div className="flex items-center justify-center min-h-[400px]">
+        <RefreshCw className="h-10 w-10 text-red-500 animate-spin opacity-20" />
+      </div>
+    );
+  }
+
+  const statItems = [
+    { name: "Total Users", value: stats?.total_users || "0", icon: Users, color: "text-blue-500" },
+    { name: "Active Servers", value: stats?.active_servers || "0", icon: Server, color: "text-emerald-500" },
+    { name: "API Latency", value: stats?.api_latency || "0ms", icon: Activity, color: "text-amber-500" },
+    { name: "Database Size", value: stats?.db_size || "0 MB", icon: Database, color: "text-purple-500" },
+  ];
+
+  return (
+    <div className="space-y-10 animate-in fade-in duration-500">
+      {/* Header */}
+      <div className="relative group">
+        <div className="absolute -inset-1 bg-gradient-to-r from-red-500 to-indigo-500 rounded-3xl blur opacity-10 group-hover:opacity-20 transition duration-1000"></div>
+        <div className="relative bg-[#0f172a] border border-white/10 rounded-3xl p-8 lg:p-12 flex flex-col lg:flex-row lg:items-center justify-between gap-8">
+          <div className="flex items-center gap-6">
+            <div className="h-16 w-16 rounded-2xl bg-red-500/20 flex items-center justify-center border border-red-500/30 shadow-2xl shadow-red-500/20">
+              <Shield className="h-8 w-8 text-red-500" />
+            </div>
+            <div>
+              <h1 className="text-4xl font-black text-white tracking-tight font-outfit">Admin Control Panel</h1>
+              <p className="text-slate-400 mt-2 font-medium">Restricted access for ZyroX administrators only.</p>
+            </div>
+          </div>
+          <button 
+            onClick={() => fetchData(true)}
+            className="flex items-center gap-3 bg-red-500/5 px-6 py-3 rounded-2xl border border-red-500/10 hover:bg-red-500/10 transition-all active:scale-95 group/refresh"
+          >
+            <RefreshCw className={cn("h-4 w-4 text-red-500 transition-all", refreshing && "animate-spin")} />
+            <span className="text-xs font-black uppercase tracking-widest text-red-500">
+              {refreshing ? "Refreshing..." : "Real-time Mode"}
+            </span>
+          </button>
+        </div>
+      </div>
+
+      {/* Stats Grid */}
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+        {statItems.map((stat) => (
+          <div key={stat.name} className="glass border border-white/5 rounded-3xl p-6 hover:border-white/10 transition-all group">
+            <div className="flex items-center justify-between mb-4">
+              <div className={cn("p-3 rounded-xl bg-white/[0.03] group-hover:scale-110 transition-transform", stat.color)}>
+                <stat.icon className="h-6 w-6" />
+              </div>
+              <span className="text-[10px] font-black uppercase tracking-widest text-emerald-500 bg-emerald-500/10 px-2 py-1 rounded-lg">
+                Live
+              </span>
+            </div>
+            <p className="text-slate-500 text-xs font-bold uppercase tracking-widest">{stat.name}</p>
+            <h3 className="text-2xl font-black text-white mt-1 font-outfit">{stat.value}</h3>
+          </div>
+        ))}
+      </div>
+
+      {/* System Status Section */}
+      <div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
+        {/* API Health */}
+        <div className="lg:col-span-2 glass border border-white/5 rounded-[2.5rem] overflow-hidden">
+          <div className="p-8 border-b border-white/5 flex items-center justify-between bg-white/[0.01]">
+            <div className="flex items-center gap-4">
+              <Activity className="h-5 w-5 text-red-500" />
+              <h3 className="text-lg font-bold text-white">System Nodes Status</h3>
+            </div>
+            <span className="text-[10px] font-black uppercase tracking-widest text-slate-500">Auto-Polling Active</span>
+          </div>
+          <div className="p-8 space-y-6">
+            {stats?.nodes.map((node) => {
+              const Icon = node.icon === "Globe" ? Globe : node.icon === "Database" ? Database : node.icon === "Cpu" ? Cpu : Lock;
+              const isHealthy = node.status === "Healthy";
+              return (
+                <div key={node.name} className="flex items-center justify-between p-4 bg-white/[0.02] rounded-2xl border border-white/5 group hover:bg-white/[0.04] transition-all">
+                  <div className="flex items-center gap-4">
+                    <div className="h-10 w-10 rounded-xl bg-slate-800 flex items-center justify-center group-hover:bg-slate-700 transition-colors">
+                      <Icon className="h-5 w-5 text-slate-400" />
+                    </div>
+                    <div>
+                      <h4 className="text-sm font-bold text-white">{node.name}</h4>
+                      <p className="text-[10px] font-black uppercase text-slate-500 tracking-widest">Load: {node.load}</p>
+                    </div>
+                  </div>
+                  <div className={cn(
+                    "flex items-center gap-2 px-3 py-1.5 rounded-full border",
+                    isHealthy ? "bg-emerald-500/10 border-emerald-500/20" : "bg-amber-500/10 border-amber-500/20"
+                  )}>
+                    <div className={cn("h-1.5 w-1.5 rounded-full", isHealthy ? "bg-emerald-500" : "bg-amber-500")} />
+                    <span className={cn("text-[10px] font-bold uppercase", isHealthy ? "text-emerald-500" : "text-amber-500")}>
+                      {node.status}
+                    </span>
+                  </div>
+                </div>
+              )
+            })}
+          </div>
+        </div>
+
+        {/* Global Config */}
+        <div className="glass border border-white/5 rounded-[2.5rem] overflow-hidden flex flex-col">
+          <div className="p-8 border-b border-white/5 flex items-center gap-4 bg-white/[0.01]">
+            <Settings className="h-5 w-5 text-indigo-500" />
+            <h3 className="text-lg font-bold text-white">Global Settings</h3>
+          </div>
+          <div className="p-8 flex-1 space-y-6">
+            <div className="space-y-2">
+              <label className="text-[10px] font-black uppercase tracking-[0.2em] text-slate-500 pl-1">Maintenance Mode</label>
+              <button 
+                onClick={handleToggleMaintenance}
+                disabled={saving}
+                className={cn(
+                  "w-full flex items-center justify-between p-4 rounded-2xl border transition-all",
+                  config?.maintenance_mode 
+                    ? "bg-red-500/10 border-red-500/30 text-red-500" 
+                    : "bg-white/[0.03] border-white/5 text-slate-300 hover:bg-white/[0.05]"
+                )}
+              >
+                <span className="text-sm font-medium">
+                  {config?.maintenance_mode ? "Restricting Access" : "Standard Operations"}
+                </span>
+                <div className={cn(
+                  "h-6 w-11 rounded-full relative transition-colors duration-300",
+                  config?.maintenance_mode ? "bg-red-500" : "bg-slate-700"
+                )}>
+                  <div className={cn(
+                    "absolute top-1 h-4 w-4 bg-white rounded-full transition-all duration-300 shadow-sm",
+                    config?.maintenance_mode ? "left-6" : "left-1"
+                  )} />
+                </div>
+              </button>
+            </div>
+            
+            <div className="space-y-2">
+              <label className="text-[10px] font-black uppercase tracking-[0.2em] text-slate-500 pl-1">Global Notification</label>
+              <textarea 
+                value={notification}
+                onChange={(e) => setNotification(e.target.value)}
+                className="w-full h-32 bg-white/[0.03] border border-white/5 rounded-2xl p-4 text-xs font-medium text-slate-300 focus:outline-none focus:ring-1 focus:ring-red-500/30 transition-all placeholder:text-slate-600"
+                placeholder="Message to display across all dashboards..."
+              />
+            </div>
+
+            <button 
+              onClick={handleBroadcast}
+              disabled={saving}
+              className="w-full py-4 bg-primary rounded-2xl font-black uppercase tracking-widest text-xs shadow-xl shadow-primary/20 hover:brightness-110 active:scale-[0.98] transition-all disabled:opacity-50"
+            >
+              {saving ? "Processing..." : "Broadcast Message"}
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/dashboard/components/dashboard/antinuke-form.tsx b/dashboard/components/dashboard/antinuke-form.tsx
new file mode 100644
index 0000000..286debd
--- /dev/null
+++ b/dashboard/components/dashboard/antinuke-form.tsx
@@ -0,0 +1,236 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client";
+
+import React, { useState } from "react";
+import { 
+  ShieldAlert,
+  Server,
+  User,
+  Settings,
+  RefreshCcw,
+  Save,
+  MessageSquare,
+  Plus,
+  Trash2,
+  ShieldCheck
+} from "lucide-react";
+import { toast } from "sonner";
+import { api } from "@/lib/api";
+import { Button } from "@/components/ui/button";
+import { Switch } from "@/components/ui/switch";
+import { Input } from "@/components/ui/input";
+import { cn } from "@/lib/utils";
+import { AntiNukeConfig } from "@/types/api";
+
+const FEATURES = [
+  { id: 'anti_ban_kick', name: 'Anti Ban & Kick', desc: 'Auto bans rogue admins', icon: User },
+  { id: 'anti_server_edit', name: 'Anti Server Edit', desc: 'Secures icon, name & regions', icon: Server },
+  { id: 'anti_role_modifier', name: 'Anti Role Modifier', desc: 'Protects all roles & perms', icon: Settings },
+  { id: 'anti_channel_nukes', name: 'Anti Channel Nukes', desc: 'Prevents channel wipes', icon: MessageSquare },
+];
+
+interface AntiNukeFormProps {
+  initialConfig: AntiNukeConfig;
+  guildId: string;
+}
+
+export function AntiNukeForm({ initialConfig, guildId }: AntiNukeFormProps) {
+  const [config, setConfig] = useState<AntiNukeConfig>(initialConfig);
+  const [saving, setSaving] = useState(false);
+  const [wlInput, setWlInput] = useState("");
+  const [whitelistedUsers, setWhitelistedUsers] = useState<string[]>(initialConfig.whitelisted_users || []);
+
+  const handleSave = async () => {
+    setSaving(true);
+    const promise = api.updateAntiNuke(guildId, config);
+
+    toast.promise(promise, {
+      loading: 'Saving Anti-Nuke configuration...',
+      success: 'Anti-Nuke settings saved successfully!',
+      error: 'Failed to update Anti-Nuke settings',
+    });
+
+    try {
+      await promise;
+    } catch (err: any) {
+      console.error(err);
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const handleAddWhitelist = async () => {
+    if (!wlInput.trim() || isNaN(Number(wlInput))) {
+      toast.error('Please enter a valid User ID');
+      return;
+    }
+    if (whitelistedUsers.includes(wlInput.trim())) {
+      toast.error('User is already whitelisted');
+      return;
+    }
+
+    setSaving(true);
+    try {
+      await api.updateAntiNuke(guildId, { status: config.status, add_whitelist: wlInput.trim() });
+      setWhitelistedUsers([...whitelistedUsers, wlInput.trim()]);
+      setWlInput('');
+      toast.success('User whitelisted successfully');
+    } catch (err: any) {
+      toast.error('Failed to whitelist user');
+      console.error(err);
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const handleRemoveWhitelist = async (userId: string) => {
+    setSaving(true);
+    try {
+      await api.updateAntiNuke(guildId, { status: config.status, remove_whitelist: userId });
+      setWhitelistedUsers(whitelistedUsers.filter(id => id !== userId));
+      toast.success('User removed from whitelist');
+    } catch (err: any) {
+      toast.error('Failed to remove user from whitelist');
+      console.error(err);
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  return (
+    <div className="grid grid-cols-1 lg:grid-cols-4 gap-8">
+      <div className="lg:col-span-3 space-y-6">
+        <div className="bg-[#141B2D] border border-slate-800 rounded-3xl overflow-hidden shadow-xl">
+          <div className="p-8 space-y-6">
+            <div className="flex items-center justify-between mb-4">
+              <h3 className="text-sm font-black uppercase text-slate-500 tracking-widest">Master Control</h3>
+              <Switch 
+                checked={config.status} 
+                onCheckedChange={(val) => setConfig({ ...config, status: val })}
+              />
+            </div>
+
+            <div className="space-y-4">
+              {FEATURES.map((feature) => (
+                <div 
+                  key={feature.id}
+                  className={cn(
+                    "p-6 rounded-2xl border transition-all duration-300",
+                    config.status ? "bg-slate-900/40 border-slate-800" : "bg-slate-900/10 border-slate-900 opacity-40 grayscale"
+                  )}
+                >
+                  <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-6">
+                    <div className="flex items-center gap-4">
+                      <div className={cn(
+                        "h-12 w-12 rounded-xl flex items-center justify-center transition-colors",
+                        config.status ? "bg-primary/20 text-primary" : "bg-slate-800 text-slate-500"
+                      )}>
+                        <feature.icon className="h-6 w-6" />
+                      </div>
+                      <div>
+                        <h3 className="font-bold text-white">{feature.name}</h3>
+                        <p className="text-xs text-slate-500 max-w-xs">{feature.desc}</p>
+                      </div>
+                    </div>
+
+                    <div className="flex items-center gap-4">
+                       {config.status && (
+                         <div className="flex items-center gap-2 animate-in fade-in slide-in-from-right-2 duration-300">
+                           <ShieldAlert className="h-4 w-4 text-emerald-500" />
+                           <span className="text-xs font-bold text-emerald-500 uppercase">Protected</span>
+                         </div>
+                       )}
+                    </div>
+                  </div>
+                </div>
+              ))}
+            </div>
+
+            <div className="pt-6 border-t border-slate-800">
+              <h4 className="text-sm font-bold text-white mb-4 flex items-center gap-2">
+                <ShieldCheck className="h-5 w-5 text-emerald-500" />
+                Whitelisted Users
+              </h4>
+              
+              <div className="flex gap-2 mb-4">
+                <Input 
+                  placeholder="User ID..." 
+                  value={wlInput}
+                  onChange={(e) => setWlInput(e.target.value)}
+                  className="bg-slate-900/50"
+                />
+                <Button onClick={handleAddWhitelist} disabled={saving} variant="secondary">
+                  <Plus className="h-5 w-5" />
+                </Button>
+              </div>
+
+              <div className="space-y-2 max-h-48 overflow-y-auto pr-2 custom-scrollbar">
+                {whitelistedUsers.length === 0 ? (
+                  <p className="text-xs text-slate-500 italic text-center py-4">No users whitelisted.</p>
+                ) : (
+                  whitelistedUsers.map(userId => (
+                    <div key={userId} className="flex items-center justify-between p-3 rounded-xl bg-slate-900/30 border border-slate-800/50">
+                      <div className="flex items-center gap-3">
+                        <div className="h-8 w-8 rounded-full bg-slate-800 flex items-center justify-center">
+                          <User className="h-4 w-4 text-slate-400" />
+                        </div>
+                        <span className="text-sm font-mono text-slate-300">{userId}</span>
+                      </div>
+                      <Button 
+                        variant="ghost" 
+                        size="sm" 
+                        onClick={() => handleRemoveWhitelist(userId)}
+                        disabled={saving}
+                        className="text-red-400 hover:text-red-300 hover:bg-red-400/10 h-8 w-8 p-0"
+                      >
+                        <Trash2 className="h-4 w-4" />
+                      </Button>
+                    </div>
+                  ))
+                )}
+              </div>
+            </div>
+
+            <Button 
+              onClick={handleSave}
+              disabled={saving}
+              className="w-full h-14 text-base font-bold gap-2"
+            >
+              {saving ? <RefreshCcw className="h-5 w-5 animate-spin" /> : <Save className="h-5 w-5" />}
+              Save Configuration
+            </Button>
+          </div>
+        </div>
+      </div>
+
+      <div className="space-y-6">
+         <div className="bg-gradient-to-br from-red-500/10 to-transparent border border-red-500/20 rounded-3xl p-6 relative overflow-hidden group">
+            <div className="absolute -right-4 -top-4 opacity-[0.03] group-hover:scale-110 transition-transform">
+              <ShieldAlert className="h-32 w-32 text-red-500" />
+            </div>
+            <h3 className="text-sm font-bold text-red-400 mb-2">Maximum Protection</h3>
+            <p className="text-xs text-slate-400 leading-relaxed mb-4">Anti-Nuke is fixed to instantly Ban malicious actors. Ensure that Zyrox's role is at the TOP of the role hierarchy for it to be able to ban admins.</p>
+            <div className="flex items-center gap-2">
+              <div className="h-2 w-2 rounded-full bg-red-500 animate-pulse" />
+              <span className="text-[10px] font-black uppercase text-red-500">Fixed Punishments</span>
+            </div>
+         </div>
+      </div>
+    </div>
+  );
+}
diff --git a/dashboard/components/dashboard/automod-form.tsx b/dashboard/components/dashboard/automod-form.tsx
new file mode 100644
index 0000000..3cdf096
--- /dev/null
+++ b/dashboard/components/dashboard/automod-form.tsx
@@ -0,0 +1,209 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client";
+
+import React, { useState } from "react";
+import { 
+  Zap,
+  Type,
+  Link as LinkIcon,
+  MessageSquare,
+  UserMinus,
+  ShieldAlert,
+  Gavel,
+  RefreshCcw,
+  Save
+} from "lucide-react";
+import { toast } from "sonner";
+import { api } from "@/lib/api";
+import { Button } from "@/components/ui/button";
+import { Switch } from "@/components/ui/switch";
+import { Select } from "@/components/ui/select";
+import { cn } from "@/lib/utils";
+import { AutomodConfig } from "@/types/api";
+
+const PUNISHMENT_OPTIONS = [
+  { value: "delete", label: "Delete Message" },
+  { value: "warn", label: "Warn User" },
+  { value: "mute", label: "Mute User" },
+  { value: "kick", label: "Kick User" },
+  { value: "ban", label: "Ban User" },
+];
+
+const RULES = [
+  { id: 'anti_spam', name: 'Anti Spam', desc: 'Detects and removes repetitive messages or rapid firing.', icon: Zap },
+  { id: 'anti_caps', name: 'Anti Caps', desc: 'Prevents excessive use of uppercase letters.', icon: Type },
+  { id: 'anti_links', name: 'Anti Links', desc: 'Blocks unauthorized external links in channels.', icon: LinkIcon },
+  { id: 'anti_invites', name: 'Anti Invites', desc: 'Automatically removes Discord server invite links.', icon: MessageSquare },
+  { id: 'anti_mentions', name: 'Anti Mass Mention', desc: 'Protects against mentioned spam (@everyone, @here).', icon: UserMinus },
+];
+
+interface AutomodFormProps {
+  initialConfig: AutomodConfig;
+  guildId: string;
+}
+
+export function AutomodForm({ initialConfig, guildId }: AutomodFormProps) {
+  const [config, setConfig] = useState<AutomodConfig>(initialConfig);
+  const [saving, setSaving] = useState(false);
+
+  const handleToggle = (key: string) => {
+    setConfig({
+      ...config,
+      enabled: key === 'master' ? !config.enabled : config.enabled,
+    });
+  };
+
+  const handlePunishmentChange = (ruleId: string, value: string) => {
+    const newPunishments = { ...config.punishments };
+    newPunishments[ruleId] = value;
+    setConfig({ ...config, punishments: newPunishments });
+  };
+
+  const handleSave = async () => {
+    setSaving(true);
+
+    const promise = api.updateAutomod(guildId, {
+      enabled: config.enabled,
+      punishments: config.punishments,
+    });
+
+    toast.promise(promise, {
+      loading: 'Saving configuration...',
+      success: 'Configuration saved successfully!',
+      error: (err) => err.message || 'Failed to update settings',
+    });
+
+    try {
+      await promise;
+    } catch (err: any) {
+      console.error(err);
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  return (
+    <div className="grid grid-cols-1 lg:grid-cols-4 gap-8">
+      <div className="lg:col-span-3 space-y-6">
+        <div className="bg-[#141B2D] border border-slate-800 rounded-3xl overflow-hidden shadow-xl">
+          <div className="p-8 space-y-6">
+            <div className="flex items-center justify-between mb-4">
+               <h3 className="text-sm font-black uppercase text-slate-500 tracking-widest">Master Control</h3>
+               <Switch 
+                  checked={config.enabled} 
+                  onCheckedChange={() => handleToggle('master')}
+               />
+            </div>
+
+            <div className="space-y-4">
+              {RULES.map((rule) => {
+                const isEnabled = config.enabled && config.punishments?.[rule.id] !== undefined;
+                return (
+                  <div 
+                    key={rule.id}
+                    className={cn(
+                      "p-6 rounded-2xl border transition-all duration-300",
+                      config.enabled ? "bg-slate-900/40 border-slate-800" : "bg-slate-900/10 border-slate-900 opacity-40 grayscale"
+                    )}
+                  >
+                    <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-6">
+                      <div className="flex items-center gap-4">
+                        <div className={cn(
+                          "h-12 w-12 rounded-xl flex items-center justify-center transition-colors",
+                          isEnabled ? "bg-primary/20 text-primary" : "bg-slate-800 text-slate-500"
+                        )}>
+                          <rule.icon className="h-6 w-6" />
+                        </div>
+                        <div>
+                          <h3 className="font-bold text-white">{rule.name}</h3>
+                          <p className="text-xs text-slate-500 max-w-xs">{rule.desc}</p>
+                        </div>
+                      </div>
+
+                      <div className="flex items-center gap-4">
+                         {isEnabled && (
+                           <div className="flex items-center gap-2 animate-in fade-in slide-in-from-right-2 duration-300">
+                             <Gavel className="h-4 w-4 text-primary" />
+                             <Select 
+                               value={config.punishments[rule.id] || "delete"}
+                               onValueChange={(val) => handlePunishmentChange(rule.id, val)}
+                               options={PUNISHMENT_OPTIONS}
+                               className="w-40"
+                             />
+                           </div>
+                         )}
+                         <div className="h-8 w-[1px] bg-slate-800 hidden sm:block" />
+                         <Switch 
+                          disabled={!config.enabled}
+                          checked={config.punishments?.[rule.id] !== undefined}
+                          onCheckedChange={() => {
+                            const newPunishments = { ...config.punishments };
+                            if (newPunishments[rule.id]) {
+                              delete newPunishments[rule.id];
+                            } else {
+                              newPunishments[rule.id] = "delete";
+                            }
+                            setConfig({...config, punishments: newPunishments});
+                          }}
+                        />
+                      </div>
+                    </div>
+                  </div>
+                );
+              })}
+            </div>
+
+            <Button 
+              onClick={handleSave}
+              disabled={saving}
+              className="w-full h-14 text-base font-bold gap-2"
+            >
+              {saving ? <RefreshCcw className="h-5 w-5 animate-spin" /> : <Save className="h-5 w-5" />}
+              Save Moderation Rules
+            </Button>
+          </div>
+        </div>
+      </div>
+
+      <div className="space-y-6">
+         <div className="bg-[#141B2D] border border-slate-800 rounded-3xl p-6">
+            <h3 className="text-sm font-black uppercase text-slate-500 tracking-widest mb-4">Logging Level</h3>
+            <div className="space-y-3">
+               <div className="p-3 bg-slate-900/50 rounded-xl border border-white/5 flex items-center justify-between">
+                  <span className="text-sm text-slate-400">Log Channel</span>
+                  <span className="text-xs font-mono text-primary">#{config.logging_channel || 'None'}</span>
+               </div>
+               <p className="text-[10px] text-slate-500 italic text-center">Mod logs are automatically sent to the configured channel.</p>
+            </div>
+         </div>
+
+         <div className="bg-gradient-to-br from-primary/10 to-transparent border border-primary/20 rounded-3xl p-6 relative overflow-hidden group">
+            <div className="absolute -right-4 -top-4 opacity-[0.03] group-hover:scale-110 transition-transform">
+              <ShieldAlert className="h-32 w-32 text-white" />
+            </div>
+            <h3 className="text-sm font-bold text-white mb-2">Automod AI</h3>
+            <p className="text-xs text-slate-400 leading-relaxed mb-4">Our neural network analyzes message context to prevent false positives.</p>
+            <div className="flex items-center gap-2">
+              <div className="h-2 w-2 rounded-full bg-primary" />
+              <span className="text-[10px] font-black uppercase text-primary">V2 Active</span>
+            </div>
+         </div>
+      </div>
+    </div>
+  );
+}
diff --git a/dashboard/components/dashboard/autorole-form.tsx b/dashboard/components/dashboard/autorole-form.tsx
new file mode 100644
index 0000000..12bc856
--- /dev/null
+++ b/dashboard/components/dashboard/autorole-form.tsx
@@ -0,0 +1,220 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client";
+
+import React, { useState } from "react";
+import { UserPlus, Save, RefreshCcw, User, Bot, Trash2, ShieldCheck, Info } from "lucide-react";
+import { toast } from "sonner";
+import { api } from "@/lib/api";
+import { Button } from "@/components/ui/button";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
+import { AutoRoleConfig, DiscordRole } from "@/types/api";
+import { cn } from "@/lib/utils";
+
+interface AutoRoleFormProps {
+  initialConfig: AutoRoleConfig;
+  roles: DiscordRole[];
+  guildId: string;
+}
+
+export function AutoRoleForm({ initialConfig, roles, guildId }: AutoRoleFormProps) {
+  const [config, setConfig] = useState<AutoRoleConfig>(initialConfig);
+  const [saving, setSaving] = useState(false);
+
+  const handleSave = async () => {
+    setSaving(true);
+    // Be explicit about fields to send to match AutoRoleUpdate schema
+    const data = {
+      bots: config.bots,
+      humans: config.humans
+    };
+    const promise = api.updateAutoRole(guildId, data);
+
+    toast.promise(promise, {
+      loading: 'Saving AutoRole configuration...',
+      success: 'Settings saved successfully!',
+      error: 'Failed to update AutoRole config',
+    });
+
+    try {
+      await promise;
+    } catch (err: any) {
+      console.error(err);
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const addRole = (type: "humans" | "bots", roleId: string) => {
+    if (config[type].includes(roleId)) return;
+    if (config[type].length >= 10) {
+      toast.error(`You can only add up to 10 roles for ${type === "humans" ? "Members" : "Bots"}.`);
+      return;
+    }
+    setConfig({ ...config, [type]: [...config[type], roleId] });
+  };
+
+  const removeRole = (type: "humans" | "bots", roleId: string) => {
+    setConfig({ ...config, [type]: config[type].filter(r => r !== roleId) });
+  };
+
+  const formatColor = (decimal: number) => {
+    if (!decimal || decimal === 0) return "#94a3b8";
+    return `#${decimal.toString(16).padStart(6, '0')}`;
+  };
+
+  const renderRoleList = (type: "humans" | "bots") => {
+    const title = type === "humans" ? "Member Roles" : "Bot Roles";
+    const Icon = type === "humans" ? User : Bot;
+    const accentColor = type === "humans" ? "text-primary" : "text-blue-400";
+    const bgColor = type === "humans" ? "bg-primary/10" : "bg-blue-400/10";
+
+    return (
+      <div className="space-y-6">
+        <div className="flex items-center gap-3">
+          <div className={cn("p-2.5 rounded-xl", bgColor, accentColor)}>
+            <Icon className="h-5 w-5" />
+          </div>
+          <div>
+            <h4 className="font-bold text-white text-base">{title}</h4>
+            <p className="text-xs text-slate-400">Roles given to newly joined {type}.</p>
+          </div>
+        </div>
+        
+        <Select value="" onValueChange={(val) => addRole(type, val)}>
+          <SelectTrigger className="w-full h-12 bg-slate-900/50 border-slate-800 hover:border-slate-700 transition-all">
+            <SelectValue placeholder={`Add a ${type === "humans" ? "member" : "bot"} role...`} />
+          </SelectTrigger>
+          <SelectContent className="bg-slate-900 border-slate-800 max-h-[300px]">
+            {roles
+              .filter(r => !config[type].includes(r.id))
+              .sort((a, b) => (b.position || 0) - (a.position || 0))
+              .map((r) => (
+                <SelectItem key={r.id} value={r.id} className="focus:bg-slate-800 group">
+                  <div className="flex items-center gap-2">
+                    <div 
+                      className="w-2 h-2 rounded-full" 
+                      style={{ backgroundColor: formatColor(r.color) }}
+                    />
+                    <span>{r.name}</span>
+                  </div>
+                </SelectItem>
+              ))}
+          </SelectContent>
+        </Select>
+
+        <div className="grid grid-cols-1 gap-2 min-h-[100px] p-4 bg-slate-900/40 rounded-2xl border border-slate-800/50 relative overflow-hidden">
+          {config[type].length === 0 ? (
+            <div className="absolute inset-0 flex flex-col items-center justify-center opacity-20">
+              <ShieldCheck className="h-8 w-8 mb-2" />
+              <span className="text-xs font-medium">No roles selected</span>
+            </div>
+          ) : (
+            <div className="flex flex-wrap gap-2 relative z-10">
+              {config[type].map((roleId) => {
+                const role = roles.find(r => r.id === roleId);
+                const color = role ? formatColor(role.color) : "#94a3b8";
+                return (
+                  <div 
+                    key={roleId} 
+                    className="flex items-center gap-2 bg-slate-800/80 border border-slate-700/50 px-3 py-1.5 rounded-lg text-sm group animate-in zoom-in-95 duration-200"
+                  >
+                    <div 
+                      className="w-2 h-2 rounded-full shadow-[0_0_8px_rgba(0,0,0,0.5)]" 
+                      style={{ backgroundColor: color }}
+                    />
+                    <span className="text-slate-200 font-medium">{role ? role.name : `Unknown (${roleId})`}</span>
+                    <button 
+                      onClick={() => removeRole(type, roleId)}
+                      className="ml-1 text-slate-500 hover:text-red-400 transition-colors p-0.5 rounded-md hover:bg-red-400/10"
+                    >
+                      <Trash2 className="h-3.5 w-3.5" />
+                    </button>
+                  </div>
+                );
+              })}
+            </div>
+          )}
+        </div>
+      </div>
+    );
+  };
+
+  return (
+    <div className="grid grid-cols-1 lg:grid-cols-4 gap-8">
+      <div className="lg:col-span-3 space-y-6">
+        <div className="bg-[#141B2D] border border-slate-800 rounded-[32px] shadow-2xl p-8 space-y-10 relative">
+          
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-10">
+            {renderRoleList("humans")}
+            {renderRoleList("bots")}
+          </div>
+
+          <div className="pt-6 border-t border-slate-800">
+            <Button 
+              onClick={handleSave}
+              disabled={saving}
+              className="w-full h-14 text-base font-bold gap-3 shadow-lg shadow-primary/20 hover:shadow-primary/30 active:scale-[0.98] transition-all"
+            >
+              {saving ? <RefreshCcw className="h-5 w-5 animate-spin" /> : <Save className="h-5 w-5" />}
+              Save AutoRole Settings
+            </Button>
+          </div>
+
+        </div>
+      </div>
+
+      <div className="space-y-6">
+        <div className="bg-gradient-to-br from-[#141B2D] to-slate-900 border border-slate-800 rounded-3xl p-6 relative overflow-hidden group">
+          <div className="absolute -right-6 -top-6 opacity-[0.05] group-hover:scale-110 transition-transform duration-500">
+            <UserPlus className="h-40 w-40 text-primary" />
+          </div>
+          
+          <div className="flex items-center gap-2 mb-4">
+            <Info className="h-4 w-4 text-primary" />
+            <h3 className="text-sm font-bold text-white">Guidelines</h3>
+          </div>
+          
+          <p className="text-xs text-slate-400 leading-relaxed mb-6">
+            AutoRole ensures every new member is welcomed with the right sets of roles immediately upon joining.
+          </p>
+          
+          <div className="space-y-4">
+            <div className="flex gap-3">
+              <div className="h-1.5 w-1.5 rounded-full bg-primary mt-1.5 shrink-0" />
+              <p className="text-[11px] text-slate-400 leading-relaxed">
+                <span className="text-slate-200 font-bold">Hierarchy Matter:</span> Ensure ZyroX's top role is <span className="text-primary italic">higher</span> than any role you select here.
+              </p>
+            </div>
+            <div className="flex gap-3">
+              <div className="h-1.5 w-1.5 rounded-full bg-primary mt-1.5 shrink-0" />
+              <p className="text-[11px] text-slate-400 leading-relaxed">
+                <span className="text-slate-200 font-bold">Bot Detection:</span> We automatically separate bots from human members for precise role assignment.
+              </p>
+            </div>
+            <div className="flex gap-3">
+              <div className="h-1.5 w-1.5 rounded-full bg-primary mt-1.5 shrink-0" />
+              <p className="text-[11px] text-slate-400 leading-relaxed">
+                <span className="text-slate-200 font-bold">Limits:</span> We has limits on roles. We support up to 10 roles per category for stability.
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/dashboard/components/dashboard/customroles-form.tsx b/dashboard/components/dashboard/customroles-form.tsx
new file mode 100644
index 0000000..d630448
--- /dev/null
+++ b/dashboard/components/dashboard/customroles-form.tsx
@@ -0,0 +1,165 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client";
+
+import React, { useState } from "react";
+import { Shield, Save, RefreshCcw, Star, Crown, Heart, Ghost, Settings } from "lucide-react";
+import { toast } from "sonner";
+import { api } from "@/lib/api";
+import { Button } from "@/components/ui/button";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
+import { cn } from "@/lib/utils";
+
+interface CustomRolesFormProps {
+  initialConfig: any;
+  roles: any[];
+  guildId: string;
+}
+
+const ROLE_INPUTS = [
+  { label: "Staff Role", key: "staff", icon: Shield, color: "text-blue-500", bg: "bg-blue-500/20" },
+  { label: "Girl Role", key: "girl", icon: Heart, color: "text-pink-500", bg: "bg-pink-500/20" },
+  { label: "VIP Role", key: "vip", icon: Crown, color: "text-yellow-500", bg: "bg-yellow-500/20" },
+  { label: "Guest Role", key: "guest", icon: Ghost, color: "text-gray-400", bg: "bg-gray-400/20" },
+  { label: "Friend Role", key: "frnd", icon: Star, color: "text-green-500", bg: "bg-green-500/20" },
+];
+
+export function CustomRolesForm({ initialConfig, roles, guildId }: CustomRolesFormProps) {
+  const [config, setConfig] = useState<any>(initialConfig);
+  const [saving, setSaving] = useState(false);
+
+  const filteredRoles = roles.filter(r => r.name !== "@everyone");
+
+  const handleSave = async () => {
+    setSaving(true);
+    const promise = api.updateCustomRoles(guildId, config);
+
+    toast.promise(promise, {
+      loading: 'Saving Custom Roles configuration...',
+      success: 'Custom Roles settings saved successfully!',
+      error: 'Failed to update Custom Roles config',
+    });
+
+    try {
+      await promise;
+    } catch (err: any) {
+      console.error(err);
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  return (
+    <div className="grid grid-cols-1 lg:grid-cols-4 gap-8">
+      <div className="lg:col-span-3 space-y-6">
+        <div className="bg-[#141B2D] border border-slate-800 rounded-3xl shadow-xl p-8 space-y-8">
+          
+          <div className="flex items-center justify-between p-6 bg-slate-900/40 rounded-2xl border border-slate-800">
+            <div className="flex items-center gap-4">
+              <div className="p-3 bg-primary/20 text-primary rounded-xl">
+                <Settings className="w-5 h-5" />
+              </div>
+              <div>
+                <h3 className="text-lg font-black text-white">Required Permission Role</h3>
+                <p className="text-sm text-slate-400 mt-1">Users need this role to assign the custom roles below.</p>
+              </div>
+            </div>
+            
+            <div className="w-64">
+              <Select
+                value={config.reqrole?.toString() || "none"}
+                onValueChange={(val) => setConfig({ ...config, reqrole: val === "none" ? null : parseInt(val) })}
+              >
+                <SelectTrigger className="w-full h-12 bg-slate-900 border-slate-800 font-medium">
+                  <SelectValue placeholder="Select required role..." />
+                </SelectTrigger>
+                <SelectContent className="bg-slate-900 border-slate-800 max-h-[300px]">
+                  <SelectItem value="none" className="text-slate-400 focus:bg-slate-800">None required / Admins only</SelectItem>
+                  {filteredRoles.map((role) => (
+                    <SelectItem key={role.id} value={role.id.toString()} className="focus:bg-slate-800">
+                      {role.name}
+                    </SelectItem>
+                  ))}
+                </SelectContent>
+              </Select>
+            </div>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            {ROLE_INPUTS.map((input) => (
+              <div key={input.key} className="p-6 bg-slate-900/40 border border-slate-800 rounded-2xl space-y-4 hover:border-slate-700 transition-all duration-300">
+                <div className="flex items-center gap-3">
+                  <div className={cn("p-3 rounded-xl", input.bg, input.color)}>
+                    <input.icon className="w-5 h-5" />
+                  </div>
+                  <div>
+                    <h4 className="font-bold text-white">{input.label}</h4>
+                    <p className="text-xs text-slate-400 mt-1">Role assigned via .{input.key} command</p>
+                  </div>
+                </div>
+                
+                <Select
+                  value={config[input.key]?.toString() || "none"}
+                  onValueChange={(val) => setConfig({ ...config, [input.key]: val === "none" ? null : parseInt(val) })}
+                >
+                  <SelectTrigger className="w-full h-12 bg-slate-900 border-slate-800 font-medium">
+                    <SelectValue placeholder="Select a role..." />
+                  </SelectTrigger>
+                  <SelectContent className="bg-slate-900 border-slate-800 max-h-[300px]">
+                    <SelectItem value="none" className="text-slate-400 focus:bg-slate-800">Not Set</SelectItem>
+                    {filteredRoles.map((role) => (
+                      <SelectItem key={role.id} value={role.id.toString()} className="focus:bg-slate-800">
+                        {role.name}
+                      </SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+              </div>
+            ))}
+          </div>
+
+          <Button 
+            onClick={handleSave}
+            disabled={saving}
+            className="w-full h-14 text-base font-bold gap-2"
+          >
+            {saving ? <RefreshCcw className="h-5 w-5 animate-spin" /> : <Save className="h-5 w-5" />}
+            Save Configuration
+          </Button>
+        </div>
+      </div>
+
+      <div className="space-y-6">
+        <div className="bg-gradient-to-br from-blue-500/10 to-transparent border border-blue-500/20 rounded-3xl p-6 relative overflow-hidden group">
+          <div className="absolute -right-4 -top-4 opacity-[0.03] group-hover:scale-110 transition-transform">
+            <Crown className="h-32 w-32 text-blue-500" />
+          </div>
+          <h3 className="text-sm font-bold text-blue-400 mb-2">Command Usage</h3>
+          <p className="text-xs text-slate-400 leading-relaxed mb-4">
+            Allows your trusted server managers to grant specific preset roles with simple prefix commands.
+          </p>
+          <ul className="text-xs text-slate-500 space-y-2">
+             <li>• <code>.staff @user</code> - Assigns/Removes Staff role</li>
+             <li>• <code>.girl @user</code> - Assigns/Removes Girl role</li>
+             <li>• <code>.vip @user</code> - Assigns/Removes VIP role</li>
+             <li>• Ensure Zyrox is placed higher than these roles in server settings!</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/dashboard/components/dashboard/form-elements.tsx b/dashboard/components/dashboard/form-elements.tsx
new file mode 100644
index 0000000..5d6ea61
--- /dev/null
+++ b/dashboard/components/dashboard/form-elements.tsx
@@ -0,0 +1,107 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import React from "react";
+import { Switch } from "@/components/ui/switch";
+import { Select, SelectOption } from "@/components/ui/select";
+import { Input } from "@/components/ui/input";
+import { cn } from "@/lib/utils";
+
+// --- ToggleSwitch ---
+interface ToggleSwitchProps {
+  label?: string;
+  description?: string;
+  checked: boolean;
+  onCheckedChange: (checked: boolean) => void;
+  disabled?: boolean;
+  className?: string;
+}
+
+export const ToggleSwitch = ({ 
+  label, 
+  description, 
+  checked, 
+  onCheckedChange, 
+  disabled,
+  className 
+}: ToggleSwitchProps) => (
+  <div className={cn("flex items-center justify-between gap-4 p-4 rounded-2xl bg-slate-900/30 border border-slate-800", className)}>
+    {(label || description) && (
+      <div className="flex flex-col">
+        {label && <span className="text-sm font-bold text-slate-200">{label}</span>}
+        {description && <span className="text-[11px] text-slate-500 font-medium italic mt-0.5">{description}</span>}
+      </div>
+    )}
+    <Switch checked={checked} onCheckedChange={onCheckedChange} disabled={disabled} />
+  </div>
+);
+
+// --- DropdownSelect ---
+interface DropdownSelectProps {
+  label?: string;
+  value: string;
+  onValueChange: (value: string) => void;
+  options: SelectOption[];
+  placeholder?: string;
+  disabled?: boolean;
+  className?: string;
+}
+
+export const DropdownSelect = ({ 
+  label, 
+  value, 
+  onValueChange, 
+  options, 
+  placeholder, 
+  disabled,
+  className 
+}: DropdownSelectProps) => (
+  <div className={cn("space-y-2", className)}>
+    {label && <label className="text-xs font-black uppercase text-slate-500 tracking-widest pl-1">{label}</label>}
+    <Select 
+      value={value} 
+      onValueChange={onValueChange} 
+      options={options} 
+      placeholder={placeholder} 
+      disabled={disabled}
+    />
+  </div>
+);
+
+// --- FormInput ---
+interface FormInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+  label?: string;
+  icon?: React.ElementType;
+}
+
+export const FormInput = ({ label, icon: Icon, className, ...props }: FormInputProps) => (
+  <div className="space-y-2 w-full">
+    {label && <label className="text-xs font-black uppercase text-slate-500 tracking-widest pl-1">{label}</label>}
+    <div className="relative group">
+      {Icon && (
+        <Icon className="absolute left-4 top-1/2 -translate-y-1/2 h-4 w-4 text-slate-500 group-focus-within:text-primary transition-colors" />
+      )}
+      <Input 
+        className={cn(
+          "bg-slate-900/50 border-slate-800 rounded-xl h-12 focus:ring-primary/20",
+          Icon && "pl-12",
+          className
+        )} 
+        {...props} 
+      />
+    </div>
+  </div>
+);
diff --git a/dashboard/components/dashboard/j2c-form.tsx b/dashboard/components/dashboard/j2c-form.tsx
new file mode 100644
index 0000000..2e2db23
--- /dev/null
+++ b/dashboard/components/dashboard/j2c-form.tsx
@@ -0,0 +1,224 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client";
+
+import React, { useState } from "react";
+import { Mic, Save, RefreshCcw, Settings2, Headset, Power } from "lucide-react";
+import { toast } from "sonner";
+import { api } from "@/lib/api";
+import { Button } from "@/components/ui/button";
+import { Switch } from "@/components/ui/switch";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
+import { cn } from "@/lib/utils";
+
+interface J2CFormProps {
+  initialConfig: any;
+  channels: any[];
+  guildId: string;
+}
+
+export function J2CForm({ initialConfig, channels, guildId }: J2CFormProps) {
+  const [config, setConfig] = useState<any>(initialConfig);
+  const [isEnabled, setIsEnabled] = useState<boolean>(initialConfig.join_channel_id !== null);
+  const [saving, setSaving] = useState(false);
+
+  // Handle various Discord channel types:
+  // 0: Text, 2: Voice, 4: Category, 5: Announcement, 13: Stage
+  const voiceChannels = channels.filter(c => ["2", "13", 2, 13].includes(c.type));
+  const textChannels = channels.filter(c => ["0", "5", 0, 5].includes(c.type));
+  const categoryChannels = channels.filter(c => ["4", 4].includes(c.type));
+
+  const handleSave = async () => {
+    setSaving(true);
+    const payload = isEnabled 
+      ? { 
+          join_channel_id: config.join_channel_id, 
+          control_channel_id: config.control_channel_id,
+          category_id: config.category_id 
+        }
+      : { 
+          join_channel_id: null, 
+          control_channel_id: null,
+          category_id: null
+        };
+
+    const promise = api.updateJ2C(guildId, payload);
+
+    toast.promise(promise, {
+      loading: 'Saving Join to Create configuration...',
+      success: 'Join to Create settings saved successfully!',
+      error: 'Failed to update Join to Create config',
+    });
+
+    try {
+      await promise;
+    } catch (err: any) {
+      console.error(err);
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  return (
+    <div className="grid grid-cols-1 lg:grid-cols-4 gap-8">
+      <div className="lg:col-span-3 space-y-6">
+        <div className="bg-[#141B2D] border border-slate-800 rounded-3xl shadow-xl p-8 space-y-8">
+          
+          <div className="flex items-center justify-between p-6 bg-slate-900/40 rounded-2xl border border-slate-800">
+            <div className="flex items-center gap-4">
+              <div className={cn("p-3 rounded-xl transition-colors", isEnabled ? "bg-emerald-500/20 text-emerald-500" : "bg-red-500/20 text-red-500")}>
+                <Power className="w-5 h-5" />
+              </div>
+              <div>
+                <h3 className="text-lg font-black text-white">System Status</h3>
+                <p className="text-sm text-slate-400 mt-1">Enable or disable the Join to Create module.</p>
+              </div>
+            </div>
+            <div className="flex items-center gap-4">
+              <div className="px-4 py-2 rounded-full bg-slate-900 border border-slate-800 flex items-center gap-2">
+                <div className={cn("w-2 h-2 rounded-full", isEnabled ? 'bg-emerald-500 animate-pulse' : 'bg-red-500')} />
+                <span className="text-xs font-bold uppercase track-wider text-slate-300">
+                  {isEnabled ? 'Active' : 'Inactive'}
+                </span>
+              </div>
+              <Switch 
+                checked={isEnabled} 
+                onCheckedChange={setIsEnabled}
+                className="scale-125 data-[state=checked]:bg-emerald-500"
+              />
+            </div>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+            <div className={cn("p-6 bg-slate-900/40 border border-slate-800 rounded-2xl space-y-4 transition-all duration-300", !isEnabled && "opacity-50 pointer-events-none")}>
+              <div className="flex items-center gap-3">
+                <div className="p-3 bg-primary/20 text-primary rounded-xl">
+                  <Mic className="w-5 h-5" />
+                </div>
+                <div>
+                  <h4 className="font-bold text-white">Join Channel</h4>
+                  <p className="text-xs text-slate-400 mt-1">Voice channel users join to trigger creation</p>
+                </div>
+              </div>
+              
+              <Select
+                value={config.join_channel_id ? config.join_channel_id : "none"}
+                onValueChange={(val) => setConfig({ ...config, join_channel_id: val === "none" ? null : val })}
+              >
+                <SelectTrigger className="w-full h-12 bg-slate-900 border-slate-800 font-medium">
+                  <SelectValue placeholder="Select a voice channel..." />
+                </SelectTrigger>
+                <SelectContent className="bg-slate-900 border-slate-800 max-h-[300px]">
+                  <SelectItem value="none" className="text-slate-400 focus:bg-slate-800">Not Set</SelectItem>
+                  {voiceChannels.map((c) => (
+                    <SelectItem key={c.id} value={c.id.toString()} className="focus:bg-slate-800">
+                      {c.name}
+                    </SelectItem>
+                  ))}
+                </SelectContent>
+              </Select>
+            </div>
+
+            <div className={cn("p-6 bg-slate-900/40 border border-slate-800 rounded-2xl space-y-4 transition-all duration-300", !isEnabled && "opacity-50 pointer-events-none")}>
+              <div className="flex items-center gap-3">
+                <div className="p-3 bg-blue-500/20 text-blue-500 rounded-xl">
+                  <Headset className="w-5 h-5" />
+                </div>
+                <div>
+                  <h4 className="font-bold text-white">Control Panel Channel</h4>
+                  <p className="text-xs text-slate-400 mt-1">Channel where users manage their private VCs</p>
+                </div>
+              </div>
+              
+              <Select
+                value={config.control_channel_id ? config.control_channel_id : "none"}
+                onValueChange={(val) => setConfig({ ...config, control_channel_id: val === "none" ? null : val })}
+              >
+                <SelectTrigger className="w-full h-12 bg-slate-900 border-slate-800 font-medium">
+                  <SelectValue placeholder="Select a text channel..." />
+                </SelectTrigger>
+                <SelectContent className="bg-slate-900 border-slate-800 max-h-[300px]">
+                  <SelectItem value="none" className="text-slate-400 focus:bg-slate-800">Not Set</SelectItem>
+                  {textChannels.map((c) => (
+                    <SelectItem key={c.id} value={c.id.toString()} className="focus:bg-slate-800">
+                      {c.name}
+                    </SelectItem>
+                  ))}
+                </SelectContent>
+              </Select>
+            </div>
+
+            <div className={cn("p-6 bg-slate-900/40 border border-slate-800 rounded-2xl space-y-4 transition-all duration-300", !isEnabled && "opacity-50 pointer-events-none")}>
+              <div className="flex items-center gap-3">
+                <div className="p-3 bg-purple-500/20 text-purple-500 rounded-xl">
+                  <Settings2 className="w-5 h-5" />
+                </div>
+                <div>
+                  <h4 className="font-bold text-white">Target Category</h4>
+                  <p className="text-xs text-slate-400 mt-1">Category where temporary voice channels are created</p>
+                </div>
+              </div>
+              
+              <Select
+                value={config.category_id ? config.category_id : "none"}
+                onValueChange={(val) => setConfig({ ...config, category_id: val === "none" ? null : val })}
+              >
+                <SelectTrigger className="w-full h-12 bg-slate-900 border-slate-800 font-medium">
+                  <SelectValue placeholder="Automatic (Same as Join Channel)..." />
+                </SelectTrigger>
+                <SelectContent className="bg-slate-900 border-slate-800 max-h-[300px]">
+                  <SelectItem value="none" className="text-slate-400 focus:bg-slate-800">Automatic (Same as Join Channel)</SelectItem>
+                  {categoryChannels.map((c) => (
+                    <SelectItem key={c.id} value={c.id.toString()} className="focus:bg-slate-800">
+                      {c.name}
+                    </SelectItem>
+                  ))}
+                </SelectContent>
+              </Select>
+            </div>
+          </div>
+
+          <Button 
+            onClick={handleSave}
+            disabled={saving || (isEnabled && !config.join_channel_id)}
+            className="w-full h-14 text-base font-bold gap-2"
+          >
+            {saving ? <RefreshCcw className="h-5 w-5 animate-spin" /> : <Save className="h-5 w-5" />}
+            {isEnabled && !config.join_channel_id ? 'Select a channel to save' : 'Save Configuration'}
+          </Button>
+        </div>
+      </div>
+
+      <div className="space-y-6">
+        <div className="bg-gradient-to-br from-primary/10 to-transparent border border-primary/20 rounded-3xl p-6 relative overflow-hidden group">
+          <div className="absolute -right-4 -top-4 opacity-[0.03] group-hover:scale-110 transition-transform">
+            <Headset className="h-32 w-32 text-primary" />
+          </div>
+          <h3 className="text-sm font-bold text-primary mb-2">How It Works</h3>
+          <p className="text-xs text-slate-400 leading-relaxed mb-4">
+            Join to Create instantly creates a private, temporary voice channel for any user who connects to the master Join Channel.
+          </p>
+          <ul className="text-xs text-slate-500 space-y-2">
+             <li>• The voice channel is owned by the creator.</li>
+             <li>• When the last person leaves, the channel is automatically deleted.</li>
+             <li>• The Control Panel allows owners to lock, unlock, limit members, and kick users.</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/dashboard/components/dashboard/leveling-form.tsx b/dashboard/components/dashboard/leveling-form.tsx
new file mode 100644
index 0000000..3cadcf4
--- /dev/null
+++ b/dashboard/components/dashboard/leveling-form.tsx
@@ -0,0 +1,196 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client";
+
+import React, { useState } from "react";
+import { 
+  Save, 
+  RefreshCcw, 
+  Zap,
+  Clock,
+  Hash,
+  Palette,
+  Layout,
+  Info
+} from "lucide-react";
+import { toast } from "sonner";
+import { api } from "@/lib/api";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Switch } from "@/components/ui/switch";
+import { LevelingConfig } from "@/types/api";
+
+interface LevelingFormProps {
+  initialConfig: LevelingConfig;
+  guildId: string;
+}
+
+export function LevelingForm({ initialConfig, guildId }: LevelingFormProps) {
+  const [config, setConfig] = useState<LevelingConfig>(initialConfig);
+  const [saving, setSaving] = useState(false);
+
+  const handleSave = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setSaving(true);
+
+    const promise = api.updateLeveling(guildId, {
+      enabled: config.enabled,
+      xp_per_message: config.xp_per_message,
+      cooldown: config.cooldown,
+      level_up_channel: config.level_up_channel,
+      embed_color: config.embed_style.color
+    });
+
+    toast.promise(promise, {
+      loading: 'Saving leveling settings...',
+      success: 'Leveling settings updated successfully!',
+      error: 'Failed to update leveling settings',
+    });
+
+    try {
+      await promise;
+    } catch (err: any) {
+      console.error(err);
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  return (
+    <form onSubmit={handleSave} className="grid grid-cols-1 lg:grid-cols-3 gap-8 pb-20">
+      <div className="lg:col-span-2 space-y-6">
+        <div className="bg-[#141B2D] border border-slate-800 rounded-3xl overflow-hidden shadow-xl shadow-black/20">
+          <div className="p-8 space-y-8">
+            <div className="flex items-center justify-between mb-4 border-b border-slate-800 pb-4">
+               <span className="text-sm font-bold text-slate-300">Social Economy Status</span>
+               <Switch 
+                  checked={config.enabled} 
+                  onCheckedChange={() => setConfig({...config, enabled: !config.enabled})}
+               />
+            </div>
+
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
+              <div className="space-y-2">
+                <label className="text-xs font-black uppercase text-slate-500 tracking-widest flex items-center gap-2">
+                  <Zap className="h-3 w-3" />
+                  XP Weight
+                </label>
+                <Input 
+                  type="number"
+                  value={config.xp_per_message}
+                  onChange={(e) => setConfig({...config, xp_per_message: parseInt(e.target.value) || 0})}
+                  placeholder="20"
+                  disabled={!config.enabled}
+                  className="py-6 text-lg font-bold"
+                />
+              </div>
+
+              <div className="space-y-2">
+                <label className="text-xs font-black uppercase text-slate-500 tracking-widest flex items-center gap-2">
+                  <Clock className="h-3 w-3" />
+                  Cooldown
+                </label>
+                <div className="relative">
+                  <Input 
+                    type="number"
+                    value={config.cooldown}
+                    onChange={(e) => setConfig({...config, cooldown: parseInt(e.target.value) || 0})}
+                    placeholder="60"
+                    disabled={!config.enabled}
+                    className="py-6 text-lg font-bold pr-12"
+                  />
+                  <span className="absolute right-4 top-1/2 -translate-y-1/2 text-xs font-bold text-slate-700">SEC</span>
+                </div>
+              </div>
+            </div>
+
+            <div className="space-y-2">
+              <label className="text-xs font-black uppercase text-slate-500 tracking-widest flex items-center gap-2">
+                <Hash className="h-3 w-3" />
+                Level Up Channel
+              </label>
+              <Input 
+                value={config.level_up_channel || ""}
+                onChange={(e) => setConfig({...config, level_up_channel: e.target.value ? parseInt(e.target.value.replace(/\D/g, "")) : null})}
+                placeholder="Discord Channel ID"
+                disabled={!config.enabled}
+                className="py-6 font-mono"
+              />
+            </div>
+
+            <Button 
+              type="submit"
+              disabled={saving}
+              className="w-full h-14 text-base font-bold gap-2"
+            >
+              {saving ? <RefreshCcw className="h-5 w-5 animate-spin" /> : <Save className="h-5 w-5" />}
+              {saving ? "Updating System..." : "Update Leveling Engine"}
+            </Button>
+          </div>
+        </div>
+
+        <div className="bg-[#141B2D] border border-slate-800 rounded-3xl p-8 relative overflow-hidden group">
+          <div className="absolute right-0 top-0 h-full w-1 bg-primary/20" />
+           <h3 className="text-sm font-black uppercase text-slate-500 tracking-widest mb-6 flex items-center gap-2">
+            <Palette className="h-4 w-4" />
+            Cosmetic Defaults
+          </h3>
+          <div className="grid grid-cols-1 sm:grid-cols-2 gap-6 relative z-10">
+             <div className="space-y-2">
+                <p className="text-xs text-slate-500 font-bold px-1">Rank Card Color</p>
+                <div className="flex items-center gap-3">
+                  <div className="h-10 w-10 rounded-xl border border-slate-700 shadow-inner" style={{ backgroundColor: config.embed_style.color }} />
+                  <Input 
+                    value={config.embed_style.color}
+                    onChange={(e) => setConfig({...config, embed_style: {...config.embed_style, color: e.target.value}})}
+                    className="font-mono h-10"
+                    disabled={!config.enabled}
+                  />
+                </div>
+             </div>
+             <div className="flex items-center justify-between p-4 bg-slate-900/40 rounded-2xl border border-slate-800">
+                <div className="flex items-center gap-3">
+                  <Layout className="h-4 w-4 text-slate-500" />
+                  <span className="text-sm font-bold text-slate-300">Thumbnail</span>
+                </div>
+                <Switch 
+                  checked={config.embed_style.thumbnail}
+                  onCheckedChange={(val) => setConfig({...config, embed_style: {...config.embed_style, thumbnail: val}})}
+                  disabled={!config.enabled}
+                />
+             </div>
+          </div>
+        </div>
+      </div>
+
+      <div className="space-y-6">
+        <div className="bg-[#141B2D] border border-slate-800 rounded-3xl p-6 relative overflow-hidden group shadow-lg">
+           <div className="absolute -right-4 -top-4 opacity-[0.03] group-hover:scale-110 transition-transform">
+              <Info className="h-32 w-32 text-white" />
+           </div>
+           <h3 className="text-xs font-black uppercase text-slate-500 tracking-widest mb-4">Leveling Logic</h3>
+           <div className="space-y-4 text-sm leading-relaxed text-slate-400">
+              <p>Members earn <span className="text-white font-bold italic">XP</span> by chatting.</p>
+              <div className="p-4 bg-primary/5 rounded-2xl border border-primary/10 text-[10px] font-mono">
+                 5 * (level ^ 2) + (50 * level) + 100
+              </div>
+           </div>
+        </div>
+      </div>
+    </form>
+  );
+}
diff --git a/dashboard/components/dashboard/logging-form.tsx b/dashboard/components/dashboard/logging-form.tsx
new file mode 100644
index 0000000..9aefe87
--- /dev/null
+++ b/dashboard/components/dashboard/logging-form.tsx
@@ -0,0 +1,200 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client";
+
+import React, { useState } from "react";
+import { 
+  MessageSquare,
+  UserPlus,
+  ShieldAlert,
+  Mic,
+  Settings,
+  Hash,
+  ChevronRight,
+  BellRing,
+  Info
+} from "lucide-react";
+import { toast } from "sonner";
+import { api } from "@/lib/api";
+import { Button } from "@/components/ui/button";
+import { Switch } from "@/components/ui/switch";
+import { Select } from "@/components/ui/select";
+import { cn } from "@/lib/utils";
+import { LoggingConfig, DiscordChannel } from "@/types/api";
+
+const LOG_CATEGORIES = [
+  { id: "message_events", name: "Message Events", icon: MessageSquare, description: "Log message deletions, edits, and bulk removals." },
+  { id: "join_leave_events", name: "Join & Leave Events", icon: UserPlus, description: "Track when members join or leave the server." },
+  { id: "member_moderation", name: "Moderation Events", icon: ShieldAlert, description: "Log kicks, bans, and timeout updates." },
+  { id: "voice_events", name: "Voice Events", icon: Mic, description: "Track members joining, leaving, or moving voice channels." },
+  { id: "role_events", name: "Role Changes", icon: Settings, description: "Log role creation, deletion, and permission updates." },
+  { id: "channel_events", name: "Channel Changes", icon: Hash, description: "Track channel creation, deletion, and settings updates." },
+];
+
+interface LoggingFormProps {
+  initialConfig: LoggingConfig;
+  channels: DiscordChannel[];
+  guildId: string;
+}
+
+export function LoggingForm({ initialConfig, channels, guildId }: LoggingFormProps) {
+  const [config, setConfig] = useState<LoggingConfig>(initialConfig);
+  const [saving, setSaving] = useState(false);
+
+  const handleToggle = async (categoryId: string, enabled: boolean) => {
+    // Optimistic update
+    const newLogEnabled = { ...config.log_enabled, [categoryId]: enabled };
+    setConfig({ ...config, log_enabled: newLogEnabled });
+
+    try {
+      await api.updateLogging(guildId, {
+        log_enabled: { [categoryId]: enabled }
+      });
+      toast.success(`${enabled ? 'Enabled' : 'Disabled'} ${categoryId.replace('_', ' ')} logging`);
+    } catch (err: any) {
+      setConfig(config);
+      toast.error("Failed to update logging setting.");
+    }
+  };
+
+  const handleChannelChange = async (categoryId: string, channelId: string) => {
+    // Optimistic update
+    const newLogChannels = { ...config.log_channels, [categoryId]: parseInt(channelId) };
+    setConfig({ ...config, log_channels: newLogChannels });
+
+    setSaving(true);
+    const promise = api.updateLogging(guildId, {
+      log_channels: { [categoryId]: parseInt(channelId) }
+    });
+
+    toast.promise(promise, {
+      loading: 'Updating log channel...',
+      success: 'Log channel updated successfully',
+      error: 'Failed to update log channel',
+    });
+
+    try {
+      await promise;
+    } catch (err: any) {
+      setConfig(config);
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const channelOptions = channels.map(c => ({
+    value: c.id.toString(),
+    label: `#${c.name}`
+  }));
+
+  return (
+    <div className="grid grid-cols-1 lg:grid-cols-4 gap-8">
+      <div className="lg:col-span-3 space-y-4">
+         {LOG_CATEGORIES.map((cat) => (
+            <div key={cat.id} className="bg-[#141B2D] border border-slate-800 p-8 rounded-[40px] shadow-xl hover:border-primary/20 transition-all group">
+               <div className="flex flex-col md:flex-row md:items-center justify-between gap-8">
+                  <div className="flex items-start gap-5">
+                     <div className="h-14 w-14 rounded-2xl bg-slate-800/50 flex items-center justify-center text-slate-400 group-hover:text-primary transition-colors border border-white/5 shrink-0">
+                        <cat.icon className="h-7 w-7" />
+                     </div>
+                     <div className="flex flex-col">
+                        <h3 className="text-lg font-black text-white tracking-tight">{cat.name}</h3>
+                        <p className="text-[12px] text-slate-500 font-medium leading-relaxed max-w-sm mt-1">
+                          {cat.description}
+                        </p>
+                     </div>
+                  </div>
+
+                  <div className="flex flex-col sm:flex-row items-start sm:items-center gap-4 md:gap-8 lg:min-w-[320px]">
+                     <div className="w-full sm:w-48 lg:w-56">
+                        <p className="text-[10px] font-black uppercase text-slate-600 mb-2 tracking-widest pl-1">Destination</p>
+                        <Select 
+                          value={config.log_channels[cat.id]?.toString() || ""}
+                          onValueChange={(val) => handleChannelChange(cat.id, val)}
+                          options={channelOptions}
+                          placeholder="Select channel..."
+                          className="bg-black/20 border-slate-800 rounded-xl"
+                        />
+                     </div>
+
+                     <div className="flex items-center gap-4 border-l border-slate-800/50 pl-4 md:pl-8">
+                        <div className="flex-col items-end hidden sm:flex">
+                           <span className={cn(
+                             "text-[10px] font-black uppercase tracking-widest",
+                             config.log_enabled[cat.id] ? "text-emerald-500" : "text-slate-600"
+                           )}>
+                             {config.log_enabled[cat.id] ? "Active" : "Silent"}
+                           </span>
+                        </div>
+                        <Switch 
+                          checked={!!config.log_enabled[cat.id]} 
+                          onCheckedChange={(val) => handleToggle(cat.id, val)}
+                        />
+                     </div>
+                  </div>
+               </div>
+            </div>
+         ))}
+      </div>
+
+      <div className="space-y-6">
+         <section className="bg-gradient-to-br from-primary/10 to-transparent border border-primary/20 rounded-[40px] p-8 relative overflow-hidden group">
+            <div className="absolute -right-4 -top-4 opacity-[0.03] group-hover:scale-110 transition-transform">
+              <BellRing className="h-32 w-32 text-white" />
+            </div>
+            <div className="flex items-center gap-2 mb-6">
+              <Info className="h-5 w-5 text-primary" />
+              <h3 className="font-bold text-white text-lg tracking-tight">Logging Engine</h3>
+            </div>
+            <div className="space-y-4 relative z-10">
+               <div className="p-4 bg-black/20 rounded-2xl border border-white/5 space-y-2">
+                  <p className="text-[10px] uppercase font-bold text-slate-500">Intelligent Routing</p>
+                  <p className="text-xs text-slate-300 leading-relaxed font-medium">Assign specific channels to different event types for better organization.</p>
+               </div>
+               <div className="p-4 bg-black/20 rounded-2xl border border-white/5 space-y-2">
+                  <p className="text-[10px] uppercase font-bold text-slate-500">Webhooks</p>
+                  <p className="text-xs text-slate-300 leading-relaxed font-medium">Coming soon: Export audit logs to external webhooks and elastic systems.</p>
+               </div>
+            </div>
+            <Button variant="secondary" className="w-full mt-8 py-6 rounded-[24px] font-black uppercase tracking-tighter text-xs">
+               Save Global Config
+            </Button>
+         </section>
+
+         <div className="bg-[#141B2D] border border-slate-800 rounded-[40px] p-8 shadow-xl">
+           <h3 className="text-xs font-black uppercase text-slate-500 tracking-[0.15em] mb-6 flex items-center gap-2">
+             <ShieldAlert className="h-4 w-4 text-amber-500" />
+             Audit Protection
+           </h3>
+           <div className="space-y-4">
+              <div className="flex items-center justify-between p-3 bg-slate-900/40 rounded-xl border border-slate-800 hover:border-slate-700 transition-colors">
+                 <span className="text-xs font-bold text-slate-400">Protect Roles</span>
+                 <span className="bg-slate-800 text-slate-300 px-2 py-1 rounded-md text-[10px] font-black">{config.ignore_roles.length}</span>
+              </div>
+              <div className="flex items-center justify-between p-3 bg-slate-900/40 rounded-xl border border-slate-800 hover:border-slate-700 transition-colors">
+                 <span className="text-xs font-bold text-slate-400">Secure Channels</span>
+                 <span className="bg-slate-800 text-slate-300 px-2 py-1 rounded-md text-[10px] font-black">{config.ignore_channels.length}</span>
+              </div>
+           </div>
+           <p className="text-[10px] text-slate-600 mt-6 leading-relaxed italic text-center">
+             Events from these entities are currently bypassed by the audit logger.
+           </p>
+         </div>
+      </div>
+    </div>
+  );
+}
diff --git a/dashboard/components/dashboard/metric-card.tsx b/dashboard/components/dashboard/metric-card.tsx
new file mode 100644
index 0000000..db7e2d0
--- /dev/null
+++ b/dashboard/components/dashboard/metric-card.tsx
@@ -0,0 +1,76 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import React from "react";
+import { LucideIcon } from "lucide-react";
+import { cn } from "@/lib/utils";
+
+interface MetricCardProps {
+  name: string;
+  value: string | number;
+  icon: LucideIcon;
+  description?: string;
+  trend?: {
+    value: string;
+    isUp: boolean;
+  };
+  className?: string;
+}
+
+export const MetricCard = ({ 
+  name, 
+  value, 
+  icon: Icon, 
+  description,
+  trend,
+  className 
+}: MetricCardProps) => {
+  return (
+    <div className={cn(
+      "bg-[#141B2D] border border-slate-800 p-6 rounded-3xl relative overflow-hidden group hover:border-primary/50 transition-all shadow-xl hover:shadow-primary/5 shadow-black/20",
+      className
+    )}>
+      <div className="flex items-center justify-between relative z-10">
+        <div>
+          <p className="text-xs font-black uppercase text-slate-500 tracking-widest">{name}</p>
+          <div className="flex items-baseline gap-2 mt-1">
+            <p className="text-3xl font-black text-white tracking-tighter">{value}</p>
+            {trend && (
+              <span className={cn(
+                "text-[10px] font-black px-1.5 py-0.5 rounded-lg",
+                trend.isUp ? "bg-emerald-500/10 text-emerald-500" : "bg-red-500/10 text-red-500"
+              )}>
+                {trend.isUp ? "+" : ""}{trend.value}
+              </span>
+            )}
+          </div>
+          {description && (
+             <p className="text-[10px] text-slate-500 mt-2 italic font-medium">{description}</p>
+          )}
+        </div>
+        <div className="p-4 bg-slate-800/50 rounded-2xl group-hover:scale-110 group-hover:bg-primary/10 transition-all border border-white/5">
+          <Icon className="h-6 w-6 text-primary" />
+        </div>
+      </div>
+      
+      {/* Decorative Gradient Line */}
+      <div className="absolute bottom-0 left-0 h-1 bg-gradient-to-r from-primary/50 to-transparent w-full opacity-0 group-hover:opacity-100 transition-opacity" />
+      
+      {/* Glow Effect */}
+      <div className="absolute -right-8 -bottom-8 h-24 w-24 bg-primary/5 blur-3xl rounded-full opacity-0 group-hover:opacity-100 transition-opacity" />
+    </div>
+  );
+};
diff --git a/dashboard/components/dashboard/page-header.tsx b/dashboard/components/dashboard/page-header.tsx
new file mode 100644
index 0000000..f1f3ecc
--- /dev/null
+++ b/dashboard/components/dashboard/page-header.tsx
@@ -0,0 +1,55 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import React from "react";
+import { cn } from "@/lib/utils";
+
+interface PageHeaderProps {
+  title: string;
+  description?: string;
+  children?: React.ReactNode;
+  icon?: React.ElementType;
+  className?: string;
+}
+
+export const PageHeader = ({ 
+  title, 
+  description, 
+  children, 
+  icon: Icon,
+  className 
+}: PageHeaderProps) => {
+  return (
+    <div className={cn("flex flex-col md:flex-row md:items-center justify-between gap-6 mb-8", className)}>
+      <div>
+        <h1 className="text-3xl font-black text-white flex items-center gap-3 tracking-tight">
+          {Icon && <Icon className="h-8 w-8 text-primary shrink-0" />}
+          {title}
+        </h1>
+        {description && (
+          <p className="text-slate-400 mt-1 font-medium italic">
+            {description}
+          </p>
+        )}
+      </div>
+      {children && (
+        <div className="flex items-center gap-4">
+          {children}
+        </div>
+      )}
+    </div>
+  );
+};
diff --git a/dashboard/components/dashboard/reactionroles-form.tsx b/dashboard/components/dashboard/reactionroles-form.tsx
new file mode 100644
index 0000000..08f0851
--- /dev/null
+++ b/dashboard/components/dashboard/reactionroles-form.tsx
@@ -0,0 +1,249 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client";
+
+import React, { useState } from "react";
+import { MousePointer2, Save, RefreshCcw, Plus, Trash2, BellRing, Settings } from "lucide-react";
+import { toast } from "sonner";
+import { api } from "@/lib/api";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
+import { Switch } from "@/components/ui/switch";
+
+interface ReactionRolesFormProps {
+  initialConfig: any;
+  roles: any[];
+  guildId: string;
+}
+
+export function ReactionRolesForm({ initialConfig, roles, guildId }: ReactionRolesFormProps) {
+  const [config, setConfig] = useState<any>(initialConfig);
+  const [saving, setSaving] = useState(false);
+  const [loadingAction, setLoadingAction] = useState(false);
+
+  const [newRR, setNewRR] = useState({
+    message_id: "",
+    emoji: "",
+    role_id: "",
+  });
+
+  const filteredRoles = roles.filter(r => r.name !== "@everyone");
+
+  const toggleDM = async (val: boolean) => {
+    try {
+      await api.updateRR(guildId, { dm_enabled: val });
+      setConfig({ ...config, dm_enabled: val });
+      toast.success(`DM notifications ${val ? "enabled" : "disabled"}`);
+    } catch (error) {
+      toast.error("Failed to update DM setting");
+    }
+  };
+
+  const handleAdd = async () => {
+    if (!newRR.message_id || !newRR.emoji || !newRR.role_id) {
+      toast.error("Please fill in all fields");
+      return;
+    }
+
+    try {
+      setLoadingAction(true);
+      await api.updateRR(guildId, {
+        add_role: {
+          message_id: parseInt(newRR.message_id),
+          emoji: newRR.emoji,
+          role_id: parseInt(newRR.role_id),
+        },
+      });
+      // Try to optimistically add to the UI
+      setConfig({
+        ...config,
+        roles: [...config.roles, { message_id: newRR.message_id, emoji: newRR.emoji, role_id: newRR.role_id }]
+      });
+      toast.success("Reaction role added");
+      setNewRR({ message_id: "", emoji: "", role_id: "" });
+    } catch (error) {
+      toast.error("Failed to add reaction role");
+    } finally {
+      setLoadingAction(false);
+    }
+  };
+
+  const handleDelete = async (messageId: number, emoji: string) => {
+    try {
+      setLoadingAction(true);
+      await api.updateRR(guildId, {
+        remove_role_message_id: messageId,
+        remove_role_emoji: emoji,
+      });
+      setConfig({
+        ...config,
+        roles: config.roles.filter((r: any) => !(r.message_id === messageId && r.emoji === emoji))
+      });
+      toast.success("Reaction role removed");
+    } catch (error) {
+      toast.error("Failed to remove reaction role");
+    } finally {
+      setLoadingAction(false);
+    }
+  };
+
+  return (
+    <div className="grid grid-cols-1 lg:grid-cols-4 gap-8">
+      <div className="lg:col-span-3 space-y-6">
+        <div className="bg-[#141B2D] border border-slate-800 rounded-3xl shadow-xl p-8 space-y-8">
+          
+          <div className="flex items-center justify-between p-6 bg-slate-900/40 rounded-2xl border border-slate-800">
+            <div className="flex items-center gap-4">
+              <div className="p-3 bg-primary/20 text-primary rounded-xl">
+                <BellRing className="w-5 h-5" />
+              </div>
+              <div>
+                <h3 className="text-lg font-black text-white">DM Notifications</h3>
+                <p className="text-sm text-slate-400 mt-1">Send a direct message when a user gets/loses a role.</p>
+              </div>
+            </div>
+            <Switch 
+              checked={config.dm_enabled} 
+              onCheckedChange={toggleDM}
+              className="scale-125"
+            />
+          </div>
+
+          <div className="pt-6 border-t border-slate-800">
+            <h4 className="text-sm font-bold text-white mb-4 flex items-center gap-2">
+              <Plus className="h-5 w-5 text-primary" />
+              Create New Reaction Role
+            </h4>
+            
+            <div className="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
+              <div className="space-y-2">
+                <label className="text-xs font-bold text-slate-400">Message ID</label>
+                <Input 
+                  placeholder="e.g. 1234567890" 
+                  value={newRR.message_id}
+                  onChange={(e) => setNewRR({ ...newRR, message_id: e.target.value })}
+                  className="bg-slate-900/50 h-10"
+                />
+              </div>
+              <div className="space-y-2">
+                <label className="text-xs font-bold text-slate-400">Emoji</label>
+                <Input 
+                  placeholder="e.g. ✅" 
+                  value={newRR.emoji}
+                  onChange={(e) => setNewRR({ ...newRR, emoji: e.target.value })}
+                  className="bg-slate-900/50 h-10"
+                />
+              </div>
+              <div className="space-y-2">
+                <label className="text-xs font-bold text-slate-400">Role to Assign</label>
+                <Select
+                  value={newRR.role_id ? newRR.role_id.toString() : ""}
+                  onValueChange={(val) => setNewRR({ ...newRR, role_id: val })}
+                >
+                  <SelectTrigger className="w-full h-10 bg-slate-900/50 border-slate-800">
+                    <SelectValue placeholder="Select a role..." />
+                  </SelectTrigger>
+                  <SelectContent className="bg-slate-900 border-slate-800 max-h-[250px]">
+                    {filteredRoles.map((role) => (
+                      <SelectItem key={role.id} value={role.id.toString()} className="focus:bg-slate-800">
+                        {role.name}
+                      </SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+              </div>
+            </div>
+            <Button 
+              onClick={handleAdd} 
+              disabled={loadingAction} 
+              className="w-full gap-2"
+              variant="secondary"
+            >
+              {loadingAction ? <RefreshCcw className="h-4 w-4 animate-spin" /> : <Plus className="h-4 w-4" />}
+              Add to Active Listeners
+            </Button>
+          </div>
+
+          <div className="pt-6 border-t border-slate-800">
+            <h4 className="text-sm font-bold text-white mb-4 flex items-center gap-2">
+              <MousePointer2 className="h-5 w-5 text-primary" />
+              Active Reaction Roles
+            </h4>
+
+            <div className="space-y-3">
+              {config.roles.length === 0 ? (
+                <div className="text-center p-8 bg-slate-900/20 rounded-2xl border border-dashed border-slate-700">
+                  <p className="text-sm text-slate-500 italic">No reaction roles currently configured.</p>
+                </div>
+              ) : (
+                config.roles.map((rr: any, idx: number) => {
+                  const roleName = roles.find(r => r.id === rr.role_id.toString())?.name || "Unknown Role";
+                  
+                  return (
+                    <div key={idx} className="flex items-center justify-between p-4 bg-slate-900/40 rounded-xl border border-slate-800">
+                      <div className="flex items-center gap-6">
+                        <div className="flex flex-col">
+                          <span className="text-[10px] uppercase font-bold text-slate-500">Message ID</span>
+                          <span className="text-sm font-mono text-slate-300">{rr.message_id}</span>
+                        </div>
+                        <div className="flex flex-col items-center">
+                          <span className="text-[10px] uppercase font-bold text-slate-500">Emoji</span>
+                          <span className="text-lg">{rr.emoji}</span>
+                        </div>
+                        <div className="flex flex-col">
+                          <span className="text-[10px] uppercase font-bold text-slate-500">Role</span>
+                          <span className="text-sm font-medium text-primary">{roleName}</span>
+                        </div>
+                      </div>
+                      <Button 
+                        variant="ghost" 
+                        size="sm" 
+                        onClick={() => handleDelete(rr.message_id, rr.emoji)}
+                        disabled={loadingAction}
+                        className="text-red-400 hover:text-red-300 hover:bg-red-400/10 h-8 w-8 p-0"
+                      >
+                        <Trash2 className="h-4 w-4" />
+                      </Button>
+                    </div>
+                  );
+                })
+              )}
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div className="space-y-6">
+        <div className="bg-gradient-to-br from-primary/10 to-transparent border border-primary/20 rounded-3xl p-6 relative overflow-hidden group">
+          <div className="absolute -right-4 -top-4 opacity-[0.03] group-hover:scale-110 transition-transform">
+            <MousePointer2 className="h-32 w-32 text-primary" />
+          </div>
+          <h3 className="text-sm font-bold text-primary mb-2">Usage Guide</h3>
+          <p className="text-xs text-slate-400 leading-relaxed mb-4">
+            Reaction Roles allow members to self-assign their own roles with a single click.
+          </p>
+          <ul className="text-xs text-slate-500 space-y-2">
+             <li>• The bot must have access to see the message you specify.</li>
+             <li>• Make sure the bot role is HIGHER than the role you are attempting to assign.</li>
+             <li>• The bot will automatically react to the message once you click "Add to Active Listeners".</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/dashboard/components/dashboard/server-card.tsx b/dashboard/components/dashboard/server-card.tsx
new file mode 100644
index 0000000..80b0446
--- /dev/null
+++ b/dashboard/components/dashboard/server-card.tsx
@@ -0,0 +1,106 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import React from "react";
+import Image from "next/image";
+import Link from "next/link";
+import { Users, Hash, ChevronRight } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
+
+interface ServerCardProps {
+  id: string | number;
+  name: string;
+  iconUrl?: string | null;
+  memberCount: number;
+  isActive?: boolean;
+  className?: string;
+}
+
+export const ServerCard = ({ 
+  id, 
+  name, 
+  iconUrl, 
+  memberCount, 
+  isActive = true,
+  className 
+}: ServerCardProps) => {
+  return (
+    <div className={cn(
+      "bg-[#141B2D] border border-slate-800 rounded-[40px] group hover:border-primary/50 transition-all duration-500 overflow-hidden shadow-2xl hover:shadow-primary/10 shadow-black/40 h-full flex flex-col",
+      className
+    )}>
+      <div className="p-8 flex-grow">
+        <div className="flex items-start justify-between mb-8">
+          <div className="relative">
+            {iconUrl ? (
+              <Image 
+                src={iconUrl} 
+                alt={name}
+                width={80}
+                height={80}
+                className="rounded-3xl border-4 border-slate-800 shadow-2xl group-hover:scale-105 transition-transform duration-500"
+              />
+            ) : (
+              <div className="h-20 w-20 bg-primary/20 rounded-3xl flex items-center justify-center border-4 border-slate-800 text-primary font-black text-3xl shadow-2xl group-hover:scale-105 transition-transform duration-500">
+                {name.charAt(0)}
+              </div>
+            )}
+            {isActive && (
+              <div className="absolute -bottom-1 -right-1 h-5 w-5 rounded-full bg-emerald-500 border-4 border-[#141B2D] shadow-lg animate-pulse" title="Online" />
+            )}
+          </div>
+          
+          <div className="flex flex-col items-end text-right">
+            <span className="text-[10px] uppercase font-black text-slate-500 tracking-[0.2em] mb-1 opacity-50">ID Reference</span>
+            <span className="text-[11px] font-mono font-bold text-slate-400 bg-black/20 px-3 py-1.5 rounded-xl border border-white/5 truncate max-w-[140px]">
+              {id}
+            </span>
+          </div>
+        </div>
+
+        <div>
+          <h3 className="text-2xl font-black text-white truncate group-hover:text-primary transition-colors tracking-tight">
+            {name}
+          </h3>
+          <div className="flex items-center gap-4 mt-6">
+            <div className="flex items-center gap-2 bg-slate-800/50 px-4 py-2 rounded-2xl border border-white/5 shadow-inner">
+              <Users className="h-4 w-4 text-primary" />
+              <span className="text-xs font-black text-slate-200 tabular-nums">
+                {memberCount.toLocaleString()}
+              </span>
+            </div>
+            <div className="flex items-center gap-2 bg-slate-800/50 px-4 py-2 rounded-2xl border border-white/5">
+              <Hash className="h-4 w-4 text-slate-500" />
+              <span className="text-[10px] font-black uppercase tracking-widest text-slate-400">
+                Managed
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div className="px-8 py-6 bg-slate-900/40 border-t border-slate-800/50 group-hover:bg-primary/5 transition-all">
+        <Link href={`/dashboard/guild/${id}`} className="block">
+          <Button className="w-full justify-between group/btn py-7 rounded-2xl border-slate-700 font-black uppercase tracking-tighter text-xs" variant="secondary">
+            <span>Access Dashboard</span>
+            <ChevronRight className="h-4 w-4 group-hover/btn:translate-x-1 transition-transform" />
+          </Button>
+        </Link>
+      </div>
+    </div>
+  );
+};
diff --git a/dashboard/components/dashboard/settings-form.tsx b/dashboard/components/dashboard/settings-form.tsx
new file mode 100644
index 0000000..67672e7
--- /dev/null
+++ b/dashboard/components/dashboard/settings-form.tsx
@@ -0,0 +1,125 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client";
+
+import React, { useState } from "react";
+import { 
+  Save, 
+  RefreshCcw, 
+  Command,
+  Info
+} from "lucide-react";
+import { toast } from "sonner";
+import { api } from "@/lib/api";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+
+interface SettingsFormProps {
+  initialPrefix: string;
+  guildId: string;
+}
+
+export function SettingsForm({ initialPrefix, guildId }: SettingsFormProps) {
+  const [prefix, setPrefix] = useState(initialPrefix);
+  const [saving, setSaving] = useState(false);
+
+  const handleSave = async (e: React.FormEvent) => {
+    e.preventDefault();
+    if (!prefix || prefix.length > 10) {
+      toast.error("Prefix must be between 1 and 10 characters.");
+      return;
+    }
+
+    setSaving(true);
+    const promise = api.updatePrefix(guildId, prefix);
+
+    toast.promise(promise, {
+      loading: 'Updating prefix...',
+      success: 'Prefix updated successfully!',
+      error: (err) => err.message || 'Failed to update prefix',
+    });
+
+    try {
+      await promise;
+    } catch (err: any) {
+      console.error(err);
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  return (
+    <div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
+      <div className="lg:col-span-2 space-y-6">
+        <div className="bg-[#141B2D] border border-slate-800 rounded-3xl overflow-hidden shadow-xl shadow-black/20">
+          <div className="p-8 space-y-6">
+            <form onSubmit={handleSave} className="space-y-6">
+              <div className="space-y-2">
+                <label className="text-sm font-black uppercase text-slate-500 tracking-widest flex items-center gap-2">
+                  <Command className="h-4 w-4" />
+                  Command Prefix
+                </label>
+                <div className="relative group">
+                  <Input 
+                    value={prefix}
+                    onChange={(e) => setPrefix(e.target.value)}
+                    placeholder="e.g. !, ?, >>"
+                    maxLength={10}
+                    className="text-lg font-bold pr-20 py-7"
+                  />
+                  <div className="absolute right-4 top-1/2 -translate-y-1/2 text-xs font-mono text-slate-600 group-focus-within:text-primary transition-colors">
+                    {prefix.length}/10
+                  </div>
+                </div>
+                <p className="text-xs text-slate-500 italic">This character triggers bot commands (e.g. {prefix || ">"}help)</p>
+              </div>
+
+              <Button 
+                type="submit" 
+                disabled={saving || !prefix}
+                className="w-full h-14 text-base font-bold gap-2 shadow-primary/20"
+              >
+                {saving ? <RefreshCcw className="h-5 w-5 animate-spin" /> : <Save className="h-5 w-5" />}
+                {saving ? "Saving Changes..." : "Save Configuration"}
+              </Button>
+            </form>
+          </div>
+          
+          <div className="bg-slate-800/30 px-8 py-4 border-t border-slate-800 flex items-center justify-between">
+             <span className="text-xs text-slate-500 font-medium">Last synced: Just now</span>
+             <button className="text-xs text-primary hover:underline font-bold">Refresh Cache</button>
+          </div>
+        </div>
+      </div>
+
+      <div className="space-y-6">
+        <div className="bg-[#141B2D] border border-slate-800 rounded-3xl p-6 relative overflow-hidden group">
+          <div className="absolute -right-4 -top-4 opacity-[0.03] group-hover:scale-110 transition-transform">
+            <Info className="h-32 w-32 text-white" />
+          </div>
+          <h3 className="text-sm font-black uppercase text-slate-500 tracking-widest mb-4 flex items-center gap-2">
+            <Info className="h-4 w-4" />
+            Information
+          </h3>
+          <div className="space-y-4 text-sm leading-relaxed text-slate-400">
+            <p>The <span className="text-white font-bold italic">Prefix</span> is a unique identifier that tells the bot to process text as a command.</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/dashboard/components/dashboard/tickets-form.tsx b/dashboard/components/dashboard/tickets-form.tsx
new file mode 100644
index 0000000..af5aa8d
--- /dev/null
+++ b/dashboard/components/dashboard/tickets-form.tsx
@@ -0,0 +1,459 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client";
+
+import React, { useState } from "react";
+import { 
+  Plus, 
+  ExternalLink,
+  Mail,
+  Zap,
+  Tag,
+  X,
+  Save,
+  Trash2,
+  Settings2,
+  Edit3,
+  RefreshCcw,
+  MessageSquare,
+  Hash,
+  Shield
+} from "lucide-react";
+import { toast } from "sonner";
+import { api } from "@/lib/api";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Textarea } from "@/components/ui/textarea";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
+import { TicketConfig, TicketCategory, TicketEmbed } from "@/types/api";
+
+interface TicketsFormProps {
+  initialConfig: TicketConfig;
+  guildId: string;
+}
+
+export function TicketsForm({ initialConfig, guildId }: TicketsFormProps) {
+  const [config, setConfig] = useState<TicketConfig>(initialConfig);
+  const [saving, setSaving] = useState(false);
+  const [editingCategory, setEditingCategory] = useState<{index: number, data: TicketCategory} | null>(null);
+  const [editingEmbed, setEditingEmbed] = useState<TicketEmbed | null>(null);
+  const [isAdding, setIsAdding] = useState(false);
+
+  async function fetchUpdatedConfig() {
+    try {
+      const data = await api.getTickets(guildId);
+      setConfig(data);
+    } catch (err) {
+      console.error("Failed to fetch ticket config:", err);
+    }
+  }
+
+  const handleUpdate = async (updateData: any) => {
+    setSaving(true);
+    const promise = api.updateTickets(guildId, updateData);
+
+    toast.promise(promise, {
+      loading: 'Updating ticket settings...',
+      success: 'Settings updated successfully',
+      error: 'Failed to update settings',
+    });
+
+    try {
+      await promise;
+      await fetchUpdatedConfig();
+      setIsAdding(false);
+      setEditingCategory(null);
+      setEditingEmbed(null);
+    } catch (err) {
+      console.error("Failed to update settings:", err);
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const handleAddCategory = () => {
+    setEditingCategory({ 
+      index: -1, 
+      data: { name: "", emoji: "📩", staff_roles: [], button_style: 2, discord_category_id: "" } 
+    });
+    setIsAdding(true);
+  };
+
+  const handleRemoveCategory = (index: number) => {
+    const newCategories = [...config.categories];
+    newCategories.splice(index, 1);
+    handleUpdate({ categories: newCategories });
+  };
+
+  const handleSaveCategory = () => {
+    if (!editingCategory) return;
+    const newCategories = [...config.categories];
+    if (isAdding) {
+      newCategories.push(editingCategory.data);
+    } else {
+      newCategories[editingCategory.index] = editingCategory.data;
+    }
+    handleUpdate({ categories: newCategories });
+  };
+
+  const handleSaveEmbed = () => {
+    if (!editingEmbed) return;
+    handleUpdate({
+      embed_title: editingEmbed.title,
+      embed_description: editingEmbed.description,
+      embed_color: editingEmbed.color,
+      embed_image_url: editingEmbed.image_url,
+      embed_thumbnail_url: editingEmbed.thumbnail_url
+    });
+  };
+
+  const handleSaveGlobal = () => {
+    handleUpdate({
+      panel_channel: config.panel_channel,
+      logging_channel: config.logging_channel,
+      closed_category: config.closed_category,
+      panel_type: config.panel_type,
+      staff_roles: config.staff_roles
+    });
+  };
+
+  return (
+    <>
+      {/* Category Editor Modal */}
+      {editingCategory && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm animate-in fade-in duration-200">
+           <div className="bg-[#141B2D] border border-slate-800 rounded-3xl w-full max-w-lg shadow-2xl overflow-hidden animate-in zoom-in-95 duration-200">
+              <div className="p-6 border-b border-slate-800 flex items-center justify-between bg-slate-900/50">
+                <h3 className="font-bold text-lg text-white flex items-center gap-2">
+                   {isAdding ? <Plus className="h-5 w-5 text-primary" /> : <Edit3 className="h-5 w-5 text-primary" />}
+                   {isAdding ? "Add Category" : "Edit Category"}
+                </h3>
+                <button onClick={() => setEditingCategory(null)} className="text-slate-500 hover:text-white transition-colors">
+                   <X className="h-5 w-5" />
+                </button>
+              </div>
+              <div className="p-8 space-y-6">
+                <div className="space-y-2">
+                   <label className="text-xs font-black uppercase text-slate-500 tracking-widest">Category Name</label>
+                   <Input 
+                      value={editingCategory.data.name} 
+                      onChange={(e) => setEditingCategory({...editingCategory, data: {...editingCategory.data, name: e.target.value}})}
+                      placeholder="e.g. Bug Reports"
+                   />
+                </div>
+                <div className="grid grid-cols-2 gap-4">
+                  <div className="space-y-2">
+                    <label className="text-xs font-black uppercase text-slate-500 tracking-widest">Emoji Icon</label>
+                    <Input 
+                        value={editingCategory.data.emoji || ""} 
+                        onChange={(e) => setEditingCategory({...editingCategory, data: {...editingCategory.data, emoji: e.target.value}})}
+                        placeholder="e.g. 🐛"
+                    />
+                  </div>
+                  <div className="space-y-2">
+                    <label className="text-xs font-black uppercase text-slate-500 tracking-widest">Staff Roles (IDs)</label>
+                    <Input 
+                        value={editingCategory.data.staff_roles.join(", ")} 
+                        onChange={(e) => {
+                          const roles = e.target.value.split(",").map(id => id.trim()).filter(id => id && !isNaN(Number(id))).map(Number);
+                          setEditingCategory({
+                            ...editingCategory, 
+                            data: { ...editingCategory.data, staff_roles: roles }
+                          })
+                        }}
+                        placeholder="ID1, ID2..."
+                    />
+                  </div>
+                </div>
+
+                <div className="grid grid-cols-2 gap-4">
+                  <div className="space-y-2">
+                    <label className="text-xs font-black uppercase text-slate-500 tracking-widest">Button Style</label>
+                    <Select 
+                      value={String(editingCategory.data.button_style || 2)}
+                      onValueChange={(val) => setEditingCategory({
+                        ...editingCategory,
+                        data: { ...editingCategory.data, button_style: parseInt(val) }
+                      })}
+                    >
+                      <SelectTrigger className="bg-slate-900/50 border-slate-800">
+                        <SelectValue placeholder="Select Style" />
+                      </SelectTrigger>
+                      <SelectContent className="bg-slate-900 border-slate-800">
+                        <SelectItem value="2">Blurple</SelectItem>
+                        <SelectItem value="1">Grey</SelectItem>
+                        <SelectItem value="3">Green</SelectItem>
+                        <SelectItem value="4">Red</SelectItem>
+                      </SelectContent>
+                    </Select>
+                  </div>
+                  <div className="space-y-2">
+                    <label className="text-xs font-black uppercase text-slate-500 tracking-widest">Discord Category ID</label>
+                    <Input 
+                        value={editingCategory.data.discord_category_id || ""} 
+                        onChange={(e) => setEditingCategory({
+                          ...editingCategory, 
+                          data: { ...editingCategory.data, discord_category_id: e.target.value }
+                        })}
+                        placeholder="Created tickets go here"
+                    />
+                  </div>
+                </div>
+                
+                <div className="pt-4 flex gap-3">
+                   <Button variant="outline" className="flex-1" onClick={() => setEditingCategory(null)}>Cancel</Button>
+                   <Button className="flex-1 gap-2" onClick={handleSaveCategory} disabled={saving || !editingCategory.data.name}>
+                     {saving ? <RefreshCcw className="h-4 w-4 animate-spin" /> : <Save className="h-4 w-4" />}
+                     Save Category
+                   </Button>
+                </div>
+              </div>
+           </div>
+        </div>
+      )}
+
+      {/* Embed Appearance Editor Modal */}
+      {editingEmbed && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm animate-in fade-in duration-200">
+           <div className="bg-[#141B2D] border border-slate-800 rounded-3xl w-full max-w-xl shadow-2xl overflow-hidden animate-in zoom-in-95 duration-200">
+              <div className="p-6 border-b border-slate-800 flex items-center justify-between bg-slate-900/50">
+                <h3 className="font-bold text-lg text-white flex items-center gap-2">
+                   <Edit3 className="h-5 w-5 text-primary" />
+                   Customize Panel Appearance
+                </h3>
+                <button onClick={() => setEditingEmbed(null)} className="text-slate-500 hover:text-white transition-colors">
+                   <X className="h-5 w-5" />
+                </button>
+              </div>
+              <div className="p-8 space-y-6 max-h-[70vh] overflow-y-auto custom-scrollbar">
+                <div className="space-y-2">
+                   <label className="text-xs font-black uppercase text-slate-500 tracking-widest">Embed Title</label>
+                   <Input 
+                      value={editingEmbed.title || ""} 
+                      onChange={(e) => setEditingEmbed({...editingEmbed, title: e.target.value})}
+                      placeholder="e.g. Support Department"
+                   />
+                </div>
+                <div className="space-y-2">
+                   <label className="text-xs font-black uppercase text-slate-500 tracking-widest">Embed Description</label>
+                   <Textarea 
+                      value={editingEmbed.description || ""} 
+                      onChange={(e) => setEditingEmbed({...editingEmbed, description: e.target.value})}
+                      placeholder="Open a ticket below to talk to our staff..."
+                      className="h-24"
+                   />
+                </div>
+                <div className="grid grid-cols-2 gap-4">
+                  <div className="space-y-2">
+                    <label className="text-xs font-black uppercase text-slate-500 tracking-widest">Color (Decimal)</label>
+                    <Input 
+                        value={editingEmbed.color || ""} 
+                        onChange={(e) => setEditingEmbed({...editingEmbed, color: e.target.value ? parseInt(e.target.value) : null})}
+                        placeholder="e.g. 16711680 for Red"
+                    />
+                  </div>
+                  <div className="space-y-2">
+                    <label className="text-xs font-black uppercase text-slate-500 tracking-widest">Thumbnail URL</label>
+                    <Input 
+                        value={editingEmbed.thumbnail_url || ""} 
+                        onChange={(e) => setEditingEmbed({...editingEmbed, thumbnail_url: e.target.value})}
+                        placeholder="Small top-right image"
+                    />
+                  </div>
+                </div>
+                <div className="space-y-2">
+                   <label className="text-xs font-black uppercase text-slate-500 tracking-widest">Main Image URL</label>
+                   <Input 
+                      value={editingEmbed.image_url || ""} 
+                      onChange={(e) => setEditingEmbed({...editingEmbed, image_url: e.target.value})}
+                      placeholder="Large bottom image"
+                   />
+                </div>
+                
+                <div className="pt-4 flex gap-3">
+                   <Button variant="outline" className="flex-1" onClick={() => setEditingEmbed(null)}>Cancel</Button>
+                   <Button className="flex-1 gap-2" onClick={handleSaveEmbed} disabled={saving}>
+                     {saving ? <RefreshCcw className="h-4 w-4 animate-spin" /> : <Save className="h-4 w-4" />}
+                     Save Appearance
+                   </Button>
+                </div>
+              </div>
+           </div>
+        </div>
+      )}
+
+      {/* Main Grid */}
+      <div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
+        {/* Left Column: Stats & Setup */}
+        <div className="lg:col-span-2 space-y-6">
+          <div className="bg-[#141B2D] border border-slate-800 rounded-3xl p-8 shadow-xl space-y-8">
+            <div className="flex items-center gap-3">
+              <div className="p-2.5 rounded-xl bg-primary/10 text-primary"><Settings2 className="h-5 w-5" /></div>
+              <h3 className="text-xl font-bold text-white">Global Configuration</h3>
+            </div>
+
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+              <div className="space-y-2">
+                <label className="text-xs font-black uppercase text-slate-500 tracking-widest">Panel Channel ID</label>
+                <Input 
+                  value={config.panel_channel || ""} 
+                  onChange={(e) => setConfig({...config, panel_channel: e.target.value})}
+                  placeholder="Where the ticket panel lives"
+                />
+              </div>
+              <div className="space-y-2">
+                <label className="text-xs font-black uppercase text-slate-500 tracking-widest">Logging Channel ID</label>
+                <Input 
+                  value={config.logging_channel || ""} 
+                  onChange={(e) => setConfig({...config, logging_channel: e.target.value})}
+                  placeholder="Where transcripts go"
+                />
+              </div>
+              <div className="space-y-2">
+                <label className="text-xs font-black uppercase text-slate-500 tracking-widest">Closed Tickets Category ID</label>
+                <Input 
+                  value={config.closed_category || ""} 
+                  onChange={(e) => setConfig({...config, closed_category: e.target.value})}
+                  placeholder="Archive closed tickets here"
+                />
+              </div>
+              <div className="space-y-2">
+                <label className="text-xs font-black uppercase text-slate-500 tracking-widest">Panel Interaction Type</label>
+                <Select 
+                  value={config.panel_type || "button"}
+                  onValueChange={(val) => setConfig({...config, panel_type: val})}
+                >
+                  <SelectTrigger className="bg-slate-900/50 border-slate-800">
+                    <SelectValue placeholder="Select Type" />
+                  </SelectTrigger>
+                  <SelectContent className="bg-slate-900 border-slate-800">
+                    <SelectItem value="button">Buttons</SelectItem>
+                    <SelectItem value="dropdown">Dropdown Menu</SelectItem>
+                  </SelectContent>
+                </Select>
+              </div>
+              <div className="space-y-2 md:col-span-2">
+                <label className="text-xs font-black uppercase text-slate-500 tracking-widest">Global Staff Role IDs</label>
+                <Input 
+                  value={config.staff_roles.join(", ")} 
+                  onChange={(e) => {
+                    const roles = e.target.value.split(",").map(id => id.trim()).filter(id => id && !isNaN(Number(id))).map(Number);
+                    setConfig({...config, staff_roles: roles})
+                  }}
+                  placeholder="ID1, ID2... These roles can see all tickets"
+                />
+              </div>
+            </div>
+
+            <Button onClick={handleSaveGlobal} disabled={saving} className="w-full gap-2" variant="secondary">
+              {saving ? <RefreshCcw className="h-4 w-4 animate-spin" /> : <Save className="h-4 w-4" />}
+              Save Core Settings
+            </Button>
+          </div>
+
+          {/* Categories Section */}
+          <section className="bg-[#141B2D] border border-slate-800 rounded-3xl overflow-hidden shadow-xl">
+            <div className="p-6 border-b border-slate-800 flex items-center justify-between bg-slate-900/20">
+              <div className="flex items-center gap-2">
+                <Tag className="h-5 w-5 text-primary" />
+                <h3 className="font-bold text-white">Ticket Categories</h3>
+              </div>
+              <Button size="sm" variant="outline" className="h-8 gap-1 text-xs border-primary/20 text-primary hover:bg-primary/10" onClick={handleAddCategory}>
+                 <Plus className="h-3 w-3" />
+                 Add New
+              </Button>
+            </div>
+            <div className="p-6">
+              <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
+                {config.categories.map((cat, i) => (
+                  <div key={i} className="flex items-center justify-between p-4 bg-slate-900/50 rounded-2xl border border-white/5 hover:border-primary/30 transition-all group">
+                    <div className="flex items-center gap-3">
+                      <div className="h-10 w-10 rounded-xl bg-slate-800 flex items-center justify-center text-xl shadow-inner">
+                        {cat.emoji || '📩'}
+                      </div>
+                      <div className="flex flex-col">
+                        <span className="text-sm font-bold text-slate-200 group-hover:text-white transition-colors">{cat.name}</span>
+                        <span className="text-[10px] text-slate-500 flex items-center gap-1 font-mono">
+                          <Shield className="h-2 w-2" />
+                          {cat.staff_roles && cat.staff_roles.length > 0 ? `${cat.staff_roles.length} Staff Roles` : 'Global Staff'}
+                        </span>
+                      </div>
+                    </div>
+                    <div className="flex items-center gap-1 opacity-100 sm:opacity-0 group-hover:opacity-100 transition-opacity">
+                       <button onClick={() => {
+                         setEditingCategory({index: i, data: {...cat}});
+                         setIsAdding(false);
+                       }} className="p-2 hover:bg-slate-800 rounded-lg text-slate-400 hover:text-primary transition-colors">
+                         <Settings2 className="h-4 w-4" />
+                       </button>
+                       <button onClick={() => handleRemoveCategory(i)} className="p-2 hover:bg-red-500/10 rounded-lg text-slate-400 hover:text-red-500 transition-colors">
+                         <Trash2 className="h-4 w-4" />
+                       </button>
+                    </div>
+                  </div>
+                ))}
+              </div>
+            </div>
+          </section>
+        </div>
+
+        {/* Right Column: Stats & Configuration */}
+        <div className="space-y-6">
+          <div className="bg-[#141B2D] border border-slate-800 p-6 rounded-3xl group shadow-lg">
+              <div className="flex items-center justify-between mb-4">
+                  <div className="p-3 bg-primary/10 rounded-2xl text-primary group-hover:scale-110 transition-transform">
+                    <MessageSquare className="h-6 w-6" />
+                  </div>
+                  <div className="h-2 w-2 rounded-full bg-primary shadow-[0_0_10px_rgba(88,101,242,0.5)]" />
+              </div>
+              <p className="text-sm font-medium text-slate-500">Currently Open</p>
+              <h3 className="text-3xl font-black text-white mt-1">{config.open_ticket_count} Tickets</h3>
+          </div>
+
+          <section className="bg-gradient-to-br from-primary/10 to-transparent border border-primary/20 rounded-3xl p-6 relative overflow-hidden group">
+            <div className="absolute -right-4 -top-4 opacity-[0.03] group-hover:scale-110 transition-transform">
+              <Mail className="h-32 w-32 text-white" />
+            </div>
+            <div className="flex items-center gap-2 mb-4">
+              <Zap className="h-5 w-5 text-primary" />
+              <h3 className="font-bold text-white">Panel Appearance</h3>
+            </div>
+            <div className="space-y-3 relative z-10">
+               <div className="p-3 bg-black/20 rounded-xl border border-white/5">
+                  <p className="text-[10px] uppercase font-bold text-slate-500 mb-1">Title</p>
+                  <p className="text-sm text-slate-200 font-medium truncate">{config.embed.title || 'Support Department'}</p>
+               </div>
+               <div className="p-3 bg-black/20 rounded-xl border border-white/5">
+                  <p className="text-[10px] uppercase font-bold text-slate-500 mb-1">Description</p>
+                  <p className="text-xs text-slate-400 line-clamp-2 leading-relaxed">
+                    {config.embed.description || 'Open a ticket below to talk to our staff.'}
+                  </p>
+               </div>
+            </div>
+            <Button 
+              variant="secondary" 
+              className="w-full mt-6 py-5 text-xs font-bold uppercase tracking-wider"
+              onClick={() => setEditingEmbed({...config.embed})}
+            >
+              Edit Appearance
+            </Button>
+          </section>
+        </div>
+      </div>
+    </>
+  );
+}
diff --git a/dashboard/components/dashboard/vanityrole-form.tsx b/dashboard/components/dashboard/vanityrole-form.tsx
new file mode 100644
index 0000000..c8a398f
--- /dev/null
+++ b/dashboard/components/dashboard/vanityrole-form.tsx
@@ -0,0 +1,200 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client";
+
+import React, { useState } from "react";
+import { Link2, Trash2, Plus, RefreshCcw, Save } from "lucide-react";
+import { toast } from "sonner";
+import { api } from "@/lib/api";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
+import { VanityRoleSetup, DiscordChannel } from "@/types/api";
+
+interface VanityRoleFormProps {
+  initialSetups: VanityRoleSetup[];
+  channels: DiscordChannel[];
+  roles: any[];
+  guildId: string;
+}
+
+export function VanityRoleForm({ initialSetups, channels, roles, guildId }: VanityRoleFormProps) {
+  const [setups, setSetups] = useState<VanityRoleSetup[]>(initialSetups);
+  const [saving, setSaving] = useState(false);
+  
+  const textChannels = channels.filter(c => c.type === "0" || c.type === "text" || !c.type); // ensure text channels
+
+  const [newVanity, setNewVanity] = useState("");
+  const [newRole, setNewRole] = useState<string | null>(null);
+  const [newChannel, setNewChannel] = useState<string | null>(null);
+
+  const handleCreate = async () => {
+    if (!newVanity || !newRole || !newChannel) {
+      toast.error("Please fill in all fields (vanity, role, channel).");
+      return;
+    }
+
+    setSaving(true);
+    try {
+      await api.addVanityRole(guildId, {
+        vanity: newVanity,
+        role_id: newRole,
+        log_channel_id: newChannel
+      });
+      setSetups([...setups, { vanity: newVanity, role_id: newRole, log_channel_id: newChannel }]);
+      setNewVanity("");
+      setNewRole(null);
+      setNewChannel(null);
+      toast.success("Vanity role setup added!");
+    } catch (err) {
+      toast.error("Failed to add vanity role setup.");
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const handleDelete = async (vanity: string) => {
+    setSaving(true);
+    try {
+      await api.deleteVanityRole(guildId, vanity);
+      setSetups(setups.filter(s => s.vanity !== vanity));
+      toast.success("Vanity role setup deleted.");
+    } catch (err) {
+      toast.error("Failed to delete vanity role setup.");
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  return (
+    <div className="space-y-8">
+      
+      {/* List Existing Ones */}
+      <div className="bg-[#141B2D] border border-slate-800 rounded-3xl shadow-xl p-8">
+        <h3 className="text-xl font-bold text-white mb-6">Active Vanity Roles</h3>
+        
+        {setups.length === 0 ? (
+          <div className="flex flex-col items-center justify-center py-10 text-slate-500">
+            <Link2 className="h-12 w-12 mb-4 opacity-50 bg-slate-800 p-2 rounded-xl" />
+            <p>No vanity roles configured yet.</p>
+          </div>
+        ) : (
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+            {setups.map((setup, idx) => {
+              const r = roles.find(ro => ro.id.toString() === setup.role_id?.toString());
+              const c = channels.find(ch => ch.id.toString() === setup.log_channel_id?.toString());
+              return (
+                <div key={idx} className="bg-slate-900/50 p-6 rounded-2xl border border-slate-800 relative group">
+                  <div className="flex items-center justify-between mb-4">
+                    <h4 className="font-bold text-lg text-primary">{setup.vanity}</h4>
+                    <Button 
+                      variant="destructive" 
+                      size="icon" 
+                      onClick={() => handleDelete(setup.vanity)}
+                      disabled={saving}
+                      className="opacity-0 group-hover:opacity-100 transition-opacity"
+                    >
+                      <Trash2 className="h-4 w-4" />
+                    </Button>
+                  </div>
+                  <div className="space-y-2 text-sm">
+                    <div className="flex items-center gap-2">
+                      <span className="text-slate-400">Role:</span>
+                      <span className="text-white font-medium">
+                        {r ? r.name : setup.role_id}
+                      </span>
+                    </div>
+                    <div className="flex items-center gap-2">
+                      <span className="text-slate-400">Log Channel:</span>
+                      <span className="text-white font-medium">
+                        {c ? `#${c.name}` : setup.log_channel_id}
+                      </span>
+                    </div>
+                  </div>
+                </div>
+              );
+            })}
+          </div>
+        )}
+      </div>
+
+      {/* Add New Setup */}
+      <div className="bg-[#141B2D] border border-slate-800 rounded-3xl shadow-xl p-8">
+        <h3 className="text-xl font-bold text-white mb-6">Add New Vanity Role</h3>
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+          <div className="space-y-3">
+            <label className="text-sm font-bold text-slate-300">Vanity Code</label>
+            <Input 
+              value={newVanity}
+              onChange={(e) => setNewVanity(e.target.value)}
+              placeholder="e.g. zyx"
+              className="h-12 bg-slate-900 border-slate-800"
+            />
+          </div>
+          
+          <div className="space-y-3">
+            <label className="text-sm font-bold text-slate-300">Reward Role</label>
+            <Select
+              value={newRole || ""}
+              onValueChange={(val) => setNewRole(val)}
+            >
+              <SelectTrigger className="w-full h-12 bg-slate-900 border-slate-800 text-left">
+                <SelectValue placeholder="Select a role..." />
+              </SelectTrigger>
+              <SelectContent className="bg-slate-900 border-slate-800">
+                {roles.map((r) => (
+                  <SelectItem key={r.id} value={r.id.toString()} className="focus:bg-slate-800">
+                    {r.name}
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+          </div>
+
+          <div className="space-y-3">
+            <label className="text-sm font-bold text-slate-300">Log Channel</label>
+            <Select
+              value={newChannel || ""}
+              onValueChange={(val) => setNewChannel(val)}
+            >
+              <SelectTrigger className="w-full h-12 bg-slate-900 border-slate-800 text-left">
+                <SelectValue placeholder="Select log channel..." />
+              </SelectTrigger>
+              <SelectContent className="bg-slate-900 border-slate-800">
+                {textChannels.map((c) => (
+                  <SelectItem key={c.id} value={c.id.toString()} className="focus:bg-slate-800">
+                    # {c.name}
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+          </div>
+        </div>
+
+        <Button 
+          onClick={handleCreate}
+          disabled={saving}
+          className="w-full h-14 mt-8 font-bold gap-2 text-base"
+        >
+          {saving ? <RefreshCcw className="h-5 w-5 animate-spin" /> : <Plus className="h-5 w-5" />}
+          Add Vanity Configuration
+        </Button>
+      </div>
+
+    </div>
+  );
+}
diff --git a/dashboard/components/dashboard/verification-form.tsx b/dashboard/components/dashboard/verification-form.tsx
new file mode 100644
index 0000000..01f9bc5
--- /dev/null
+++ b/dashboard/components/dashboard/verification-form.tsx
@@ -0,0 +1,217 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client";
+
+import React, { useState } from "react";
+import { ShieldCheck, RefreshCcw, Save, Hash, Settings, User } from "lucide-react";
+import { toast } from "sonner";
+import { api } from "@/lib/api";
+import { Button } from "@/components/ui/button";
+import { Switch } from "@/components/ui/switch";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
+import { VerificationConfig, DiscordChannel } from "@/types/api";
+
+interface VerificationFormProps {
+  initialConfig: VerificationConfig;
+  channels: DiscordChannel[];
+  roles: any[]; // We don't have a rigid Role interface but they have id, name.
+  guildId: string;
+}
+
+export function VerificationForm({ initialConfig, channels, roles, guildId }: VerificationFormProps) {
+  const [config, setConfig] = useState<VerificationConfig>(initialConfig);
+  const [saving, setSaving] = useState(false);
+
+  const textChannels = channels.filter((c) => c.type === "0");
+
+  const handleSave = async () => {
+    setSaving(true);
+    const promise = api.updateVerification(guildId, config);
+
+    toast.promise(promise, {
+      loading: 'Saving Verification configuration...',
+      success: 'Verification settings saved successfully!',
+      error: 'Failed to update Verification config',
+    });
+
+    try {
+      await promise;
+    } catch (err: any) {
+      console.error(err);
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  return (
+    <div className="grid grid-cols-1 lg:grid-cols-4 gap-8">
+      <div className="lg:col-span-3 space-y-6">
+        <div className="bg-[#141B2D] border border-slate-800 rounded-3xl shadow-xl p-8 space-y-8">
+          
+          {/* Main Toggle */}
+          <div className="flex items-center justify-between p-6 bg-slate-900/40 rounded-2xl border border-slate-800">
+            <div>
+              <h3 className="text-lg font-black text-white">Verification System</h3>
+              <p className="text-sm text-slate-400 mt-1">Enable or disable server verification.</p>
+            </div>
+            <Switch 
+              checked={config.enabled} 
+              onCheckedChange={(val) => setConfig({ ...config, enabled: val })}
+              className="scale-125"
+            />
+          </div>
+
+          <div className={`space-y-6 transition-all duration-300 ${!config.enabled && "opacity-50 pointer-events-none"}`}>
+            {/* Channel Setup */}
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+              
+              <div className="space-y-3">
+                <label className="text-sm font-bold text-slate-300 flex items-center gap-2">
+                  <Hash className="h-4 w-4 text-slate-400" />
+                  Verification Channel
+                </label>
+                <Select
+                  value={config.verification_channel_id || "none"}
+                  onValueChange={(val) => setConfig({ ...config, verification_channel_id: val === "none" ? null : val })}
+                >
+                  <SelectTrigger className="w-full h-12 bg-slate-900 border-slate-800 font-medium">
+                    <SelectValue placeholder="Select a channel..." />
+                  </SelectTrigger>
+                  <SelectContent className="bg-slate-900 border-slate-800">
+                    <SelectItem value="none" className="text-slate-400 focus:bg-slate-800">Not Set</SelectItem>
+                    {textChannels.map((c) => (
+                      <SelectItem key={c.id} value={c.id.toString()} className="focus:bg-slate-800">
+                        # {c.name}
+                      </SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+                <p className="text-xs text-slate-500">The channel where verifying users will use the command/buttons.</p>
+              </div>
+
+              <div className="space-y-3">
+                <label className="text-sm font-bold text-slate-300 flex items-center gap-2">
+                  <Hash className="h-4 w-4 text-slate-400" />
+                  Log Channel
+                </label>
+                <Select
+                  value={config.log_channel_id || "none"}
+                  onValueChange={(val) => setConfig({ ...config, log_channel_id: val === "none" ? null : val })}
+                >
+                  <SelectTrigger className="w-full h-12 bg-slate-900 border-slate-800 font-medium">
+                    <SelectValue placeholder="Select log channel..." />
+                  </SelectTrigger>
+                  <SelectContent className="bg-slate-900 border-slate-800">
+                    <SelectItem value="none" className="text-slate-400 focus:bg-slate-800">Not Set</SelectItem>
+                    {textChannels.map((c) => (
+                      <SelectItem key={c.id} value={c.id.toString()} className="focus:bg-slate-800">
+                        # {c.name}
+                      </SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+                <p className="text-xs text-slate-500">Channel to send verification success/fail logs.</p>
+              </div>
+
+            </div>
+
+            {/* Role Setup & Method */}
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+
+              <div className="space-y-3">
+                <label className="text-sm font-bold text-slate-300 flex items-center gap-2">
+                  <User className="h-4 w-4 text-slate-400" />
+                  Verified Role
+                </label>
+                <Select
+                  value={config.verified_role_id || "none"}
+                  onValueChange={(val) => setConfig({ ...config, verified_role_id: val === "none" ? null : val })}
+                >
+                  <SelectTrigger className="w-full h-12 bg-slate-900 border-slate-800 font-medium">
+                    <SelectValue placeholder="Select verified role..." />
+                  </SelectTrigger>
+                  <SelectContent className="bg-slate-900 border-slate-800">
+                    <SelectItem value="none" className="text-slate-400 focus:bg-slate-800">Not Set</SelectItem>
+                    {roles.map((r) => (
+                      <SelectItem key={r.id} value={r.id.toString()} className="focus:bg-slate-800">
+                        <div className="flex items-center gap-2">
+                          <div className="w-3 h-3 rounded-full" style={{ backgroundColor: `#${r.color.toString(16).padStart(6, '0')}` }} />
+                          {r.name}
+                        </div>
+                      </SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+                <p className="text-xs text-slate-500">The role given upon successful verification.</p>
+              </div>
+
+              <div className="space-y-3">
+                <label className="text-sm font-bold text-slate-300 flex items-center gap-2">
+                  <Settings className="h-4 w-4 text-slate-400" />
+                  Verification Method
+                </label>
+                <Select
+                  value={config.verification_method || "both"}
+                  onValueChange={(val) => setConfig({ ...config, verification_method: val })}
+                >
+                  <SelectTrigger className="w-full h-12 bg-slate-900 border-slate-800 font-medium">
+                    <SelectValue placeholder="Select method..." />
+                  </SelectTrigger>
+                  <SelectContent className="bg-slate-900 border-slate-800">
+                    <SelectItem value="captcha" className="focus:bg-slate-800">CAPTCHA Only</SelectItem>
+                    <SelectItem value="button" className="focus:bg-slate-800">Button Click Only</SelectItem>
+                    <SelectItem value="both" className="focus:bg-slate-800">Both Choices Setup</SelectItem>
+                  </SelectContent>
+                </Select>
+                <p className="text-xs text-slate-500">Select how users will be verified.</p>
+              </div>
+
+            </div>
+
+          </div>
+
+          <Button 
+            onClick={handleSave}
+            disabled={saving}
+            className="w-full h-14 text-base font-bold gap-2"
+          >
+            {saving ? <RefreshCcw className="h-5 w-5 animate-spin" /> : <Save className="h-5 w-5" />}
+            Save Configuration
+          </Button>
+        </div>
+      </div>
+
+      <div className="space-y-6">
+        <div className="bg-gradient-to-br from-primary/10 to-transparent border border-primary/20 rounded-3xl p-6 relative overflow-hidden group">
+          <div className="absolute -right-4 -top-4 opacity-[0.03] group-hover:scale-110 transition-transform">
+            <ShieldCheck className="h-32 w-32 text-primary" />
+          </div>
+          <h3 className="text-sm font-bold text-primary mb-2">How It Works</h3>
+          <p className="text-xs text-slate-400 leading-relaxed mb-4">
+            Zyrox Verification ensures that no unauthorized bots or malicious users enter your server unverified.
+          </p>
+          <ul className="text-xs text-slate-500 space-y-2">
+             <li>• The bot will create a panel in your Verification Channel.</li>
+             <li>• Unverified members must click "Verify".</li>
+             <li>• Captcha presents a unique image sequence.</li>
+             <li>• Upon success, role is assigned.</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/dashboard/components/dashboard/welcome-form.tsx b/dashboard/components/dashboard/welcome-form.tsx
new file mode 100644
index 0000000..0bebd38
--- /dev/null
+++ b/dashboard/components/dashboard/welcome-form.tsx
@@ -0,0 +1,219 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client";
+
+import React, { useState } from "react";
+import { 
+  Save,
+  MessageSquare,
+  Type,
+  LayoutTemplate,
+  RefreshCcw
+} from "lucide-react";
+import { toast } from "sonner";
+import { api } from "@/lib/api";
+import { Button } from "@/components/ui/button";
+import { Select } from "@/components/ui/select";
+import { WelcomeConfig, DiscordChannel } from "@/types/api";
+
+interface WelcomeFormProps {
+  initialConfig: WelcomeConfig;
+  channels: DiscordChannel[];
+  guildId: string;
+}
+
+export function WelcomeForm({ initialConfig, channels, guildId }: WelcomeFormProps) {
+  const [config, setConfig] = useState<WelcomeConfig>(initialConfig);
+  const [saving, setSaving] = useState(false);
+
+  const handleSave = async () => {
+    setSaving(true);
+    const promise = api.updateWelcome(guildId, config);
+
+    toast.promise(promise, {
+      loading: 'Saving welcome configuration...',
+      success: 'Welcome settings saved successfully!',
+      error: 'Failed to update welcome settings',
+    });
+
+    try {
+      await promise;
+    } catch (err: any) {
+      console.error(err);
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const channelOptions = channels.map(c => ({
+    value: c.id.toString(),
+    label: `#${c.name}`
+  }));
+
+  const typeOptions = [
+    { value: "simple", label: "Simple Text Message" },
+    { value: "embed", label: "Rich Embed Message" }
+  ];
+
+  return (
+    <div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
+      <div className="lg:col-span-2 space-y-6">
+        <div className="bg-[#141B2D] border border-slate-800 rounded-3xl shadow-xl p-8 space-y-6">
+          <div className="space-y-4">
+            <div>
+              <label className="text-xs font-black uppercase text-slate-500 tracking-widest pl-1">Response Type</label>
+              <Select 
+                value={config.welcome_type || "simple"}
+                onValueChange={(val) => setConfig({ ...config, welcome_type: val })}
+                options={typeOptions}
+                className="mt-2"
+              />
+            </div>
+
+            <div>
+              <label className="text-xs font-black uppercase text-slate-500 tracking-widest pl-1">Welcome Channel</label>
+              <Select 
+                value={config.channel_id || ""}
+                onValueChange={(val) => setConfig({ ...config, channel_id: val })}
+                options={channelOptions}
+                placeholder="Select a channel..."
+                className="mt-2"
+              />
+            </div>
+
+            {config.welcome_type === "simple" && (
+              <div>
+                <label className="text-xs font-black uppercase text-slate-500 tracking-widest pl-1">Message Content</label>
+                <textarea 
+                  value={config.welcome_message || ""}
+                  onChange={(e) => setConfig({ ...config, welcome_message: e.target.value })}
+                  placeholder="Welcome {user} to {server_name}!"
+                  className="w-full mt-2 bg-[#0f172a] border border-slate-800 rounded-xl p-4 text-sm focus:outline-none focus:ring-2 focus:ring-primary/50 text-white min-h-[120px]"
+                />
+              </div>
+            )}
+
+            {config.welcome_type === "embed" && (
+              <div className="space-y-4 pt-4 border-t border-slate-800/50">
+                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                  <div>
+                    <label className="text-xs font-black uppercase text-slate-500 tracking-widest pl-1">Embed Title</label>
+                    <input 
+                      type="text"
+                      value={config.embed_data?.title || ""}
+                      onChange={(e) => setConfig({ ...config, embed_data: { ...config.embed_data, title: e.target.value }})}
+                      className="w-full mt-2 bg-[#0f172a] border border-slate-800 rounded-xl px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-primary/50 text-white"
+                      placeholder="Welcome to the server!"
+                    />
+                  </div>
+                  <div>
+                    <label className="text-xs font-black uppercase text-slate-500 tracking-widest pl-1">Embed Color (Hex)</label>
+                    <input 
+                      type="text"
+                      value={config.embed_data?.color || ""}
+                      onChange={(e) => setConfig({ ...config, embed_data: { ...config.embed_data, color: e.target.value }})}
+                      className="w-full mt-2 bg-[#0f172a] border border-slate-800 rounded-xl px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-primary/50 text-white"
+                      placeholder="#3498db"
+                    />
+                  </div>
+                </div>
+                
+                <div>
+                  <label className="text-xs font-black uppercase text-slate-500 tracking-widest pl-1">Embed Description</label>
+                  <textarea 
+                    value={config.embed_data?.description || ""}
+                    onChange={(e) => setConfig({ ...config, embed_data: { ...config.embed_data, description: e.target.value }})}
+                    placeholder="We're glad to have you here, {user}!"
+                    className="w-full mt-2 bg-[#0f172a] border border-slate-800 rounded-xl p-4 text-sm focus:outline-none focus:ring-2 focus:ring-primary/50 text-white min-h-[100px]"
+                  />
+                </div>
+
+                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                  <div>
+                    <label className="text-xs font-black uppercase text-slate-500 tracking-widest pl-1">Thumbnail URL</label>
+                    <input 
+                      type="text"
+                      value={config.embed_data?.thumbnail || ""}
+                      onChange={(e) => setConfig({ ...config, embed_data: { ...config.embed_data, thumbnail: e.target.value }})}
+                      className="w-full mt-2 bg-[#0f172a] border border-slate-800 rounded-xl px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-primary/50 text-white"
+                      placeholder="{user_avatar} or https://..."
+                    />
+                  </div>
+                  <div>
+                    <label className="text-xs font-black uppercase text-slate-500 tracking-widest pl-1">Image URL</label>
+                    <input 
+                      type="text"
+                      value={config.embed_data?.image || ""}
+                      onChange={(e) => setConfig({ ...config, embed_data: { ...config.embed_data, image: e.target.value }})}
+                      className="w-full mt-2 bg-[#0f172a] border border-slate-800 rounded-xl px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-primary/50 text-white"
+                      placeholder="https://..."
+                    />
+                  </div>
+                </div>
+              </div>
+            )}
+          </div>
+
+          <Button 
+            onClick={handleSave}
+            disabled={saving}
+            className="w-full h-14 text-base font-bold gap-2"
+          >
+            {saving ? <RefreshCcw className="h-5 w-5 animate-spin" /> : <Save className="h-5 w-5" />}
+            Save Configuration
+          </Button>
+        </div>
+      </div>
+
+      <div className="space-y-6">
+         <div className="bg-[#141B2D] border border-slate-800 rounded-3xl p-6 shadow-xl">
+            <h3 className="text-sm font-black uppercase text-slate-500 tracking-widest mb-4">Variables</h3>
+            <div className="space-y-2 text-xs text-slate-400 font-mono bg-slate-900/50 p-4 rounded-2xl border border-white/5">
+               <p className="flex justify-between hover:text-white transition-colors"><span>{'{user}'}</span> <span>@Username</span></p>
+               <p className="flex justify-between hover:text-white transition-colors"><span>{'{user_name}'}</span> <span>Username</span></p>
+               <p className="flex justify-between hover:text-white transition-colors"><span>{'{server_name}'}</span> <span>Server Name</span></p>
+               <p className="flex justify-between hover:text-white transition-colors"><span>{'{server_membercount}'}</span> <span>Total Members</span></p>
+               <p className="border-t border-slate-800 my-2 pt-2 flex justify-between hover:text-white transition-colors"><span>{'{user_avatar}'}</span> <span>Avatar Image</span></p>
+               <p className="flex justify-between hover:text-white transition-colors"><span>{'{server_icon}'}</span> <span>Server Logo</span></p>
+            </div>
+            <p className="text-[10px] text-slate-500 italic text-center mt-4">You can use these variables in both message content and embeds to personalize welcomes.</p>
+         </div>
+         
+         <div className="bg-[#141B2D] border border-slate-800 rounded-3xl p-6 shadow-xl">
+            <h3 className="text-sm font-black uppercase text-slate-500 tracking-widest mb-4">Auto Setup</h3>
+            <Button onClick={() => setConfig({
+                ...config,
+                welcome_type: "embed",
+                embed_data: {
+                  ...config.embed_data,
+                  title: "Welcome to {server_name}!",
+                  description: "Hi {user}, we're glad you joined! You are member #{server_membercount}.",
+                  color: "2f3136",
+                  thumbnail: "{user_avatar}"
+                }
+              })} 
+              variant="outline" 
+              className="w-full border-primary/50 hover:bg-primary/20 text-primary"
+            >
+              <LayoutTemplate className="w-4 h-4 mr-2" />
+              Apply Default Template
+            </Button>
+         </div>
+      </div>
+    </div>
+  );
+}
diff --git a/dashboard/components/guild-tabs.tsx b/dashboard/components/guild-tabs.tsx
new file mode 100644
index 0000000..ac8610f
--- /dev/null
+++ b/dashboard/components/guild-tabs.tsx
@@ -0,0 +1,140 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client";
+
+import * as React from "react";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { cn } from "@/lib/utils";
+import { 
+  ShieldCheck, 
+  Ticket, 
+  BarChart4, 
+  FileText, 
+  Settings,
+  Layers,
+  Sword,
+  Activity,
+  SmilePlus,
+  Rocket,
+  Shield,
+  MessageSquare,
+  Sparkles,
+  Link as LinkIcon,
+  Bot,
+  ChevronLeft,
+  ChevronRight,
+  Volume2,
+  Link2,
+  Zap,
+  Mic,
+  Mail
+} from "lucide-react";
+
+interface Tab {
+  name: string;
+  href: string;
+  icon: any;
+}
+
+export function GuildTabs({ guildId }: { guildId: string }) {
+  const pathname = usePathname();
+  const scrollContainerRef = React.useRef<HTMLDivElement>(null);
+
+  const scroll = (direction: "left" | "right") => {
+    if (scrollContainerRef.current) {
+      const scrollAmount = 200;
+      scrollContainerRef.current.scrollBy({
+        left: direction === "left" ? -scrollAmount : scrollAmount,
+        behavior: "smooth",
+      });
+    }
+  };
+
+  const tabs: Tab[] = [
+    { name: "Overview", href: `/dashboard/guild/${guildId}`, icon: Layers },
+    { name: "Anti-Nuke", href: `/dashboard/guild/${guildId}/antinuke`, icon: Sword },
+    { name: "Automod", href: `/dashboard/guild/${guildId}/automod`, icon: ShieldCheck },
+    { name: "Tickets", href: `/dashboard/guild/${guildId}/tickets`, icon: Ticket },
+    { name: "Verification", href: `/dashboard/guild/${guildId}/verification`, icon: Shield },
+    { name: "Welcome", href: `/dashboard/guild/${guildId}/welcome`, icon: SmilePlus },
+    { name: "Invites", href: `/dashboard/guild/${guildId}/invites`, icon: LinkIcon },
+    { name: "Auto Role", href: `/dashboard/guild/${guildId}/autorole`, icon: Bot },
+    { name: "Reaction Roles", href: `/dashboard/guild/${guildId}/reactionroles`, icon: Activity },
+    { name: "Join to Create", href: `/dashboard/guild/${guildId}/j2c`, icon: Mic },
+    { name: "Voice Role", href: `/dashboard/guild/${guildId}/invcrole`, icon: Volume2 },
+    { name: "Vanity Roles", href: `/dashboard/guild/${guildId}/vanityroles`, icon: Link2 },
+    { name: "Auto React", href: `/dashboard/guild/${guildId}/autoreact`, icon: Zap },
+    { name: "Custom Roles", href: `/dashboard/guild/${guildId}/customroles`, icon: Sparkles },
+    { name: "Join DM", href: `/dashboard/guild/${guildId}/joindm`, icon: Mail },
+    { name: "Leveling", href: `/dashboard/guild/${guildId}/leveling`, icon: BarChart4 },
+    { name: "Logging", href: `/dashboard/guild/${guildId}/logging`, icon: FileText },
+    { name: "Settings", href: `/dashboard/guild/${guildId}/settings`, icon: Settings },
+  ].filter(tab => tab.href); // Filter out any undefined hrefs
+
+  return (
+    <div className="relative group/tabs flex items-center w-full mb-8 sticky top-[64px] z-20 transition-all duration-300">
+      {/* Scroll Arrows */}
+      <button 
+        onClick={() => scroll("left")}
+        className="absolute left-[-16px] z-30 p-2 rounded-full bg-slate-800 border border-slate-700 text-white shadow-xl opacity-0 group-hover/tabs:opacity-100 transition-opacity hover:bg-primary"
+      >
+        <ChevronLeft className="h-4 w-4" />
+      </button>
+
+      {/* Left Fade */}
+      <div className="absolute left-0 top-0 bottom-0 w-16 bg-gradient-to-r from-[#0f172a] to-transparent z-10 pointer-events-none opacity-0 group-hover/tabs:opacity-100 transition-opacity" />
+      
+      <div 
+        ref={scrollContainerRef}
+        className="flex gap-2 p-1.5 bg-[#141B2D]/40 border border-slate-800/40 rounded-[20px] overflow-x-auto no-scrollbar w-full scroll-smooth shadow-2xl shadow-black/20"
+      >
+        {tabs.map((tab) => {
+          const isActive = pathname === tab.href;
+          return (
+            <Link
+              key={tab.name}
+              href={tab.href}
+              className="shrink-0"
+            >
+              <div className={cn(
+                "flex items-center gap-2.5 px-6 py-2.5 rounded-[14px] text-[11px] font-black uppercase tracking-wider transition-all duration-500 whitespace-nowrap",
+                "hover:bg-slate-800/60 hover:text-white",
+                isActive 
+                  ? "bg-primary text-white shadow-lg shadow-primary/30 ring-1 ring-white/10" 
+                  : "text-slate-400 bg-slate-900/40 border border-slate-800/30 hover:border-slate-700/50"
+              )}>
+                <tab.icon className={cn("h-3.5 w-3.5", isActive ? "animate-pulse" : "opacity-50")} />
+                {tab.name}
+              </div>
+            </Link>
+          );
+        })}
+      </div>
+
+      {/* Right Fade */}
+      <div className="absolute right-0 top-0 bottom-0 w-16 bg-gradient-to-l from-[#0f172a] to-transparent z-10 pointer-events-none opacity-0 group-hover/tabs:opacity-100 transition-opacity" />
+
+      <button 
+        onClick={() => scroll("right")}
+        className="absolute right-[-16px] z-30 p-2 rounded-full bg-slate-800 border border-slate-700 text-white shadow-xl opacity-0 group-hover/tabs:opacity-100 transition-opacity hover:bg-primary"
+      >
+        <ChevronRight className="h-4 w-4" />
+      </button>
+    </div>
+  );
+}
diff --git a/dashboard/components/ui/button.tsx b/dashboard/components/ui/button.tsx
new file mode 100644
index 0000000..8204774
--- /dev/null
+++ b/dashboard/components/ui/button.tsx
@@ -0,0 +1,71 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+import { cn } from "@/lib/utils"
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center whitespace-nowrap rounded-xl text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 active:scale-95",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-white hover:bg-primary-hover shadow-lg shadow-primary/20",
+        destructive:
+          "bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-lg shadow-destructive/20",
+        outline:
+          "border border-slate-700 bg-transparent hover:bg-slate-800 hover:text-white hover:border-slate-600",
+        secondary:
+          "bg-slate-800 text-slate-200 hover:bg-slate-700 hover:text-white",
+        ghost: "hover:bg-slate-800 hover:text-white",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+      size: {
+        default: "h-11 px-6 py-2",
+        sm: "h-9 rounded-lg px-3",
+        lg: "h-12 rounded-2xl px-8",
+        icon: "h-11 w-11",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+export interface ButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+    VariantProps<typeof buttonVariants> {
+  asChild?: boolean
+}
+
+const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button"
+    return (
+      <Comp
+        className={cn(buttonVariants({ variant, size, className }))}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+Button.displayName = "Button"
+
+export { Button, buttonVariants }
diff --git a/dashboard/components/ui/card.tsx b/dashboard/components/ui/card.tsx
new file mode 100644
index 0000000..ae471d0
--- /dev/null
+++ b/dashboard/components/ui/card.tsx
@@ -0,0 +1,94 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import * as React from "react"
+import { cn } from "@/lib/utils"
+
+const Card = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn(
+      "rounded-3xl border border-slate-800 bg-[#141B2D] text-white shadow-xl shadow-black/20",
+      className
+    )}
+    {...props}
+  />
+))
+Card.displayName = "Card"
+
+const CardHeader = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex flex-col space-y-1.5 p-6", className)}
+    {...props}
+  />
+))
+CardHeader.displayName = "CardHeader"
+
+const CardTitle = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLHeadingElement>
+>(({ className, ...props }, ref) => (
+  <h3
+    ref={ref}
+    className={cn(
+      "text-xl font-bold text-white tracking-tight",
+      className
+    )}
+    {...props}
+  />
+))
+CardTitle.displayName = "CardTitle"
+
+const CardDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => (
+  <p
+    ref={ref}
+    className={cn("text-sm text-slate-400", className)}
+    {...props}
+  />
+))
+CardDescription.displayName = "CardDescription"
+
+const CardContent = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
+))
+CardContent.displayName = "CardContent"
+
+const CardFooter = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex items-center p-6 pt-0", className)}
+    {...props}
+  />
+))
+CardFooter.displayName = "CardFooter"
+
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
diff --git a/dashboard/components/ui/input.tsx b/dashboard/components/ui/input.tsx
new file mode 100644
index 0000000..5414f23
--- /dev/null
+++ b/dashboard/components/ui/input.tsx
@@ -0,0 +1,40 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import * as React from "react"
+import { cn } from "@/lib/utils"
+
+export interface InputProps
+  extends React.InputHTMLAttributes<HTMLInputElement> {}
+
+const Input = React.forwardRef<HTMLInputElement, InputProps>(
+  ({ className, type, ...props }, ref) => {
+    return (
+      <input
+        type={type}
+        className={cn(
+          "flex h-12 w-full rounded-xl border border-slate-800 bg-slate-900/50 px-4 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-slate-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50 transition-all",
+          className
+        )}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+Input.displayName = "Input"
+
+export { Input }
diff --git a/dashboard/components/ui/label.tsx b/dashboard/components/ui/label.tsx
new file mode 100644
index 0000000..e9d0889
--- /dev/null
+++ b/dashboard/components/ui/label.tsx
@@ -0,0 +1,35 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import * as React from "react"
+import { cn } from "@/lib/utils"
+
+const Label = React.forwardRef<
+  HTMLLabelElement,
+  React.LabelHTMLAttributes<HTMLLabelElement>
+>(({ className, ...props }, ref) => (
+  <label
+    ref={ref}
+    className={cn(
+      "text-sm font-bold leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-slate-300",
+      className
+    )}
+    {...props}
+  />
+))
+Label.displayName = "Label"
+
+export { Label }
diff --git a/dashboard/components/ui/select.tsx b/dashboard/components/ui/select.tsx
new file mode 100644
index 0000000..3c0f0dc
--- /dev/null
+++ b/dashboard/components/ui/select.tsx
@@ -0,0 +1,194 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client"
+
+import * as React from "react"
+import { ChevronDown, Check } from "lucide-react"
+import { cn } from "@/lib/utils"
+
+// Context for sub-components
+const SelectContext = React.createContext<{
+  value: string
+  onValueChange: (value: string) => void
+  isOpen: boolean
+  setIsOpen: (open: boolean) => void
+} | null>(null)
+
+export interface SelectOption {
+  value: string
+  label: string
+}
+
+interface SelectProps {
+  children?: React.ReactNode
+  value: string
+  onValueChange: (value: string) => void
+  // Legacy props compatibility
+  options?: SelectOption[]
+  placeholder?: string
+  className?: string
+  disabled?: boolean
+}
+
+const Select = ({ children, value, onValueChange, options, placeholder, className, disabled }: SelectProps) => {
+  const [isOpen, setIsOpen] = React.useState(false)
+  const containerRef = React.useRef<HTMLDivElement>(null)
+
+  React.useEffect(() => {
+    const handleClickOutside = (event: MouseEvent) => {
+      if (containerRef.current && !containerRef.current.contains(event.target as Node)) {
+        setIsOpen(false)
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside)
+    return () => document.removeEventListener("mousedown", handleClickOutside)
+  }, [])
+
+  // If options are provided, use the legacy rendering
+  if (options) {
+    const selectedOption = options.find((opt) => opt.value === value)
+    return (
+      <div className={cn("relative w-full", className)} ref={containerRef}>
+        <button
+          type="button"
+          disabled={disabled}
+          onClick={() => setIsOpen(!isOpen)}
+          className={cn(
+            "flex h-10 w-full items-center justify-between rounded-xl border border-slate-800 bg-slate-900/50 px-4 py-2 text-sm transition-all focus:outline-none focus:ring-2 focus:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50",
+            isOpen && "ring-2 ring-primary/50 border-slate-700"
+          )}
+        >
+          <span className={cn("truncate", !selectedOption && "text-slate-500")}>
+            {selectedOption ? selectedOption.label : placeholder}
+          </span>
+          <ChevronDown className={cn("h-4 w-4 text-slate-500 transition-transform duration-200", isOpen && "rotate-180")} />
+        </button>
+
+        {isOpen && (
+          <div className="absolute top-full z-50 mt-2 w-full overflow-hidden rounded-xl border border-slate-800 bg-[#141B2D] p-1 shadow-2xl animate-in fade-in zoom-in-95 duration-200">
+            <div className="max-h-60 overflow-y-auto overflow-x-hidden no-scrollbar">
+              {options.map((option) => (
+                <button
+                  key={option.value}
+                  type="button"
+                  onClick={() => {
+                    onValueChange(option.value)
+                    setIsOpen(false)
+                  }}
+                  className={cn(
+                    "flex w-full items-center justify-between rounded-lg px-3 py-2 text-sm transition-colors hover:bg-slate-800",
+                    value === option.value ? "bg-primary text-white" : "text-slate-300"
+                  )}
+                >
+                  <span className="truncate">{option.label}</span>
+                  {value === option.value && <Check className="h-4 w-4" />}
+                </button>
+              ))}
+            </div>
+          </div>
+        )}
+      </div>
+    )
+  }
+
+  // Otherwise, use the sub-component pattern
+  return (
+    <SelectContext.Provider value={{ value, onValueChange, isOpen, setIsOpen }}>
+      <div className={cn("relative w-full", className)} ref={containerRef}>
+        {children}
+      </div>
+    </SelectContext.Provider>
+  )
+}
+
+const SelectTrigger = React.forwardRef<
+  HTMLButtonElement,
+  React.ButtonHTMLAttributes<HTMLButtonElement>
+>(({ className, children, ...props }, ref) => {
+  const context = React.useContext(SelectContext)
+  if (!context) return null
+
+  return (
+    <button
+      ref={ref}
+      type="button"
+      onClick={() => context.setIsOpen(!context.isOpen)}
+      className={cn(
+        "flex h-10 w-full items-center justify-between rounded-xl border border-slate-800 bg-slate-900/50 px-4 py-2 text-sm transition-all focus:outline-none focus:ring-2 focus:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50",
+        context.isOpen && "ring-2 ring-primary/50 border-slate-700",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <ChevronDown className={cn("h-4 w-4 text-slate-500 transition-transform duration-200", context.isOpen && "rotate-180")} />
+    </button>
+  )
+})
+SelectTrigger.displayName = "SelectTrigger"
+
+const SelectValue = ({ placeholder, className }: { placeholder?: string, className?: string }) => {
+  const context = React.useContext(SelectContext)
+  if (!context) return null
+  return <span className={cn("truncate", !context.value && "text-slate-500", className)}>{context.value || placeholder}</span>
+}
+
+const SelectContent = ({ children, className }: { children: React.ReactNode, className?: string }) => {
+  const context = React.useContext(SelectContext)
+  if (!context || !context.isOpen) return null
+
+  return (
+    <div className={cn("absolute top-full z-50 mt-2 w-full overflow-hidden rounded-xl border border-slate-800 bg-[#141B2D] p-1 shadow-2xl animate-in fade-in zoom-in-95 duration-200", className)}>
+      <div className="max-h-60 overflow-y-auto overflow-x-hidden no-scrollbar">
+        {children}
+      </div>
+    </div>
+  )
+}
+
+const SelectItem = React.forwardRef<
+  HTMLButtonElement,
+  React.ButtonHTMLAttributes<HTMLButtonElement> & { value: string }
+>(({ className, children, value, ...props }, ref) => {
+  const context = React.useContext(SelectContext)
+  if (!context) return null
+
+  const isSelected = context.value === value
+
+  return (
+    <button
+      ref={ref}
+      type="button"
+      onClick={() => {
+        context.onValueChange(value)
+        context.setIsOpen(false)
+      }}
+      className={cn(
+        "flex w-full items-center justify-between rounded-lg px-3 py-2 text-sm transition-colors hover:bg-slate-800",
+        isSelected ? "bg-primary text-white" : "text-slate-300",
+        className
+      )}
+      {...props}
+    >
+      <span className="truncate">{children}</span>
+      {isSelected && <Check className="h-4 w-4" />}
+    </button>
+  )
+})
+SelectItem.displayName = "SelectItem"
+
+export { Select, SelectTrigger, SelectValue, SelectContent, SelectItem }
diff --git a/dashboard/components/ui/sonner.tsx b/dashboard/components/ui/sonner.tsx
new file mode 100644
index 0000000..4e1a395
--- /dev/null
+++ b/dashboard/components/ui/sonner.tsx
@@ -0,0 +1,41 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import { Toaster as Sonner } from "sonner";
+
+type ToasterProps = React.ComponentProps<typeof Sonner>;
+
+const Toaster = ({ ...props }: ToasterProps) => {
+  return (
+    <Sonner
+      className="toaster group"
+      toastOptions={{
+        classNames: {
+          toast: "group toast group-[.toaster]:bg-[#141B2D] group-[.toaster]:text-slate-200 group-[.toaster]:border-slate-800 group-[.toaster]:shadow-2xl group-[.toaster]:rounded-2xl group-[.toaster]:p-4",
+          description: "group-[.toast]:text-slate-500 group-[.toast]:text-[11px] group-[.toast]:font-medium",
+          actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+          cancelButton: "group-[.toast]:bg-slate-800 group-[.toast]:text-slate-400",
+          success: "group-[.toaster]:border-emerald-500/50 group-[.toaster]:bg-emerald-500/5",
+          error: "group-[.toaster]:border-red-500/50 group-[.toaster]:bg-red-500/5",
+          loading: "group-[.toaster]:border-primary/50 group-[.toaster]:bg-primary/5",
+        },
+      }}
+      {...props}
+    />
+  );
+};
+
+export { Toaster };
diff --git a/dashboard/components/ui/switch.tsx b/dashboard/components/ui/switch.tsx
new file mode 100644
index 0000000..229c212
--- /dev/null
+++ b/dashboard/components/ui/switch.tsx
@@ -0,0 +1,44 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+"use client";
+
+import * as React from "react"
+import * as SwitchPrimitives from "@radix-ui/react-switch"
+import { cn } from "@/lib/utils"
+
+const Switch = React.forwardRef<
+  React.ElementRef<typeof SwitchPrimitives.Root>,
+  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
+>(({ className, ...props }, ref) => (
+  <SwitchPrimitives.Root
+    className={cn(
+      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-[#0f172a] disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-slate-800",
+      className
+    )}
+    {...props}
+    ref={ref}
+  >
+    <SwitchPrimitives.Thumb
+      className={cn(
+        "pointer-events-none block h-5 w-5 rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+      )}
+    />
+  </SwitchPrimitives.Root>
+))
+Switch.displayName = SwitchPrimitives.Root.displayName
+
+export { Switch }
diff --git a/dashboard/components/ui/table.tsx b/dashboard/components/ui/table.tsx
new file mode 100644
index 0000000..dca9097
--- /dev/null
+++ b/dashboard/components/ui/table.tsx
@@ -0,0 +1,132 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import * as React from "react"
+import { cn } from "@/lib/utils"
+
+const Table = React.forwardRef<
+  HTMLTableElement,
+  React.TableHTMLAttributes<HTMLTableElement>
+>(({ className, ...props }, ref) => (
+  <div className="relative w-full overflow-auto">
+    <table
+      ref={ref}
+      className={cn("w-full caption-bottom text-sm", className)}
+      {...props}
+    />
+  </div>
+))
+Table.displayName = "Table"
+
+const TableHeader = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <thead ref={ref} className={cn("[&_tr]:border-b border-slate-800", className)} {...props} />
+))
+TableHeader.displayName = "TableHeader"
+
+const TableBody = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tbody
+    ref={ref}
+    className={cn("[&_tr:last-child]:border-0", className)}
+    {...props}
+  />
+))
+TableBody.displayName = "TableBody"
+
+const TableFooter = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tfoot
+    ref={ref}
+    className={cn(
+      "border-t border-slate-800 bg-slate-900/50 font-medium [&>tr]:last:border-b-0",
+      className
+    )}
+    {...props}
+  />
+))
+TableFooter.displayName = "TableFooter"
+
+const TableRow = React.forwardRef<
+  HTMLTableRowElement,
+  React.HTMLAttributes<HTMLTableRowElement>
+>(({ className, ...props }, ref) => (
+  <tr
+    ref={ref}
+    className={cn(
+      "border-b border-slate-800 transition-colors hover:bg-slate-800/50 data-[state=selected]:bg-slate-800",
+      className
+    )}
+    {...props}
+  />
+))
+TableRow.displayName = "TableRow"
+
+const TableHead = React.forwardRef<
+  HTMLTableCellElement,
+  React.ThHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <th
+    ref={ref}
+    className={cn(
+      "h-12 px-4 text-left align-middle font-bold text-slate-400 [&:has([role=checkbox])]:pr-0",
+      className
+    )}
+    {...props}
+  />
+))
+TableHead.displayName = "TableHead"
+
+const TableCell = React.forwardRef<
+  HTMLTableCellElement,
+  React.TdHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <td
+    ref={ref}
+    className={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0 text-white", className)}
+    {...props}
+  />
+))
+TableCell.displayName = "TableCell"
+
+const TableCaption = React.forwardRef<
+  HTMLTableCaptionElement,
+  React.HTMLAttributes<HTMLTableCaptionElement>
+>(({ className, ...props }, ref) => (
+  <caption
+    ref={ref}
+    className={cn("mt-4 text-sm text-slate-500", className)}
+    {...props}
+  />
+))
+TableCaption.displayName = "TableCaption"
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+}
diff --git a/dashboard/components/ui/textarea.tsx b/dashboard/components/ui/textarea.tsx
new file mode 100644
index 0000000..a6250bb
--- /dev/null
+++ b/dashboard/components/ui/textarea.tsx
@@ -0,0 +1,39 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import * as React from "react"
+import { cn } from "@/lib/utils"
+
+export interface TextareaProps
+  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
+
+const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
+  ({ className, ...props }, ref) => {
+    return (
+      <textarea
+        className={cn(
+          "flex min-h-[80px] w-full rounded-xl border border-slate-800 bg-slate-900/50 px-3 py-2 text-sm text-white placeholder:text-slate-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        )}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+Textarea.displayName = "Textarea"
+
+export { Textarea }
diff --git a/dashboard/hooks/use-auth.ts b/dashboard/hooks/use-auth.ts
new file mode 100644
index 0000000..b5cfead
--- /dev/null
+++ b/dashboard/hooks/use-auth.ts
@@ -0,0 +1,29 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import { useState, useEffect } from "react";
+
+export function useAuth() {
+  const [user, setUser] = useState<any>(null);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    // Basic auth check logic will go here
+    setLoading(false);
+  }, []);
+
+  return { user, loading };
+}
diff --git a/dashboard/lib/api.ts b/dashboard/lib/api.ts
new file mode 100644
index 0000000..9d95a2a
--- /dev/null
+++ b/dashboard/lib/api.ts
@@ -0,0 +1,259 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import { 
+  BotInfo, 
+  BotStatus, 
+  GuildSummary, 
+  GuildDetails,
+  PrefixConfig, 
+  AutomodConfig, 
+  TicketConfig, 
+  LevelingConfig, 
+  LoggingConfig,
+  PrefixUpdate,
+  AutomodUpdate,
+  LevelingUpdate,
+  LoggingUpdate,
+  LeaderboardEntry,
+  DiscordChannel,
+  DiscordRole,
+  AutoRoleConfig,
+  AutoRoleUpdate,
+  AdminStats,
+  AdminConfig,
+  AdminConfigUpdate
+} from "@/types/api";
+
+const isServer = typeof window === "undefined";
+
+/** Server: direct bot API with secret key. Browser: same-origin proxy route. */
+const BASE_URL = isServer
+  ? (process.env.DASHBOARD_API_URL ||
+      process.env.NEXT_PUBLIC_API_URL ||
+      "http://127.0.0.1:8000/api/v1")
+  : "/api/proxy";
+
+class ApiError extends Error {
+  constructor(public status: number, message: string) {
+    super(message);
+    this.name = "ApiError";
+  }
+}
+
+async function request<T>(
+  endpoint: string,
+  options: RequestInit & { next?: NextFetchRequestConfig } = {}
+): Promise<T> {
+  const url = `${BASE_URL}${endpoint}`;
+  
+  const headers = new Headers(options.headers);
+  if (isServer) {
+    const apiKey = process.env.DASHBOARD_API_KEY;
+    if (apiKey) {
+      headers.set("Authorization", `Bearer ${apiKey}`);
+    }
+    const { getServerSession } = await import("next-auth/next");
+    const { authOptions } = await import("@/lib/auth");
+    const session = await getServerSession(authOptions);
+    if (session?.accessToken) {
+      headers.set("X-Discord-Access-Token", session.accessToken);
+    }
+    if (session?.user?.id) {
+      headers.set("X-Discord-User-Id", session.user.id);
+    }
+  }
+  headers.set("Content-Type", "application/json");
+  try {
+    const response = await fetch(url, {
+      ...options,
+      headers,
+      // CRITICAL: Never cache mutation responses. For GETs, use revalidate: 0
+      // to always fetch fresh data from the bot API. Caching was causing
+      // saved data to "disappear" on reload because Next.js served stale cache.
+      next: options.next || { revalidate: 0 },
+    });
+
+    if (!response.ok) {
+      let errorData;
+      try {
+        errorData = await response.json();
+      } catch {
+        errorData = { detail: "An unknown error occurred" };
+      }
+      console.error(`[API HTTP Error] Status ${response.status} for ${url}:`, errorData);
+      throw new ApiError(response.status, errorData.detail || response.statusText);
+    }
+
+    return response.json();
+  } catch (error) {
+    console.error(`[API Network/Fetch Error] Failed to fetch ${url}:`, error);
+    throw error;
+  }
+}
+
+export const api = {
+  // Bot 
+  getBotStatus: () => request<BotStatus>("/bot/status"),
+  getBotInfo: () => request<BotInfo>("/bot/info"),
+
+  // Guilds
+  listGuilds: () => request<GuildSummary[]>("/guilds/"),
+  getGuildDetails: (guildId: string) => request<any>(`/guilds/${guildId}`),
+  getChannels: (guildId: string) => request<DiscordChannel[]>(`/guilds/${guildId}/channels`),
+  getRoles: (guildId: string) => request<DiscordRole[]>(`/guilds/${guildId}/roles`),
+  
+  // Module Configs
+  getPrefix: (guildId: string) => request<PrefixConfig>(`/guilds/${guildId}/prefix`),
+  updatePrefix: (guildId: string, prefix: string) => 
+    request<{ status: string; new_prefix: string }>(`/guilds/${guildId}/prefix`, {
+      method: "POST",
+      body: JSON.stringify({ prefix }),
+    }),
+
+  getAutomod: (guildId: string) => request<AutomodConfig>(`/guilds/${guildId}/automod`),
+  updateAutomod: (guildId: string, data: Partial<AutomodConfig>) => 
+    request<{ status: string }>(`/guilds/${guildId}/automod`, {
+      method: "PATCH",
+      body: JSON.stringify(data),
+    }),
+
+  getTickets: (guildId: string) => request<TicketConfig>(`/guilds/${guildId}/tickets`),
+  updateTickets: (guildId: string, data: any) => 
+    request<{ status: string }>(`/guilds/${guildId}/tickets`, {
+      method: "PATCH",
+      body: JSON.stringify(data),
+    }),
+  
+  getLeveling: (guildId: string) => request<LevelingConfig>(`/guilds/${guildId}/leveling`),
+  updateLeveling: (guildId: string, data: any) => 
+    request<{ status: string }>(`/guilds/${guildId}/leveling`, {
+      method: "PATCH",
+      body: JSON.stringify(data),
+    }),
+
+  getLogging: (guildId: string) => request<LoggingConfig>(`/guilds/${guildId}/logging`),
+  updateLogging: (guildId: string, data: any) => 
+    request<{ status: string }>(`/guilds/${guildId}/logging`, {
+      method: "PATCH",
+      body: JSON.stringify(data),
+    }),
+
+  getLeaderboard: (guildId: string) => request<LeaderboardEntry[]>(`/guilds/${guildId}/leveling/leaderboard`),
+
+  getWelcome: (guildId: string) => request<any>(`/guilds/${guildId}/welcome`),
+  updateWelcome: (guildId: string, data: any) => 
+    request<{ status: string }>(`/guilds/${guildId}/welcome`, {
+      method: "PATCH",
+      body: JSON.stringify(data),
+    }),
+
+  getAntiNuke: (guildId: string) => request<any>(`/guilds/${guildId}/antinuke`),
+  updateAntiNuke: (guildId: string, data: any) => 
+    request<{ status: string }>(`/guilds/${guildId}/antinuke`, {
+      method: "PATCH",
+      body: JSON.stringify(data),
+    }),
+
+  getVerification: (guildId: string) => request<any>(`/guilds/${guildId}/verification`),
+  updateVerification: (guildId: string, data: any) => 
+    request<{ status: string }>(`/guilds/${guildId}/verification`, {
+      method: "PATCH",
+      body: JSON.stringify(data),
+    }),
+
+  getVanityRoles: (guildId: string) => request<any[]>(`/guilds/${guildId}/vanityroles`),
+  addVanityRole: (guildId: string, data: any) =>
+    request<{ status: string }>(`/guilds/${guildId}/vanityroles`, {
+      method: "POST",
+      body: JSON.stringify(data),
+    }),
+  deleteVanityRole: (guildId: string, vanity: string) =>
+    request<{ status: string }>(`/guilds/${guildId}/vanityroles/${vanity}`, {
+      method: "DELETE",
+    }),
+
+  getAutoRole: (guildId: string) => request<AutoRoleConfig>(`/guilds/${guildId}/autorole`),
+  updateAutoRole: (guildId: string, data: AutoRoleUpdate) =>
+    request<{ status: string }>(`/guilds/${guildId}/autorole`, {
+      method: "PATCH",
+      body: JSON.stringify(data),
+    }),
+
+  getTracking: (guildId: string) => request<any>(`/guilds/${guildId}/tracking`),
+  updateTracking: (guildId: string, data: any) =>
+    request<{ status: string }>(`/guilds/${guildId}/tracking`, {
+      method: "PATCH",
+      body: JSON.stringify(data),
+    }),
+
+  getJ2C: (guildId: string) => request<any>(`/guilds/${guildId}/j2c`),
+  updateJ2C: (guildId: string, data: any) =>
+    request<{ status: string }>(`/guilds/${guildId}/j2c`, {
+      method: "PATCH",
+      body: JSON.stringify(data),
+    }),
+
+  getJoinDM: (guildId: string) => request<any>(`/guilds/${guildId}/joindm`),
+  updateJoinDM: (guildId: string, data: any) =>
+    request<{ status: string }>(`/guilds/${guildId}/joindm`, {
+      method: "PATCH",
+      body: JSON.stringify(data),
+    }),
+
+  getCustomRoles: (guildId: string) => request<any>(`/guilds/${guildId}/customroles`),
+  updateCustomRoles: (guildId: string, data: any) =>
+    request<{ status: string }>(`/guilds/${guildId}/customroles`, {
+      method: "PATCH",
+      body: JSON.stringify(data),
+    }),
+
+  getAutoReact: (guildId: string) => request<any>(`/guilds/${guildId}/autoreact`),
+  updateAutoReact: (guildId: string, data: any) =>
+    request<{ status: string }>(`/guilds/${guildId}/autoreact`, {
+      method: "PATCH",
+      body: JSON.stringify(data),
+    }),
+
+  getInvcRole: (guildId: string) => request<any>(`/guilds/${guildId}/invcrole`),
+  updateInvcRole: (guildId: string, data: any) =>
+    request<{ status: string }>(`/guilds/${guildId}/invcrole`, {
+      method: "PATCH",
+      body: JSON.stringify(data),
+    }),
+
+  getRR: (guildId: string) => request<any>(`/guilds/${guildId}/reactionroles`),
+  updateRR: (guildId: string, data: any) =>
+    request<{ status: string }>(`/guilds/${guildId}/reactionroles`, {
+      method: "PATCH",
+      body: JSON.stringify(data),
+    }),
+  getInvites: (guildId: string) => request<any>(`/guilds/${guildId}/invites`),
+  updateInvites: (guildId: string, data: any) =>
+    request<{ status: string }>(`/guilds/${guildId}/invites`, {
+      method: "PATCH",
+      body: JSON.stringify(data),
+    }),
+
+  // Admin
+  getAdminStats: () => request<AdminStats>("/admin/stats"),
+  getAdminConfig: () => request<AdminConfig>("/admin/config"),
+  updateAdminConfig: (data: AdminConfigUpdate) => 
+    request<{ status: string }>("/admin/config", {
+      method: "PATCH",
+      body: JSON.stringify(data),
+    }),
+};
diff --git a/dashboard/lib/auth.ts b/dashboard/lib/auth.ts
new file mode 100644
index 0000000..c20837a
--- /dev/null
+++ b/dashboard/lib/auth.ts
@@ -0,0 +1,48 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import DiscordProvider from "next-auth/providers/discord";
+import { AuthOptions } from "next-auth";
+
+export const authOptions: AuthOptions = {
+  providers: [
+    DiscordProvider({
+      clientId: process.env.DISCORD_CLIENT_ID || "",
+      clientSecret: process.env.DISCORD_CLIENT_SECRET || "",
+      authorization: { params: { scope: "identify guilds" } },
+    }),
+  ],
+  callbacks: {
+    async jwt({ token, account }) {
+      if (account) {
+        token.accessToken = account.access_token;
+      }
+      return token;
+    },
+    async session({ session, token }) {
+      if (session.user) {
+        // @ts-ignore
+        session.user.id = token.sub;
+        // @ts-ignore
+        session.accessToken = token.accessToken;
+      }
+      return session;
+    },
+  },
+  pages: {
+    signIn: "/",
+  },
+};
diff --git a/dashboard/lib/guild-auth.ts b/dashboard/lib/guild-auth.ts
new file mode 100644
index 0000000..cdea21a
--- /dev/null
+++ b/dashboard/lib/guild-auth.ts
@@ -0,0 +1,45 @@
+/**
+ * Discord guild permission helpers for dashboard access control.
+ */
+
+export interface DiscordGuild {
+  id: string;
+  permissions: string;
+  owner?: boolean;
+}
+
+const MANAGE_GUILD = BigInt(0x20);
+const ADMINISTRATOR = BigInt(0x8);
+
+export function canManageGuild(guild: DiscordGuild): boolean {
+  if (guild.owner) return true;
+  try {
+    const perms = BigInt(guild.permissions);
+    return (
+      (perms & ADMINISTRATOR) === ADMINISTRATOR ||
+      (perms & MANAGE_GUILD) === MANAGE_GUILD
+    );
+  } catch {
+    return false;
+  }
+}
+
+export async function fetchUserGuilds(
+  accessToken: string
+): Promise<DiscordGuild[]> {
+  const res = await fetch("https://discord.com/api/users/@me/guilds", {
+    headers: { Authorization: `Bearer ${accessToken}` },
+    cache: "no-store",
+  });
+  if (!res.ok) return [];
+  return res.json();
+}
+
+export async function userCanManageGuild(
+  accessToken: string,
+  guildId: string
+): Promise<boolean> {
+  const guilds = await fetchUserGuilds(accessToken);
+  const guild = guilds.find((g) => String(g.id) === String(guildId));
+  return guild ? canManageGuild(guild) : false;
+}
diff --git a/dashboard/lib/utils.ts b/dashboard/lib/utils.ts
new file mode 100644
index 0000000..b95cd69
--- /dev/null
+++ b/dashboard/lib/utils.ts
@@ -0,0 +1,33 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import { type ClassValue, clsx } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}
+
+export function isAdmin(userId?: string | null) {
+  if (!userId) return false;
+  const adminIds = [
+    ...(process.env.ADMIN_IDS || "").split(","),
+    ...(process.env.NEXT_PUBLIC_ADMIN_IDS || "").split(","),
+  ]
+    .map((id) => id.trim())
+    .filter(Boolean);
+  return adminIds.includes(userId);
+}
diff --git a/dashboard/next-env.d.ts b/dashboard/next-env.d.ts
new file mode 100644
index 0000000..4f11a03
--- /dev/null
+++ b/dashboard/next-env.d.ts
@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.
diff --git a/dashboard/next.config.js b/dashboard/next.config.js
new file mode 100644
index 0000000..92e11e1
--- /dev/null
+++ b/dashboard/next.config.js
@@ -0,0 +1,17 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  images: {
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: 'cdn.discordapp.com',
+      },
+    ],
+  },
+  webpack: (config) => {
+    config.cache = false
+    return config
+  }
+}
+
+module.exports = nextConfig
\ No newline at end of file
diff --git a/dashboard/next.config.mjs b/dashboard/next.config.mjs
new file mode 100644
index 0000000..21f889b
--- /dev/null
+++ b/dashboard/next.config.mjs
@@ -0,0 +1,14 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+  images: {
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: 'cdn.discordapp.com',
+      },
+    ],
+  },
+};
+
+export default nextConfig;
diff --git a/dashboard/package.json b/dashboard/package.json
new file mode 100644
index 0000000..e5af4d7
--- /dev/null
+++ b/dashboard/package.json
@@ -0,0 +1,34 @@
+{
+  "name": "codex-dashboard",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-switch": "^1.2.6",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.378.0",
+    "next": "14.2.3",
+    "next-auth": "^4.24.13",
+    "react": "^18",
+    "react-dom": "^18",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^2.3.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.19.37",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "eslint": "^8",
+    "eslint-config-next": "14.2.3",
+    "postcss": "^8",
+    "tailwindcss": "^3.4.1",
+    "typescript": "^5.9.3"
+  }
+}
diff --git a/dashboard/postcss.config.mjs b/dashboard/postcss.config.mjs
new file mode 100644
index 0000000..1a69fd2
--- /dev/null
+++ b/dashboard/postcss.config.mjs
@@ -0,0 +1,8 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+  plugins: {
+    tailwindcss: {},
+  },
+};
+
+export default config;
diff --git a/dashboard/tailwind.config.ts b/dashboard/tailwind.config.ts
new file mode 100644
index 0000000..98bc330
--- /dev/null
+++ b/dashboard/tailwind.config.ts
@@ -0,0 +1,53 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import type { Config } from "tailwindcss";
+
+const config: Config = {
+  content: [
+    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./components/**/*.{js,ts,jsx,tsx,mdx}",
+    "./app/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        background: "var(--background)",
+        foreground: "var(--foreground)",
+        primary: {
+          DEFAULT: "#ef4444", // Vivid Red
+          hover: "#dc2626",
+          glow: "rgba(239, 68, 68, 0.5)",
+        },
+        secondary: {
+          DEFAULT: "#020617", // Deep Navy/Black
+          light: "#0f172a",
+        },
+        accent: {
+          red: "rgba(239, 68, 68, 0.1)",
+          glass: "rgba(255, 255, 255, 0.03)",
+        }
+      },
+      backgroundImage: {
+        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
+        "gradient-conic":
+          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
+      },
+    },
+  },
+  plugins: [],
+};
+export default config;
diff --git a/dashboard/tsconfig.json b/dashboard/tsconfig.json
new file mode 100644
index 0000000..f15eefe
--- /dev/null
+++ b/dashboard/tsconfig.json
@@ -0,0 +1,41 @@
+{
+  "compilerOptions": {
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": [
+        "./*"
+      ]
+    },
+    "target": "ES2017"
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}
diff --git a/dashboard/tsconfig.tsbuildinfo b/dashboard/tsconfig.tsbuildinfo
new file mode 100644
index 0000000..b291883
--- /dev/null
+++ b/dashboard/tsconfig.tsbuildinfo
@@ -0,0 +1 @@
+{"fileNames":["./node_modules/typescript/lib/lib.es5.d.ts","./node_modules/typescript/lib/lib.es2015.d.ts","./node_modules/typescript/lib/lib.es2016.d.ts","./node_modules/typescript/lib/lib.es2017.d.ts","./node_modules/typescript/lib/lib.es2018.d.ts","./node_modules/typescript/lib/lib.es2019.d.ts","./node_modules/typescript/lib/lib.es2020.d.ts","./node_modules/typescript/lib/lib.es2021.d.ts","./node_modules/typescript/lib/lib.es2022.d.ts","./node_modules/typescript/lib/lib.es2023.d.ts","./node_modules/typescript/lib/lib.es2024.d.ts","./node_modules/typescript/lib/lib.esnext.d.ts","./node_modules/typescript/lib/lib.dom.d.ts","./node_modules/typescript/lib/lib.dom.iterable.d.ts","./node_modules/typescript/lib/lib.es2015.core.d.ts","./node_modules/typescript/lib/lib.es2015.collection.d.ts","./node_modules/typescript/lib/lib.es2015.generator.d.ts","./node_modules/typescript/lib/lib.es2015.iterable.d.ts","./node_modules/typescript/lib/lib.es2015.promise.d.ts","./node_modules/typescript/lib/lib.es2015.proxy.d.ts","./node_modules/typescript/lib/lib.es2015.reflect.d.ts","./node_modules/typescript/lib/lib.es2015.symbol.d.ts","./node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","./node_modules/typescript/lib/lib.es2016.array.include.d.ts","./node_modules/typescript/lib/lib.es2016.intl.d.ts","./node_modules/typescript/lib/lib.es2017.arraybuffer.d.ts","./node_modules/typescript/lib/lib.es2017.date.d.ts","./node_modules/typescript/lib/lib.es2017.object.d.ts","./node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","./node_modules/typescript/lib/lib.es2017.string.d.ts","./node_modules/typescript/lib/lib.es2017.intl.d.ts","./node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","./node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","./node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","./node_modules/typescript/lib/lib.es2018.intl.d.ts","./node_modules/typescript/lib/lib.es2018.promise.d.ts","./node_modules/typescript/lib/lib.es2018.regexp.d.ts","./node_modules/typescript/lib/lib.es2019.array.d.ts","./node_modules/typescript/lib/lib.es2019.object.d.ts","./node_modules/typescript/lib/lib.es2019.string.d.ts","./node_modules/typescript/lib/lib.es2019.symbol.d.ts","./node_modules/typescript/lib/lib.es2019.intl.d.ts","./node_modules/typescript/lib/lib.es2020.bigint.d.ts","./node_modules/typescript/lib/lib.es2020.date.d.ts","./node_modules/typescript/lib/lib.es2020.promise.d.ts","./node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","./node_modules/typescript/lib/lib.es2020.string.d.ts","./node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","./node_modules/typescript/lib/lib.es2020.intl.d.ts","./node_modules/typescript/lib/lib.es2020.number.d.ts","./node_modules/typescript/lib/lib.es2021.promise.d.ts","./node_modules/typescript/lib/lib.es2021.string.d.ts","./node_modules/typescript/lib/lib.es2021.weakref.d.ts","./node_modules/typescript/lib/lib.es2021.intl.d.ts","./node_modules/typescript/lib/lib.es2022.array.d.ts","./node_modules/typescript/lib/lib.es2022.error.d.ts","./node_modules/typescript/lib/lib.es2022.intl.d.ts","./node_modules/typescript/lib/lib.es2022.object.d.ts","./node_modules/typescript/lib/lib.es2022.string.d.ts","./node_modules/typescript/lib/lib.es2022.regexp.d.ts","./node_modules/typescript/lib/lib.es2023.array.d.ts","./node_modules/typescript/lib/lib.es2023.collection.d.ts","./node_modules/typescript/lib/lib.es2023.intl.d.ts","./node_modules/typescript/lib/lib.es2024.arraybuffer.d.ts","./node_modules/typescript/lib/lib.es2024.collection.d.ts","./node_modules/typescript/lib/lib.es2024.object.d.ts","./node_modules/typescript/lib/lib.es2024.promise.d.ts","./node_modules/typescript/lib/lib.es2024.regexp.d.ts","./node_modules/typescript/lib/lib.es2024.sharedmemory.d.ts","./node_modules/typescript/lib/lib.es2024.string.d.ts","./node_modules/typescript/lib/lib.esnext.array.d.ts","./node_modules/typescript/lib/lib.esnext.collection.d.ts","./node_modules/typescript/lib/lib.esnext.intl.d.ts","./node_modules/typescript/lib/lib.esnext.disposable.d.ts","./node_modules/typescript/lib/lib.esnext.promise.d.ts","./node_modules/typescript/lib/lib.esnext.decorators.d.ts","./node_modules/typescript/lib/lib.esnext.iterator.d.ts","./node_modules/typescript/lib/lib.esnext.float16.d.ts","./node_modules/typescript/lib/lib.esnext.error.d.ts","./node_modules/typescript/lib/lib.esnext.sharedmemory.d.ts","./node_modules/typescript/lib/lib.decorators.d.ts","./node_modules/typescript/lib/lib.decorators.legacy.d.ts","./node_modules/next/dist/styled-jsx/types/css.d.ts","./node_modules/@types/react/global.d.ts","./node_modules/csstype/index.d.ts","./node_modules/@types/prop-types/index.d.ts","./node_modules/@types/react/index.d.ts","./node_modules/next/dist/styled-jsx/types/index.d.ts","./node_modules/next/dist/styled-jsx/types/macro.d.ts","./node_modules/next/dist/styled-jsx/types/style.d.ts","./node_modules/next/dist/styled-jsx/types/global.d.ts","./node_modules/next/dist/shared/lib/amp.d.ts","./node_modules/next/amp.d.ts","./node_modules/@types/node/compatibility/disposable.d.ts","./node_modules/@types/node/compatibility/indexable.d.ts","./node_modules/@types/node/compatibility/iterators.d.ts","./node_modules/@types/node/compatibility/index.d.ts","./node_modules/@types/node/globals.typedarray.d.ts","./node_modules/@types/node/buffer.buffer.d.ts","./node_modules/@types/node/globals.d.ts","./node_modules/@types/node/web-globals/abortcontroller.d.ts","./node_modules/@types/node/web-globals/domexception.d.ts","./node_modules/@types/node/web-globals/events.d.ts","./node_modules/undici-types/header.d.ts","./node_modules/undici-types/readable.d.ts","./node_modules/undici-types/file.d.ts","./node_modules/undici-types/fetch.d.ts","./node_modules/undici-types/formdata.d.ts","./node_modules/undici-types/connector.d.ts","./node_modules/undici-types/client.d.ts","./node_modules/undici-types/errors.d.ts","./node_modules/undici-types/dispatcher.d.ts","./node_modules/undici-types/global-dispatcher.d.ts","./node_modules/undici-types/global-origin.d.ts","./node_modules/undici-types/pool-stats.d.ts","./node_modules/undici-types/pool.d.ts","./node_modules/undici-types/handlers.d.ts","./node_modules/undici-types/balanced-pool.d.ts","./node_modules/undici-types/agent.d.ts","./node_modules/undici-types/mock-interceptor.d.ts","./node_modules/undici-types/mock-agent.d.ts","./node_modules/undici-types/mock-client.d.ts","./node_modules/undici-types/mock-pool.d.ts","./node_modules/undici-types/mock-errors.d.ts","./node_modules/undici-types/proxy-agent.d.ts","./node_modules/undici-types/env-http-proxy-agent.d.ts","./node_modules/undici-types/retry-handler.d.ts","./node_modules/undici-types/retry-agent.d.ts","./node_modules/undici-types/api.d.ts","./node_modules/undici-types/interceptors.d.ts","./node_modules/undici-types/util.d.ts","./node_modules/undici-types/cookies.d.ts","./node_modules/undici-types/patch.d.ts","./node_modules/undici-types/websocket.d.ts","./node_modules/undici-types/eventsource.d.ts","./node_modules/undici-types/filereader.d.ts","./node_modules/undici-types/diagnostics-channel.d.ts","./node_modules/undici-types/content-type.d.ts","./node_modules/undici-types/cache.d.ts","./node_modules/undici-types/index.d.ts","./node_modules/@types/node/web-globals/fetch.d.ts","./node_modules/@types/node/assert.d.ts","./node_modules/@types/node/assert/strict.d.ts","./node_modules/@types/node/async_hooks.d.ts","./node_modules/@types/node/buffer.d.ts","./node_modules/@types/node/child_process.d.ts","./node_modules/@types/node/cluster.d.ts","./node_modules/@types/node/console.d.ts","./node_modules/@types/node/constants.d.ts","./node_modules/@types/node/crypto.d.ts","./node_modules/@types/node/dgram.d.ts","./node_modules/@types/node/diagnostics_channel.d.ts","./node_modules/@types/node/dns.d.ts","./node_modules/@types/node/dns/promises.d.ts","./node_modules/@types/node/domain.d.ts","./node_modules/@types/node/events.d.ts","./node_modules/@types/node/fs.d.ts","./node_modules/@types/node/fs/promises.d.ts","./node_modules/@types/node/http.d.ts","./node_modules/@types/node/http2.d.ts","./node_modules/@types/node/https.d.ts","./node_modules/@types/node/inspector.generated.d.ts","./node_modules/@types/node/module.d.ts","./node_modules/@types/node/net.d.ts","./node_modules/@types/node/os.d.ts","./node_modules/@types/node/path.d.ts","./node_modules/@types/node/perf_hooks.d.ts","./node_modules/@types/node/process.d.ts","./node_modules/@types/node/punycode.d.ts","./node_modules/@types/node/querystring.d.ts","./node_modules/@types/node/readline.d.ts","./node_modules/@types/node/readline/promises.d.ts","./node_modules/@types/node/repl.d.ts","./node_modules/@types/node/sea.d.ts","./node_modules/@types/node/stream.d.ts","./node_modules/@types/node/stream/promises.d.ts","./node_modules/@types/node/stream/consumers.d.ts","./node_modules/@types/node/stream/web.d.ts","./node_modules/@types/node/string_decoder.d.ts","./node_modules/@types/node/test.d.ts","./node_modules/@types/node/timers.d.ts","./node_modules/@types/node/timers/promises.d.ts","./node_modules/@types/node/tls.d.ts","./node_modules/@types/node/trace_events.d.ts","./node_modules/@types/node/tty.d.ts","./node_modules/@types/node/url.d.ts","./node_modules/@types/node/util.d.ts","./node_modules/@types/node/v8.d.ts","./node_modules/@types/node/vm.d.ts","./node_modules/@types/node/wasi.d.ts","./node_modules/@types/node/worker_threads.d.ts","./node_modules/@types/node/zlib.d.ts","./node_modules/@types/node/index.d.ts","./node_modules/next/dist/server/get-page-files.d.ts","./node_modules/@types/react/canary.d.ts","./node_modules/@types/react/experimental.d.ts","./node_modules/@types/react-dom/index.d.ts","./node_modules/@types/react-dom/canary.d.ts","./node_modules/@types/react-dom/experimental.d.ts","./node_modules/next/dist/compiled/webpack/webpack.d.ts","./node_modules/next/dist/server/config.d.ts","./node_modules/next/dist/lib/load-custom-routes.d.ts","./node_modules/next/dist/shared/lib/image-config.d.ts","./node_modules/next/dist/build/webpack/plugins/subresource-integrity-plugin.d.ts","./node_modules/next/dist/server/body-streams.d.ts","./node_modules/next/dist/server/future/route-kind.d.ts","./node_modules/next/dist/server/future/route-definitions/route-definition.d.ts","./node_modules/next/dist/server/future/route-matches/route-match.d.ts","./node_modules/next/dist/client/components/app-router-headers.d.ts","./node_modules/next/dist/server/request-meta.d.ts","./node_modules/next/dist/server/lib/revalidate.d.ts","./node_modules/next/dist/server/config-shared.d.ts","./node_modules/next/dist/server/base-http/index.d.ts","./node_modules/next/dist/server/api-utils/index.d.ts","./node_modules/next/dist/server/node-environment.d.ts","./node_modules/next/dist/server/require-hook.d.ts","./node_modules/next/dist/server/node-polyfill-crypto.d.ts","./node_modules/next/dist/lib/page-types.d.ts","./node_modules/next/dist/build/analysis/get-page-static-info.d.ts","./node_modules/next/dist/build/webpack/loaders/get-module-build-info.d.ts","./node_modules/next/dist/build/webpack/plugins/middleware-plugin.d.ts","./node_modules/next/dist/server/render-result.d.ts","./node_modules/next/dist/server/future/helpers/i18n-provider.d.ts","./node_modules/next/dist/server/web/next-url.d.ts","./node_modules/next/dist/compiled/@edge-runtime/cookies/index.d.ts","./node_modules/next/dist/server/web/spec-extension/cookies.d.ts","./node_modules/next/dist/server/web/spec-extension/request.d.ts","./node_modules/next/dist/server/web/spec-extension/fetch-event.d.ts","./node_modules/next/dist/server/web/spec-extension/response.d.ts","./node_modules/next/dist/server/web/types.d.ts","./node_modules/next/dist/lib/setup-exception-listeners.d.ts","./node_modules/next/dist/lib/constants.d.ts","./node_modules/next/dist/build/index.d.ts","./node_modules/next/dist/build/webpack/plugins/pages-manifest-plugin.d.ts","./node_modules/next/dist/shared/lib/router/utils/route-regex.d.ts","./node_modules/next/dist/shared/lib/router/utils/route-matcher.d.ts","./node_modules/next/dist/shared/lib/router/utils/parse-url.d.ts","./node_modules/next/dist/server/base-http/node.d.ts","./node_modules/next/dist/server/font-utils.d.ts","./node_modules/next/dist/build/webpack/plugins/flight-manifest-plugin.d.ts","./node_modules/next/dist/server/future/route-modules/route-module.d.ts","./node_modules/next/dist/server/load-components.d.ts","./node_modules/next/dist/shared/lib/router/utils/middleware-route-matcher.d.ts","./node_modules/next/dist/build/webpack/plugins/next-font-manifest-plugin.d.ts","./node_modules/next/dist/server/future/route-definitions/locale-route-definition.d.ts","./node_modules/next/dist/server/future/route-definitions/pages-route-definition.d.ts","./node_modules/next/dist/shared/lib/mitt.d.ts","./node_modules/next/dist/client/with-router.d.ts","./node_modules/next/dist/client/router.d.ts","./node_modules/next/dist/client/route-loader.d.ts","./node_modules/next/dist/client/page-loader.d.ts","./node_modules/next/dist/shared/lib/bloom-filter.d.ts","./node_modules/next/dist/shared/lib/router/router.d.ts","./node_modules/next/dist/shared/lib/router-context.shared-runtime.d.ts","./node_modules/next/dist/shared/lib/loadable-context.shared-runtime.d.ts","./node_modules/next/dist/shared/lib/loadable.shared-runtime.d.ts","./node_modules/next/dist/shared/lib/image-config-context.shared-runtime.d.ts","./node_modules/next/dist/shared/lib/hooks-client-context.shared-runtime.d.ts","./node_modules/next/dist/shared/lib/head-manager-context.shared-runtime.d.ts","./node_modules/next/dist/server/future/route-definitions/app-page-route-definition.d.ts","./node_modules/next/dist/shared/lib/modern-browserslist-target.d.ts","./node_modules/next/dist/shared/lib/constants.d.ts","./node_modules/next/dist/build/webpack/loaders/metadata/types.d.ts","./node_modules/next/dist/build/page-extensions-type.d.ts","./node_modules/next/dist/build/webpack/loaders/next-app-loader.d.ts","./node_modules/next/dist/server/lib/app-dir-module.d.ts","./node_modules/next/dist/server/response-cache/types.d.ts","./node_modules/next/dist/server/response-cache/index.d.ts","./node_modules/next/dist/server/lib/incremental-cache/index.d.ts","./node_modules/next/dist/client/components/hooks-server-context.d.ts","./node_modules/next/dist/server/app-render/dynamic-rendering.d.ts","./node_modules/next/dist/client/components/static-generation-async-storage-instance.d.ts","./node_modules/next/dist/client/components/static-generation-async-storage.external.d.ts","./node_modules/next/dist/server/web/spec-extension/adapters/request-cookies.d.ts","./node_modules/next/dist/server/async-storage/draft-mode-provider.d.ts","./node_modules/next/dist/server/web/spec-extension/adapters/headers.d.ts","./node_modules/next/dist/client/components/request-async-storage-instance.d.ts","./node_modules/next/dist/client/components/request-async-storage.external.d.ts","./node_modules/next/dist/server/app-render/create-error-handler.d.ts","./node_modules/next/dist/server/app-render/app-render.d.ts","./node_modules/next/dist/shared/lib/server-inserted-html.shared-runtime.d.ts","./node_modules/next/dist/shared/lib/amp-context.shared-runtime.d.ts","./node_modules/next/dist/server/future/route-modules/app-page/vendored/contexts/entrypoints.d.ts","./node_modules/next/dist/server/future/route-modules/app-page/module.compiled.d.ts","./node_modules/@types/react/jsx-runtime.d.ts","./node_modules/next/dist/client/components/error-boundary.d.ts","./node_modules/next/dist/client/components/router-reducer/create-initial-router-state.d.ts","./node_modules/next/dist/client/components/app-router.d.ts","./node_modules/next/dist/client/components/layout-router.d.ts","./node_modules/next/dist/client/components/render-from-template-context.d.ts","./node_modules/next/dist/client/components/action-async-storage-instance.d.ts","./node_modules/next/dist/client/components/action-async-storage.external.d.ts","./node_modules/next/dist/client/components/client-page.d.ts","./node_modules/next/dist/client/components/search-params.d.ts","./node_modules/next/dist/client/components/not-found-boundary.d.ts","./node_modules/next/dist/server/app-render/rsc/preloads.d.ts","./node_modules/next/dist/server/app-render/rsc/postpone.d.ts","./node_modules/next/dist/server/app-render/rsc/taint.d.ts","./node_modules/next/dist/server/app-render/entry-base.d.ts","./node_modules/next/dist/build/templates/app-page.d.ts","./node_modules/next/dist/server/future/route-modules/app-page/module.d.ts","./node_modules/next/dist/server/app-render/types.d.ts","./node_modules/next/dist/client/components/router-reducer/fetch-server-response.d.ts","./node_modules/next/dist/client/components/router-reducer/router-reducer-types.d.ts","./node_modules/next/dist/shared/lib/app-router-context.shared-runtime.d.ts","./node_modules/next/dist/server/future/route-modules/pages/vendored/contexts/entrypoints.d.ts","./node_modules/next/dist/server/future/route-modules/pages/module.compiled.d.ts","./node_modules/next/dist/build/templates/pages.d.ts","./node_modules/next/dist/server/future/route-modules/pages/module.d.ts","./node_modules/next/dist/server/render.d.ts","./node_modules/next/dist/server/future/route-definitions/pages-api-route-definition.d.ts","./node_modules/next/dist/server/future/route-matches/pages-api-route-match.d.ts","./node_modules/next/dist/server/future/route-matchers/route-matcher.d.ts","./node_modules/next/dist/server/future/route-matcher-providers/route-matcher-provider.d.ts","./node_modules/next/dist/server/future/route-matcher-managers/route-matcher-manager.d.ts","./node_modules/next/dist/server/future/normalizers/normalizer.d.ts","./node_modules/next/dist/server/future/normalizers/locale-route-normalizer.d.ts","./node_modules/next/dist/server/future/normalizers/request/pathname-normalizer.d.ts","./node_modules/next/dist/server/future/normalizers/request/suffix.d.ts","./node_modules/next/dist/server/future/normalizers/request/rsc.d.ts","./node_modules/next/dist/server/future/normalizers/request/prefix.d.ts","./node_modules/next/dist/server/future/normalizers/request/postponed.d.ts","./node_modules/next/dist/server/future/normalizers/request/action.d.ts","./node_modules/next/dist/server/future/normalizers/request/prefetch-rsc.d.ts","./node_modules/next/dist/server/future/normalizers/request/next-data.d.ts","./node_modules/next/dist/server/base-server.d.ts","./node_modules/next/dist/server/image-optimizer.d.ts","./node_modules/next/dist/server/next-server.d.ts","./node_modules/next/dist/lib/coalesced-function.d.ts","./node_modules/next/dist/server/lib/router-utils/types.d.ts","./node_modules/next/dist/trace/types.d.ts","./node_modules/next/dist/trace/trace.d.ts","./node_modules/next/dist/trace/shared.d.ts","./node_modules/next/dist/trace/index.d.ts","./node_modules/next/dist/build/load-jsconfig.d.ts","./node_modules/next/dist/build/webpack-config.d.ts","./node_modules/next/dist/build/webpack/plugins/define-env-plugin.d.ts","./node_modules/next/dist/build/swc/index.d.ts","./node_modules/next/dist/server/dev/parse-version-info.d.ts","./node_modules/next/dist/server/dev/hot-reloader-types.d.ts","./node_modules/next/dist/telemetry/storage.d.ts","./node_modules/next/dist/server/lib/types.d.ts","./node_modules/next/dist/server/lib/render-server.d.ts","./node_modules/next/dist/server/lib/router-server.d.ts","./node_modules/next/dist/shared/lib/router/utils/path-match.d.ts","./node_modules/next/dist/server/lib/router-utils/filesystem.d.ts","./node_modules/next/dist/server/lib/router-utils/setup-dev-bundler.d.ts","./node_modules/next/dist/server/lib/dev-bundler-service.d.ts","./node_modules/next/dist/server/dev/static-paths-worker.d.ts","./node_modules/next/dist/server/dev/next-dev-server.d.ts","./node_modules/next/dist/server/next.d.ts","./node_modules/next/dist/lib/metadata/types/alternative-urls-types.d.ts","./node_modules/next/dist/lib/metadata/types/extra-types.d.ts","./node_modules/next/dist/lib/metadata/types/metadata-types.d.ts","./node_modules/next/dist/lib/metadata/types/manifest-types.d.ts","./node_modules/next/dist/lib/metadata/types/opengraph-types.d.ts","./node_modules/next/dist/lib/metadata/types/twitter-types.d.ts","./node_modules/next/dist/lib/metadata/types/metadata-interface.d.ts","./node_modules/next/types/index.d.ts","./node_modules/next/dist/shared/lib/html-context.shared-runtime.d.ts","./node_modules/@next/env/dist/index.d.ts","./node_modules/next/dist/shared/lib/utils.d.ts","./node_modules/next/dist/pages/_app.d.ts","./node_modules/next/app.d.ts","./node_modules/next/dist/server/web/spec-extension/unstable-cache.d.ts","./node_modules/next/dist/server/web/spec-extension/revalidate.d.ts","./node_modules/next/dist/server/web/spec-extension/unstable-no-store.d.ts","./node_modules/next/cache.d.ts","./node_modules/next/dist/shared/lib/runtime-config.external.d.ts","./node_modules/next/config.d.ts","./node_modules/next/dist/pages/_document.d.ts","./node_modules/next/document.d.ts","./node_modules/next/dist/shared/lib/dynamic.d.ts","./node_modules/next/dynamic.d.ts","./node_modules/next/dist/pages/_error.d.ts","./node_modules/next/error.d.ts","./node_modules/next/dist/shared/lib/head.d.ts","./node_modules/next/head.d.ts","./node_modules/next/dist/client/components/draft-mode.d.ts","./node_modules/next/dist/client/components/headers.d.ts","./node_modules/next/headers.d.ts","./node_modules/next/dist/shared/lib/get-img-props.d.ts","./node_modules/next/dist/client/image-component.d.ts","./node_modules/next/dist/shared/lib/image-external.d.ts","./node_modules/next/image.d.ts","./node_modules/next/dist/client/link.d.ts","./node_modules/next/link.d.ts","./node_modules/next/dist/client/components/redirect-status-code.d.ts","./node_modules/next/dist/client/components/redirect.d.ts","./node_modules/next/dist/client/components/not-found.d.ts","./node_modules/next/dist/client/components/navigation.react-server.d.ts","./node_modules/next/dist/client/components/navigation.d.ts","./node_modules/next/navigation.d.ts","./node_modules/next/router.d.ts","./node_modules/next/dist/client/script.d.ts","./node_modules/next/script.d.ts","./node_modules/next/dist/server/web/spec-extension/user-agent.d.ts","./node_modules/next/dist/compiled/@edge-runtime/primitives/url.d.ts","./node_modules/next/dist/server/web/spec-extension/image-response.d.ts","./node_modules/next/dist/compiled/@vercel/og/satori/index.d.ts","./node_modules/next/dist/compiled/@vercel/og/emoji/index.d.ts","./node_modules/next/dist/compiled/@vercel/og/types.d.ts","./node_modules/next/server.d.ts","./node_modules/next/types/global.d.ts","./node_modules/next/types/compiled.d.ts","./node_modules/next/index.d.ts","./node_modules/next/image-types/global.d.ts","./next-env.d.ts","./node_modules/source-map-js/source-map.d.ts","./node_modules/postcss/lib/previous-map.d.ts","./node_modules/postcss/lib/input.d.ts","./node_modules/postcss/lib/css-syntax-error.d.ts","./node_modules/postcss/lib/declaration.d.ts","./node_modules/postcss/lib/root.d.ts","./node_modules/postcss/lib/warning.d.ts","./node_modules/postcss/lib/lazy-result.d.ts","./node_modules/postcss/lib/no-work-result.d.ts","./node_modules/postcss/lib/processor.d.ts","./node_modules/postcss/lib/result.d.ts","./node_modules/postcss/lib/document.d.ts","./node_modules/postcss/lib/rule.d.ts","./node_modules/postcss/lib/node.d.ts","./node_modules/postcss/lib/comment.d.ts","./node_modules/postcss/lib/container.d.ts","./node_modules/postcss/lib/at-rule.d.ts","./node_modules/postcss/lib/list.d.ts","./node_modules/postcss/lib/postcss.d.ts","./node_modules/postcss/lib/postcss.d.mts","./node_modules/tailwindcss/types/generated/corepluginlist.d.ts","./node_modules/tailwindcss/types/generated/colors.d.ts","./node_modules/tailwindcss/types/config.d.ts","./node_modules/tailwindcss/types/index.d.ts","./tailwind.config.ts","./node_modules/next-auth/adapters.d.ts","./node_modules/jose/dist/types/types.d.ts","./node_modules/jose/dist/types/jwe/compact/decrypt.d.ts","./node_modules/jose/dist/types/jwe/flattened/decrypt.d.ts","./node_modules/jose/dist/types/jwe/general/decrypt.d.ts","./node_modules/jose/dist/types/jwe/general/encrypt.d.ts","./node_modules/jose/dist/types/jws/compact/verify.d.ts","./node_modules/jose/dist/types/jws/flattened/verify.d.ts","./node_modules/jose/dist/types/jws/general/verify.d.ts","./node_modules/jose/dist/types/jwt/verify.d.ts","./node_modules/jose/dist/types/jwt/decrypt.d.ts","./node_modules/jose/dist/types/jwt/produce.d.ts","./node_modules/jose/dist/types/jwe/compact/encrypt.d.ts","./node_modules/jose/dist/types/jwe/flattened/encrypt.d.ts","./node_modules/jose/dist/types/jws/compact/sign.d.ts","./node_modules/jose/dist/types/jws/flattened/sign.d.ts","./node_modules/jose/dist/types/jws/general/sign.d.ts","./node_modules/jose/dist/types/jwt/sign.d.ts","./node_modules/jose/dist/types/jwt/encrypt.d.ts","./node_modules/jose/dist/types/jwk/thumbprint.d.ts","./node_modules/jose/dist/types/jwk/embedded.d.ts","./node_modules/jose/dist/types/jwks/local.d.ts","./node_modules/jose/dist/types/jwks/remote.d.ts","./node_modules/jose/dist/types/jwt/unsecured.d.ts","./node_modules/jose/dist/types/key/export.d.ts","./node_modules/jose/dist/types/key/import.d.ts","./node_modules/jose/dist/types/util/decode_protected_header.d.ts","./node_modules/jose/dist/types/util/decode_jwt.d.ts","./node_modules/jose/dist/types/util/errors.d.ts","./node_modules/jose/dist/types/key/generate_key_pair.d.ts","./node_modules/jose/dist/types/key/generate_secret.d.ts","./node_modules/jose/dist/types/util/base64url.d.ts","./node_modules/jose/dist/types/util/runtime.d.ts","./node_modules/jose/dist/types/index.d.ts","./node_modules/openid-client/types/index.d.ts","./node_modules/next-auth/providers/oauth-types.d.ts","./node_modules/next-auth/providers/oauth.d.ts","./node_modules/next-auth/providers/email.d.ts","./node_modules/next-auth/core/lib/cookie.d.ts","./node_modules/next-auth/core/index.d.ts","./node_modules/next-auth/providers/credentials.d.ts","./node_modules/next-auth/providers/index.d.ts","./node_modules/next-auth/jwt/types.d.ts","./node_modules/next-auth/jwt/index.d.ts","./node_modules/next-auth/utils/logger.d.ts","./node_modules/next-auth/core/types.d.ts","./node_modules/next-auth/next/index.d.ts","./node_modules/next-auth/index.d.ts","./node_modules/next-auth/providers/discord.d.ts","./lib/auth.ts","./app/api/auth/[...nextauth]/route.ts","./hooks/use-auth.ts","./types/api.ts","./lib/api.ts","./node_modules/clsx/clsx.d.mts","./node_modules/tailwind-merge/dist/types.d.ts","./lib/utils.ts","./types/index.ts","./types/next-auth.d.ts","./node_modules/next/dist/compiled/@next/font/dist/types.d.ts","./node_modules/next/dist/compiled/@next/font/dist/google/index.d.ts","./node_modules/next/font/google/index.d.ts","./node_modules/sonner/dist/index.d.mts","./components/ui/sonner.tsx","./node_modules/next-auth/client/_utils.d.ts","./node_modules/next-auth/react/types.d.ts","./node_modules/next-auth/react/index.d.ts","./components/auth-provider.tsx","./app/layout.tsx","./node_modules/lucide-react/dist/lucide-react.d.ts","./node_modules/@radix-ui/react-slot/dist/index.d.mts","./node_modules/class-variance-authority/dist/types.d.ts","./node_modules/class-variance-authority/dist/index.d.ts","./components/ui/button.tsx","./app/page.tsx","./app/dashboard/error.tsx","./app/dashboard/layout.tsx","./app/dashboard/loading.tsx","./app/dashboard/page.tsx","./components/dashboard/admin-content.tsx","./app/dashboard/admin/page.tsx","./components/guild-tabs.tsx","./app/dashboard/guild/[guildid]/layout.tsx","./app/dashboard/guild/[guildid]/loading.tsx","./app/dashboard/guild/[guildid]/page.tsx","./node_modules/@radix-ui/react-context/dist/index.d.mts","./node_modules/@radix-ui/react-primitive/dist/index.d.mts","./node_modules/@radix-ui/react-switch/dist/index.d.mts","./components/ui/switch.tsx","./components/ui/input.tsx","./components/dashboard/antinuke-form.tsx","./app/dashboard/guild/[guildid]/antinuke/page.tsx","./components/ui/select.tsx","./components/dashboard/automod-form.tsx","./app/dashboard/guild/[guildid]/automod/page.tsx","./app/dashboard/guild/[guildid]/autoreact/page.tsx","./components/dashboard/autorole-form.tsx","./app/dashboard/guild/[guildid]/autorole/page.tsx","./components/dashboard/customroles-form.tsx","./app/dashboard/guild/[guildid]/customroles/page.tsx","./app/dashboard/guild/[guildid]/invcrole/page.tsx","./app/dashboard/guild/[guildid]/invites/page.tsx","./components/dashboard/j2c-form.tsx","./app/dashboard/guild/[guildid]/j2c/page.tsx","./components/ui/card.tsx","./components/ui/textarea.tsx","./components/ui/label.tsx","./app/dashboard/guild/[guildid]/joindm/page.tsx","./components/dashboard/leveling-form.tsx","./app/dashboard/guild/[guildid]/leveling/page.tsx","./app/dashboard/guild/[guildid]/leveling/leaderboard/page.tsx","./components/dashboard/logging-form.tsx","./app/dashboard/guild/[guildid]/logging/page.tsx","./app/dashboard/guild/[guildid]/reactionroles/page.tsx","./components/dashboard/settings-form.tsx","./app/dashboard/guild/[guildid]/settings/page.tsx","./components/dashboard/tickets-form.tsx","./app/dashboard/guild/[guildid]/tickets/page.tsx","./app/dashboard/guild/[guildid]/tracking/page.tsx","./app/dashboard/guild/[guildid]/vanityroles/page.tsx","./app/dashboard/guild/[guildid]/verification/page.tsx","./components/dashboard/welcome-form.tsx","./app/dashboard/guild/[guildid]/welcome/page.tsx","./app/dashboard/guilds/page.tsx","./app/docs/page.tsx","./app/privacy/page.tsx","./app/terms/page.tsx","./components/dashboard/form-elements.tsx","./components/dashboard/metric-card.tsx","./components/dashboard/page-header.tsx","./components/dashboard/reactionroles-form.tsx","./components/dashboard/server-card.tsx","./components/dashboard/vanityrole-form.tsx","./components/dashboard/verification-form.tsx","./components/ui/table.tsx","./.next/types/app/layout.ts","./.next/types/app/api/auth/[...nextauth]/route.ts","./.next/types/app/dashboard/layout.ts","./.next/types/app/dashboard/page.ts","./.next/types/app/dashboard/admin/page.ts","./.next/types/app/dashboard/guild/[guildid]/layout.ts","./.next/types/app/dashboard/guild/[guildid]/page.ts","./.next/types/app/dashboard/guild/[guildid]/antinuke/page.ts","./.next/types/app/dashboard/guild/[guildid]/automod/page.ts","./.next/types/app/dashboard/guild/[guildid]/autoreact/page.ts","./.next/types/app/dashboard/guild/[guildid]/autorole/page.ts","./.next/types/app/dashboard/guild/[guildid]/customroles/page.ts","./.next/types/app/dashboard/guild/[guildid]/invcrole/page.ts","./.next/types/app/dashboard/guild/[guildid]/invites/page.ts","./.next/types/app/dashboard/guild/[guildid]/j2c/page.ts","./.next/types/app/dashboard/guild/[guildid]/joindm/page.ts","./.next/types/app/dashboard/guild/[guildid]/leveling/page.ts","./.next/types/app/dashboard/guild/[guildid]/logging/page.ts","./.next/types/app/dashboard/guild/[guildid]/reactionroles/page.ts","./.next/types/app/dashboard/guild/[guildid]/settings/page.ts","./.next/types/app/dashboard/guild/[guildid]/tickets/page.ts","./.next/types/app/dashboard/guild/[guildid]/vanityroles/page.ts","./.next/types/app/dashboard/guild/[guildid]/verification/page.ts","./.next/types/app/dashboard/guild/[guildid]/welcome/page.ts","./.next/types/app/dashboard/guilds/page.ts","./node_modules/@types/json5/index.d.ts"],"fileIdsList":[[99,145,403,484],[99,145,358,514],[99,145,358,525],[99,145,358,528],[99,145,358,529],[99,145,358,531],[99,145,358,533],[99,145,358,534],[99,145,358,535],[99,145,358,537],[99,145,358,541],[99,145,358,516],[99,145,358,543],[99,145,358,546],[99,145,358,518],[99,145,358,547],[99,145,358,549],[99,145,358,551],[99,145,358,553],[99,145,358,554],[99,145,358,556],[99,145,358,557],[99,145,358,510],[99,145,358,512],[99,145,358,502],[99,145,481,483,492],[87,99,145,393,480,483,490,503,513],[87,99,145,387,503,507],[87,99,145,374,487,503,524],[87,99,145,374,487,503,527],[87,99,145,487,490,496,503,507,523],[87,99,145,374,487,503,530],[87,99,145,374,487,503,532],[87,99,145,487,490,496,503,507,522,526],[87,99,145,487,490,496,503],[87,99,145,374,487,503,536],[87,99,145,487,496,503,507,538,539,540],[87,99,145,385,387,487,490,503,507,515],[87,99,145,486,487,490,503,507,523],[87,99,145,487,503,542],[87,99,145],[87,99,145,374,487,503,507,545],[87,99,145,503],[87,99,145,487,490,496,503,507,522,523,526],[87,99,145,487,503,548],[87,99,145,374,487,503,507,550],[87,99,145,487,496,503,507,522,526,538,540],[87,99,145,487,490,496,503,507,523,526],[87,99,145,374,487,503,555],[87,99,145,385,387,393,480,483,486,487,503,507],[87,99,145,387,393,486,487,490,500,503],[87,99,145,487,503],[87,99,145,387,490,503,507],[99,145,406,495,497,501],[87,99,145,387,490,500,503,507],[99,145,500],[87,99,145,486,487,490,496,503],[87,99,145,486,487,490,496,503,507,522,523],[87,99,145,486,487,490,496,503,507,522,526],[87,99,145,486,487,490,496,503,507,526],[87,99,145,487,490,496,503,507,526],[87,99,145,490,522,523,526],[87,99,145,486,487,496,503,507,522,523],[87,99,145,490,503],[87,99,145,490],[87,99,145,487,496,503,507,522,523,526],[87,99,145,385,387,490,503,507],[87,99,145,487,496,503,507,523],[87,99,145,486,487,496,503,507,523,526,539],[87,99,145,486,487,496,503,507,523,526],[87,99,145,486,487,496,503,507,522,526],[87,99,145,486,487,496,503,507,526],[87,99,145,387,393,490,503],[87,99,145,490,504,506],[99,145,496],[87,99,145,490,521],[99,145,486],[99,145,481,482,492],[99,145,488,489],[99,145,406,407],[99,145],[87,91,99,145,195,196,359,402],[87,99,145,519,520],[99,142,145],[99,144,145],[145],[99,145,150,178],[99,145,146,151,156,164,175,186],[99,145,146,147,156,164],[94,95,96,99,145],[99,145,148,187],[99,145,149,150,157,165],[99,145,150,175,183],[99,145,151,153,156,164],[99,144,145,152],[99,145,153,154],[99,145,155,156],[99,144,145,156],[99,145,156,157,158,175,186],[99,145,156,157,158,171,175,178],[99,145,153,156,159,164,175,186],[99,145,156,157,159,160,164,175,183,186],[99,145,159,161,175,183,186],[97,98,99,100,101,102,103,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,166,167,168,169,170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186,187,188,189,190,191,192],[99,145,156,162],[99,145,163,186,191],[99,145,153,156,164,175],[99,145,165],[99,145,166],[99,144,145,167],[99,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,166,167,168,169,170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186,187,188,189,190,191,192],[99,145,169],[99,145,170],[99,145,156,171,172],[99,145,171,173,187,189],[99,145,156,175,176,178],[99,145,177,178],[99,145,175,176],[99,145,178],[99,145,179],[99,142,145,175,180],[99,145,156,181,182],[99,145,181,182],[99,145,150,164,175,183],[99,145,184],[99,145,164,185],[99,145,159,170,186],[99,145,150,187],[99,145,175,188],[99,145,163,189],[99,145,190],[99,140,145],[99,140,145,156,158,167,175,178,186,189,191],[99,145,175,192],[87,99,145,197,198,199],[87,99,145,197,198],[87,91,99,145,196,359,402,504],[87,91,99,145,195,359,402,504],[84,85,86,99,145],[99,145,488,505],[99,145,488],[99,145,435,436,437,438,439,440,441,442,443,444,445,446,447,448,449,450,451,452,453,454,455,456,457,458,459,460,461,462,463,464,465,466],[99,145,435],[99,145,435,445],[99,145,481,492],[99,145,159,193,481,492],[99,145,472,479],[99,145,403,406,479,481,492],[99,145,434,468,475,477,478],[99,145,473,479,480],[99,145,403,406,476,481,492],[99,145,193,481,492],[99,145,473,475,481,492],[99,145,475],[99,145,475,479,481,492],[99,145,470,471,474],[99,145,467,468,469,475,481,492],[87,99,145,475,481,492,498,499],[87,99,145,475,481,492],[92,99,145],[99,145,363],[99,145,365,366,367],[99,145,369],[99,145,202,212,218,220,359],[99,145,202,209,211,214,232],[99,145,212],[99,145,212,337],[99,145,266,284,299,405],[99,145,307],[99,145,202,212,219,252,262,334,335,405],[99,145,219,405],[99,145,212,262,263,264,405],[99,145,212,219,252,405],[99,145,405],[99,145,202,219,220,405],[99,145,292],[99,144,145,193,291],[87,99,145,285,286,287,304,305],[87,99,145,285],[99,145,275],[99,145,274,276,379],[87,99,145,285,286,302],[99,145,281,305,391],[99,145,389,390],[99,145,226,388],[99,145,278],[99,144,145,193,226,274,275,276,277],[87,99,145,302,304,305],[99,145,302,304],[99,145,302,303,305],[99,145,170,193],[99,145,273],[99,144,145,193,211,213,269,270,271,272],[87,99,145,203,382],[87,99,145,186,193],[87,99,145,219,250],[87,99,145,219],[99,145,248,253],[87,99,145,249,362],[99,145,493],[87,91,99,145,159,193,195,196,359,400,401,504],[99,145,359],[99,145,201],[99,145,352,353,354,355,356,357],[99,145,354],[87,99,145,249,285,362],[87,99,145,285,360,362],[87,99,145,285,362],[99,145,159,193,213,362],[99,145,159,193,210,211,222,240,273,278,279,301,302],[99,145,270,273,278,286,288,289,290,292,293,294,295,296,297,298,405],[99,145,271],[87,99,145,170,193,211,212,240,242,244,269,301,305,359,405],[99,145,159,193,213,214,226,227,274],[99,145,159,193,212,214],[99,145,159,175,193,210,213,214],[99,145,159,170,186,193,210,211,212,213,214,219,222,223,233,234,236,239,240,242,243,244,268,269,302,310,312,315,317,320,322,323,324,325],[99,145,159,175,193],[99,145,202,203,204,210,211,359,362,405],[99,145,159,175,186,193,207,336,338,339,405],[99,145,170,186,193,207,210,213,230,234,236,237,238,242,269,315,326,328,334,348,349],[99,145,212,216,269],[99,145,210,212],[99,145,223,316],[99,145,318,319],[99,145,318],[99,145,316],[99,145,318,321],[99,145,206,207],[99,145,206,245],[99,145,206],[99,145,208,223,314],[99,145,313],[99,145,207,208],[99,145,208,311],[99,145,207],[99,145,301],[99,145,159,193,210,222,241,260,266,280,283,300,302],[99,145,254,255,256,257,258,259,281,282,305,360],[99,145,309],[99,145,159,193,210,222,241,246,306,308,310,359,362],[99,145,159,186,193,203,210,212,268],[99,145,265],[99,145,159,193,342,347],[99,145,233,268,362],[99,145,330,334,348,351],[99,145,159,216,334,342,343,351],[99,145,202,212,233,243,345],[99,145,159,193,212,219,243,329,330,340,341,344,346],[99,145,194,240,241,359,362],[99,145,159,170,186,193,208,210,211,213,216,221,222,230,233,234,236,237,238,239,242,244,268,269,312,326,327,362],[99,145,159,193,210,212,216,328,350],[99,145,159,193,211,213],[87,99,145,159,170,193,201,203,210,211,214,222,239,240,242,244,309,359,362],[99,145,159,170,186,193,205,208,209,213],[99,145,206,267],[99,145,159,193,206,211,222],[99,145,159,193,212,223],[99,145,159,193],[99,145,226],[99,145,225],[99,145,227],[99,145,212,224,226,230],[99,145,212,224,226],[99,145,159,193,205,212,213,219,227,228,229],[87,99,145,302,303,304],[99,145,261],[87,99,145,203],[87,99,145,236],[87,99,145,194,239,244,359,362],[99,145,203,382,383],[87,99,145,253],[87,99,145,170,186,193,201,247,249,251,252,362],[99,145,213,219,236],[99,145,235],[87,99,145,157,159,170,193,201,253,262,359,360,361],[83,87,88,89,90,99,145,195,196,359,402,504],[99,145,150],[99,145,331,332,333],[99,145,331],[99,145,371],[99,145,373],[99,145,375],[99,145,494],[99,145,377],[99,145,380],[99,145,384],[91,93,99,145,359,364,368,370,372,374,376,378,381,385,387,393,394,396,403,404,405],[99,145,386],[99,145,392],[99,145,249],[99,145,395],[99,144,145,227,228,229,230,397,398,399,402],[99,145,193],[87,91,99,145,159,161,170,193,195,196,197,199,201,214,351,358,362,402,504],[99,145,150,159,160,161,186,187,193,467],[99,145,424],[99,145,422,424],[99,145,413,421,422,423,425,427],[99,145,411],[99,145,414,419,424,427],[99,145,410,427],[99,145,414,415,418,419,420,427],[99,145,414,415,416,418,419,427],[99,145,411,412,413,414,415,419,420,421,423,424,425,427],[99,145,427],[99,145,409,411,412,413,414,415,416,418,419,420,421,422,423,424,425,426],[99,145,409,427],[99,145,414,416,417,419,420,427],[99,145,418,427],[99,145,419,420,424,427],[99,145,412,422],[99,145,429,430],[99,145,428,431],[99,112,116,145,186],[99,112,145,175,186],[99,107,145],[99,109,112,145,183,186],[99,145,164,183],[99,107,145,193],[99,109,112,145,164,186],[99,104,105,108,111,145,156,175,186],[99,112,119,145],[99,104,110,145],[99,112,133,134,145],[99,108,112,145,178,186,193],[99,133,145,193],[99,106,107,145,193],[99,112,145],[99,106,107,108,109,110,111,112,113,114,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,134,135,136,137,138,139,145],[99,112,127,145],[99,112,119,120,145],[99,110,112,120,121,145],[99,111,145],[99,104,107,112,145],[99,112,116,120,121,145],[99,116,145],[99,110,112,115,145,186],[99,104,109,112,119,145],[99,145,175],[99,107,112,133,145,191,193],[99,145,432]],"fileInfos":[{"version":"c430d44666289dae81f30fa7b2edebf186ecc91a2d4c71266ea6ae76388792e1","affectsGlobalScope":true,"impliedFormat":1},{"version":"45b7ab580deca34ae9729e97c13cfd999df04416a79116c3bfb483804f85ded4","impliedFormat":1},{"version":"3facaf05f0c5fc569c5649dd359892c98a85557e3e0c847964caeb67076f4d75","impliedFormat":1},{"version":"e44bb8bbac7f10ecc786703fe0a6a4b952189f908707980ba8f3c8975a760962","impliedFormat":1},{"version":"5e1c4c362065a6b95ff952c0eab010f04dcd2c3494e813b493ecfd4fcb9fc0d8","impliedFormat":1},{"version":"68d73b4a11549f9c0b7d352d10e91e5dca8faa3322bfb77b661839c42b1ddec7","impliedFormat":1},{"version":"5efce4fc3c29ea84e8928f97adec086e3dc876365e0982cc8479a07954a3efd4","impliedFormat":1},{"version":"feecb1be483ed332fad555aff858affd90a48ab19ba7272ee084704eb7167569","impliedFormat":1},{"version":"ee7bad0c15b58988daa84371e0b89d313b762ab83cb5b31b8a2d1162e8eb41c2","impliedFormat":1},{"version":"27bdc30a0e32783366a5abeda841bc22757c1797de8681bbe81fbc735eeb1c10","impliedFormat":1},{"version":"8fd575e12870e9944c7e1d62e1f5a73fcf23dd8d3a321f2a2c74c20d022283fe","impliedFormat":1},{"version":"2ab096661c711e4a81cc464fa1e6feb929a54f5340b46b0a07ac6bbf857471f0","impliedFormat":1},{"version":"080941d9f9ff9307f7e27a83bcd888b7c8270716c39af943532438932ec1d0b9","affectsGlobalScope":true,"impliedFormat":1},{"version":"2e80ee7a49e8ac312cc11b77f1475804bee36b3b2bc896bead8b6e1266befb43","affectsGlobalScope":true,"impliedFormat":1},{"version":"c57796738e7f83dbc4b8e65132f11a377649c00dd3eee333f672b8f0a6bea671","affectsGlobalScope":true,"impliedFormat":1},{"version":"dc2df20b1bcdc8c2d34af4926e2c3ab15ffe1160a63e58b7e09833f616efff44","affectsGlobalScope":true,"impliedFormat":1},{"version":"515d0b7b9bea2e31ea4ec968e9edd2c39d3eebf4a2d5cbd04e88639819ae3b71","affectsGlobalScope":true,"impliedFormat":1},{"version":"0559b1f683ac7505ae451f9a96ce4c3c92bdc71411651ca6ddb0e88baaaad6a3","affectsGlobalScope":true,"impliedFormat":1},{"version":"0dc1e7ceda9b8b9b455c3a2d67b0412feab00bd2f66656cd8850e8831b08b537","affectsGlobalScope":true,"impliedFormat":1},{"version":"ce691fb9e5c64efb9547083e4a34091bcbe5bdb41027e310ebba8f7d96a98671","affectsGlobalScope":true,"impliedFormat":1},{"version":"8d697a2a929a5fcb38b7a65594020fcef05ec1630804a33748829c5ff53640d0","affectsGlobalScope":true,"impliedFormat":1},{"version":"4ff2a353abf8a80ee399af572debb8faab2d33ad38c4b4474cff7f26e7653b8d","affectsGlobalScope":true,"impliedFormat":1},{"version":"fb0f136d372979348d59b3f5020b4cdb81b5504192b1cacff5d1fbba29378aa1","affectsGlobalScope":true,"impliedFormat":1},{"version":"d15bea3d62cbbdb9797079416b8ac375ae99162a7fba5de2c6c505446486ac0a","affectsGlobalScope":true,"impliedFormat":1},{"version":"68d18b664c9d32a7336a70235958b8997ebc1c3b8505f4f1ae2b7e7753b87618","affectsGlobalScope":true,"impliedFormat":1},{"version":"eb3d66c8327153d8fa7dd03f9c58d351107fe824c79e9b56b462935176cdf12a","affectsGlobalScope":true,"impliedFormat":1},{"version":"38f0219c9e23c915ef9790ab1d680440d95419ad264816fa15009a8851e79119","affectsGlobalScope":true,"impliedFormat":1},{"version":"69ab18c3b76cd9b1be3d188eaf8bba06112ebbe2f47f6c322b5105a6fbc45a2e","affectsGlobalScope":true,"impliedFormat":1},{"version":"a680117f487a4d2f30ea46f1b4b7f58bef1480456e18ba53ee85c2746eeca012","affectsGlobalScope":true,"impliedFormat":1},{"version":"2f11ff796926e0832f9ae148008138ad583bd181899ab7dd768a2666700b1893","affectsGlobalScope":true,"impliedFormat":1},{"version":"4de680d5bb41c17f7f68e0419412ca23c98d5749dcaaea1896172f06435891fc","affectsGlobalScope":true,"impliedFormat":1},{"version":"954296b30da6d508a104a3a0b5d96b76495c709785c1d11610908e63481ee667","affectsGlobalScope":true,"impliedFormat":1},{"version":"ac9538681b19688c8eae65811b329d3744af679e0bdfa5d842d0e32524c73e1c","affectsGlobalScope":true,"impliedFormat":1},{"version":"0a969edff4bd52585473d24995c5ef223f6652d6ef46193309b3921d65dd4376","affectsGlobalScope":true,"impliedFormat":1},{"version":"9e9fbd7030c440b33d021da145d3232984c8bb7916f277e8ffd3dc2e3eae2bdb","affectsGlobalScope":true,"impliedFormat":1},{"version":"811ec78f7fefcabbda4bfa93b3eb67d9ae166ef95f9bff989d964061cbf81a0c","affectsGlobalScope":true,"impliedFormat":1},{"version":"717937616a17072082152a2ef351cb51f98802fb4b2fdabd32399843875974ca","affectsGlobalScope":true,"impliedFormat":1},{"version":"d7e7d9b7b50e5f22c915b525acc5a49a7a6584cf8f62d0569e557c5cfc4b2ac2","affectsGlobalScope":true,"impliedFormat":1},{"version":"71c37f4c9543f31dfced6c7840e068c5a5aacb7b89111a4364b1d5276b852557","affectsGlobalScope":true,"impliedFormat":1},{"version":"576711e016cf4f1804676043e6a0a5414252560eb57de9faceee34d79798c850","affectsGlobalScope":true,"impliedFormat":1},{"version":"89c1b1281ba7b8a96efc676b11b264de7a8374c5ea1e6617f11880a13fc56dc6","affectsGlobalScope":true,"impliedFormat":1},{"version":"74f7fa2d027d5b33eb0471c8e82a6c87216223181ec31247c357a3e8e2fddc5b","affectsGlobalScope":true,"impliedFormat":1},{"version":"d6d7ae4d1f1f3772e2a3cde568ed08991a8ae34a080ff1151af28b7f798e22ca","affectsGlobalScope":true,"impliedFormat":1},{"version":"063600664504610fe3e99b717a1223f8b1900087fab0b4cad1496a114744f8df","affectsGlobalScope":true,"impliedFormat":1},{"version":"934019d7e3c81950f9a8426d093458b65d5aff2c7c1511233c0fd5b941e608ab","affectsGlobalScope":true,"impliedFormat":1},{"version":"52ada8e0b6e0482b728070b7639ee42e83a9b1c22d205992756fe020fd9f4a47","affectsGlobalScope":true,"impliedFormat":1},{"version":"3bdefe1bfd4d6dee0e26f928f93ccc128f1b64d5d501ff4a8cf3c6371200e5e6","affectsGlobalScope":true,"impliedFormat":1},{"version":"59fb2c069260b4ba00b5643b907ef5d5341b167e7d1dbf58dfd895658bda2867","affectsGlobalScope":true,"impliedFormat":1},{"version":"639e512c0dfc3fad96a84caad71b8834d66329a1f28dc95e3946c9b58176c73a","affectsGlobalScope":true,"impliedFormat":1},{"version":"368af93f74c9c932edd84c58883e736c9e3d53cec1fe24c0b0ff451f529ceab1","affectsGlobalScope":true,"impliedFormat":1},{"version":"af3dd424cf267428f30ccfc376f47a2c0114546b55c44d8c0f1d57d841e28d74","affectsGlobalScope":true,"impliedFormat":1},{"version":"995c005ab91a498455ea8dfb63aa9f83fa2ea793c3d8aa344be4a1678d06d399","affectsGlobalScope":true,"impliedFormat":1},{"version":"959d36cddf5e7d572a65045b876f2956c973a586da58e5d26cde519184fd9b8a","affectsGlobalScope":true,"impliedFormat":1},{"version":"965f36eae237dd74e6cca203a43e9ca801ce38824ead814728a2807b1910117d","affectsGlobalScope":true,"impliedFormat":1},{"version":"3925a6c820dcb1a06506c90b1577db1fdbf7705d65b62b99dce4be75c637e26b","affectsGlobalScope":true,"impliedFormat":1},{"version":"0a3d63ef2b853447ec4f749d3f368ce642264246e02911fcb1590d8c161b8005","affectsGlobalScope":true,"impliedFormat":1},{"version":"8cdf8847677ac7d20486e54dd3fcf09eda95812ac8ace44b4418da1bbbab6eb8","affectsGlobalScope":true,"impliedFormat":1},{"version":"8444af78980e3b20b49324f4a16ba35024fef3ee069a0eb67616ea6ca821c47a","affectsGlobalScope":true,"impliedFormat":1},{"version":"3287d9d085fbd618c3971944b65b4be57859f5415f495b33a6adc994edd2f004","affectsGlobalScope":true,"impliedFormat":1},{"version":"b4b67b1a91182421f5df999988c690f14d813b9850b40acd06ed44691f6727ad","affectsGlobalScope":true,"impliedFormat":1},{"version":"df83c2a6c73228b625b0beb6669c7ee2a09c914637e2d35170723ad49c0f5cd4","affectsGlobalScope":true,"impliedFormat":1},{"version":"436aaf437562f276ec2ddbee2f2cdedac7664c1e4c1d2c36839ddd582eeb3d0a","affectsGlobalScope":true,"impliedFormat":1},{"version":"8e3c06ea092138bf9fa5e874a1fdbc9d54805d074bee1de31b99a11e2fec239d","affectsGlobalScope":true,"impliedFormat":1},{"version":"87dc0f382502f5bbce5129bdc0aea21e19a3abbc19259e0b43ae038a9fc4e326","affectsGlobalScope":true,"impliedFormat":1},{"version":"b1cb28af0c891c8c96b2d6b7be76bd394fddcfdb4709a20ba05a7c1605eea0f9","affectsGlobalScope":true,"impliedFormat":1},{"version":"2fef54945a13095fdb9b84f705f2b5994597640c46afeb2ce78352fab4cb3279","affectsGlobalScope":true,"impliedFormat":1},{"version":"ac77cb3e8c6d3565793eb90a8373ee8033146315a3dbead3bde8db5eaf5e5ec6","affectsGlobalScope":true,"impliedFormat":1},{"version":"56e4ed5aab5f5920980066a9409bfaf53e6d21d3f8d020c17e4de584d29600ad","affectsGlobalScope":true,"impliedFormat":1},{"version":"4ece9f17b3866cc077099c73f4983bddbcb1dc7ddb943227f1ec070f529dedd1","affectsGlobalScope":true,"impliedFormat":1},{"version":"0a6282c8827e4b9a95f4bf4f5c205673ada31b982f50572d27103df8ceb8013c","affectsGlobalScope":true,"impliedFormat":1},{"version":"1c9319a09485199c1f7b0498f2988d6d2249793ef67edda49d1e584746be9032","affectsGlobalScope":true,"impliedFormat":1},{"version":"e3a2a0cee0f03ffdde24d89660eba2685bfbdeae955a6c67e8c4c9fd28928eeb","affectsGlobalScope":true,"impliedFormat":1},{"version":"811c71eee4aa0ac5f7adf713323a5c41b0cf6c4e17367a34fbce379e12bbf0a4","affectsGlobalScope":true,"impliedFormat":1},{"version":"51ad4c928303041605b4d7ae32e0c1ee387d43a24cd6f1ebf4a2699e1076d4fa","affectsGlobalScope":true,"impliedFormat":1},{"version":"60037901da1a425516449b9a20073aa03386cce92f7a1fd902d7602be3a7c2e9","affectsGlobalScope":true,"impliedFormat":1},{"version":"d4b1d2c51d058fc21ec2629fff7a76249dec2e36e12960ea056e3ef89174080f","affectsGlobalScope":true,"impliedFormat":1},{"version":"22adec94ef7047a6c9d1af3cb96be87a335908bf9ef386ae9fd50eeb37f44c47","affectsGlobalScope":true,"impliedFormat":1},{"version":"196cb558a13d4533a5163286f30b0509ce0210e4b316c56c38d4c0fd2fb38405","affectsGlobalScope":true,"impliedFormat":1},{"version":"73f78680d4c08509933daf80947902f6ff41b6230f94dd002ae372620adb0f60","affectsGlobalScope":true,"impliedFormat":1},{"version":"c5239f5c01bcfa9cd32f37c496cf19c61d69d37e48be9de612b541aac915805b","affectsGlobalScope":true,"impliedFormat":1},{"version":"8e7f8264d0fb4c5339605a15daadb037bf238c10b654bb3eee14208f860a32ea","affectsGlobalScope":true,"impliedFormat":1},{"version":"782dec38049b92d4e85c1585fbea5474a219c6984a35b004963b00beb1aab538","affectsGlobalScope":true,"impliedFormat":1},{"version":"0990a7576222f248f0a3b888adcb7389f957928ce2afb1cd5128169086ff4d29","impliedFormat":1},{"version":"eb5b19b86227ace1d29ea4cf81387279d04bb34051e944bc53df69f58914b788","affectsGlobalScope":true,"impliedFormat":1},{"version":"ac51dd7d31333793807a6abaa5ae168512b6131bd41d9c5b98477fc3b7800f9f","impliedFormat":1},{"version":"87d9d29dbc745f182683f63187bf3d53fd8673e5fca38ad5eaab69798ed29fbc","impliedFormat":1},{"version":"035312d4945d13efa134ae482f6dc56a1a9346f7ac3be7ccbad5741058ce87f3","affectsGlobalScope":true,"impliedFormat":1},{"version":"cc69795d9954ee4ad57545b10c7bf1a7260d990231b1685c147ea71a6faa265c","impliedFormat":1},{"version":"8bc6c94ff4f2af1f4023b7bb2379b08d3d7dd80c698c9f0b07431ea16101f05f","impliedFormat":1},{"version":"1b61d259de5350f8b1e5db06290d31eaebebc6baafd5f79d314b5af9256d7153","impliedFormat":1},{"version":"57194e1f007f3f2cbef26fa299d4c6b21f4623a2eddc63dfeef79e38e187a36e","impliedFormat":1},{"version":"0f6666b58e9276ac3a38fdc80993d19208442d6027ab885580d93aec76b4ef00","impliedFormat":1},{"version":"05fd364b8ef02fb1e174fbac8b825bdb1e5a36a016997c8e421f5fab0a6da0a0","impliedFormat":1},{"version":"70521b6ab0dcba37539e5303104f29b721bfb2940b2776da4cc818c07e1fefc1","affectsGlobalScope":true,"impliedFormat":1},{"version":"ab41ef1f2cdafb8df48be20cd969d875602483859dc194e9c97c8a576892c052","affectsGlobalScope":true,"impliedFormat":1},{"version":"d153a11543fd884b596587ccd97aebbeed950b26933ee000f94009f1ab142848","affectsGlobalScope":true,"impliedFormat":1},{"version":"21d819c173c0cf7cc3ce57c3276e77fd9a8a01d35a06ad87158781515c9a438a","impliedFormat":1},{"version":"98cffbf06d6bab333473c70a893770dbe990783904002c4f1a960447b4b53dca","affectsGlobalScope":true,"impliedFormat":1},{"version":"ba481bca06f37d3f2c137ce343c7d5937029b2468f8e26111f3c9d9963d6568d","affectsGlobalScope":true,"impliedFormat":1},{"version":"6d9ef24f9a22a88e3e9b3b3d8c40ab1ddb0853f1bfbd5c843c37800138437b61","affectsGlobalScope":true,"impliedFormat":1},{"version":"1db0b7dca579049ca4193d034d835f6bfe73096c73663e5ef9a0b5779939f3d0","affectsGlobalScope":true,"impliedFormat":1},{"version":"9798340ffb0d067d69b1ae5b32faa17ab31b82466a3fc00d8f2f2df0c8554aaa","affectsGlobalScope":true,"impliedFormat":1},{"version":"f26b11d8d8e4b8028f1c7d618b22274c892e4b0ef5b3678a8ccbad85419aef43","affectsGlobalScope":true,"impliedFormat":1},{"version":"5929864ce17fba74232584d90cb721a89b7ad277220627cc97054ba15a98ea8f","impliedFormat":1},{"version":"763fe0f42b3d79b440a9b6e51e9ba3f3f91352469c1e4b3b67bfa4ff6352f3f4","impliedFormat":1},{"version":"25c8056edf4314820382a5fdb4bb7816999acdcb929c8f75e3f39473b87e85bc","impliedFormat":1},{"version":"c464d66b20788266e5353b48dc4aa6bc0dc4a707276df1e7152ab0c9ae21fad8","impliedFormat":1},{"version":"78d0d27c130d35c60b5e5566c9f1e5be77caf39804636bc1a40133919a949f21","impliedFormat":1},{"version":"c6fd2c5a395f2432786c9cb8deb870b9b0e8ff7e22c029954fabdd692bff6195","impliedFormat":1},{"version":"1d6e127068ea8e104a912e42fc0a110e2aa5a66a356a917a163e8cf9a65e4a75","impliedFormat":1},{"version":"5ded6427296cdf3b9542de4471d2aa8d3983671d4cac0f4bf9c637208d1ced43","impliedFormat":1},{"version":"7f182617db458e98fc18dfb272d40aa2fff3a353c44a89b2c0ccb3937709bfb5","impliedFormat":1},{"version":"cadc8aced301244057c4e7e73fbcae534b0f5b12a37b150d80e5a45aa4bebcbd","impliedFormat":1},{"version":"385aab901643aa54e1c36f5ef3107913b10d1b5bb8cbcd933d4263b80a0d7f20","impliedFormat":1},{"version":"9670d44354bab9d9982eca21945686b5c24a3f893db73c0dae0fd74217a4c219","impliedFormat":1},{"version":"0b8a9268adaf4da35e7fa830c8981cfa22adbbe5b3f6f5ab91f6658899e657a7","impliedFormat":1},{"version":"11396ed8a44c02ab9798b7dca436009f866e8dae3c9c25e8c1fbc396880bf1bb","impliedFormat":1},{"version":"ba7bc87d01492633cb5a0e5da8a4a42a1c86270e7b3d2dea5d156828a84e4882","impliedFormat":1},{"version":"4893a895ea92c85345017a04ed427cbd6a1710453338df26881a6019432febdd","impliedFormat":1},{"version":"c21dc52e277bcfc75fac0436ccb75c204f9e1b3fa5e12729670910639f27343e","impliedFormat":1},{"version":"13f6f39e12b1518c6650bbb220c8985999020fe0f21d818e28f512b7771d00f9","impliedFormat":1},{"version":"9b5369969f6e7175740bf51223112ff209f94ba43ecd3bb09eefff9fd675624a","impliedFormat":1},{"version":"4fe9e626e7164748e8769bbf74b538e09607f07ed17c2f20af8d680ee49fc1da","impliedFormat":1},{"version":"24515859bc0b836719105bb6cc3d68255042a9f02a6022b3187948b204946bd2","impliedFormat":1},{"version":"ea0148f897b45a76544ae179784c95af1bd6721b8610af9ffa467a518a086a43","impliedFormat":1},{"version":"24c6a117721e606c9984335f71711877293a9651e44f59f3d21c1ea0856f9cc9","impliedFormat":1},{"version":"dd3273ead9fbde62a72949c97dbec2247ea08e0c6952e701a483d74ef92d6a17","impliedFormat":1},{"version":"405822be75ad3e4d162e07439bac80c6bcc6dbae1929e179cf467ec0b9ee4e2e","impliedFormat":1},{"version":"0db18c6e78ea846316c012478888f33c11ffadab9efd1cc8bcc12daded7a60b6","impliedFormat":1},{"version":"e61be3f894b41b7baa1fbd6a66893f2579bfad01d208b4ff61daef21493ef0a8","impliedFormat":1},{"version":"bd0532fd6556073727d28da0edfd1736417a3f9f394877b6d5ef6ad88fba1d1a","impliedFormat":1},{"version":"89167d696a849fce5ca508032aabfe901c0868f833a8625d5a9c6e861ef935d2","impliedFormat":1},{"version":"615ba88d0128ed16bf83ef8ccbb6aff05c3ee2db1cc0f89ab50a4939bfc1943f","impliedFormat":1},{"version":"a4d551dbf8746780194d550c88f26cf937caf8d56f102969a110cfaed4b06656","impliedFormat":1},{"version":"8bd86b8e8f6a6aa6c49b71e14c4ffe1211a0e97c80f08d2c8cc98838006e4b88","impliedFormat":1},{"version":"317e63deeb21ac07f3992f5b50cdca8338f10acd4fbb7257ebf56735bf52ab00","impliedFormat":1},{"version":"4732aec92b20fb28c5fe9ad99521fb59974289ed1e45aecb282616202184064f","impliedFormat":1},{"version":"2e85db9e6fd73cfa3d7f28e0ab6b55417ea18931423bd47b409a96e4a169e8e6","impliedFormat":1},{"version":"c46e079fe54c76f95c67fb89081b3e399da2c7d109e7dca8e4b58d83e332e605","impliedFormat":1},{"version":"bf67d53d168abc1298888693338cb82854bdb2e69ef83f8a0092093c2d562107","impliedFormat":1},{"version":"b52476feb4a0cbcb25e5931b930fc73cb6643fb1a5060bf8a3dda0eeae5b4b68","affectsGlobalScope":true,"impliedFormat":1},{"version":"e2677634fe27e87348825bb041651e22d50a613e2fdf6a4a3ade971d71bac37e","impliedFormat":1},{"version":"7394959e5a741b185456e1ef5d64599c36c60a323207450991e7a42e08911419","impliedFormat":1},{"version":"8c0bcd6c6b67b4b503c11e91a1fb91522ed585900eab2ab1f61bba7d7caa9d6f","impliedFormat":1},{"version":"8cd19276b6590b3ebbeeb030ac271871b9ed0afc3074ac88a94ed2449174b776","affectsGlobalScope":true,"impliedFormat":1},{"version":"696eb8d28f5949b87d894b26dc97318ef944c794a9a4e4f62360cd1d1958014b","impliedFormat":1},{"version":"3f8fa3061bd7402970b399300880d55257953ee6d3cd408722cb9ac20126460c","impliedFormat":1},{"version":"35ec8b6760fd7138bbf5809b84551e31028fb2ba7b6dc91d95d098bf212ca8b4","affectsGlobalScope":true,"impliedFormat":1},{"version":"5524481e56c48ff486f42926778c0a3cce1cc85dc46683b92b1271865bcf015a","impliedFormat":1},{"version":"68bd56c92c2bd7d2339457eb84d63e7de3bd56a69b25f3576e1568d21a162398","affectsGlobalScope":true,"impliedFormat":1},{"version":"3e93b123f7c2944969d291b35fed2af79a6e9e27fdd5faa99748a51c07c02d28","impliedFormat":1},{"version":"9d19808c8c291a9010a6c788e8532a2da70f811adb431c97520803e0ec649991","impliedFormat":1},{"version":"87aad3dd9752067dc875cfaa466fc44246451c0c560b820796bdd528e29bef40","impliedFormat":1},{"version":"4aacb0dd020eeaef65426153686cc639a78ec2885dc72ad220be1d25f1a439df","impliedFormat":1},{"version":"f0bd7e6d931657b59605c44112eaf8b980ba7f957a5051ed21cb93d978cf2f45","impliedFormat":1},{"version":"8db0ae9cb14d9955b14c214f34dae1b9ef2baee2fe4ce794a4cd3ac2531e3255","affectsGlobalScope":true,"impliedFormat":1},{"version":"15fc6f7512c86810273af28f224251a5a879e4261b4d4c7e532abfbfc3983134","impliedFormat":1},{"version":"58adba1a8ab2d10b54dc1dced4e41f4e7c9772cbbac40939c0dc8ce2cdb1d442","impliedFormat":1},{"version":"641942a78f9063caa5d6b777c99304b7d1dc7328076038c6d94d8a0b81fc95c1","impliedFormat":1},{"version":"714435130b9015fae551788df2a88038471a5a11eb471f27c4ede86552842bc9","impliedFormat":1},{"version":"855cd5f7eb396f5f1ab1bc0f8580339bff77b68a770f84c6b254e319bbfd1ac7","impliedFormat":1},{"version":"5650cf3dace09e7c25d384e3e6b818b938f68f4e8de96f52d9c5a1b3db068e86","impliedFormat":1},{"version":"1354ca5c38bd3fd3836a68e0f7c9f91f172582ba30ab15bb8c075891b91502b7","affectsGlobalScope":true,"impliedFormat":1},{"version":"27fdb0da0daf3b337c5530c5f266efe046a6ceb606e395b346974e4360c36419","impliedFormat":1},{"version":"2d2fcaab481b31a5882065c7951255703ddbe1c0e507af56ea42d79ac3911201","impliedFormat":1},{"version":"a192fe8ec33f75edbc8d8f3ed79f768dfae11ff5735e7fe52bfa69956e46d78d","impliedFormat":1},{"version":"ca867399f7db82df981d6915bcbb2d81131d7d1ef683bc782b59f71dda59bc85","affectsGlobalScope":true,"impliedFormat":1},{"version":"372413016d17d804e1d139418aca0c68e47a83fb6669490857f4b318de8cccb3","affectsGlobalScope":true,"impliedFormat":1},{"version":"9e043a1bc8fbf2a255bccf9bf27e0f1caf916c3b0518ea34aa72357c0afd42ec","impliedFormat":1},{"version":"b4f70ec656a11d570e1a9edce07d118cd58d9760239e2ece99306ee9dfe61d02","impliedFormat":1},{"version":"3bc2f1e2c95c04048212c569ed38e338873f6a8593930cf5a7ef24ffb38fc3b6","impliedFormat":1},{"version":"6e70e9570e98aae2b825b533aa6292b6abd542e8d9f6e9475e88e1d7ba17c866","impliedFormat":1},{"version":"f9d9d753d430ed050dc1bf2667a1bab711ccbb1c1507183d794cc195a5b085cc","impliedFormat":1},{"version":"9eece5e586312581ccd106d4853e861aaaa1a39f8e3ea672b8c3847eedd12f6e","impliedFormat":1},{"version":"47ab634529c5955b6ad793474ae188fce3e6163e3a3fb5edd7e0e48f14435333","impliedFormat":1},{"version":"37ba7b45141a45ce6e80e66f2a96c8a5ab1bcef0fc2d0f56bb58df96ec67e972","impliedFormat":1},{"version":"45650f47bfb376c8a8ed39d4bcda5902ab899a3150029684ee4c10676d9fbaee","impliedFormat":1},{"version":"fad4e3c207fe23922d0b2d06b01acbfb9714c4f2685cf80fd384c8a100c82fd0","affectsGlobalScope":true,"impliedFormat":1},{"version":"74cf591a0f63db318651e0e04cb55f8791385f86e987a67fd4d2eaab8191f730","impliedFormat":1},{"version":"5eab9b3dc9b34f185417342436ec3f106898da5f4801992d8ff38ab3aff346b5","impliedFormat":1},{"version":"12ed4559eba17cd977aa0db658d25c4047067444b51acfdcbf38470630642b23","affectsGlobalScope":true,"impliedFormat":1},{"version":"f3ffabc95802521e1e4bcba4c88d8615176dc6e09111d920c7a213bdda6e1d65","impliedFormat":1},{"version":"809821b8a065e3234a55b3a9d7846231ed18d66dd749f2494c66288d890daf7f","impliedFormat":1},{"version":"ae56f65caf3be91108707bd8dfbccc2a57a91feb5daabf7165a06a945545ed26","impliedFormat":1},{"version":"a136d5de521da20f31631a0a96bf712370779d1c05b7015d7019a9b2a0446ca9","impliedFormat":1},{"version":"c3b41e74b9a84b88b1dca61ec39eee25c0dbc8e7d519ba11bb070918cfacf656","affectsGlobalScope":true,"impliedFormat":1},{"version":"4737a9dc24d0e68b734e6cfbcea0c15a2cfafeb493485e27905f7856988c6b29","affectsGlobalScope":true,"impliedFormat":1},{"version":"36d8d3e7506b631c9582c251a2c0b8a28855af3f76719b12b534c6edf952748d","impliedFormat":1},{"version":"1ca69210cc42729e7ca97d3a9ad48f2e9cb0042bada4075b588ae5387debd318","impliedFormat":1},{"version":"f5ebe66baaf7c552cfa59d75f2bfba679f329204847db3cec385acda245e574e","impliedFormat":1},{"version":"ed59add13139f84da271cafd32e2171876b0a0af2f798d0c663e8eeb867732cf","affectsGlobalScope":true,"impliedFormat":1},{"version":"b7c5e2ea4a9749097c347454805e933844ed207b6eefec6b7cfd418b5f5f7b28","impliedFormat":1},{"version":"b1810689b76fd473bd12cc9ee219f8e62f54a7d08019a235d07424afbf074d25","impliedFormat":1},{"version":"8caa5c86be1b793cd5f599e27ecb34252c41e011980f7d61ae4989a149ff6ccc","impliedFormat":1},{"version":"f9fd93190acb1ffe0bc0fb395df979452f8d625071e9ffc8636e4dfb86ab2508","impliedFormat":1},{"version":"5f41fd8732a89e940c58ce22206e3df85745feb8983e2b4c6257fb8cbb118493","impliedFormat":1},{"version":"17ed71200119e86ccef2d96b73b02ce8854b76ad6bd21b5021d4269bec527b5f","impliedFormat":1},{"version":"1cfa8647d7d71cb03847d616bd79320abfc01ddea082a49569fda71ac5ece66b","impliedFormat":1},{"version":"bb7a61dd55dc4b9422d13da3a6bb9cc5e89be888ef23bbcf6558aa9726b89a1c","impliedFormat":1},{"version":"db6d2d9daad8a6d83f281af12ce4355a20b9a3e71b82b9f57cddcca0a8964a96","impliedFormat":1},{"version":"cfe4ef4710c3786b6e23dae7c086c70b4f4835a2e4d77b75d39f9046106e83d3","impliedFormat":1},{"version":"cbea99888785d49bb630dcbb1613c73727f2b5a2cf02e1abcaab7bcf8d6bf3c5","impliedFormat":1},{"version":"98817124fd6c4f60e0b935978c207309459fb71ab112cf514f26f333bf30830e","impliedFormat":1},{"version":"a86f82d646a739041d6702101afa82dcb935c416dd93cbca7fd754fd0282ce1f","impliedFormat":1},{"version":"2dad084c67e649f0f354739ec7df7c7df0779a28a4f55c97c6b6883ae850d1ce","impliedFormat":1},{"version":"fa5bbc7ab4130dd8cdc55ea294ec39f76f2bc507a0f75f4f873e38631a836ca7","impliedFormat":1},{"version":"df45ca1176e6ac211eae7ddf51336dc075c5314bc5c253651bae639defd5eec5","impliedFormat":1},{"version":"cf86de1054b843e484a3c9300d62fbc8c97e77f168bbffb131d560ca0474d4a8","impliedFormat":1},{"version":"196c960b12253fde69b204aa4fbf69470b26daf7a430855d7f94107a16495ab0","impliedFormat":1},{"version":"528637e771ee2e808390d46a591eaef375fa4b9c99b03749e22b1d2e868b1b7c","impliedFormat":1},{"version":"bf24f6d35f7318e246010ffe9924395893c4e96d34324cde77151a73f078b9ad","impliedFormat":1},{"version":"596ccf4070268c4f5a8c459d762d8a934fa9b9317c7bf7a953e921bc9d78ce3c","impliedFormat":1},{"version":"10595c7ff5094dd5b6a959ccb1c00e6a06441b4e10a87bc09c15f23755d34439","impliedFormat":1},{"version":"9620c1ff645afb4a9ab4044c85c26676f0a93e8c0e4b593aea03a89ccb47b6d0","impliedFormat":1},{"version":"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855","impliedFormat":1},{"version":"a9af0e608929aaf9ce96bd7a7b99c9360636c31d73670e4af09a09950df97841","impliedFormat":1},{"version":"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855","impliedFormat":1},{"version":"c86fe861cf1b4c46a0fb7d74dffe596cf679a2e5e8b1456881313170f092e3fa","impliedFormat":1},{"version":"08ed0b3f0166787f84a6606f80aa3b1388c7518d78912571b203817406e471da","impliedFormat":1},{"version":"47e5af2a841356a961f815e7c55d72554db0c11b4cba4d0caab91f8717846a94","impliedFormat":1},{"version":"9a1a0dc84fecc111e83281743f003e1ae9048e0f83c2ae2028d17bc58fd93cc7","impliedFormat":1},{"version":"f5f541902bf7ae0512a177295de9b6bcd6809ea38307a2c0a18bfca72212f368","impliedFormat":1},{"version":"e8da637cbd6ed1cf6c36e9424f6bcee4515ca2c677534d4006cbd9a05f930f0c","impliedFormat":1},{"version":"ca1b882a105a1972f82cc58e3be491e7d750a1eb074ffd13b198269f57ed9e1b","impliedFormat":1},{"version":"fc3e1c87b39e5ba1142f27ec089d1966da168c04a859a4f6aab64dceae162c2b","impliedFormat":1},{"version":"3867ca0e9757cc41e04248574f4f07b8f9e3c0c2a796a5eb091c65bfd2fc8bdb","impliedFormat":1},{"version":"61888522cec948102eba94d831c873200aa97d00d8989fdfd2a3e0ee75ec65a2","impliedFormat":1},{"version":"4e10622f89fea7b05dd9b52fb65e1e2b5cbd96d4cca3d9e1a60bb7f8a9cb86a1","impliedFormat":1},{"version":"74b2a5e5197bd0f2e0077a1ea7c07455bbea67b87b0869d9786d55104006784f","impliedFormat":1},{"version":"59bf32919de37809e101acffc120596a9e45fdbab1a99de5087f31fdc36e2f11","impliedFormat":1},{"version":"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855","impliedFormat":1},{"version":"3df3abb3e7c1a74ab419f95500a998b55dd9bc985e295de96ff315dd94c7446f","impliedFormat":1},{"version":"c40c848daad198266370c1c72a7a8c3d18d2f50727c7859fcfefd3ff69a7f288","impliedFormat":1},{"version":"ac60bbee0d4235643cc52b57768b22de8c257c12bd8c2039860540cab1fa1d82","impliedFormat":1},{"version":"973b59a17aaa817eb205baf6c132b83475a5c0a44e8294a472af7793b1817e89","impliedFormat":1},{"version":"ada39cbb2748ab2873b7835c90c8d4620723aedf323550e8489f08220e477c7f","impliedFormat":1},{"version":"6e5f5cee603d67ee1ba6120815497909b73399842254fc1e77a0d5cdc51d8c9c","impliedFormat":1},{"version":"8dba67056cbb27628e9b9a1cba8e57036d359dceded0725c72a3abe4b6c79cd4","impliedFormat":1},{"version":"70f3814c457f54a7efe2d9ce9d2686de9250bb42eb7f4c539bd2280a42e52d33","impliedFormat":1},{"version":"5cbd32af037805215112472e35773bad9d4e03f0e72b1129a0d0c12d9cd63cc7","impliedFormat":1},{"version":"ef61792acbfa8c27c9bd113f02731e66229f7d3a169e3c1993b508134f1a58e0","impliedFormat":1},{"version":"afcb759e8e3ad6549d5798820697002bc07bdd039899fad0bf522e7e8a9f5866","impliedFormat":1},{"version":"f6404e7837b96da3ea4d38c4f1a3812c96c9dcdf264e93d5bdb199f983a3ef4b","impliedFormat":1},{"version":"c5426dbfc1cf90532f66965a7aa8c1136a78d4d0f96d8180ecbfc11d7722f1a5","impliedFormat":1},{"version":"65a15fc47900787c0bd18b603afb98d33ede930bed1798fc984d5ebb78b26cf9","impliedFormat":1},{"version":"9d202701f6e0744adb6314d03d2eb8fc994798fc83d91b691b75b07626a69801","impliedFormat":1},{"version":"de9d2df7663e64e3a91bf495f315a7577e23ba088f2949d5ce9ec96f44fba37d","impliedFormat":1},{"version":"c7af78a2ea7cb1cd009cfb5bdb48cd0b03dad3b54f6da7aab615c2e9e9d570c5","impliedFormat":1},{"version":"1ee45496b5f8bdee6f7abc233355898e5bf9bd51255db65f5ff7ede617ca0027","impliedFormat":1},{"version":"566e5fb812082f8cf929c6727d40924843246cf19ee4e8b9437a6315c4792b03","affectsGlobalScope":true,"impliedFormat":1},{"version":"db01d18853469bcb5601b9fc9826931cc84cc1a1944b33cad76fd6f1e3d8c544","affectsGlobalScope":true,"impliedFormat":1},{"version":"dba114fb6a32b355a9cfc26ca2276834d72fe0e94cd2c3494005547025015369","impliedFormat":1},{"version":"903e299a28282fa7b714586e28409ed73c3b63f5365519776bf78e8cf173db36","affectsGlobalScope":true,"impliedFormat":1},{"version":"fa6c12a7c0f6b84d512f200690bfc74819e99efae69e4c95c4cd30f6884c526e","impliedFormat":1},{"version":"f1c32f9ce9c497da4dc215c3bc84b722ea02497d35f9134db3bb40a8d918b92b","impliedFormat":1},{"version":"b73c319af2cc3ef8f6421308a250f328836531ea3761823b4cabbd133047aefa","affectsGlobalScope":true,"impliedFormat":1},{"version":"e433b0337b8106909e7953015e8fa3f2d30797cea27141d1c5b135365bb975a6","impliedFormat":1},{"version":"dd3900b24a6a8745efeb7ad27629c0f8a626470ac229c1d73f1fe29d67e44dca","impliedFormat":1},{"version":"ddff7fc6edbdc5163a09e22bf8df7bef75f75369ebd7ecea95ba55c4386e2441","impliedFormat":1},{"version":"106c6025f1d99fd468fd8bf6e5bda724e11e5905a4076c5d29790b6c3745e50c","impliedFormat":1},{"version":"ec29be0737d39268696edcec4f5e97ce26f449fa9b7afc2f0f99a86def34a418","impliedFormat":1},{"version":"68a06fb972b2c7e671bf090dc5a5328d22ba07d771376c3d9acd9e7ed786a9db","impliedFormat":1},{"version":"ec6cba1c02c675e4dd173251b156792e8d3b0c816af6d6ad93f1a55d674591aa","impliedFormat":1},{"version":"b620391fe8060cf9bedc176a4d01366e6574d7a71e0ac0ab344a4e76576fcbb8","impliedFormat":1},{"version":"d729408dfde75b451530bcae944cf89ee8277e2a9df04d1f62f2abfd8b03c1e1","impliedFormat":1},{"version":"e15d3c84d5077bb4a3adee4c791022967b764dc41cb8fa3cfa44d4379b2c95f5","impliedFormat":1},{"version":"78244a2a8ab1080e0dd8fc3633c204c9a4be61611d19912f4b157f7ef7367049","impliedFormat":1},{"version":"e1fc1a1045db5aa09366be2b330e4ce391550041fc3e925f60998ca0b647aa97","impliedFormat":1},{"version":"d3f5861c48322adc023d3277e592635402ac008c5beae2e447b335fbf0da56c2","impliedFormat":1},{"version":"43ba4f2fa8c698f5c304d21a3ef596741e8e85a810b7c1f9b692653791d8d97a","impliedFormat":1},{"version":"31fb49ef3aa3d76f0beb644984e01eab0ea222372ea9b49bb6533be5722d756c","impliedFormat":1},{"version":"33cd131e1461157e3e06b06916b5176e7a8ec3fce15a5cfe145e56de744e07d2","impliedFormat":1},{"version":"889ef863f90f4917221703781d9723278db4122d75596b01c429f7c363562b86","impliedFormat":1},{"version":"3556cfbab7b43da96d15a442ddbb970e1f2fc97876d055b6555d86d7ac57dae5","impliedFormat":1},{"version":"437751e0352c6e924ddf30e90849f1d9eb00ca78c94d58d6a37202ec84eb8393","impliedFormat":1},{"version":"48e8af7fdb2677a44522fd185d8c87deff4d36ee701ea003c6c780b1407a1397","impliedFormat":1},{"version":"d11308de5a36c7015bb73adb5ad1c1bdaac2baede4cc831a05cf85efa3cc7f2f","impliedFormat":1},{"version":"8c9f19c480c747b6d8067c53fcc3cef641619029afb0a903672daed3f5acaed2","impliedFormat":1},{"version":"f9812cfc220ecf7557183379531fa409acd249b9e5b9a145d0d52b76c20862de","affectsGlobalScope":true,"impliedFormat":1},{"version":"7b068371563d0396a065ed64b049cffeb4eed89ad433ae7730fc31fb1e00ebf3","impliedFormat":1},{"version":"2e4f37ffe8862b14d8e24ae8763daaa8340c0df0b859d9a9733def0eee7562d9","impliedFormat":1},{"version":"13283350547389802aa35d9f2188effaeac805499169a06ef5cd77ce2a0bd63f","impliedFormat":1},{"version":"680793958f6a70a44c8d9ae7d46b7a385361c69ac29dcab3ed761edce1c14ab8","impliedFormat":1},{"version":"6ac6715916fa75a1f7ebdfeacac09513b4d904b667d827b7535e84ff59679aff","impliedFormat":1},{"version":"42c169fb8c2d42f4f668c624a9a11e719d5d07dacbebb63cbcf7ef365b0a75b3","impliedFormat":1},{"version":"913ddbba170240070bd5921b8f33ea780021bdf42fbdfcd4fcb2691b1884ddde","impliedFormat":1},{"version":"74c105214ddd747037d2a75da6588ec8aa1882f914e1f8a312c528f86feca2b9","impliedFormat":1},{"version":"5fe23bd829e6be57d41929ac374ee9551ccc3c44cee893167b7b5b77be708014","impliedFormat":1},{"version":"4d85f80132e24d9a5b5c5e0734e4ecd6878d8c657cc990ecc70845ef384ca96f","impliedFormat":1},{"version":"438c7513b1df91dcef49b13cd7a1c4720f91a36e88c1df731661608b7c055f10","impliedFormat":1},{"version":"cf185cc4a9a6d397f416dd28cca95c227b29f0f27b160060a95c0e5e36cda865","impliedFormat":1},{"version":"0086f3e4ad898fd7ca56bb223098acfacf3fa065595182aaf0f6c4a6a95e6fbd","impliedFormat":1},{"version":"efaa078e392f9abda3ee8ade3f3762ab77f9c50b184e6883063a911742a4c96a","impliedFormat":1},{"version":"54a8bb487e1dc04591a280e7a673cdfb272c83f61e28d8a64cf1ac2e63c35c51","impliedFormat":1},{"version":"021a9498000497497fd693dd315325484c58a71b5929e2bbb91f419b04b24cea","impliedFormat":1},{"version":"9385cdc09850950bc9b59cca445a3ceb6fcca32b54e7b626e746912e489e535e","impliedFormat":1},{"version":"2894c56cad581928bb37607810af011764a2f511f575d28c9f4af0f2ef02d1ab","impliedFormat":1},{"version":"0a72186f94215d020cb386f7dca81d7495ab6c17066eb07d0f44a5bf33c1b21a","impliedFormat":1},{"version":"84124384abae2f6f66b7fbfc03862d0c2c0b71b826f7dbf42c8085d31f1d3f95","impliedFormat":1},{"version":"63a8e96f65a22604eae82737e409d1536e69a467bb738bec505f4f97cce9d878","impliedFormat":1},{"version":"3fd78152a7031315478f159c6a5872c712ece6f01212c78ea82aef21cb0726e2","impliedFormat":1},{"version":"3a6ed8e1d630cfa1f7edf0dc46a6e20ca6c714dbe754409699008571dfe473a6","impliedFormat":1},{"version":"512fc15cca3a35b8dbbf6e23fe9d07e6f87ad03c895acffd3087ce09f352aad0","impliedFormat":1},{"version":"9a0946d15a005832e432ea0cd4da71b57797efb25b755cc07f32274296d62355","impliedFormat":1},{"version":"a52ff6c0a149e9f370372fc3c715d7f2beee1f3bab7980e271a7ab7d313ec677","impliedFormat":1},{"version":"fd933f824347f9edd919618a76cdb6a0c0085c538115d9a287fa0c7f59957ab3","impliedFormat":1},{"version":"6ac6715916fa75a1f7ebdfeacac09513b4d904b667d827b7535e84ff59679aff","impliedFormat":1},{"version":"6a1aa3e55bdc50503956c5cd09ae4cd72e3072692d742816f65c66ca14f4dfdd","impliedFormat":1},{"version":"ab75cfd9c4f93ffd601f7ca1753d6a9d953bbedfbd7a5b3f0436ac8a1de60dfa","impliedFormat":1},{"version":"59c68235df3905989afa0399381c1198313aaaf1ed387f57937eb616625dff15","impliedFormat":1},{"version":"b73cbf0a72c8800cf8f96a9acfe94f3ad32ca71342a8908b8ae484d61113f647","impliedFormat":1},{"version":"bae6dd176832f6423966647382c0d7ba9e63f8c167522f09a982f086cd4e8b23","impliedFormat":1},{"version":"1364f64d2fb03bbb514edc42224abd576c064f89be6a990136774ecdd881a1da","impliedFormat":1},{"version":"c9958eb32126a3843deedda8c22fb97024aa5d6dd588b90af2d7f2bfac540f23","impliedFormat":1},{"version":"950fb67a59be4c2dbe69a5786292e60a5cb0e8612e0e223537784c731af55db1","impliedFormat":1},{"version":"e927c2c13c4eaf0a7f17e6022eee8519eb29ef42c4c13a31e81a611ab8c95577","impliedFormat":1},{"version":"07ca44e8d8288e69afdec7a31fa408ce6ab90d4f3d620006701d5544646da6aa","impliedFormat":1},{"version":"70246ad95ad8a22bdfe806cb5d383a26c0c6e58e7207ab9c431f1cb175aca657","impliedFormat":1},{"version":"f00f3aa5d64ff46e600648b55a79dcd1333458f7a10da2ed594d9f0a44b76d0b","impliedFormat":1},{"version":"772d8d5eb158b6c92412c03228bd9902ccb1457d7a705b8129814a5d1a6308fc","impliedFormat":1},{"version":"4e4475fba4ed93a72f167b061cd94a2e171b82695c56de9899275e880e06ba41","impliedFormat":1},{"version":"97c5f5d580ab2e4decd0a3135204050f9b97cd7908c5a8fbc041eadede79b2fa","impliedFormat":1},{"version":"c99a3a5f2215d5b9d735aa04cec6e61ed079d8c0263248e298ffe4604d4d0624","impliedFormat":1},{"version":"49b2375c586882c3ac7f57eba86680ff9742a8d8cb2fe25fe54d1b9673690d41","impliedFormat":1},{"version":"802e797bcab5663b2c9f63f51bdf67eff7c41bc64c0fd65e6da3e7941359e2f7","impliedFormat":1},{"version":"b98ce74c2bc49a9b79408f049c49909190c747b0462e78f91c09618da86bae53","impliedFormat":1},{"version":"3ecfccf916fea7c6c34394413b55eb70e817a73e39b4417d6573e523784e3f8e","impliedFormat":1},{"version":"c05bc82af01e673afc99bdffd4ebafde22ab027d63e45be9e1f1db3bc39e2fc0","impliedFormat":1},{"version":"6459054aabb306821a043e02b89d54da508e3a6966601a41e71c166e4ea1474f","impliedFormat":1},{"version":"f416c9c3eee9d47ff49132c34f96b9180e50485d435d5748f0e8b72521d28d2e","impliedFormat":1},{"version":"05c97cddbaf99978f83d96de2d8af86aded9332592f08ce4a284d72d0952c391","impliedFormat":1},{"version":"14e5cdec6f8ae82dfd0694e64903a0a54abdfe37e1d966de3d4128362acbf35f","impliedFormat":1},{"version":"bbc183d2d69f4b59fd4dd8799ffdf4eb91173d1c4ad71cce91a3811c021bf80c","impliedFormat":1},{"version":"7b6ff760c8a240b40dab6e4419b989f06a5b782f4710d2967e67c695ef3e93c4","impliedFormat":1},{"version":"8dbc4134a4b3623fc476be5f36de35c40f2768e2e3d9ed437e0d5f1c4cd850f6","impliedFormat":1},{"version":"4e06330a84dec7287f7ebdd64978f41a9f70a668d3b5edc69d5d4a50b9b376bb","impliedFormat":1},{"version":"65bfa72967fbe9fc33353e1ac03f0480aa2e2ea346d61ff3ea997dfd850f641a","impliedFormat":1},{"version":"8f88c6be9803fe5aaa80b00b27f230c824d4b8a33856b865bea5793cb52bb797","impliedFormat":1},{"version":"f974e4a06953682a2c15d5bd5114c0284d5abf8bc0fe4da25cb9159427b70072","impliedFormat":1},{"version":"872caaa31423f4345983d643e4649fb30f548e9883a334d6d1c5fff68ede22d4","impliedFormat":1},{"version":"94404c4a878fe291e7578a2a80264c6f18e9f1933fbb57e48f0eb368672e389c","impliedFormat":1},{"version":"5c1b7f03aa88be854bc15810bfd5bd5a1943c5a7620e1c53eddd2a013996343e","impliedFormat":1},{"version":"09dfc64fcd6a2785867f2368419859a6cc5a8d4e73cbe2538f205b1642eb0f51","impliedFormat":1},{"version":"bcf6f0a323653e72199105a9316d91463ad4744c546d1271310818b8cef7c608","impliedFormat":1},{"version":"01aa917531e116485beca44a14970834687b857757159769c16b228eb1e49c5f","impliedFormat":1},{"version":"351475f9c874c62f9b45b1f0dc7e2704e80dfd5f1af83a3a9f841f9dfe5b2912","impliedFormat":1},{"version":"ac457ad39e531b7649e7b40ee5847606eac64e236efd76c5d12db95bf4eacd17","impliedFormat":1},{"version":"187a6fdbdecb972510b7555f3caacb44b58415da8d5825d03a583c4b73fde4cf","impliedFormat":1},{"version":"d4c3250105a612202289b3a266bb7e323db144f6b9414f9dea85c531c098b811","impliedFormat":1},{"version":"95b444b8c311f2084f0fb51c616163f950fb2e35f4eaa07878f313a2d36c98a4","impliedFormat":1},{"version":"741067675daa6d4334a2dc80a4452ca3850e89d5852e330db7cb2b5f867173b1","impliedFormat":1},{"version":"f8acecec1114f11690956e007d920044799aefeb3cece9e7f4b1f8a1d542b2c9","impliedFormat":1},{"version":"131b1475d2045f20fb9f43b7aa6b7cb51f25250b5e4c6a1d4aa3cf4dd1a68793","impliedFormat":1},{"version":"3a17f09634c50cce884721f54fd9e7b98e03ac505889c560876291fcf8a09e90","impliedFormat":1},{"version":"32531dfbb0cdc4525296648f53b2b5c39b64282791e2a8c765712e49e6461046","impliedFormat":1},{"version":"0ce1b2237c1c3df49748d61568160d780d7b26693bd9feb3acb0744a152cd86d","impliedFormat":1},{"version":"e489985388e2c71d3542612685b4a7db326922b57ac880f299da7026a4e8a117","impliedFormat":1},{"version":"e1437c5f191edb7a494f7bbbc033b97d72d42e054d521402ee194ac5b6b7bf49","impliedFormat":1},{"version":"04d3aad777b6af5bd000bfc409907a159fe77e190b9d368da4ba649cdc28d39e","affectsGlobalScope":true,"impliedFormat":1},{"version":"fd1b9d883b9446f1e1da1e1033a6a98995c25fbf3c10818a78960e2f2917d10c","impliedFormat":1},{"version":"19252079538942a69be1645e153f7dbbc1ef56b4f983c633bf31fe26aeac32cd","impliedFormat":1},{"version":"bc11f3ac00ac060462597add171220aed628c393f2782ac75dd29ff1e0db871c","impliedFormat":1},{"version":"616775f16134fa9d01fc677ad3f76e68c051a056c22ab552c64cc281a9686790","impliedFormat":1},{"version":"65c24a8baa2cca1de069a0ba9fba82a173690f52d7e2d0f1f7542d59d5eb4db0","impliedFormat":1},{"version":"313c85c332bb6892d5f7c624dc39107ca7a6b2f1b3212db86dbbefbe7f8ddd5a","impliedFormat":1},{"version":"3b0b1d352b8d2e47f1c4df4fb0678702aee071155b12ef0185fce9eb4fa4af1e","impliedFormat":1},{"version":"77e71242e71ebf8528c5802993697878f0533db8f2299b4d36aa015bae08a79c","impliedFormat":1},{"version":"a344403e7a7384e0e7093942533d309194ad0a53eca2a3100c0b0ab4d3932773","impliedFormat":1},{"version":"b7fff2d004c5879cae335db8f954eb1d61242d9f2d28515e67902032723caeab","impliedFormat":1},{"version":"5f3dc10ae646f375776b4e028d2bed039a93eebbba105694d8b910feebbe8b9c","impliedFormat":1},{"version":"bb18bf4a61a17b4a6199eb3938ecfa4a59eb7c40843ad4a82b975ab6f7e3d925","impliedFormat":1},{"version":"4545c1a1ceca170d5d83452dd7c4994644c35cf676a671412601689d9a62da35","impliedFormat":1},{"version":"e9b6fc05f536dfddcdc65dbcf04e09391b1c968ab967382e48924f5cb90d88e1","impliedFormat":1},{"version":"a2d648d333cf67b9aeac5d81a1a379d563a8ffa91ddd61c6179f68de724260ff","impliedFormat":1},{"version":"2b664c3cc544d0e35276e1fb2d4989f7d4b4027ffc64da34ec83a6ccf2e5c528","impliedFormat":1},{"version":"a3f41ed1b4f2fc3049394b945a68ae4fdefd49fa1739c32f149d32c0545d67f5","impliedFormat":1},{"version":"3cd8f0464e0939b47bfccbb9bb474a6d87d57210e304029cd8eb59c63a81935d","impliedFormat":1},{"version":"47699512e6d8bebf7be488182427189f999affe3addc1c87c882d36b7f2d0b0e","impliedFormat":1},{"version":"3026abd48e5e312f2328629ede6e0f770d21c3cd32cee705c450e589d015ee09","impliedFormat":1},{"version":"8b140b398a6afbd17cc97c38aea5274b2f7f39b1ae5b62952cfe65bf493e3e75","impliedFormat":1},{"version":"7663d2c19ce5ef8288c790edba3d45af54e58c84f1b37b1249f6d49d962f3d91","impliedFormat":1},{"version":"30112425b2cf042fca1c79c19e35f88f44bfb2e97454527528cd639dd1a460ca","impliedFormat":1},{"version":"00bd6ebe607246b45296aa2b805bd6a58c859acecda154bfa91f5334d7c175c6","impliedFormat":1},{"version":"ad036a85efcd9e5b4f7dd5c1a7362c8478f9a3b6c3554654ca24a29aa850a9c5","impliedFormat":1},{"version":"fedebeae32c5cdd1a85b4e0504a01996e4a8adf3dfa72876920d3dd6e42978e7","impliedFormat":1},{"version":"504f37ba38bfea8394ec4f397c9a2ade7c78055e41ef5a600073b515c4fd0fc9","impliedFormat":1},{"version":"cdf21eee8007e339b1b9945abf4a7b44930b1d695cc528459e68a3adc39a622e","impliedFormat":1},{"version":"db036c56f79186da50af66511d37d9fe77fa6793381927292d17f81f787bb195","impliedFormat":1},{"version":"87ac2fb61e629e777f4d161dff534c2023ee15afd9cb3b1589b9b1f014e75c58","impliedFormat":1},{"version":"13c8b4348db91e2f7d694adc17e7438e6776bc506d5c8f5de9ad9989707fa3fe","impliedFormat":1},{"version":"3c1051617aa50b38e9efaabce25e10a5dd9b1f42e372ef0e8a674076a68742ed","impliedFormat":1},{"version":"07a3e20cdcb0f1182f452c0410606711fbea922ca76929a41aacb01104bc0d27","impliedFormat":1},{"version":"1de80059b8078ea5749941c9f863aa970b4735bdbb003be4925c853a8b6b4450","impliedFormat":1},{"version":"1d079c37fa53e3c21ed3fa214a27507bda9991f2a41458705b19ed8c2b61173d","impliedFormat":1},{"version":"4cd4b6b1279e9d744a3825cbd7757bbefe7f0708f3f1069179ad535f19e8ed2c","impliedFormat":1},{"version":"5835a6e0d7cd2738e56b671af0e561e7c1b4fb77751383672f4b009f4e161d70","impliedFormat":1},{"version":"c0eeaaa67c85c3bb6c52b629ebbfd3b2292dc67e8c0ffda2fc6cd2f78dc471e6","impliedFormat":1},{"version":"4b7f74b772140395e7af67c4841be1ab867c11b3b82a51b1aeb692822b76c872","impliedFormat":1},{"version":"27be6622e2922a1b412eb057faa854831b95db9db5035c3f6d4b677b902ab3b7","impliedFormat":1},{"version":"b95a6f019095dd1d48fd04965b50dfd63e5743a6e75478343c46d2582a5132bf","impliedFormat":99},{"version":"c2008605e78208cfa9cd70bd29856b72dda7ad89df5dc895920f8e10bcb9cd0a","impliedFormat":99},{"version":"b97cb5616d2ab82a98ec9ada7b9e9cabb1f5da880ec50ea2b8dc5baa4cbf3c16","impliedFormat":99},{"version":"d23df9ff06ae8bf1dcb7cc933e97ae7da418ac77749fecee758bb43a8d69f840","affectsGlobalScope":true,"impliedFormat":1},{"version":"040c71dde2c406f869ad2f41e8d4ce579cc60c8dbe5aa0dd8962ac943b846572","affectsGlobalScope":true,"impliedFormat":1},{"version":"3586f5ea3cc27083a17bd5c9059ede9421d587286d5a47f4341a4c2d00e4fa91","impliedFormat":1},{"version":"a6df929821e62f4719551f7955b9f42c0cd53c1370aec2dd322e24196a7dfe33","impliedFormat":1},{"version":"b789bf89eb19c777ed1e956dbad0925ca795701552d22e68fd130a032008b9f9","impliedFormat":1},"8964d295a9047c3a222af813b7d37deb57b835fd0942d89222e7def0aed136cc",{"version":"402e5c534fb2b85fa771170595db3ac0dd532112c8fa44fc23f233bc6967488b","impliedFormat":1},{"version":"7965dc3c7648e2a7a586d11781cabb43d4859920716bc2fdc523da912b06570d","impliedFormat":1},{"version":"90c2bd9a3e72fe08b8fa5982e78cb8dc855a1157b26e11e37a793283c52bf64b","impliedFormat":1},{"version":"a8122fe390a2a987079e06c573b1471296114677923c1c094c24a53ddd7344a2","impliedFormat":1},{"version":"70c2cb19c0c42061a39351156653aa0cf5ba1ecdc8a07424dd38e3a1f1e3c7f4","impliedFormat":1},{"version":"a8fb10fd8c7bc7d9b8f546d4d186d1027f8a9002a639bec689b5000dab68e35c","impliedFormat":1},{"version":"c9b467ea59b86bd27714a879b9ad43c16f186012a26d0f7110b1322025ceaa83","impliedFormat":1},{"version":"57ea19c2e6ba094d8087c721bac30ff1c681081dbd8b167ac068590ef633e7a5","impliedFormat":1},{"version":"cba81ec9ae7bc31a4dc56f33c054131e037649d6b9a2cfa245124c67e23e4721","impliedFormat":1},{"version":"ad193f61ba708e01218496f093c23626aa3808c296844a99189be7108a9c8343","impliedFormat":1},{"version":"a0544b3c8b70b2f319a99ea380b55ab5394ede9188cdee452a5d0ce264f258b2","impliedFormat":1},{"version":"8c654c17c334c7c168c1c36e5336896dc2c892de940886c1639bebd9fc7b9be4","impliedFormat":1},{"version":"6a4da742485d5c2eb6bcb322ae96993999ffecbd5660b0219a5f5678d8225bb0","impliedFormat":1},{"version":"c65ca21d7002bdb431f9ab3c7a6e765a489aa5196e7e0ef00aed55b1294df599","impliedFormat":1},{"version":"c8fc655c2c4bafc155ceee01c84ab3d6c03192ced5d3f2de82e20f3d1bd7f9fa","impliedFormat":1},{"version":"be5a7ff3b47f7e553565e9483bdcadb0ca2040ac9e5ec7b81c7e115a81059882","impliedFormat":1},{"version":"1a93f36ecdb60a95e3a3621b561763e2952da81962fae217ab5441ac1d77ffc5","impliedFormat":1},{"version":"2a771d907aebf9391ac1f50e4ad37952943515eeea0dcc7e78aa08f508294668","impliedFormat":1},{"version":"0146fd6262c3fd3da51cb0254bb6b9a4e42931eb2f56329edd4c199cb9aaf804","impliedFormat":1},{"version":"183f480885db5caa5a8acb833c2be04f98056bdcc5fb29e969ff86e07efe57ab","impliedFormat":99},{"version":"b558c9a18ea4e6e4157124465c3ef1063e64640da139e67be5edb22f534f2f08","impliedFormat":1},{"version":"01374379f82be05d25c08d2f30779fa4a4c41895a18b93b33f14aeef51768692","impliedFormat":1},{"version":"b0dee183d4e65cf938242efaf3d833c6b645afb35039d058496965014f158141","impliedFormat":1},{"version":"c0bbbf84d3fbd85dd60d040c81e8964cc00e38124a52e9c5dcdedf45fea3f213","impliedFormat":1},"e221e0a6d3ccbb3f33d61845d383a7bd05e2faf82ef3513a6eb05cd04a15f281",{"version":"b7ca2f47522d4ea41e65ff92c4c6dd9c4c8260da7c456a7631a9c88dc056b4d0","impliedFormat":1},{"version":"4f01e4d0959f9125b89e5737eb1ca2bfa69fd6b7d6126eba22feb8b505b00cde","impliedFormat":1},{"version":"4363a1adb9c77f2ed1ca383a41fbab1afadd35d485c018b2f84e834edde6a2c7","impliedFormat":1},{"version":"1d6458533adb99938d041a93e73c51d6c00e65f84724e9585e3cc8940b25523f","impliedFormat":1},{"version":"b0878fbd194bdc4d49fc9c42bfeeb25650842fe1412c88e283dc80854b019768","impliedFormat":1},{"version":"a892ea0b88d9d19281e99d61baba3155200acced679b8af290f86f695b589b16","impliedFormat":1},{"version":"03b42e83b3bcdf5973d28641d72b81979e3ce200318e4b46feb8347a1828cd5d","impliedFormat":1},{"version":"8a3d57426cd8fb0d59f6ca86f62e05dde8bfd769de3ba45a1a4b2265d84bac5a","impliedFormat":1},{"version":"afc6e1f323b476fdf274e61dab70f26550a1be2353e061ab34e6eed180d349b6","impliedFormat":1},{"version":"7c14483430d839976481fe42e26207f5092f797e1a4190823086f02cd09c113c","impliedFormat":1},{"version":"828a3bea78921789cbd015e968b5b09b671f19b1c14c4bbf3490b58fbf7d6841","impliedFormat":1},{"version":"69759c42e48938a714ee2f002fe5679a7ab56f0b5f29d571e4c31a5398d038fe","impliedFormat":1},{"version":"6e5e666fa6adeb60774b576084eeff65181a40443166f0a46ae9ba0829300fcb","impliedFormat":1},{"version":"1a4d43bdc0f2e240395fd204e597349411c1141dd08f5114c37d6268c3c9d577","impliedFormat":1},{"version":"874e58f8d945c7ac25599128a40ec9615aa67546e91ca12cbf12f97f6baf54ff","impliedFormat":1},{"version":"da2627da8d01662eb137ccd84af7ffa8c94cf2b2547d4970f17802324e54defc","impliedFormat":1},{"version":"07af06b740c01ed0473ebdd3f2911c8e4f5ebf4094291d31db7c1ab24ff559aa","impliedFormat":1},{"version":"ba1450574b1962fcf595fc53362b4d684c76603da5f45b44bc4c7eeed5de045b","impliedFormat":1},{"version":"b7903668ee9558d758c64c15d66a89ed328fee5ac629b2077415f0b6ca2f41bc","impliedFormat":1},{"version":"c7628425ee3076c4530b4074f7d48f012577a59f5ddade39cea236d6405c36ba","impliedFormat":1},{"version":"28c8aff998cc623ab0864a26e2eb1a31da8eb04e59f31fa80f02ec78eb225bcd","impliedFormat":1},{"version":"78d542989bdf7b6ba5410d5a884c0ab5ec54aa9ce46916d34267f885fcf65270","impliedFormat":1},{"version":"4d95060af2775a3a86db5ab47ca7a0ed146d1f6f13e71d96f7ac3b321718a832","impliedFormat":1},{"version":"6708cd298541a89c2abf66cceffc6c661f8ee31c013f98ddb58d2ec4407d0876","impliedFormat":1},{"version":"2e90928c29c445563409d89a834662c2ba6a660204fb3d4dc181914e77f8e29d","impliedFormat":1},{"version":"84be1b8b8011c2aab613901b83309d017d57f6e1c2450dfda11f7b107953286a","impliedFormat":1},{"version":"d7af890ef486b4734d206a66b215ebc09f6743b7fb2f3c79f2fb8716d1912d27","impliedFormat":1},{"version":"7e82c1d070c866eaf448ac7f820403d4e1b86112de582901178906317efc35ad","impliedFormat":1},{"version":"c5c4f547338457f4e8e2bec09f661af14ee6e157c7dc711ccca321ab476dbc6d","impliedFormat":1},{"version":"223e233cb645b44fa058320425293e68c5c00744920fc31f55f7df37b32f11ad","impliedFormat":1},{"version":"1394fe4da1ab8ab3ea2f2b0fcbfd7ccbb8f65f5581f98d10b037c91194141b03","impliedFormat":1},{"version":"086d9e59a579981bdf4f3bfa6e8e893570e5005f7219292bf7d90c153066cdfc","impliedFormat":1},{"version":"1ea59d0d71022de8ea1c98a3f88d452ad5701c7f85e74ddaa0b3b9a34ed0e81c","impliedFormat":1},{"version":"cd66a32437a555f7eb63490509a038d1122467f77fe7a114986186d156363215","impliedFormat":1},{"version":"f53d243499acfacc46e882bbf0bf1ae93ecea350e6c22066a062520b94055e47","impliedFormat":1},{"version":"65522e30a02d2720811b11b658c976bff99b553436d99bafd80944acba5b33b4","impliedFormat":1},{"version":"76b3244ec0b2f5b09b4ebf0c7419260813820f128d2b592b07ea59622038e45c","impliedFormat":1},{"version":"66eb7e876b49beff61e33f746f87b6e586382b49f3de21d54d41313aadb27ee6","impliedFormat":1},{"version":"69e8dc4b276b4d431f5517cd6507f209669691c9fb2f97933e7dbd5619fd07b7","impliedFormat":1},{"version":"361a647c06cec2e7437fa5d7cdf07a0dcce3247d93fbf3b6de1dc75139ff5700","impliedFormat":1},{"version":"fe5726291be816d0c89213057cd0c411bb9e39e315ed7e1987adc873f0e26856","impliedFormat":1},{"version":"1b76990de23762eb038e8d80b3f9c810974a7ed2335caa97262c5b752760f11a","impliedFormat":1},{"version":"5e050e05fe99cd06f2d4ad70e73aa4a72961d0df99525e9cad4a78fa588f387b","impliedFormat":1},{"version":"4ff327e8b16da9d54347b548f85675e35a1dc1076f2c22b2858e276771010dd2","impliedFormat":1},{"version":"f767787945b5c51c0c488f50b3b3aeb2804dfd2ddafcb61125d8d8857c339f5a","impliedFormat":1},{"version":"14ab21a9aeff5710d1d1262459a6d49fb42bed835aa0f4cfc36b75aa36faddcd","impliedFormat":1},{"version":"ba3c4682491b477c63716864a035b2cfdd727e64ec3a61f2ca0c9af3c0116cfd","affectsGlobalScope":true,"impliedFormat":1},{"version":"b222d32836d745e1e021bb10f6a0f4a562dd42206203060a8539a6b9f16523f0","impliedFormat":1},{"version":"8c1622dcb2417129f67d8c883bfe33ca2485cbe2b83cd85bc27be558f6b9cfa2","impliedFormat":1},{"version":"e598bac04258797269f65ffdaae258a766bb10290de9707c05f20034eb2a1bd4","signature":"b31b030514e5a0862aab354c5de1785bc423c8d6ab52ee583ac5ec4f12950780"},{"version":"31a359c46de53145f3444f9ada81553b9a511e77947d420e034cbd117c21ea77","signature":"fee59a3b73bb54f17e7fef371369e21a48488d789acf062c1f49a2ba9e54131f"},"8c22ec122153930a3760004566ca48ffee54fcf9b4fc5a2a28d6268d5f6c1cf3",{"version":"09c8fc772819479a1367a4b1a0d418cb367eff0d4afd963566bb554e884277d6","signature":"0d9136d604c5bc7544fc7fde27c99ade72e2d087f0765209e2b88b6e541cd4a9"},{"version":"19304d678e9b95ceda61c02443cd94a6b23cbb90113e99a7ea2d97fe0bcf02b2","signature":"41a2e3f992f8b7820f308d2c60d3ab53264dd1f2fc4871c82276079a48710fcd"},{"version":"c57b441e0c0a9cbdfa7d850dae1f8a387d6f81cbffbc3cd0465d530084c2417d","impliedFormat":99},{"version":"26c57c9f839e6d2048d6c25e81f805ba0ca32a28fd4d824399fd5456c9b0575b","impliedFormat":1},{"version":"fee21eaea1e81983bf5547c2b4a765bb2d8f00b0da5b5a0302e1280bf672b595","signature":"44eb6408193a3a243a903b19f0edec08ea176c3af28bb0fa80de245ff2d7dac2"},"f6736b0a2c4af311edd1f6c0b9684c34f3c37f39d2ba76d631837d853aaf6e11","dfca9d4c54b24314d7c92a65ae62e6bffd3382438e23cd40dca9df21720376a9",{"version":"fe93c474ab38ac02e30e3af073412b4f92b740152cf3a751fdaee8cbea982341","impliedFormat":1},{"version":"fc2e03a21b84c1d090e6c38dfd1bd440f6c5c9e83a9dd3a81f8c7391a1fb928d","impliedFormat":1},{"version":"1e00b8bf9e3766c958218cd6144ffe08418286f89ff44ba5a2cc830c03dd22c7","impliedFormat":1},{"version":"6aa2859da46f726a22040725e684ea964d7469a6b26f1c0a6634bb65e79062b0","impliedFormat":99},{"version":"9708cd8faaededa083effbf402db8208a580a3e7f14ed1da1e2fd5539d08fa9e","signature":"a1949f6531a858c6305c94f2a3910d5b6cf43e597b23deadaa7fb26737bc3b34"},{"version":"c3d577953f04c0188d8b9c63b2748b814efda6440336fa49557f0079f5cf748a","impliedFormat":1},{"version":"787fe950e18951b7970ec98cb05b3d0b11fcdfeb2091a7ea481ac9e52bf6c086","impliedFormat":1},{"version":"13ceda04874f09091da1994ba5f58bf1e9439af93336616257691863560b3f13","impliedFormat":1},"2b74b71513a733d3c9a3ffb2e2042711a5a8dfe468c0c5a411a877f583ea87d5","958d4734bd7e95aca4adf8b8e2e8fdc9dd08fc808d157ddac9fd9685bdbbe127",{"version":"ce7d3d402f69829019fb67f5fd708638b95865e9619d83f4835e283d02d95e0f","impliedFormat":1},{"version":"a346701ad6dcdaa58e388fe0995fc5304c09c395b8cba68ed872780f8c102004","impliedFormat":99},{"version":"2fbe402f0ee5aa8ab55367f88030f79d46211c0a0f342becaa9f648bf8534e9d","impliedFormat":1},{"version":"b94258ef37e67474ac5522e9c519489a55dcb3d4a8f645e335fc68ea2215fe88","impliedFormat":1},"f50caedf60fb5034b59ea023411f422336aa15b4c6cd7babd2ce147c498d57b4","79c40077241066fd737ca86b95594365fcf23afb7485cc26db700a9bc80f9cdb","494483f10a5c2537da5f60dc4e86dd0998d37b84ebe61c36740f36936d7ecfaa",{"version":"8d3da8e7d921712a53d62a6e6da505ef6f14fde8f79360da1795710f81f912d2","signature":"b932ac075c1915a340f132e37c23d64093dbb7133843d22f924760a9b3895e7e"},"148b3b01b6dba02c37f3bb5722a1d056728473f774e0d1ccc936f4ba887a2ab4",{"version":"8885cc667e0c1709b1d54faf2a9a52f46a68e221824c3cb76fce17acb1df421b","signature":"d8d31ba6afee421bee67105fec4ecd109d5944c7495e5872bd84cc30742ddea1"},{"version":"0750b5090b268cb737193a6eecc1f6a5a1c8ac347694f537ef143eedfe9745cd","signature":"1983131518d24837d1be16d875268ed5e5d07975233e31cebdad98a2c2e4f7b7"},{"version":"5c53f456b5d2b341d2f0ca0f4faecea6e9dda5b0e9f89c1b335ee1afb41e2d42","signature":"0277f3f62fe6ef2978e2eb237ae2fd6e700c823a54e7c009ffbaa671c6af635d"},{"version":"d8978829e0a88139bb483547e913233bd53f44340bc86be3736a696cb3fb873a","signature":"9c6603c0784b99e53c6c806dfbf3b79cb03d3bc135b94e34dcd67033aaa05212"},{"version":"ffb5248b253b077d3353800fa62cf52e67367fb087b8930f910e31f77d947b31","signature":"08af73bb3b81d9d4cf8f1c67583760b32ea8c3579cbf891d9a9bcb801495cfe7"},{"version":"5f92853880392252eca85baf798f2506fe5e67a6473cde31e599465c84250f0a","signature":"ad2f878d704a7b704a258446b64d5f39f643aa073b8d203bb9b5d95afc523880"},{"version":"dbd6e5078c3de517e451aafbb31aa91dd385b20340bd457af23079ad21303286","signature":"3cd5c0422cb6e833c9c2a03330e9484a24e9e64448807ed5266ab1d1954cf126"},{"version":"a9373d52584b48809ffd61d74f5b3dfd127da846e3c4ee3c415560386df3994b","impliedFormat":99},{"version":"caf4af98bf464ad3e10c46cf7d340556f89197aab0f87f032c7b84eb8ddb24d9","impliedFormat":99},{"version":"4a5aa16151dbec524bb043a5cbce2c3fec75957d175475c115a953aca53999a9","impliedFormat":99},"dbf96ac50538c54c5ce98f51e0b5bead15dddfc0ad0c192de8770c533728afa3","6321b9a963ceacee43090ddec9b5bfb221181f8abf4abbe7680786d509f3d5a4",{"version":"3aca5807eb55ecab09970aaf8d8904d29d74ed7442f22181f0b4d68e4cb9ec2c","signature":"c5ffc2f5a61f81379fd2607c16bd44c14cec714865f2dca7b9abea08de3ae87f"},"33c482985c16231ce085a0e202249b566504bdddb58796169b4f4d14776a41e7",{"version":"e7db703551c1af9580035bd0f99c1fb59818f121374d55f2230daac2af0dae52","signature":"5dd6548ffa8f6a71c0b4b6f6fd093f36897330b72ec49109b5318a549ad8f6d2"},{"version":"f21ab313ee4fd078667ed5d47a03449f135e1ebc2fac2ee26a6f7b1bd2561820","signature":"111e676a18a491e5c22f7c8affb82e4bcb45b602a8b5f0e1d9d20b4681ab6206"},"e3fa9c3950a4d1dfde81fdf650e858856f58f959637ee1a8778319e2a55bcb34",{"version":"ca1022ad176024eef3419c2b0f9e48ac3711461e37001a479e4f41179de82a86","signature":"446501feed6e565d982c210a58b767e6ad23a6eb9cbe688bdf4730cd9b38cba9"},{"version":"5084bbe026c33d83afdd5a3707b98a1c8c88f8dee73557e5626e1f6605411d3b","signature":"30951044fbb056fb7fccef94dc8af427fe1160cd9d3ec300d5e406edca709924"},{"version":"8fe4576a4edb6006d3f5064f74d407f7f4b4209029b06aec82258359ab6b2c2f","signature":"579f468de5f445e162f9d6d80ced130bd3bc7b3075da67a93eb66fc0004ac90f"},{"version":"f1c4b9a27ec961d3235ed67f71a51d9d237d3c2a9ee12a2b7055ed862db5111d","signature":"ff6f9bfb7c877e5638afb7bbf4d417f55d213d9d3625308f5192e37b83fa53f1"},"707fb823caf3f3ba7a177ac9c8a79603bdf0af2474b34b702f8afa6afb5ada95",{"version":"cfdd63e8d4097f9255192ff51e70fb657455a4d1eb77820f46e447b53b4933fc","signature":"abe7b1e989cfce4ade1b94897c34d04a0539883d4939f1394b5dd70fa4b63ee9"},{"version":"065b4b36b51a30abe403e0791b733e72738741a8019af0edc67863152f0a2a5f","signature":"291054e1e397021d6385e00f993162106e34de8a08c391a9b4860c07713d6c02"},{"version":"9ccebcb823594b964df9812363da564600392f9fb8c10be8f173b981ff748c29","signature":"bcc11e277e063c1f533d652d832d20e2c9769c250d1cb59739970cfb2a6459f0"},{"version":"5289b6a1bc49e775ab05e4dd51b762f10e43578d975c33e32f17b5b04397944d","signature":"9449863ba8d0e429d0034c7096ce37580c31bd4edcad82a3ec7c1f018a5121f4"},{"version":"f511ed30a3ed07caf0abeca83a828c4d9ec165d04bb73b1675cea1057a92af4c","signature":"c881d668b0fea5268dc5f9079d2096a38ecf534302f004c6014efca924e62e02"},"17ba37edf3880f01fcb1df4852585d8d878b1bf38c6c1a3a63dd2d0167fd96f2","15936ebb5915610316dd090e0ec3943844a278f9240051e7ccf0bfb21671d16c","f1b5f2fceffe9376777f649d7720811c523afe7efafb9da42465b4774e17880b",{"version":"5d57d0f67101a4d8e7200b013c7aeb7e7d16ef7054b417ac7cf157d7a7d25753","signature":"aac44dbfb4b1bba95adb099e2bbb6b2c6199c4e4905b45b1b2fd9e7488d58e80"},"403ed1d3290dad74407b6d87bb19499f24f2d98ba1e6d580469eb68b62749e79",{"version":"17665d1b6801de6b813c879e1f1feb5ed1989eeaed98aaab33a9f37e5db455ab","signature":"1c4f73c658f99b7ac350b45d113fa3763026b9793d3708ebfd3c18dc62709f85"},{"version":"fef85778562d016907e5d2025b167ecd81786fde35541da859e89614c8e8f581","signature":"85b8c02bcfe2d2a1a0b645fe064e0677f26158a9ee3a12dc4602847dbe7c787c"},"097e5c625e9cfc181e0075e3a40bf8fc616715eafe08004f4ed9f7d518e13690",{"version":"a2d853de76d1e8e181bf7f290245ef6c275edd7a12f4010d036d71b8537669d5","signature":"fde286c76ef08a6d06a5aa75c37c77f85df0c074ca6db366be55fa1844ec14e9"},{"version":"c1239a4e6eae346423f421fdc6ea71e7325e4a780cc1d3f059593b752f1657ea","signature":"695f5bc4abcb3eb847cea41004016a3961dc4ab44305536928f155f694e55cd8"},"e561d6ad8d43b2d126bfa52fdd4053eaf511ad2ca1f0011913bcea934d62d89e",{"version":"2c3638fd69bc777a35dcb89689e408219f9902e0c4cef3672387dbbcdb6cf8c6","signature":"a011e471bf69639efe2c98c68fbe64956924e799f8ac2a8001c33585ac47a42d"},{"version":"ab69134ef314e745dbb2295232cdcbc8dfd96c7b43f1058a2c2a063028c33654","signature":"aaad08ff87506a6a35ecc8d929818496a66034ffe22314d938176d5654c3e588"},"fac430081a73546c93403de09e9fbdf174ab001dfafd63b536d2ebbe16a9e12a",{"version":"6d7bbd31c959dbc82a1aaa78c058815c3e4a026cfcd829b42c176cfad5d3cab0","signature":"160366b0441bb2c16ace608dc395041db2a66e9ed391558eb8be0f7feff628bc"},{"version":"5b1329323cc954602cbf23937047b8b12a780108d063512a16bd37e18be4e385","signature":"6bfbe7ed3e064436cdbe7120f257fc0b81e345d9465a426f95ef30889a408b9c"},{"version":"e887db322f0d530fb4099e78deb363d3e91120758b7e5f0e222da44552db17c1","signature":"1610abf5b862e7a6b2900d94ac115435382285fd70e3e4ceee9a5f7aa82c2c9f"},"d4088329253f57184d9fd05a79a3f7c4f932b7cfaa593e5ac77d0a74de8b1b97",{"version":"1a2efd0f0f3d3597c4a4a799496df5d5cd44bdf15ce22ef5c914d332bb5fc3ca","signature":"e84e05c9ce28792ad3c205a5b1e32348f9e236deb496d48941325a39e5a6a62d"},"b102041c1a4f97e9ca7c949a7ca4bd8a47df90d4975918dadb50c954e7e10aee","164a43e72d465f7c6c8834a0546c18d2c34fc1f3845fe983b0b284a4234c9e02","591a33c68cbdf6da7404b749a5902bffae04debb59fe0c9da176ec671e9a6758","c4a20ffa82094d2e36898b2fc698755dbdba3cf94de9a53366c5121510b823f7",{"version":"36323772598fdde9757470b71d0610eb6bc00e4fe05690ace2323450368cfd29","signature":"225ec11827cc85aa128edda085ecf70e45e33e0ffda847f4e851e7c9cac8bb71"},"fdce8803a2938d239cf75d272657817ce9e4aafed827d463069b654dc5298ae2",{"version":"314ea3def8aacef00a8b0ae99cd4c7ed2c9a02b4a2e0d28b2cd735c0c59763f2","signature":"6ae9e00f95093e1fe11eafe7f593a5531190d2e6411de7952a676727f74ccdbb"},{"version":"0ce9e25bdc4f5956d678254bfa4c07628763c30116feae9003a13c8854eb2576","signature":"0f16182d8e8aa7268d98815f4d6a1b0b7f4457910d8123c74c58976d95bab64f"},{"version":"775e28383548a712976f43c372a5a3e72f577a3ef1a8e9b6cd535c644377383e","signature":"ca85be8f5b2f08e1b756be9a4eeb93ca3238e12cb7527235e43213839ed93fdd"},{"version":"636d834b020476adf4dbea1bfc3c21589d1e427d6edb650313662e04b50d32fc","signature":"dae1ebd68ec0c97f4b8c1bbf3ca640122bbdbd2ab4bb56a72391cdd9be18d02a"},"47143e488364d5e3b94c81d4fe32872f899ac04c13071aa7f2d9f7353bd5db17","67383090059e9d6e4f8bf568600e5e6baa05943c1598c7805735bffb5a7ab0da","e2bd04f3b4648503ecf4f45e41b795dcc039da955f5c6f122ca0bec0889c55ec","1023065560c290e9e9e28d9b38c886dbbadc6907d137a54a0b6f270463bbaf63","cc9ba65ccf8d28927d55cf0061cac5c7ddffde9d998e53c2f936a98ec3f36f0a","8af9f15071d9528ae223ac37bc1ed27d900ed81e468db9fca4bb1f3ce571cb7e",{"version":"9277b0000231b910fe41b419710a5724cf8192fcb2584635e1bddd2fd05767a5","signature":"2cc743b624d6891f9275f11f76fedfe235af04641c806e7dc65e55740db4dd29"},{"version":"0cda8dac6bcfc72ccee5c52cb2ec4906642c144494e33eab3eddc48ded139aba","signature":"2cc743b624d6891f9275f11f76fedfe235af04641c806e7dc65e55740db4dd29"},{"version":"1d70a1596927eaefa80eb4988217b236f8623fe11551085fe0c927cf8b2a819c","signature":"2cc743b624d6891f9275f11f76fedfe235af04641c806e7dc65e55740db4dd29"},{"version":"154a92a9b7be848acee9ae6804a0ef953f170a9d4c6ad36128c29f9071886a73","signature":"2cc743b624d6891f9275f11f76fedfe235af04641c806e7dc65e55740db4dd29"},{"version":"54291637a0ce8af4f6452d01cf53142bc63554d70cf28adc6659a71c8c3bef81","signature":"2cc743b624d6891f9275f11f76fedfe235af04641c806e7dc65e55740db4dd29"},{"version":"642dc2a6de9a30312c2fa863a0d90507e84a14a10da2ac99938c92b48597dbe5","signature":"2cc743b624d6891f9275f11f76fedfe235af04641c806e7dc65e55740db4dd29"},{"version":"4d78930bac81ad66be7e0773a6c6e71d83cebc0b48c0ea3aae58a37fb078dc9f","signature":"2cc743b624d6891f9275f11f76fedfe235af04641c806e7dc65e55740db4dd29"},{"version":"80481ba4c961a0a0ba3e42fa1ec0433b63a12499e625166bbd5fd4c059bc34b5","signature":"2cc743b624d6891f9275f11f76fedfe235af04641c806e7dc65e55740db4dd29"},{"version":"52e1dfc811b98003d8d9402ae99adfd30ee7259b56a0295a6226b6c4fd06911d","signature":"2cc743b624d6891f9275f11f76fedfe235af04641c806e7dc65e55740db4dd29"},{"version":"5858f6a255837f861e9fa35dbba88778366f3f1757593bfd621ee87815e490a5","signature":"2cc743b624d6891f9275f11f76fedfe235af04641c806e7dc65e55740db4dd29"},{"version":"edd68693a9c852adf2b16aa78d3e9fcde91ef0e9467b55ec7a53976dbb41b797","signature":"2cc743b624d6891f9275f11f76fedfe235af04641c806e7dc65e55740db4dd29"},{"version":"4df3f57782baae583e0fa8c76eb71c51f0bb6675571b5e4f9d424afb53efec19","signature":"2cc743b624d6891f9275f11f76fedfe235af04641c806e7dc65e55740db4dd29"},{"version":"d13fe8db36bfa26ae0433ad67d59d267a7ee3ee64a961ead5fbb2f575d21c86e","signature":"2cc743b624d6891f9275f11f76fedfe235af04641c806e7dc65e55740db4dd29"},{"version":"6596059ffc3e9829457e14d81db203cee40ca8e5706366815a776565b5656638","signature":"2cc743b624d6891f9275f11f76fedfe235af04641c806e7dc65e55740db4dd29"},{"version":"e634a03ad731e46931df02556ecea26567aaf622520089db8c1010b871dc0155","signature":"2cc743b624d6891f9275f11f76fedfe235af04641c806e7dc65e55740db4dd29"},{"version":"ac57e2b0946414e5be110911eacc0a848c4c9dff648daf1ec2c9ae4304469cb4","signature":"2cc743b624d6891f9275f11f76fedfe235af04641c806e7dc65e55740db4dd29"},{"version":"735a2ca80a15a29e3df7c614acd53ed684d8f9a480f1f0706b0f279fe4c9d308","signature":"2cc743b624d6891f9275f11f76fedfe235af04641c806e7dc65e55740db4dd29"},{"version":"a0460df0492a485bc207ac2e77b10d2509e66c9ff0df1380b3cd0c6d2b038f63","signature":"2cc743b624d6891f9275f11f76fedfe235af04641c806e7dc65e55740db4dd29"},{"version":"571cca7bddfb977e4d17f6b035de9cb6e33884a487864b67bb54251814a158dc","signature":"2cc743b624d6891f9275f11f76fedfe235af04641c806e7dc65e55740db4dd29"},{"version":"a6873e8bbb34c0b59d949554bb203921f796ba8acd417f84ed842c91829e8052","signature":"2cc743b624d6891f9275f11f76fedfe235af04641c806e7dc65e55740db4dd29"},{"version":"96d14f21b7652903852eef49379d04dbda28c16ed36468f8c9fa08f7c14c9538","impliedFormat":1}],"root":[408,433,[483,487],[490,492],497,501,502,[507,518],[522,593]],"options":{"allowJs":true,"esModuleInterop":true,"jsx":1,"module":99,"skipLibCheck":true,"strict":true,"target":4},"referencedMap":[[570,1],[573,2],[576,3],[577,4],[578,5],[579,6],[580,7],[581,8],[582,9],[583,10],[584,11],[574,12],[585,13],[586,14],[575,15],[587,16],[588,17],[589,18],[590,19],[591,20],[592,21],[593,22],[571,23],[572,24],[569,25],[484,26],[514,27],[509,28],[525,29],[528,30],[529,31],[531,32],[533,33],[534,34],[535,35],[537,36],[541,37],[516,38],[544,39],[543,40],[517,41],[546,42],[518,43],[547,44],[549,45],[551,46],[552,47],[553,48],[554,34],[556,49],[557,50],[510,51],[511,43],[512,52],[558,53],[502,54],[508,55],[559,28],[560,28],[501,56],[513,57],[524,58],[527,59],[530,60],[532,61],[561,62],[536,34],[542,63],[545,59],[562,64],[563,65],[564,66],[565,67],[548,68],[550,69],[566,70],[567,71],[555,72],[515,73],[507,74],[538,65],[523,65],[540,65],[526,64],[497,75],[522,76],[568,65],[539,65],[485,41],[487,77],[483,78],[490,79],[408,80],[361,81],[519,41],[520,41],[504,82],[521,83],[594,81],[142,84],[143,84],[144,85],[99,86],[145,87],[146,88],[147,89],[94,81],[97,90],[95,81],[96,81],[148,91],[149,92],[150,93],[151,94],[152,95],[153,96],[154,96],[155,97],[156,98],[157,99],[158,100],[100,81],[98,81],[159,101],[160,102],[161,103],[193,104],[162,105],[163,106],[164,107],[165,108],[166,109],[167,110],[168,111],[169,112],[170,113],[171,114],[172,114],[173,115],[174,81],[175,116],[177,117],[176,118],[178,119],[179,120],[180,121],[181,122],[182,123],[183,124],[184,125],[185,126],[186,127],[187,128],[188,129],[189,130],[190,131],[101,81],[102,81],[103,81],[141,132],[191,133],[192,134],[86,81],[198,135],[199,136],[197,41],[195,137],[196,138],[84,81],[87,139],[285,41],[506,140],[505,141],[488,81],[85,81],[467,142],[436,143],[446,143],[437,143],[447,143],[438,143],[439,143],[454,143],[453,143],[455,143],[456,143],[448,143],[440,143],[449,143],[441,143],[450,143],[442,143],[444,143],[452,144],[445,143],[451,144],[457,144],[443,143],[458,143],[463,143],[464,143],[459,143],[435,81],[465,81],[461,143],[460,143],[462,143],[466,143],[503,41],[434,145],[498,146],[473,147],[472,148],[479,149],[481,150],[477,151],[476,152],[480,148],[474,153],[482,154],[471,155],[475,156],[469,81],[470,157],[500,158],[499,159],[478,81],[93,160],[364,161],[368,162],[370,163],[219,164],[233,165],[335,166],[264,81],[338,167],[300,168],[308,169],[336,170],[220,171],[263,81],[265,172],[337,173],[240,174],[221,175],[244,174],[234,174],[204,174],[291,176],[292,177],[209,81],[288,178],[293,179],[379,180],[286,179],[380,181],[270,81],[289,182],[392,183],[391,184],[295,179],[390,81],[388,81],[389,185],[290,41],[277,186],[278,187],[287,188],[303,189],[304,190],[294,191],[272,192],[273,193],[383,194],[386,195],[251,196],[250,197],[249,198],[395,41],[248,199],[225,81],[398,81],[494,200],[493,81],[401,81],[400,41],[402,201],[200,81],[329,81],[232,202],[202,203],[352,81],[353,81],[355,81],[358,204],[354,81],[356,205],[357,205],[218,81],[231,81],[363,206],[371,207],[375,208],[214,209],[280,210],[279,81],[271,192],[299,211],[297,212],[296,81],[298,81],[302,213],[275,214],[213,215],[238,216],[326,217],[205,218],[212,219],[201,166],[340,220],[350,221],[339,81],[349,222],[239,81],[223,223],[317,224],[316,81],[323,225],[325,226],[318,227],[322,228],[324,225],[321,227],[320,225],[319,227],[260,229],[245,229],[311,230],[246,230],[207,231],[206,81],[315,232],[314,233],[313,234],[312,235],[208,236],[284,237],[301,238],[283,239],[307,240],[309,241],[306,239],[241,236],[194,81],[327,242],[266,243],[348,244],[269,245],[343,246],[211,81],[344,247],[346,248],[347,249],[330,81],[342,218],[242,250],[328,251],[351,252],[215,81],[217,81],[222,253],[310,254],[210,255],[216,81],[268,256],[267,257],[224,258],[276,259],[274,260],[226,261],[228,262],[399,81],[227,263],[229,264],[366,81],[365,81],[367,81],[397,81],[230,265],[282,41],[92,81],[305,266],[252,81],[262,267],[373,41],[382,268],[259,41],[377,179],[258,269],[360,270],[257,268],[203,81],[384,271],[255,41],[256,41],[247,81],[261,81],[254,272],[253,273],[243,274],[237,191],[345,81],[236,275],[235,81],[369,81],[281,41],[362,276],[83,81],[91,277],[88,41],[89,81],[90,81],[341,278],[334,279],[333,81],[332,280],[331,81],[372,281],[374,282],[376,283],[495,284],[378,285],[381,286],[407,287],[385,287],[406,288],[387,289],[393,290],[394,291],[396,292],[403,293],[405,81],[404,294],[359,295],[468,296],[425,297],[423,298],[424,299],[412,300],[413,298],[420,301],[411,302],[416,303],[426,81],[417,304],[422,305],[428,306],[427,307],[410,308],[418,309],[419,310],[414,311],[421,297],[415,312],[496,41],[409,81],[489,81],[431,313],[430,81],[429,81],[432,314],[81,81],[82,81],[13,81],[14,81],[16,81],[15,81],[2,81],[17,81],[18,81],[19,81],[20,81],[21,81],[22,81],[23,81],[24,81],[3,81],[25,81],[26,81],[4,81],[27,81],[31,81],[28,81],[29,81],[30,81],[32,81],[33,81],[34,81],[5,81],[35,81],[36,81],[37,81],[38,81],[6,81],[42,81],[39,81],[40,81],[41,81],[43,81],[7,81],[44,81],[49,81],[50,81],[45,81],[46,81],[47,81],[48,81],[8,81],[54,81],[51,81],[52,81],[53,81],[55,81],[9,81],[56,81],[57,81],[58,81],[60,81],[59,81],[61,81],[62,81],[10,81],[63,81],[64,81],[65,81],[11,81],[66,81],[67,81],[68,81],[69,81],[70,81],[1,81],[71,81],[72,81],[12,81],[76,81],[74,81],[79,81],[78,81],[73,81],[77,81],[75,81],[80,81],[119,315],[129,316],[118,315],[139,317],[110,318],[109,319],[138,294],[132,320],[137,321],[112,322],[126,323],[111,324],[135,325],[107,326],[106,294],[136,327],[108,328],[113,329],[114,81],[117,329],[104,81],[140,330],[130,331],[121,332],[122,333],[124,334],[120,335],[123,336],[133,294],[115,337],[116,338],[125,339],[105,340],[128,331],[127,329],[131,81],[134,341],[433,342],[486,81],[491,81],[492,145]],"affectedFilesPendingEmit":[570,573,576,577,578,579,580,581,582,583,584,574,585,586,575,587,588,589,590,591,592,593,571,572,569,484,514,509,525,528,529,531,533,534,535,537,541,516,544,543,517,546,518,547,549,551,552,553,554,556,557,510,511,512,558,502,508,559,560,501,513,524,527,530,532,561,536,542,545,562,563,564,565,548,550,566,567,555,515,507,538,523,540,526,497,522,568,539,485,487,483,490,433,486,491],"version":"5.9.3"}
\ No newline at end of file
diff --git a/dashboard/types/api.ts b/dashboard/types/api.ts
new file mode 100644
index 0000000..8c86825
--- /dev/null
+++ b/dashboard/types/api.ts
@@ -0,0 +1,279 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+export interface BotInfo {
+  name: string;
+  id: number | null;
+  guilds: number;
+  users: number;
+  commands: number;
+  latency: string;
+}
+
+export interface BotStatus {
+  user: string;
+  id: number | null;
+  latency: number;
+  guild_count: number;
+  user_count: number;
+  shards: number | null;
+}
+
+export interface GuildSummary {
+  id: number;
+  name: string;
+  icon_url: string | null;
+  owner_id: number;
+  member_count: number;
+}
+
+export interface GuildDetails {
+  id: number;
+  name: string;
+  icon: string | null;
+  owner_id: number;
+  member_count: number;
+  role_count: number;
+  channel_count: number;
+}
+
+export interface PrefixConfig {
+  guild_id: number;
+  prefix: string;
+}
+
+export interface AutomodConfig {
+  guild_id: number;
+  enabled: boolean;
+  punishments: Record<string, string>;
+  ignored_roles: number[];
+  ignored_channels: number[];
+  logging_channel: number | null;
+}
+
+export interface TicketCategory {
+  name: string;
+  emoji: string | null;
+  staff_roles: number[];
+  button_style?: number;
+  discord_category_id?: string | null;
+}
+
+export interface TicketEmbed {
+  title: string | null;
+  description: string | null;
+  color?: number | null;
+  image_url?: string | null;
+  thumbnail_url?: string | null;
+}
+
+export interface TicketConfig {
+  guild_id: string;
+  panel_channel: string | null;
+  panel_message: string | null;
+  logging_channel?: string | null;
+  closed_category?: string | null;
+  panel_type?: string;
+  embed: TicketEmbed;
+  categories: TicketCategory[];
+  staff_roles: number[];
+  open_ticket_count: number;
+}
+
+export interface LevelingEmbedStyle {
+  color: string;
+  thumbnail: boolean;
+  image: string | null;
+}
+
+export interface LevelingConfig {
+  guild_id: number;
+  enabled: boolean;
+  xp_per_message: number;
+  cooldown: number;
+  level_up_channel: number | null;
+  embed_style: LevelingEmbedStyle;
+}
+
+export interface LoggingConfig {
+  guild_id: number;
+  log_enabled: Record<string, boolean>;
+  log_channels: Record<string, number>;
+  ignore_channels: number[];
+  ignore_roles: number[];
+  ignore_users: number[];
+  auto_delete_duration: number | null;
+}
+
+// Update Request Types
+export interface PrefixUpdate {
+  prefix: string;
+}
+
+export interface AutomodUpdate {
+  enabled?: boolean;
+  punishments?: Record<string, string>;
+  ignored_roles?: number[];
+  ignored_channels?: number[];
+  logging_channel?: number;
+}
+
+export interface LevelingUpdate {
+  enabled?: boolean;
+  xp_per_message?: number;
+  cooldown?: number;
+  level_up_channel?: number;
+  embed_color?: string;
+}
+
+export interface LoggingUpdate {
+  log_enabled?: Record<string, boolean>;
+  log_channels?: Record<string, number>;
+}
+
+export interface LeaderboardEntry {
+  user_id: number;
+  name: string;
+  level: number;
+  xp: number;
+}
+
+export interface DiscordChannel {
+  id: string;
+  name: string;
+  type: string;
+}
+
+export interface DiscordRole {
+  id: string;
+  name: string;
+  color: number;
+  position: number;
+}
+
+export interface TicketUpdate {
+  panel_channel?: string | null;
+  logging_channel?: string | null;
+  closed_category?: string | null;
+  panel_type?: string;
+  embed_title?: string | null;
+  embed_description?: string | null;
+  embed_color?: number | null;
+  embed_image_url?: string | null;
+  embed_thumbnail_url?: string | null;
+  categories?: TicketCategory[];
+}
+
+export interface WelcomeEmbedData {
+  message?: string | null;
+  title?: string | null;
+  description?: string | null;
+  color?: string | null;
+  footer_text?: string | null;
+  footer_icon?: string | null;
+  author_name?: string | null;
+  author_icon?: string | null;
+  thumbnail?: string | null;
+  image?: string | null;
+}
+
+export interface WelcomeConfig {
+  guild_id: number;
+  welcome_type?: string | null;
+  welcome_message?: string | null;
+  channel_id?: string | null;
+  embed_data?: WelcomeEmbedData | null;
+  auto_delete_duration?: number | null;
+}
+
+export interface WelcomeUpdate {
+  welcome_type?: string | null;
+  welcome_message?: string | null;
+  channel_id?: number | null;
+  embed_data?: WelcomeEmbedData | null;
+  auto_delete_duration?: number | null;
+}
+
+export interface AntiNukeConfig {
+  guild_id: number;
+  status: boolean;
+  whitelisted_users?: string[];
+}
+
+export interface AntiNukeUpdate {
+  status?: boolean;
+  add_whitelist?: string;
+  remove_whitelist?: string;
+}
+
+export interface VerificationConfig {
+  guild_id: number;
+  verification_channel_id: string | null;
+  verified_role_id: string | null;
+  log_channel_id: string | null;
+  verification_method: string;
+  enabled: boolean;
+}
+
+export interface VerificationUpdate {
+  verification_channel_id?: string | null;
+  verified_role_id?: string | null;
+  log_channel_id?: string | null;
+  verification_method?: string | null;
+  enabled?: boolean | null;
+}
+
+export interface VanityRoleSetup {
+  vanity: string;
+  role_id: string;
+  log_channel_id: string;
+}
+
+export interface AutoRoleConfig {
+  guild_id: string;
+  bots: string[];
+  humans: string[];
+}
+
+export interface AutoRoleUpdate {
+  bots?: string[];
+  humans?: string[];
+}
+
+export interface AdminNodeStatus {
+  name: string;
+  status: string;
+  load: string;
+  icon: string;
+}
+
+export interface AdminStats {
+  total_users: string;
+  active_servers: string;
+  api_latency: string;
+  db_size: string;
+  nodes: AdminNodeStatus[];
+}
+
+export interface AdminConfig {
+  maintenance_mode: boolean;
+  global_notification: string | null;
+}
+
+export interface AdminConfigUpdate {
+  maintenance_mode?: boolean;
+  global_notification?: string | null;
+}
diff --git a/dashboard/types/index.ts b/dashboard/types/index.ts
new file mode 100644
index 0000000..21436e1
--- /dev/null
+++ b/dashboard/types/index.ts
@@ -0,0 +1,94 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+export interface BotInfo {
+  name: string;
+  id: number | null;
+  guilds: number;
+  users: number;
+  commands: number;
+  latency: string;
+}
+
+export interface BotStatus {
+  user: string;
+  id: number | null;
+  latency: number;
+  guild_count: number;
+  user_count: number;
+  shards: number;
+}
+
+export interface GuildSummary {
+  id: string;
+  name: string;
+  icon_url: string | null;
+  owner_id: string;
+  member_count: number;
+}
+
+export interface PrefixConfig {
+  guild_id: number;
+  prefix: string;
+}
+
+export interface AutomodConfig {
+  guild_id: number;
+  enabled: boolean;
+  punishments: Record<string, string>;
+  ignored_roles: number[];
+  ignored_channels: number[];
+  logging_channel: number | null;
+}
+
+export interface TicketConfig {
+  guild_id: number;
+  panel_channel: number | null;
+  panel_message: number | null;
+  embed: {
+    title: string | null;
+    description: string | null;
+  };
+  categories: {
+    name: string;
+    emoji: string;
+  }[];
+  staff_roles: number[];
+  open_ticket_count: number;
+}
+
+export interface LevelingConfig {
+  guild_id: number;
+  enabled: boolean;
+  xp_per_message: number;
+  cooldown: number;
+  level_up_channel: number | null;
+  embed_style: {
+    color: string;
+    thumbnail: boolean;
+    image: string | null;
+  };
+}
+
+export interface LoggingConfig {
+  guild_id: number;
+  log_enabled: Record<string, boolean>;
+  log_channels: Record<string, number>;
+  ignore_channels: number[];
+  ignore_roles: number[];
+  ignore_users: number[];
+  auto_delete_duration: number | null;
+}
diff --git a/dashboard/types/next-auth.d.ts b/dashboard/types/next-auth.d.ts
new file mode 100644
index 0000000..0f3c6ac
--- /dev/null
+++ b/dashboard/types/next-auth.d.ts
@@ -0,0 +1,26 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║   ░█▀▀░█▀█░█▀▄░█▀▀░█░█   ░█▀▄░█▀▀░█░█░█▀▀                     ║
+ * ║   ░█░░░█░█░█░█░█▀▀░▄▀▄   ░█░█░█▀▀░▀▄▀░▀▀█                     ║
+ * ║   ░▀▀▀░▀▀▀░▀▀░░▀▀▀░▀░▀   ░▀▀░░▀▀▀░░▀░░▀▀▀                     ║
+ * ║                                                                  ║
+ * ║           © 2026 CodeX Devs — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║   discord  ──  https://discord.gg/codexdev                      ║
+ * ║   youtube  ──  https://youtube.com/@CodeXDevs                   ║
+ * ║   github   ──  https://github.com/RayExo                        ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+
+import NextAuth, { DefaultSession } from "next-auth";
+
+declare module "next-auth" {
+  interface Session {
+    accessToken?: string;
+    user: {
+      id: string;
+    } & DefaultSession["user"];
+  }
+}

+ +🛡️ Security +- Antinuke — ban, kick, channel & role flood, webhook abuse, bot adds, prune +- Automod — spam, caps, links, invites, mass mentions, emoji spam +- Anti-member update protection +- Whitelist / unwhitelist system +- Emergency lockdown mode + +	+ +🎵 Music +- Lavalink v4 powered playback +- YouTube, SoundCloud, JioSaavn search +- Queue, loop, autoplay, shuffle +- Seek, rewind, forward controls +- Fully configurable via `.env` + +
+ +⚙️ Management +- Moderation — ban, kick, mute, warn, lock, jail, and more +- Full logging system +- Reaction roles, vanity roles, invite tracker +- Tickets, giveaways, verification +- Join-to-create voice channels + +	+ +🌐 Dashboard +- Discord OAuth2 login +- Per-server settings management +- Live bot stats & metrics +- Fully branded & customisable +- HTTPS via Cloudflare Tunnel (permanent URL) +- Deploys to Vercel in minutes + +
+ +🎉 Engagement +- Leveling & XP system with leaderboard +- Birthday tracker +- 12+ mini-games (chess, battleship, wordle, 2048…) +- AFK system, autorole, autoresponder, sticky messages +- Counting, blackjack, slots, booster perks + +	+ +🔧 Developer +- Application emoji auto-sync on startup +- Jishaku eval support +- Slash + prefix commands +- FastAPI backend with API key auth + rate limiting +- Cloudflare Tunnel — unlimited bandwidth, permanent URL, zero system installs +- CodeX Devs watermark on every source file + +

+ +🛡️ Antinuke +- Mass ban, kick, channel & role flood detection +- Webhook abuse, bot add, prune protection +- Anti-member update +- Whitelist / unwhitelist system +- Emergency lockdown mode + +	+ +🤖 Automod +- Anti-spam, anti-caps, anti-links +- Anti-invites, mass mention, emoji spam +- Fully configurable per server +- Works alongside Discord's native automod + +
+ +🎵 Music +- Lavalink v4 powered playback +- YouTube, SoundCloud, JioSaavn support +- Queue, loop, shuffle, autoplay +- Seek, rewind, forward controls + +	+ +⚙️ Moderation +- Ban, kick, mute, warn, lock, jail +- Snipe, message management +- Full logging system +- Reaction roles, vanity roles, invite tracker + +
+ +🎉 Engagement +- Leveling & XP with leaderboard +- Birthday tracker +- Counting, AFK, autorole, autoresponder +- Sticky messages, booster perks, giveaways + +	+ +🎮 Games +- Chess, Battleship, Connect Four +- Wordle, Typeracer, 2048, Memory +- Reaction test, RPS, Tic-tac-toe +- Country guess, Number slider, Lights out + +
+ +🌐 API Backend +- FastAPI with API key auth +- SlowAPI rate limiting +- Structured JSON request logging +- CORS configured for your dashboard domain +- `CORS_ORIGINS` env var for extra domains + +	+ +🔧 Developer +- Jishaku eval support +- Application emoji auto-sync +- Slash + prefix commands +- Cloudflare Tunnel via pycloudflared — zero system installs, unlimited traffic +- Single `OWNER_IDS` env var controls all permission checks +- CodeX Devs watermark on every source file + +

A feature-rich Discord bot paired with a sleek Next.js dashboard

ZyroX Bot — Python Discord Bot + FastAPI Backend

System Fault Detected

+ + Anti-Nuke Protection +

+ + Auto Moderation +

+ + Auto React +

Trigger #{index + 1}

How It Works

+ + Auto Role +

+ + Custom Roles +

+ + Voice Role +

Voice Role System

Voice State Role

How It Works

+ + Invite Leaderboard +

+ Rankings +

About Tracking

+ + Join to Create +

Join DM