settings.html

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Settings | Operation Void Control</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
    <script src="https://unpkg.com/feather-icons"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        void: { 900: '#050505', 800: '#0a0a0a', 700: '#121212' },
                        neon: { green: '#22c55e', orange: '#f97316', gold: '#ffd700', red: '#ef4444' }
                    },
                    fontFamily: { mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', "Liberation Mono", "Courier New", 'monospace'] }
                }
            }
        }
    </script>
</head>
<body class="bg-void-900 text-gray-300 font-sans antialiased overflow-hidden h-screen flex flex-col relative">
    <div class="absolute inset-0 z-0 pointer-events-none opacity-[0.03] pattern-metatron"></div>

    <custom-navbar></custom-navbar>

    <div class="flex flex-1 overflow-hidden relative z-10">
        <custom-sidebar></custom-sidebar>

        <main class="flex-1 overflow-y-auto p-6 md:p-8">
            <header class="mb-8 border-b border-gray-800 pb-4">
                <h1 class="text-3xl font-bold text-white tracking-wider uppercase font-mono">System Settings</h1>
                <p class="text-sm text-neon-green mt-1">Configure Clawdbot C2 parameters</p>
            </header>

            <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
                <!-- Settings Navigation -->
                <div class="lg:col-span-1">
                    <div class="bg-void-800 border border-gray-800 rounded-xl overflow-hidden">
                        <div class="p-4 border-b border-gray-700">
                            <h3 class="font-bold text-white">Categories</h3>
                        </div>
                        <nav class="p-2">
                            <a href="#" class="flex items-center gap-3 p-3 rounded-lg bg-neon-green/10 text-neon-green">
                                <i data-feather="sliders" class="w-4 h-4"></i>
                                <span>General</span>
                            </a>
                            <a href="#" class="flex items-center gap-
___METADATA_START___
{"repoId":"00Boobs00/operation-void-control","isNew":false,"userName":"00Boobs00"}
___METADATA_END___